/*=====================================

common setting

=====================================*/

*{
	margin:0;
	padding:0;
}
html {
	
	overflow-x: auto;
}
body {
	font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS P Gothic","Osaka",Lucida ;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 100%;
	line-break: strict;
	background:#FAFAFA;
	color: #111;
	overflow-x:hidden;
	min-width: 958px;
	height:100%;
}

h1,h2,h3,ul,ol,li,p,dl,dt,dd,strong,small,a,table,th,td,address,img,form{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style: none;
}
img {
	border: 0;
	line-height: 0;
}
em {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
}



a:link { color:#948E86; text-decoration:none; }
a:active { color:#948E86; text-decoration:none; }
a:visited { color:#948E86; text-decoration:none; }
a:hover { color:#948E86; text-decoration:underline; }

/*------------------------------------

margin setting

--------------------------------------*/
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt25 { margin-top: 25px !important;}
.mt35 { margin-top: 35px !important;}

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb11 { margin-bottom: 11px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }

.mr00 { margin-right: 0 !important; }
.mr03 { margin-right: 3px !important; }
.mr08 { margin-right: 8px !important; }

.ml03 { margin-left: 3px !important; }
.ml15 { margin-left: 15px !important; }
.ml40 { margin-left: 40px !important; }

.pb35 { padding-bottom: 35px !important; }

.pr05{ padding-right: 5px !important; }
.pr10{ padding-right: 10px !important; }
.pr14{ padding-right: 14px !important; }
.pr15{ padding-right: 15px !important; }
.pr16{ padding-right: 16px !important; }
.pr20{ padding-right: 20px !important; }
.pr25{ padding-right: 25px !important; }

.pt03 { padding-top: 3px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt14 { padding-top: 14px !important; }
.pt17 { padding-top: 17px !important; }
.pt20 { padding-top: 20px !important; }
.pt22 { padding-top: 22px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
/*------------------------------------

other setting

--------------------------------------*/

.red { color:#f00; }
.blue { color: #006ab5 }
.bold { font-weight: bold; }

.bg01{background-color: #f0f0f0;}


/* clearfix */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/*------------------------------------

wrapper

--------------------------------------*/
#main_wrapper{
	height:540px;
	background:#ffffff;
	text-align:left;
	
}

#wrapper{
}

#wrapper2{
	width:950px;
	margin:0 auto;
}

#content_wrapper{
	margin:0 auto; 
	width:950px;
}



/*------------------------------------

header

--------------------------------------*/

#header_wrapper{
	width:956px;
	position: relative;
	top:15px;
	z-index:13000;
	margin:0 auto;
	/*left: 271px;*/
}

* html #header_wrapper{
	width:956px;
	position:absolute;
	top:15px;
	left: 271px;
}

#header_wrapper .logo_area{
	float:left;
	display: inline;
}
#header_wrapper h1{
	float:left;
	display: inline;
	font-size: 70%;
	color: #828282;
	margin-top: 15px;
	margin-left: 20px;
}
#header_wrapper .fontsize{
	width:155px;
	height: 27px;
	float:right;
	margin:3px 3px 0 0;
	display: inline;
}

#header_wrapper .fontsize ul#textSize{
	width:155px;
}

#header_wrapper .fontsize ul#textSize li{
	float:left;
	display:block;
}


#header_wrapper ul#gnavi_area{
	width:956px;
}

#header_wrapper ul#gnavi_area li{
	float:left;
	display:block;
}

#header_wrapper ul#gnavi_area li.na1{
	width:193px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header_wrapper ul#gnavi_area li.na2{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header_wrapper ul#gnavi_area li.na3{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header_wrapper ul#gnavi_area li.na4{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header_wrapper ul#gnavi_area li.na5{
	width:193px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header_wrapper ul#gnavi_area li.na1 a{
	width:193px;
	height:52px;
	text-indent:-9999px;
	display:block;
	background:url(../images/gnavi/top_g_navi01_off.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na2 a{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
	background:url(../images/gnavi/top_g_navi02_off.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na3 a{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
	background:url(../images/gnavi/top_g_navi03_off.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na4 a{
	width:190px;
	height:52px;
	text-indent:-9999px;
	display:block;
	background:url(../images/gnavi/top_g_navi04_off.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na5 a{
	width:193px;
	height:52px;
	text-indent:-9999px;
	display:block;
	background:url(../images/gnavi/top_g_navi05_off.png) left top no-repeat; 
}


#header_wrapper ul#gnavi_area li.na1 a:hover{
	background:url(../images/gnavi/top_g_navi01_on.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na2 a:hover{
	background:url(../images/gnavi/top_g_navi02_on.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na3 a:hover{
	background:url(../images/gnavi/top_g_navi03_on.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na4 a:hover{
	background:url(../images/gnavi/top_g_navi04_on.png) left top no-repeat; 
}

#header_wrapper ul#gnavi_area li.na5 a:hover{
	background:url(../images/gnavi/top_g_navi05_on.png) left top no-repeat; 
}
/*-------------------------------

footer_gnavi

----------------------------------*/
#fgnavi_wrapper{
	width:950px;
	margin:0 auto;
}

#fgnavi_wrapper ul.gnavi_area{
	width:950px;
}

#fgnavi_wrapper ul.gnavi_area li{
	float:left;
	display:block;
}

/*-------------------------------

footer

----------------------------------*/
#footer_wrapper{
	height:96px;
	background:#4f3926;
}

#footer_wrapper .footer_box{
	width:950px;
	margin:0 auto;
	position:relative;
}

#footer_wrapper .footer_box ul.footer_btn{
	width:305px;
	position:absolute;
	left: 17px;
	top: 40px;
}

#footer_wrapper .footer_box ul.footer_btn li{
	display:block;
	margin-right:15px;
	float:left;
}

#footer_wrapper .footer_box .logo{
	position:absolute;
	top:32px;
	left:382px;
	
}

#footer_wrapper .footer_box .copyright{
	position:absolute;
	top:41px;
	left:647px;
}