@charset "utf-8";

/*
	Site Name:
	Description: initial setting
	Version:
	Author:
*/

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

	1: body set
	2: header setting
	3: footer set

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

/*
===== 1: body set =================================
*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat;
	border-top: 4px solid #0068b7;
}

#wrap {
	width: 960px;
	padding: 0px 0px 40px;
	margin: 0px auto;
	overflow: hidden;
	zoom: 1;
}
#sub {
	width: 210px;
	margin: 0;
	padding: 0px;
	float: left;
}
#main {
	width: 730px;
	margin: 0;
	padding: 0px;
	float: right;
}

/* LINK
----------------------------------------*/
a:link { text-decoration: underline; color: #0068b7}
a:visited { text-decoration: underline; color: #0068b7}
a:hover { text-decoration: none; color: #0068b7}
a:active { text-decoration: none; color:#0068b7}

/*
===== 2: header setting ===========================
*/
#header_box {
	background: #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.mainlogo img {
	margin: 20px 30px 30px;
}

/* g Navi */
#g_navi {
	margin: 0 auto;
}
#g_navi ul {
	list-style: none;
	margin: 0px auto 20px auto;
	padding: 0px;
	overflow: hidden;
	width: 210px;
	border-bottom: 1px solid #CCC;
}
#g_navi li {
	margin: 0px;
	padding: 0px;
	width: 210px;
}
#g_navi li {
	height: 33px;
}
#g_navi li.g_navi011,
#g_navi li.g_navi012,
#g_navi li.g_navi013,
#g_navi li.g_navi014,
#g_navi li.g_navi015,
#g_navi li.g_navi016,
#g_navi li.g_navi017,
#g_navi li.g_navi018,
#g_navi li.g_navi019 {
	height: 25px;
}
#g_navi li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/*defult*/
.g_navi01 a { background-image:url(../img/gnavi01.gif); background-position: 0  0;}
.g_navi011 a { background-image:url(../img/gnavi011.gif); background-position: 0  -1px;}
.g_navi012 a { background-image:url(../img/gnavi012.gif); background-position: 0  -1px;}
.g_navi013 a { background-image:url(../img/gnavi013.gif); background-position: 0  -1px;}
.g_navi014 a { background-image:url(../img/gnavi014.gif); background-position: 0  -1px;}
.g_navi015 a { background-image:url(../img/gnavi015.gif); background-position: 0  -1px;}
.g_navi016 a { background-image:url(../img/gnavi016.gif); background-position: 0  -1px;}
.g_navi017 a { background-image:url(../img/gnavi017.gif); background-position: 0  -1px;}
.g_navi018 a { background-image:url(../img/gnavi018.gif); background-position: 0  -1px;}
.g_navi019 a { background-image:url(../img/gnavi019.gif); background-position: 0  -1px;}

.g_navi02 a { background-image:url(../img/gnavi02.gif); background-position: 0  0;}
.g_navi03 a { background-image:url(../img/gnavi03.gif); background-position: 0  0;}
.g_navi04 a { background-image:url(../img/gnavi04.gif); background-position: 0  0;}
.g_navi05 a { background-image:url(../img/gnavi05.gif); background-position: 0  0;}

/*on mouse*/
#g_navi li a:hover { background-position: -210px 0;}
#g_navi li.g_navi011 a:hover,
#g_navi li.g_navi012 a:hover,
#g_navi li.g_navi013 a:hover,
#g_navi li.g_navi014 a:hover,
#g_navi li.g_navi015 a:hover,
#g_navi li.g_navi016 a:hover,
#g_navi li.g_navi017 a:hover,
#g_navi li.g_navi018 a:hover,
#g_navi li.g_navi019 a:hover { background-position: 0 -1px;}

/*stay*/
#g_navi li a.stay { background-position: -210px 0;}


.h_btn {
	text-align: center;
}
.sub_bana ul {
}
.sub_bana ul li {
	margin-bottom: 10px;
}
.side_eigyojikan {
	font-size: 11px;
	padding: 5px 10px 0px 10px;
	line-height: 1.4;
}
/*
===== 3: footer set =================================
*/

#footer {
	width: 100%;
	line-height: 1em !important;
	clear: both;
	font-size: 13px;
	background-color: #FFF;
	border-top: 2px solid #a3c6e0;
	background-image: url(../img/f_bg_mark.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#footer_inner01 {
	width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
	overflow: hidden;
	zoom: 1;
}

