@charset "UTF-8";


/*--------------------------------------
目次
	（１）初期設定リセット
	（２）全体のベース
	（３）全体の枠組み
	（４）ヘッダー
	（５）ナビゲーション
	（６）パンくず
	（７）ボディ
	（８）サイド
	（９）メイン
	（１０）フッター
---------------------------------------*/

/*--------------------------------------*/
/*（１）初期設定リセット				*/
/*--------------------------------------*/
html { color: #383838 ; background: #FFF; line-height:1.6; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,code,legend,button,textarea,th,td {margin: 0;padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dfn,var,optgroup { font-weight: normal; font-style: normal; }
fieldset,img { border: none;}
del,ins { text-decoration: none; }

li{ list-style:none;}
caption,th { text-align: left; }
td{ vertical-align:top; }
img{vertical-align:middle;}


q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline ; }
sub { vertical-align: baseline ; }
legend { color: #000000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }



/*--------------------------------------*/
/*（２）全体のベース					*/
/*--------------------------------------*/
/*共通クラス*/
.clear{ clear:both ; }
.go-to{ margin:8px ; }
.accent{ color:#f30f30 ; font-weight:normal ; }
.arrow{	padding-left:18px ;}
.arrow-sub{ padding-left:12px ;}

/*テキスト関係*/
a{ 			text-decoration:underline ;}
a:link{ 	text-decoration:underline ; color:#0066FF ;}
a:visited{ 	text-decoration:underline ; color:#0066FF ;}
a:hover{ 	text-decoration:underline ; color:#F00 ;}
a:active { 	text-decoration:underline ; color:#F00 ;}


h2{}
h3{}
h4{ font-weight:bold;}
h5{ font-weight:bold;}


.center{ text-align:center ; }
.right{  text-align:right ; }
.clear{ clear:both ;}

/*--------------------------------------*/
/*（３）全体の枠組み					*/
/*--------------------------------------*/
html{ 
	background-color:#FFF ;
	height:100% ;
	margin:0 ;
	padding:0 ; 
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size:62.5% ;
}

#all{
	height:100% ;
	margin:10px auto 0px auto;
	position:relative ;
	overflow:hidden ;
	text-align:center ;
}

html #all{
	height:auto ;
}

#body{
	width:100% ;
	height:100% ;
	margin:0px auto 0px auto;
	text-align:center ;
	font-size:1.3em  ;
}


/*--------------------------------------*/
/*（４）ヘッダー						*/
/*--------------------------------------*/
#header_section{
	width:960px ;
	margin:0 auto ;
	position:relative ;
	overflow:hidden ;
}

	/*  画像透過処理  */
	#header_section a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	
	/*  SEO  */
	#site_seo{
		width:100% ;
		position:relative ;
		text-align:left ;
		font-size:0.7em ;
		text-align:left ;
		color:#93714C ;
		text-indent:-9999em ;
	}
	
	/*  site_title  */
	#site_title{
		width:340px ;
		position:absolute ;
		top:10px ;
		left:0 ;
	}

		/*テキスト関係*/
		#site_seo a{ 			text-decoration:none ;}
		#site_seo a:link{ 		text-decoration:none ; color:#93714C ;}
		#site_seo a:visited{ 	text-decoration:none ; color:#93714C ;}
		#site_seo a:hover{ 		text-decoration:none ; color:#F00 ;}
		#site_seo a:active { 	text-decoration:none ; color:#F00 ;}


/*--------------------------------------*/
/*（４）ナビゲーション					*/
/*--------------------------------------*/
/*  全体  */
#navigation_section{
	margin:0 auto 10px auto ;
	position:relative ;
	overflow:hidden ;
	text-align:center ;
}

	#navigation_section ul{
		width:100% ;
		position:relative ;
		margin:0 ;
	}

		#navigation_section ul li{
			height:40px ;
			float:left ;
			position:relative ;
			overflow:visible ;
			margin:0px;
			background:none ;
			text-indent:-9999em ;
			list-style:none ;
		}

		#navigation_section ul li a{
			height:40px ;
			line-height:40px ;
			display: block;
			overflow:hidden;
			background:url(../../images/navigation/navigation.jpg) left no-repeat ;
		}
		
		#navigation_section ul li.navi01,
		#navigation_section ul li.navi01 a{ /*width:148px ;*/width: 176px;}
		#navigation_section ul li.navi02,
		#navigation_section ul li.navi02 a{ /*width:105px ;*/width: 132px; }
		#navigation_section ul li.navi03,
		#navigation_section ul li.navi03 a{ /*width:115px ;*/width: 142px; }
		#navigation_section ul li.navi04,
		#navigation_section ul li.navi04 a{ /*width:148px ;*/width: 176px; }
		#navigation_section ul li.navi05,
		#navigation_section ul li.navi05 a{ /*width:136px ;*/width: 164px; }
		/* #navigation_section ul li.navi06,
		#navigation_section ul li.navi06 a{ width:166px ; } */
		#navigation_section ul li.navi07,
		#navigation_section ul li.navi07 a{ /*width:142px ;*/width: 170px; }

		#navigation_section ul li a.navi01			{ background-position:0px 0;}
		#navigation_section ul li a.navi01:hover	{ background-position:0px -40px;}
		#navigation_section ul li.active a.navi01	{ background-position:0px -40px;}

		#navigation_section ul li a.navi02			{ background-position:-177px 0;}
		#navigation_section ul li a.navi02:hover	{ background-position:-177px -40px;}
		#navigation_section ul li.active a.navi02	{ background-position:-177px -40px;}

		#navigation_section ul li a.navi03			{ background-position:-309px 0;}
		#navigation_section ul li a.navi03:hover	{ background-position:-309px -40px;}
		#navigation_section ul li.active a.navi03	{ background-position:-309px -40px;}

		#navigation_section ul li a.navi04			{ background-position:-451px 0;}
		#navigation_section ul li a.navi04:hover	{ background-position:-451px -40px; }
		#navigation_section ul li.active a.navi04	{ background-position:-451px -40px;}

		#navigation_section ul li a.navi05			{ background-position:-625px 0;}
		#navigation_section ul li a.navi05:hover	{ background-position:-625px -40px;}
		#navigation_section ul li.active a.navi05	{ background-position:-625px -40px;}

		/* #navigation_section ul li a.navi06			{ background-position:-651px 0;}
		#navigation_section ul li a.navi06:hover	{ background-position:-651px -40px;}
		#navigation_section ul li.active a.navi06	{ background-position:-651px -40px;} */

		#navigation_section ul li a.navi07			{ background-position:-790px 0;}
		#navigation_section ul li a.navi07:hover	{ background-position:-790px -40px;}
		#navigation_section ul li.active a.navi07	{ background-position:-790px -40px;}


