@charset "utf-8";

/*********************************************************************
Sanuki92
NAVIGATIONS
*********************************************************************/

/* Header --------------------------------------------------------------------------------------------*/

header a{ display: block; text-decoration: none;}
header a span{ display: none;}
header ul, header h1{ position: absolute;}
header ul, header li{ margin: 0; padding: 0; list-style: none;}

/* Logo ****************/

#logo{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 350px;
	height: 120px;
	background:url(common/logo.gif) no-repeat 0 0;
	line-height: 120px;
}
#logo a{ display: block; width: 350px; height: 120px;}

/* Global Navi ****************/

#g_navi{
	height: 80px;
	position: absolute;
	top: 200px;
	left: 0;
	margin: 0;
	padding: 0;
}
#g_navi li,
#g_navi a{
	margin: 0;
	display: block;
	width: 160px;
	height: 80px;
}
#g_navi li{ float: left;}

#g_navi a:hover{
	background-image: url(common/gnavi.gif);
	text-decoration: none;
}
#g_navi .n01 a:hover{ background-position: 0 0;}
#g_navi .n02 a:hover{ background-position: -160px 0;}
#g_navi .n03 a:hover{ background-position: -320px 0;}
#g_navi .n04 a:hover{ background-position: -480px 0;}
#g_navi .n05 a:hover{ background-position: -640px 0;}
#g_navi .n06 a:hover{ background-position: -800px 0;}

/* Top Navi ****************/

#t_navi{
	top: 7px;
	left: 600px;
	list-style: none;
	width: auto;
}
#t_navi li{
	margin: 0 30px 0 0;
	display: inline;
	float: left;
}
#t_navi li:last-child{ margin: 0;}
#t_navi a{
	padding: 0 0 0 13px;
	color: #fff;
	background: url(common/arrow_r_2.png) no-repeat 0 50%;
	font-size: 13px;
}
#t_navi a:hover{
	background: url(common/arrow_r_5.png) no-repeat 0 50%;
	text-decoration: none;
}

/* LEFT navigation --------------------------------------------------------------------------------------------*/

#left ul{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #d8d4c9;
}
#left li{
	padding: 0;
	float: left;
	width: 260px;
	background: #efede6;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
}
#left a{
	padding: 1em 20px 1em 10px;
	display: block;
	color: #434039;
	width: 230px;
	height: auto;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d8d4c9;
	background: url(common/arrow_r_6.png) no-repeat 245px center;
}
#left a:hover{
	background: #e7e4dc url(common/arrow_r_2.png) no-repeat 245px center;
	text-decoration: none;
}
#left li.nolink{
	padding: 0.15em 0 0;
	background: #fff url(common/h4.png) no-repeat 4px 13px;
	line-height: 2.5;
	text-indent: 21px;
	font-weight: normal;
}
#left li.nolink li{ text-indent: 0;}
#left ul ul li{
	background: #fff;
	line-height: 1.7;
	font-size: 13px;
	font-weight: normal;
}
#left ul ul li a{
	padding: 0.5em 20px 0.5em 10px;
	background: url(common/arrow_r_1.png) no-repeat 245px center;
	color: #387ba8;
}

#left ul ul li a:hover{
	background: #efede6 url(common/arrow_r_6.png) no-repeat 245px center;
}

#left ul ul li{ font-size: 12.5px; font-weight: normal;}

/* CONTENT BTNS -----------------------------------------------------------------------------*/

/* BTN, h2, h3 ****************/