#footer a:link {
	color: #3d3231;
	text-decoration: none;
}
#footer a:visited {
	color: #3d3231;
	text-decoration: none;
}
#footer a:hover {
	color: #0068b7;
	text-decoration: underline;
}

.footer_r {
	float:right;
}
.f_id {
	float:left;
	padding-top: 20px;
	font-size: 11px;
}
.f_id img {
	margin-bottom: 10px;
}
.fb02 {
	margin-top: 7px;
	margin-left: 30px;
}
/* f_bottom_navi */
.f_bottom_navi {
	width:700px;
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
	margin-bottom: 20px;
}
.f_bottom_navi ul.f_list01 {
	width: 400px;
	float:left;
}
.f_bottom_navi ul li {
	margin-bottom: 8px;
}
.f_list_inbox {
	width: 400px;
	margin-top: 8px;
}
.f_list_inbox ul {
	font-size: 12px;
}
.f_list_inbox ul li {
	background-image: url(../img/f_icon_bull01.gif);
	background-repeat: no-repeat;
	background-position: left .6em;
	padding-left: 10px;
	margin-bottom: 5px;
}
ul.f_list_in01 {
	width: 210px;
	float: left;
}
ul.f_list_in02 {
	width: 180px;
	float: left;
}
.f_bottom_navi ul.f_list02 {
	width: 300px;
	float:left;
}
#footer_inner02 {
	width: 100%;
	background-color: #0068b7;
	clear: both;
	padding: 10px 0;
}
address {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	font-size: 9px;
	line-height: 1;
}
/*
===== 4: contents set =================================
*/
#contents {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 30px;
	margin-bottom: 20px;
	background: #FFF;
}

.sec01 {
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	zoom: 1;
}

.last_btn {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.fb_box {
	width: 730px;
	background-color: #FFF;
	margin-bottom: 30px
}

/*共通パーツ　*/
.t_right {
	text-align: right;
}
.btn_more a {
	background-image: url(../img/icon_bull11.gif);
	background-repeat: no-repeat;
	background-position: 0px .2em;
	padding-left: 13px;
}
#nav-dock {
	height: 86px;
	width: 30px;
	position: fixed;
	bottom: 150px;
	right: 0px;

}
#nav-dock a {
	height: 86px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/btn_pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav-dock a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.center_box {
	text-align:center;
}
.mt_01 { margin-top: 1px;}
.mt_02 { margin-top: 2px;}
.mt_03 { margin-top: 3px;}
.mt_05 { margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}
.mt_30 { margin-top: 30px;}
.mt_35 { margin-top: 35px;}
.mt_40 { margin-top: 40px;}
.mt_50 { margin-top: 50px;}
.mt_60 { margin-top: 60px;}

.mb_05 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}
.mb_30 { margin-bottom: 30px;}
.mb_35 { margin-bottom: 35px;}
.mb_40 { margin-bottom: 40px;}
.mb_50 { margin-bottom: 50px;}
.mb_60 { margin-bottom: 60px;}
.mb_80 { margin-bottom: 80px;}

.mr_05 { margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_15 { margin-right: 15px;}
.mr_20 { margin-right: 20px;}
.mr_25 { margin-right: 25px;}
.mr_30 { margin-right: 30px;}
.mr_35 { margin-right: 35px;}
.mr_40 { margin-right: 40px;}

.ml_05 { margin-left: 5px;}
.ml_10 { margin-left: 10px;}
.ml_15 { margin-left: 15px;}
.ml_20 { margin-left: 20px;}
.ml_25 { margin-left: 25px;}
.ml_30 { margin-left: 30px;}
.ml_35 { margin-left: 35px;}
.ml_40 { margin-left: 40px;}

.mtb_10 { margin-top: 10px; margin-bottom: 10px;}
.mtb_15 { margin-top: 15px; margin-bottom: 15px;}
.mtb_20 { margin-top: 20px; margin-bottom: 20px;}
.mtb_25 { margin-top: 25px; margin-bottom: 25px;}
.mtb_30 { margin-top: 30px; margin-bottom: 30px;}

.hidden {
	visibility: hidden;
}

.col170 { width: 170px;}
.col200 { width: 200px;}
.col210 { width: 210px;}
.col220 { width: 220px;}
.col230 { width: 230px;}
.col240 { width: 240px;}
.col250 { width: 250px;}
.col300 { width: 300px;}
.col350 { width: 350px;}
.col400 { width: 400px;}
.col450 { width: 450px;}

.small_txt { font-size: 80%;}


a.hover:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.ctr { text-align:center;}

/*
===== 7: clearfix ===========================
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}