@charset "utf-8";
/* CSS Document */

/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
	margin: 0;
 	padding: 0;
	color:#55402A;
	font-size:small;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	background:#FFF url(../img/top_bg_body.jpg) repeat-x;
}

#container_outbox {
	width:838px;
	color:#55402A;
	background:#FFFFFF url(../img/top_bg_conts_838.jpg) repeat-y;
	margin:0 auto;
	}


#container {
	padding-left:14px;
	color:#55402A;
}

#header {
	padding: 0;
	width:810px;
	height:136px;
}


#contentwrapper {
	float:left;
	width:810px;
}

#maincol {
 	float: left;
 	width: 570px;
	padding: 0;
	margin:10px 0 0 0;
}

#subcol {
	float:right;
	width:230px;
	margin: 15px 0 0 0;
	padding: 0;
}

#conts {
	float:left;
	width:742px;
	margin:15px 0 0 0;
}


#leftmenu {
	float:left;
	width:180px;
	margin:0;
	background-color:#F9F5EE;
	border:1px solid #F7EAE1;
}

#subsec {
	float:right;
	width:552px;
	margin:0;
}


#footer {
	text-align:center;
    width: 982px;
	padding:15px 0;
}



/* ヘッダ
---------------------------------------------------- */

#header #ttl {
	width:810px;
	padding: 0 ;
	height:18px;
}

h1 {
	font-size: 11px;
	font-weight: 100;
	color: #4C371F;
	padding: 3px 5px 2px;
	text-align:left;
	height:18px;
	background-image:url(../img/h_h1.jpg);
	background-repeat:repeat-x;
	margin:0;
}


#header #logo_s{
	padding: 10px 5px 0;
	width:810px;
	height:80px;
	margin:0;
}

#header #logo_s .left{
	margin-right:10px;
	float:left;
	width:250px;
}

#header #logo_s .center{
	padding: 10px 5px;
	margin:0;
	float:left;
	width:132px;
}

#header #logo_s .right{
	padding: 10px 0 ;
	margin:0 0 0 10px;
	float:left;
	width:393px;
}


/* グローバルナビゲーション
---------------------------------------------------- */

#header ul#nav {
	margin: 0;
	width:810px;
	height:28px;
	padding:0;
}

#header ul#nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
 	text-indent: -9999px;
	width:810px;
	height:28px;
	float:left;
}

#header ul#nav li a {
 	display: block;
 	padding: 0;
 	height: 28px;
 	text-decoration: none;
	background-image:url(../img/nav_items_810.jpg) ;
	background-repeat: no-repeat;
}

#header ul#nav li#nav01 { width: 115px; }
#header ul#nav li#nav02 { width: 115px; }
#header ul#nav li#nav03 { width: 115px; }
#header ul#nav li#nav04 { width: 115px; }
#header ul#nav li#nav05 { width: 120px; }
#header ul#nav li#nav06 { width: 115px; }
#header ul#nav li#nav07 { width: 115px; }


#header ul#nav li#nav01 a { background-position:      0 0; }
#header ul#nav li#nav02 a { background-position: -115px 0; }
#header ul#nav li#nav03 a { background-position: -230px 0; }
#header ul#nav li#nav04 a { background-position: -345px 0; }
#header ul#nav li#nav05 a { background-position: -460px 0; }
#header ul#nav li#nav06 a { background-position: -580px 0; }
#header ul#nav li#nav07 a { background-position: -695px 0; }


#header ul#nav li#nav01 a:hover	{ background-position:      0 50%; }
#header ul#nav li#nav02 a:hover { background-position: -115px 50%; }
#header ul#nav li#nav03 a:hover	{ background-position: -230px 50%; }
#header ul#nav li#nav04 a:hover	{ background-position: -345px 50%; }
#header ul#nav li#nav05 a:hover	{ background-position: -460px 50%; }
#header ul#nav li#nav06 a:hover	{ background-position: -580px 50%; }
#header ul#nav li#nav07 a:hover	{ background-position: -695px 50%; }


#header ul#nav li#nav01 a.stay	{ background-position:      0 100%; }
#header ul#nav li#nav02 a.stay	{ background-position: -115px 100%; }
#header ul#nav li#nav03 a.stay	{ background-position: -230px 100%; }
#header ul#nav li#nav04 a.stay	{ background-position: -345px 100%; }
#header ul#nav li#nav05 a.stay	{ background-position: -460px 100%; }
#header ul#nav li#nav06 a.stay	{ background-position: -580px 100%; }
#header ul#nav li#nav07 a.stay	{ background-position: -695px 100%; }




/* フッタ
---------------------------------------------------- */
#footer {
	width:810px;
	clear:both;
	text-align: center;
 	font-size: x-small;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	display:inline-table;
	line-height:19px;
}


/* リンク
---------------------------------------------------- */
A {
	TEXT-DECORATION: underline;
	color:#645946;

}
A:hover {
	TEXT-DECORATION: none;

}

