@charset "UTF-8";

/*-----------------------
coded by sure at 2009-05-20
-------------------------*/

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.FONT */
/* 3.LAYOUT */
/* 4. */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

html{
	height:100%;
	}
body {
	line-height:1.5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #010101;
	background:url(../images/bg-body.gif) repeat;
	height:100%;
	}

a{
	outline:none;
	color:#000000;
	text-decoration:underline;
	}
a:hover{
	color:#dd0033;
	text-decoration:none;
	}

img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	td,th{
		border:none;
		}
	
ul li{list-style:none;}		

/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;}

.mb-0{
	margin-bottom:0 !important;
	}
.mb-15{
	margin-bottom:15px !important;
	}
.mb-20{
	margin-bottom:20px !important;
	}
.mb-40{
	margin-bottom:40px !important;
	}
.mt-15{
	margin-top:15px !important;
	}
.mr-0{
	margin-right:0 !important;
	}
.pb-0{
	padding-bottom:0 !important;
	}
.pr-0{
	padding-right:0 !important;
	}


/* 2.FONT(base12px)
====================================================================================================== */
/* modern brawzer
---------------------------*/
html body{	
	font-size:12px;}
html body .semilarge{
	font-size:14px;}
html body .large{
	font-size:16px;}
html body .small{
	font-size:10px;}
	
html body h1,
html body h2,
html body h3,
html body h4,
html body h5{	
	font-size:12px;
	font-weight:normal !important;}


/* 3.LAYOUT
====================================================================================================== */
#container{
	width:1000px;
	margin:0 auto;
	padding:0 10px 10px;
	background:url(../images/bg-contents.gif) repeat-y;
	min-height:100%;
	height:auto !important;
	height:100%;
	}

#header{
	width:1000px;
	}
		

#pagebody{
	width:1000px;
	}
	#alpha{
		width:580px;
		position:relative;
		float:left;
		padding-left:210px;
		}
		.ul-leftmenu{
			width:200px;
			position:absolute;
			top:0;
			left:0;
			}
		.mmf_bnr{
			width:200px;
			position:absolute;
			top:335px;
			left:0;}
	#beta{
		width:200px;
		float:right;
		}
		#beta p{
			margin-bottom:10px;
			}



#footer{	
	clear:left;
	background:#330000 url(../images/bg-footer-t.gif) no-repeat top;
	margin:0 10px;
	width:980px;
	padding-top:5px;
	position:relative;
	}
	.footer-inner{
		background:#330000 url(../images/bg-footer-b.gif) no-repeat bottom;
		padding:0 10px 5px 3px;
		}
	.ul-footerlink{
		width:auto;
		}
	.ul-footerlink li{
		display:inline;
		color:#fff;
		}
	.ul-footerlink li a{
		text-decoration:none;
		color:#fff;
		margin:0 7px;
		}
		.ul-footerlink li a:hover{
			text-decoration:underline;
			}
	.copy{
		position:absolute;
		width:181px;
		top:8px;
		right:10px;
		}

/* 4.
====================================================================================================== */
#header h2, #header p{
	margin-bottom:10px;
	}


.content-nav{
	text-align:center;
	}
	
#pagebody{
	min-height:335px;
	height:auto!important;
	height:335px;
	}	
.totop{
	text-align:right;
	padding:60px 0 16px;
	}
	.totop a{
		background:url(../images/icn-arrow_t.gif) no-repeat left center;
		padding-left:20px;
		}