@charset"utf-8";


/* ==========================================
   
			Styles
			
			1.basic structure
			  1-1.background
					
			2.common styles
			
			3.header
			  3-1.navSitemap
			  3-2.navLogo
			  3-3.navMain
					
			4.contents
			  4-1.topicPath
					4-2.contents h2
					4-3.content
					
			5.footer
			  5-1.navLinks
			  5-2.navLinksSub
			  5-3.copyright
			
========================================== */




/* ==========================================
   1.basic structure
========================================== */

*{
	margin: 0px;
	padding: 0px;
}
body{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-color: #ccc;
}
#container{
	width: 800px;
	margin: 0px auto;
}
#header,
#contents,
#content,
#footer{	width: 800px;}

/* 1-1.background -------------------- */
#header,
#contents,
#content{	background-color: #FFFFFF;}
#footer{	background: url(../img/_bk-footer.jpg) no-repeat center bottom;}




/* ==========================================
   2.common styles
========================================== */

body,
#container,
#header,
#contents,
#content,
#footer{
	font-size: small;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, Arial, Helvetica, sans-serif;
	color: #454545;
}

a:link,
a:visited{	color: #74401B;	text-decoration: underline;}
a:hover,
a:active{	color: #FF0000;	text-decoration: none;}
a img {	vertical-align: top;	border: none;}

form{	margin: 0px;	padding: 0px;}
.clr{	clear: both;	float: none;}

.txtXS{	font-size: x-small;}
.txtRed{	color: #FF0000;}
.bold{	font-weight: bold;}



/* ==========================================
   3.header
========================================== */

#header{
	margin: 0px;
	padding: 0px;
	background: #8C2222;
	border-top: 3px solid #571515;
}
#header h1,
#header #navSitemap{
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.4;
}
#header h1{
	float: left;
	padding: 0px 0px 0px 10px;
	letter-spacing: 0.1em;
}

/* 3-1.navSitemap -------------------- */
#header #navSitemap{
	float: right;
	padding: 3px 8px 5px 0px;
}
/*
#header #navSitemap a:link,
#header #navSitemap a:visited{	text-decoration: none;	color: #DFC7C6;}
#header #navSitemap a:hover,
#header #navSitemap a:active{	text-decoration: underline;	color: #FFFFFF;}
*/

/* 3-2.navLogo -------------------- */
#header #navLogo{
	margin: 0px;
	padding: 0px;
	height: 38px;
	background: url(../img/_header-logo.jpg) no-repeat left bottom;
	float: left;
	width: 200px;
}
#header #navLogo a{
	display: block;
	height: 35px;
	width: 140px;
	text-indent: -9999px;
}

/* 3-3.navMain -------------------- */
#header #navMain{
	height: 40px;
	background: url(../img/nav-bk.jpg) no-repeat left top;
}
#header #navMain ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header #navMain li{
	float: left;
	display: inline;
	height: 31px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}
#header #navMain li#navM00 {	width: 58px;}
#header #navMain li#navM01 {	width: 80px;}
#header #navMain li#navM02 {	width: 225px;}
#header #navMain li#navM03 {	width: 89px;}
#header #navMain li#navM04 {	width: 98px;}
#header #navMain li#navM05 {	width: 68px;}
#header #navMain li#navM10 {	width: 90px;}




/* ==========================================
   4.contents
========================================== */

/* 4-1.topicPath -------------------- */

#contents .topicPath{
	margin: 0px auto;
	padding: 0px 0px 15px 10px;
	width: 770px;
}
#contents .topicPath ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#contents .topicPath li{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #999999;
	font-size: x-small;
}
#contents .topicPath li a:link,
#contents .topicPath li a:visited{	text-decoration: none;}
#contents .topicPath li a:hover,
#contents .topicPath li a:active{	text-decoration: underline;}

/* 4-2.contents h2 -------------------- */

.one-col #contents h2{
	float: none;
	width: 745px;
	margin: 0px auto 15px auto;
	padding: 5px 5px 3px 10px;
	border-bottom: 3px solid #987359;
	background:  url("../img/_bk-title.jpg") no-repeat left top;
	font-size: small;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
.two-col #contents h2{
	float: none;
	width: 745px;
	margin: 0px auto 15px;
	padding: 5px 5px 3px 10px;
	border-bottom: 3px solid #987359;
	background:  url("../img/_bk-title.jpg") no-repeat left top;
	font-size: small;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

/* 4-3.content -------------------- */

#contents #content{
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 40px;
}

/* one-col */
.one-col #contents #content .unit{
	padding: 0px 5px 15px;
	line-height: 1.4;
}
.one-col #contents #content .unit h3{
	font-size: small;
	color: #623516;
	background-image: url(../img/line-hr-brown.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
}

/* two-col */
.two-col #contents #inner{
	width: 750px;
	margin: 0px auto 40px;
	background: url(../img/_bk-contents-two.gif) repeat-y center top;
}
.two-col #contents #content{
	float: left;
	width: 530px;
	margin: 0px;
	padding: 0px;
}
.two-col #contents #content .unit{
	padding-bottom: 15px;
	line-height: 1.3;
}
.two-col #contents #sideArea{
	float: right;
	width: 195px;
	margin: 0px;
	padding: 0px;
}




/* ==========================================
   5.footer
========================================== */

#footer ul{
	padding: 0px;
	list-style-type: none;
}
#footer li{	display: inline;	font-size: x-small;}
#footer li a:link,
#footer li a:visited{	text-decoration: none;}
#footer li a:hover,
#footer li a:active{	text-decoration: underline;}

/* 5-1.navLinks -------------------- */
#footer #navLinks{
	margin: 0px auto;
	padding: 3px 0px;
	background-color: #80614D;
	border-top: 3px solid #BFA695;
	border-bottom: 1px solid #785A47;
}
#footer #navLinks ul{	margin: 0px 0px 0px 25px;}
#footer #navLinks li{
	float: left;
	margin: 0px 0.5em 0px 0px;
	padding: 0px 0.5em 0px 0em;
	color: #999999;
	border-right: 1px solid #C0C0C0;
}
#footer #navLinks li.last{	border-right: none;}
#footer #navLinks li.right{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 0em;
	border: none;
}
#footer #navLinks li.right span{	font-size: xx-small;}
#footer #navLinks li a:link,
#footer #navLinks li a:visited,
#footer #navLinks li a:hover,
#footer #navLinks li a:active{	color: #FFFFFF;}

/* 5-2.navLinksSub -------------------- */
#footer #navLinksSub ul{	margin: 0px;}
#footer #navLinksSub li{
	float: left;
	margin: 25px 0.5em 10px 0px;
	padding: 0px 0.5em 0px 0em;
	border-right: 1px solid #C0C0C0;
	color: #999999;
}
#footer #navLinksSub li.last{	border-right: none;}
#footer #navLinksSub li span{
	padding: 0px 5px 0px 25px;
	font-weight: bold;
	color: #666666;
}
#footer #navLinksSub li a:link,
#footer #navLinksSub li a:visited,
#footer #navLinksSub li a:hover,
#footer #navLinksSub li a:active{	color: #454545;}

/* 5-3.copyright -------------------- */
#footer #copyright{
	float: right;
	padding: 25px 20px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
}