a.btn{
	padding: 0 25px 0 15px;
	display: block;
	color: #fff;
	background: #009b83 url(common/arrow_r_1.png) no-repeat 95% 50%;
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -moz-linear-gradient(top,#009b83, #009b83 50%,#00846f 50%,#00846f);
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#009b83), color-stop(0.50,#009b83), color-stop(0.50,#00846f), to(#00846f));
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -ms-linear-gradient(top, #009b83 0%, #009b83 50%, #00846f 50%, #00846f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF009b83', endColorstr='#FF00846f');
	line-height: 2;
	text-align: center;
	font-size: 11px;
}
a:hover.btn{
	color: #fff;
	background: #e61f19 url(common/arrow_r_1.png) no-repeat 95% 50%;
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -moz-linear-gradient(top,#00846f, #00846f 50%,#009b83 50%,#009b83);
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#00846f), color-stop(0.50,#00846f), color-stop(0.50,#009b83), to(#009b83));
	background: url(common/arrow_r_1.png) no-repeat 93% 50%, -ms-linear-gradient(top, #00846f 0%, #00846f 50%, #009b83 50%, #009b83 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF00846f', endColorstr='#FF009b83');
	text-decoration: none;
}
h2 a.btn{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
}

/* nw & icon -> .nwicn *//* nw -> .nw */
section a.nwicn{
	padding: 0 15px 0 0;
	background: url(common/ico_nw.gif) no-repeat right top;
}
section a.nwicn:hover{
	background: url(common/ico_nw_h.gif) no-repeat right top;
}

/* li float navi **********************************/

.li_fl3, .li_fl4{
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	font-size: 95%;
}
.li_fl3 li, .li_fl4 li{
	
	padding: 0 0 1px;
	float: left;
	border-bottom: solid 1px #d8d4c9;
}
.li_fl3 li{ margin: 0 14px 5px 0; width: 31%;}
.li_fl4 li{ margin: 0 7px 5px 0; width: 23.5%;}
.li_fl3 li a, .li_fl4 li a{
	padding: 0.2em 0 0.2em 17px;
	display: block;
}
.li_fl_next a{
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-image: url(common/arrow_r_2.png);
}
.li_fl_down a{
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-image: url(common/arrow_d_2.png);
}

/* Footer --------------------------------------------------------------------------------------------*/

/* BTN Pagetop(ID) ****************/

#pagetop{ height: 23px;}
#pagetop a{
	display: block;
	float: right;
	height: 23px;
	color: #111;
	line-height: 23px;
	font-size: 11px;
}
#pagetop a em{
	margin: 0 0 0 10px;
	padding: 3px 12px;
	background: #434039 url(common/arrow_u_1.png) no-repeat 50% 50%;
}
#pagetop a em span{ display: none;}
#pagetop a:hover{
	color: #009b83;
	text-decoration: none;
}
#pagetop a:hover em{ background: #434039 url(common/arrow_u_2.png) no-repeat 50% 50%;}

/* navi footer ****************/

/* f_logo -------------*/

#f_logo{
	float: left;
	width: 330px;
	height: 110px;
	background:url(common/footer_logo.gif);
	line-height: 110px;
}
#f_logo a{ display: block; width: 330px; height: 110px;}
#f_logo a:hover{ opacity: 0.3; background: #fff;}
#f_logo span{ display: none;}

/* BTNS -------------*/

#footer_top ul{ font-size: 85%;}
#footer_top ul a{ color: #fff;}
#footer_top ul a:hover{ text-decoration: none;}

/* f_btn */

#footer_top ul.f_btn{
	margin: 10px 0 0;
	padding: 8px 0;
	width: 460px;
	border-bottom: solid 1px #65635c;
	list-style: none;
	line-height: 2;
	text-align: center;
}
#footer_top ul.f_btn li{
	margin: 0.1em 0;
	float: left;
	width: 33.3%;
}
#footer_top ul.f_btn li a{
	color: #fff;
	display: block;
	border-left: solid 1px #65635c;
}
#footer_top ul.f_btn li:last-child a{ border-right: solid 1px #65635c;}
#footer_top ul.f_btn a:hover{ color: #f3bc00;}

/* f_navi */

#footer_top ul.f_navi{
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	line-height: 2;
	text-align: left;
}
#footer_top ul.f_navi li{
	margin: 0 20px 0 0;
	float: left;
}
#footer_top ul.f_navi li a{
	padding: 0 0 0 12px;
	background: url(common/arrow_r_6.png) no-repeat 0 50%;
}
#footer_top ul.f_navi li a:hover{ background: url(common/arrow_r_5.png) no-repeat 0 50%;}