@charset "utf-8"; 

/*
===== CONTENTS ===========================================

	1: common all
	2: header
	3: contents
	4: side navi
	5: footer

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

/*
===== common all ======================================
*/

h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
img {
	border: none;
	}
.hyde {
	_display: none;
}
.mgn-top20 {
	padding-top:20px;
	}
/*
===== header ======================================
*/

#header{
	margin: 0 auto;
	height :86px;
	width: 800px;
	clear:both;
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;
}
#header h1{
	height :86px;
	width:170px;
	float: left;	
	}
#header h1 a,
#header h1 a:link{
	height :86px;
	width:170px;
	display: block;
	border: none;
	}

/* header navi */
#header ul#h_menu {
	width:210px;
	margin-top:12px;
	padding-right:20px;
	float:right;
	}
#header ul#h_menu li {
	width:210px;
}
#header ul#h_menu li a{
	display: block;	
	width:210px;
}
#header ul#h_menu li#navi_acces a,
#header ul#h_menu li#navi_acces a:link,
#header ul#h_menu li#navi_acces a:visited {
	background-image: url(../img/ico_cmn_link.gif);
	background-repeat: no-repeat;
	text-align:right;
	font-size:12px;
	background-position: right;
	padding-right:1em;
	color: #FFFFFF;
	width:16em;
}
#header ul#h_menu li#navi_acces a:hover,
#header ul#h_menu li#navi_acces a:active {
	color: #ffbe8d;
}
#header ul#h_menu li#navi_mail a,
#header ul#h_menu li#navi_mail a:link,
#header ul#h_menu li#navi_mail a:visited {
	width:210px;
	height:50px;
	background-image: url(../img/btn_mail.jpg);
	text-indent:-9999px;
}
#header ul#h_menu li#navi_mail a:hover,
#header ul#h_menu li#navi_mail a:active {
	background-image: url(../img/btn_mail_on.jpg);
}

/*
===== contents ======================================
*/
ul#navi-global{
	width:800px;
	}
p#topicpath {
	font-size:1.0em;
	clear:both;
	padding:8px 0 5px 20px;
	}
p#topicpath a{
	color: #333333;
	}
p#topicpath strong{
	font-weight:normal;
		color: #75ad3d;
	}
#title-img h2{
	width:760px;
	margin:0 auto;
	}

ul#navi-global li{
	float:left;
	}
	
#main-area {
	float: right;
	width:565px;
	margin-top:40px;
	line-height:1.4;
	padding-bottom:40px;
	}
#main-area #txt-area h3{
	clear:both;
	margin-bottom:10px;
	}
#main-area #txt-area {
	width:545px;
	margin-top:15px;
	margin-bottom:3.5em;
	}
#main-area #txt-area p{
	font-size:1.4em;
	}

/* etc main-area */
#main-area-std {
	float: right;
	width:750px;
	margin-top:40px;
	line-height:1.4;
	padding-bottom:40px;
	}
#main-area-std #txt-area h3{
	clear:both;
	margin-bottom:10px;
	}
#main-area-std #txt-area {
	width:545px;
	margin-top:15px;
	margin-bottom:3.5em;
	}
#main-area-std #txt-area p{
	font-size:1.4em;
	}
	
/* txt-area */
#txt-area h4{
	clear:both;
	font-size:1.6em;
	color: #FFA766;
	}
#txt-area img.img_right {
	float:right;
	margin-left:15px;
	}
#txt-area img.img_left {
	float:left;
	margin-right:15px;
	}
#txt-area img.img_std {
	margin-top:10px;	
	}
	
/* page top */
.pagetop {
	font-size:1.4em;
	clear: both;
	text-align:right;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	font-family:"メイリオ";
	text-align:right;
		}
.pagetop a, 
.pagetop a:link, 
.pagetop a:visited {
	text-align:right;
	color: #c6e0b2;
	padding-right:20px;
	background-image: url(../img/ico_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.pagetop a:hover, 
.pagetop a:active {
	color: #d9f5c4;
}	
	
/*
===== side navi ======================================
*/

div#navi{
	float: left;
	width: 200px;
	margin-bottom:30px;
}
div#navi-area{
	margin-top:15px;
}

div#navi-area p.side-navi-img {
	margin-left:20px;
	}	
ul#side-navi{
	width:195px;
	margin-left:20px;
	background-image: url(../img/sidenavi_bg_middle.jpg);
	background-repeat: repeat-y;
	font-weight:bold;
	padding-left:20px;
	}
ul#side-navi li{
	color: #ffaf72;
	font-size:1.2em;
	line-height:1.3;
	background-image: url(../img/ico_sidenavi.gif);
	background-repeat: no-repeat;
	padding-left:8px;
	padding-bottom:5px;
	}
ul#side-navi li.on{
	background-image: url(../img/ico_sidenavi_o.gif);
	background-repeat: no-repeat;
	padding-left:8px;
	}
ul#side-navi li p.on{
	background-image: url(../img/ico_sidenavi_o.gif);
	background-repeat: no-repeat;
	padding-left:8px;
	}
ul#side-navi li a,
ul#side-navi li a:link,
ul#side-navi li a:visited {
	color:#5b2700;
}
ul#side-navi li a:hover,
ul#side-navi li a:active {
	color: #ffaf72;
	}

#navi #side-btn {
	margin-top:15px;
	margin-left:20px;
	}
#navi #side-btn li{
	padding-bottom:0px;
	}
#navi #side-bnr {
	margin-top:5px;
	margin-left:20px;
	}
#navi #side-bnr li{
	padding-bottom:0px;
	}
/*
===== footer ======================================
*/

#footer {
	clear:both;
	margin:0 auto;
	width:800px;
	height:160px;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	}
#footer address {
	float:left;
	width:50em;
	}
#footer dl {
	color: #FFFFFF;
	font-style: normal;
	text-align:left;
	margin-left:20px;
	padding-top:10px;
	}
#footer dl dt {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.4;
	}
#footer dl dd {
	font-size:1.1em;
	line-height:1.2;
	}
#footer ul.f_menu {
	float:right;
	margin-top:10px;
	padding-right:20px;

	}
#footer ul.f_menu li{
	text-align:right;
	}
#footer ul.f_menu li a,
#footer ul.f_menu li a:link,
#footer ul.f_menu li a:visited {
	background-image: url(../img/ico_cmn_link.gif);
	background-repeat: no-repeat;
	font-size:12px;
	background-position: right;
	padding-right:1em;
	color: #FFFFFF;
	width:14em;
}
#footer ul.f_menu li a:hover,
#footer ul.f_menu li a:active {
	color: #ffbe8d;
}