@charset "utf-8";
/* CSS Document */


/*----------- base --------------*/

/*-----------  基本設定 -------------- */

html {   /* FFスクロールバー対策 */
    overflow-y:scroll;   
} 


body{
	margin:0;
	padding: 0;
	background-color: #f3ede2;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴＰｒｏＷ３", sans-serif;
	line-height:1.7;
	color:#333333;
}


body{
	font-size: 75%; /* IE */
}

html>/**/body {
	font-size: 12px;/* Except IE */
}

a{
	text-decoration:underline;
	color:#004018;
}

a:hover{
  	text-decoration:none;
	color:#004018;
}

/* Start clearFix */
.clearfix:after {
	font-size: 1px;
	color: #ffffff;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
.clearfix {
	zoom: 1;
	}
/* End clearFix */



.arrow02{
	margin-bottom:2px;
	margin-right:2px;
}
/*-----------  文字設定 -------------- */

.t-indent01{ /*１字字下げ*/
	text-indent: 1em;
}

.t-bolder{ /*テキストをボールドにする*/
	font-weight:bolder;
}

.f_size80{
	font-size:80%;
}

.f_size90{
	font-size:90%;
}

.f_size110{
	font-size:110%;
}

.f_size120{
	font-size:120%;
}

.f_size130{
	font-size:130%;
}

.f_size140{
	font-size:140%;
}

.f_size150{
	font-size:150%;
}

.f_large{ /*大きい文字に使用*/
	font-size:120%;
	line-height:1.4;
}

.color01{
	color:#ff3300;
}

.color02{
	color:#0000ff;
}

li.indent01{
	display:block;
	margin-left:7px;
	text-indent:-7px;

}

span.kome{
	display:block;
	margin-left:1em;
	text-indent:-1em;

}

span.kome03{
	display:block;
	margin-left:3em;
	text-indent:-3em;

}
span.nakaguro{
	display:block;
	margin-left:0.5em;
	text-indent:-0.5em;

}



/*----------- 位置設定 -------------- */

.m-top05 {
	margin-top:5px;
}

.m-top10 {
	margin-top:10px;
}

.m-top15 {
	margin-top:15px;
}

.m-top20 {
	margin-top:20px;
}

.m-top30 {
	margin-top:30px;
}

.m-top40 {
	margin-top:40px;
}

.m-top50 {
	margin-top:50px;
}

.m-top60 {
	margin-top:60px;
}

.m-top80 {
	margin-top:80px;
}

.m-top90 {
	margin-top:90px;
}

.m-top100 {
	margin-top:100px;
}

.m-bottom05 {
	margin-bottom:5px;
}
	
.m-bottom10 {
	margin-bottom:10px;
}

.m-bottom15 {
	margin-bottom:15px;
}

.m-bottom20 {
	margin-bottom:20px;
}

.m-bottom25 {
	margin-bottom:25px;
}

.m-bottom30 {
	margin-bottom:30px;
}

.m-bottom35 {
	margin-bottom:35px;
}
	
.m-bottom40 {
	margin-bottom:40px;
}

.m-bottom50 {
	margin-bottom:50px;
}

.m-bottom55 {
	margin-bottom:55px;
}

.m-bottom60 {
	margin-bottom:60px;
}


.m-left05 {
	margin-left:5px;
}

.m-left10 {
	margin-left:10px;
}

.m-left15 {
	margin-left:15px;
}

.m-left20 {
	margin-left:20px;
}

.m-left25 {
	margin-left:25px;
}

.m-left30 {
	margin-left:30px;
}

.m-left40 {
	margin-left:40px;
}

.m-left50 {
	margin-left:50px;
}

.m-left60 {
	margin-left:60px;
}

.m-left70 {
	margin-left:70px;
}

.m-left80 {
	margin-left:80px;
}
.m-left90 {
	margin-left:90px;
}

.m-left100 {
	margin-left:100px;
}
.m-left130 {
	margin-left:130px;
}
.m-left140 {
	margin-left:140px;
}
.m-left150 {
	margin-left:150px;
}



.m-right05{
	margin-right:5px;
}

.m-right10{
	margin-right:10px;
}

.m-right15 {
	margin-right:15px;
}

.m-right20 {
	margin-right:20px;
}

.m-right25 {
	margin-right:25px;
}

.m-right30 {
	margin-right:30px;
}

.m-right40 {
	margin-right:40px;
}

.m-right50 {
	margin-right:50px;
}

.m-right60 {
	margin-right:60px;
}


.p-top05 {
	padding-top:5px;
}

.p-top10 {
	padding-top:10px;
}

.p-top15 {
	padding-top:15px;
}	


.p-bottom05 {
	padding-bottom:5px;
}

.p-bottom10 {
	padding-bottom:10px;
}

.p-bottom15 {
	padding-bottom:15px;
}

.p-bottom20 {
	padding-bottom:20px;
}

.p-bottom25 {
	padding-bottom:25px;
}

.p-bottom30 {
	padding-bottom:30px;
}

.p-bottom35 {
	padding-bottom:35px;
}

.p-bottom40 {
	padding-bottom:40px;
}

.p-bottom45 {
	padding-bottom:45px;
}

.p-left05 {
	padding-left:05px;
}

.p-left10 {
	padding-left:10px;
}

.p-left15 {
	padding-left:15px;
}

.p-left20 {
	padding-left:20px;
}

.p-left25 {
	padding-left:25px;
}
	
.p-left30 {
	padding-left:30px;
}

.p-left40 {
	padding-left:40px;
}

.p-left50 {
	padding-left:50px;
}

.p-right05 {
	padding-right:5px;
}

.p-right10 {
	padding-right:10px;
}

.p-right20 {
	padding-right:20px;
} 

.p-right30 {
	padding-right:30px;
}

.p-right40 {
	padding-right:40px;
}

.p-right50 {
	padding-right:50px;
}

.p-right100 {
	padding-right:100px;
}


.t-center {
	text-align:center;
}

.t-left {
	text-align:left;
}
	
.t-right {
	text-align:right;
}

.t_spacing05 {
	letter-spacing: 0.5em;
}
.t_spacing10 {
	letter-spacing: 1.0em;
}
.t_spacing20 {
	letter-spacing: 2.0em;
}

.fl_left{
	float:left;
}

.fl_right{
	float:right;
}


/*=============================
　container
=============================*/
#container{
	width:950px;
	margin:0;
	padding:0;
	background-color: #ffffff;
	border-right:solid 1px #CCC;
}

