@charset "utf-8";
/* CSS Document */

/*Init
---------------------------------------------------------*/
form,ul,ol,li,dl,dt,dd,body,h1,h2,h3,h4,p { margin:0; padding:0; }
ul { list-style:none; }
img { border:0; }
hr { display:none; }
body { font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background:url(../images/bg_body.gif) repeat-x; height:100%; color:#333; }
*html body { font-size:75%; }
*+html body { font-size:75%; }
html { height:100%; }
body > #site { height:auto; }

/*Layout
---------------------------------------------------------*/
#site {
	margin:0 auto;
	width:848px;
	background:url(../images/bg_side.gif) repeat-y;
}

#site_bg{
	background:url(../images/bg_side2.gif) no-repeat;
	padding:0 4px;
	width:840px;
}



/*Header
---------------------------------------------------------*/
#header{
	width:840px;
	height:120px;
}
	


/*Open
---------------------------------------------------------*/
#open{
	width:810px;
	padding:5px 15px 0 15px;
}
#open .leftclm{
	width:625px;
	float:left;
}

#open_term{
	float:left;
	with:252px;
	margin:0 20px 5px 0;
}

#font_size{
	width:160px;
	float:right;
}
.font_title{
	float:left;
	width:65px;
}


/*Gmenu
---------------------------------------------------------*/

#gmenu {
	 width:840px;
}

*html #gmenu { behavior: url("../common/js/csshover.htc"); }

	#gmenu li {
		 float:left;
		 width:140px;
				vertical-align:bottom;
	}
	
		#gmenu li ul {
			 display:none;
		}
		
		#gmenu li:hover ul {
			 display:block;
			 margin-top:-4px;
			 position:absolute;
			 z-index:100;
		}

		*+html #gmenu li:hover ul {
			 margin-top:39px;
			 margin-left:-143px;
			 display:block;
		}
		
		*html #gmenu li:hover ul {
			 margin-top:39px;
			 margin-left:-143px;
			 display:block;
		}
		
			#gmenu li ul li {
				 float:none;
				 margin-bottom:0px;
				 display:block;
			}
			#gmenu li ul li img {
				vertical-align:bottom;
			}
			
/*Pankuzu
---------------------------------------------------------*/
#pan { width:810px; margin-left:auto; margin-right:auto; }
#pan li { float:left; padding-right:8px; }


/*Main Container
---------------------------------------------------------*/
#main_container{
	width:810px;
	padding:15px  15px 20px 15px;
}

#main_container2{
	width:810px;
	padding:0  15px 20px 15px;
}

h2{
	margin-bottom:10px;
}

/*Footer
---------------------------------------------------------*/
#footer{
	border-top:3px #C5000F solid;
	padding:15px;
}	
#footer .logo_left{
	float:left;
	width:500px;
}

.rightclm {
	float:right;
}	

.rightclm li{
	float:left;
	margin-left:10px;
}

/*Form
---------------------------------------------------------*/
.btn_comfim {
	 background:url(../images/btn_confirm.gif) 0 0 no-repeat;
	 width:178px;
	 height:36px;
	 margin:0;
	 padding:0;
	 text-indent:-10000px;
	 cursor:pointer;
	 border:0;
	 display:block;
}

.btn_submit {
	 background:url(../images/btn_submit.gif) 0 0 no-repeat;
	 width:161px;
	 height:34px;
	 margin:0;
	 padding:0;
	 text-indent:-10000px;
	 cursor:pointer;
	 border:0;
	 display:block;
	 float:left;
}

.btn_back {
	 background:url(../images/btn_back.gif) 0 0 no-repeat;
	 width:178px;
	 height:36px;
	 margin:0;
	 padding:0;
	 text-indent:-10000px;
	 cursor:pointer;
	 border:0;
	 display:block;
	 float:right;
}

	
/*Text
---------------------------------------------------------*/
.page_top{
	text-align:right;
}	
.page_top a{
	color:#003399;
}
.color_red{
	color:#E60012;
}



/*Fonts
---------------------------------------------------------*/
.txt_s { font-size:92%; line-height:140%; }
.txt_m { font-size:100%; line-height:145%; }
.txt_l { font-size:109%; line-height:145%; }
.txt_xl { font-size:117%; line-height:150%; }

/*FontSize
---------------------------------------------------------*/
#font_size li.l { display:block; width:28px; height:28px; float:left; margin-right:3px; background:url(../images/size_l.gif) 0 0 no-repeat; text-indent:-10000px;}
#font_size li.m { display:block; width:28px; height:28px; float:left; margin-right:3px; background:url(../images/size_m_over.gif) 0 0 no-repeat; text-indent:-10000px;}
#font_size li.s { display:block; width:28px; height:28px; float:left; margin-right:3px; background:url(../images/size_s.gif) 0 0 no-repeat; text-indent:-10000px;}
#font_size li.l a { display:block; width:28px; height:28px; float:left; text-indent:-10000px;}
#font_size li.m a { display:block; width:28px; height:28px; float:left; text-indent:-10000px;}
#font_size li.s a { display:block; width:28px; height:28px; float:left; text-indent:-10000px;}


/*Margin
---------------------------------------------------------*/
.MarB5 { margin-bottom:5px; }
.MarB10 { margin-bottom:10px; }
.MarB15 { margin-bottom:15px; }
.MarB20 { margin-bottom:20px; }
.MarB25 { margin-bottom:25px; }
.MarB30 { margin-bottom:30px; }
.MarB40 { margin-bottom:40px; }


/*Clearfix
---------------------------------------------------------*/
.clear{
	clear:both;
}
.clearfix:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
.clearfix {
 _height: 1px;
 min-height: 1px;
 /*￥*//*/
 height: auto;
 overflow: hidden;
 /**/
}