/*--------------------------------------*/
/*（５）パンくず						*/
/*--------------------------------------*/
/*  全体  */
#footprint_section{
	width:100% ;
	margin:10px auto 20px auto ;
	padding:0 ;
	position:relative ;
	text-align:center ;
	color:#666666 ;
	font-size:110% ;
	font-weight:bold ;
}

	#footprint_section p.footprint{
		width:100% ;
		position:relative ;
		margin:5px auto ;
		text-align:left ;
	}
	
		/*テキスト関係*/
		p.footprint a{ 			text-decoration:underline ;}
		p.footprint a:link{ 	text-decoration:underline ; color:#000000 ;}
		p.footprint a:visited{ 	text-decoration:underline ; color:#000000 ;}
		p.footprint a:hover{ 	text-decoration:underline ; color:#F00 ;}
		p.footprint a:active { 	text-decoration:underline ; color:#F00 ;}
	
 

/*--------------------------------------*/
/*（７）ボディ							*/
/*--------------------------------------*/
/*  全体  */
#body_section{
	width:960px ;
	margin:0 auto 10px auto ;
	padding:0 ;
	position:relative ;
	overflow:hidden ;
	text-align:center ;
}

	/*  メインバナー  */
	#main_banner{
		width:100% ;
		margin:0 auto 0 auto ;
		text-align:center ;
	}

	/*  全体  */
	#main_section{
		width:100% ;
		margin:0 auto 20px auto ;
		padding:0 ;
		position:relative ;
		text-align:center ;
	}


/*--------------------------------------*/
/*（８）サイド							*/
/*--------------------------------------*/
#side_section{
	width:280px ;
	min-height:500px ;
	float:left ;
	position:relative ;
	margin:0 0;
}

	/*  画像透過処理  */
	#side_section a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}


/*--------------------------------------*/
/*（９）メイン							*/
/*--------------------------------------*/
#contents_section{
	width:650px ;
	float:right ;
	margin:0 0 20px 0 ;
	position:relative ;
}

	/*  画像透過処理  */
	#contents_section a:hover img{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
}
#contents_section .top_img {
	margin-bottom: 10px;
}
/*  ページアップ  */
div.page_top_sub{
	clear:both ;
	width:100% ;
	margin:10px auto 30px auto ;
	position:relative ;
	text-align:right ;
}

/*  ページアップ  */
#page_under_section{
	clear:both ;
	width:100% ;
	margin:10px auto 30px auto ;
	position:relative ;
	border-top:1px dotted #333333 ;
	font-size:90% ;
}

	/*  page_top  */
	div.page_top{
		width:100% ;
		position:relative ;
		overflow:hidden ;
		text-align:right ;
		margin:10px auto ;
	}	

		/*テキスト関係*/
		div.page_top a{ 			text-decoration:none ;}
		div.page_top a:link{ 		text-decoration:none ; color:#633 ;}
		div.page_top a:visited{ 	text-decoration:none ; color:#633 ;}
		div.page_top a:hover{ 		text-decoration:none ; color:#FF0000 ;}
		div.page_top a:active { 	text-decoration:none ; color:#FF0000 ;}



/*--------------------------------------*/
/*（１０）フッター						*/
/*--------------------------------------*/
#footer_section{
	clear:both ;
	width:960px ;
	margin:10px auto 20px auto ;
	position:relative ;
	overflow:hidden ;
	background:#FFFFFF ;
	border-top:3px solid #5A5859 ;
	border-bottom:1px solid #5A5859 ;
	color:#000000 ;
}

	#footer_wrap{
		clear:both ;
		width:100% ;
		margin:0 auto 10px auto ;
		position:relative ;
		overflow:hidden ;
		color:#333333 ;
	}
	
		/*  フッターテキスト  */
		#footer_note{
			width:99% ;
			position:relative ;
			overflow:hidden ;
			margin:20px auto 10px auto ;
			text-align:left ;
		}

		/*  フッターコピーライト  */
		#footer_copylight{
			width:99% ;
			position:relative ;
			overflow:hidden ;
			margin:10px auto 10px auto ;
			text-align:left ;
		}

		/*テキスト関係*/
		#footer_wrap a{ 			text-decoration:none ;}
		#footer_wrap a:link{ 		text-decoration:none ; color:#333333 ;}
		#footer_wrap a:visited{ 	text-decoration:none ; color:#333333 ;}
		#footer_wrap a:hover{ 		text-decoration:none ; color:#F00 ;}
		#footer_wrap a:active { 	text-decoration:none ; color:#F00 ;}