/*=============================
　header
=============================*/


#header{
	/*background-color: #ff3300;DEBUG*/

	height:167px;
	margin:0;
	position:relative;
}

#header h1{
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
}

/*=============================
　sitemapnavi
=============================*/
#sitemapnavi{
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	top:96px;
	right:12px;
	width:175px;
	height:15px;
}

#sitemapnavi li{
	display:inline;
	margin-right:10px;
}

/*=============================
　headernavi
=============================*/
#headernavi{
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	top:96px;
	right:8px;
	width:452px;
	height:15px;
}

#headernavi li{
	display:inline;
	margin-right:12px;
}





/*=============================
　globalnavi
=============================*/

#globalnavi{
	position:absolute;
	top:130px;
	right:0px;
	width:950px;
}

#globalnavi ul li{
	float:left;
}


/*oumi kokomade*/


/*=============================
　breadcrumbs
=============================*/
#breadcrumbs{
	/*background-color:#003300;DEBUG*/
	width:950px;
	height:56px;
	/*font-size:80%;*/
}

#breadcrumbs ul{
	margin-left:20px;
	padding-top:23px;
}


#breadcrumbs li{
	display:inline;
}

#breadcrumbs li a{
	margin:0;
	padding:0;
}

#breadcrumbs li span{
	margin:0 6px;
}


/*=============================
　content
=============================*/

#content{
	width:950px;
}


/*=============================
　sidearea
=============================*/

#sidearea{
	/*background-color:#ff3300;DEBUG*/
	width:200px;
	float:left;
	padding-left:20px;
	margin-right:20px;
}

#sidearea li{
	/*background-color:#00ff00;DEBUG*/
	width:200px;
	height:41px;
	background:url(../img/submenu_off.gif) top left no-repeat;
}
#sidearea li.rollon{
	background-color:#00ff00;/*DEBUG*/
	width:200px;
	height:41px;
	background:url(../img/submenu_on.gif) top left no-repeat;
}
#sidearea li a{
	/*background-color:#00ff00;DEBUG*/
	text-decoration:none;
	display:block;
	width:184px;
	height:29px;
	color:#000;
	padding-top:12px;
	padding-left:16px;
}
#sidearea li a:hover{
	color:#000;
	background:url(../img/submenu_on.gif) top left no-repeat;
}
* html #sidearea li a{
	width:184px;
	height:29px;
}

#sidearea li.snavi02 a{
	line-height:14px;
	padding-top:7px;
}

#sidearea li.snavi03 a{
	line-height:11px;
	padding-top:4px;
	font-size:80%;
}

/*=============================
　mainarea
=============================*/

#mainarea{
	/*background-color:#0000ff;DEBUG*/
	width:690px;
	float:left;
}

#mainarea h2{
	margin-bottom:20px;
}

/*=============================
　footer
=============================*/

#footer{
	clear:both;
	width:929px;
	margin:0;
	padding-top:90px;
	padding-left:20px;
	background:#FFF;
	color:#666666;
}

#footer a{
	text-decoration:none;
	color:#666666;

}

#footer a:hover{
	text-decoration:underline;

}


#return_top{
	position:relative;
}

#return_top a{
	position:absolute;
	right:14px;
	top:-21px;
}
#footer #f_banner{
	height:53px;
}

#footer #f_banner ul{
	top:6px;
	left:244px;
}


#footer #f_banner li{
	display:inline;
	height:41px;
	margin-right:24px;
}


#footer #f_privacy{
	width:910px;
	/*height:45px;*/
	height:30px;
	position:relative;
	border-top:solid 1px #CCC;
/*background-color:#ff3300;*/
}

#footer #f_privacy ul{
	position:absolute;
	left:0px;
	top:8px;
}

#footer #f_privacy ul li{
	display:inline;
	margin:0 9px 0 0;
	padding-left:10px;
	background:url(../img/arrow01.gif) 0 4px no-repeat;
}

#footer #f_privacy ul li a{
	font-size:95%;
}
#footer address{
	position:relative;
	font-size:80%;
	color:#999999;
	padding-bottom:10px;
}

#footer address span{
/*
	position:absolute;
	right:20px;
	top:-36px;
*/
}


