@charset "UTF-8";
/* CSS Document */

html {-webkit-text-size-adjust:100%;}


body {
	width: 100%;
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width:1080px;
	color:#323232;
	line-height:1.49;
	font-size:14px;
}


a:link {
	text-decoration:underline;
	color:#323232;
	border:none;
}

a:visited {
	text-decoration:underline;
	color:#323232;
	border:none;
}

a:hover {
	text-decoration:none;
	color:#323232;
	border:none;
}

.gray a:link {
	text-decoration:underline;
	color:#7F7F7F;
	border:none;
}

.gray  a:visited {
	text-decoration:underline;
	color:#7F7F7F;
	border:none;
}

.gray  a:hover {
	text-decoration:none;
	color:#7F7F7F;
	border:none;
}

#wrapper {
	width:1040px;
	min-width:1040px;
	margin: 0 auto;
	padding: 0;
	clear:both;
}



/*--------------------------------------------------------
　ヘッダー設定
--------------------------------------------------------*/

header {
	width:1040px;
	margin:0 auto;
	padding:18px 0 11px;
}

header h1{
	color:#7F7F7F;
	font-size:12px;
	line-height:13px;
	padding-bottom:3px;
}

header p{
	width:215px;
	height:38px;
	background:url(../common/h_tel.gif) no-repeat;
	text-indent:-9999px;
	float:right;
}

header .h_logo{
	width:304px;
	float:left;
}

header ul{
	margin-top:26px;
	width:497px;
	float:right;
	overflow:hidden;
}

header li{
	float:left;
	height:22px;
	line-height:1px;
}

header #navi01{
	width:40px;
	margin-right:76px;
	background:url(../common/navi01_on.gif) no-repeat;
}

header #navi02{
	width:78px;
	margin-right:76px;
	background:url(../common/navi02_on.gif) no-repeat;
}

header #navi03{
	width:61px;
	margin-right:76px;
	background:url(../common/navi03_on.gif) no-repeat;
}

header #navi04{
	width:90px;
	background:url(../common/navi04_on.gif) no-repeat;
}


/*--------------------------------------------------------
　コンテンツ設定
--------------------------------------------------------*/

.box {
	overflow:hidden;
	clear:both;
}

#title_bg {
	width:1040px;
	height:170px;
	background:url(../common/title_bg.jpg) no-repeat;
	position:relative;
}

#breadcrumb {
	width:1040px;
	margin:12px 0 30px;
	font-size:12px;
}

#breadcrumb span{
	font-size:12px;
	color:#7F7F7F;
	padding:0 4px;
}

#pg_title {
	position:absolute;
	top:65px;
	left:35px;
}

.ct_title {
	width:1040px;
	background:url(../common/title_line.gif) top repeat-x;
	padding:22px 0 35px;
}

.ct_text {
	font-size:14px;
	line-height:36px;
}


/*--------------------------------------------------------
　フッター設定
--------------------------------------------------------*/

footer {
	width:1040px;
	margin:0 auto;
	padding-bottom:40px;
	clear:both;
}

footer li{
	float:left;
	
}

footer ul{
	width:1040px;
	overflow:hidden;
}

footer li{
	float:left;
	height:81px;
	line-height:1px;
}

footer .f_navi {
	margin:14px 0 48px;
}

footer .f_center {
	padding:0 28px 0 28px;
}

footer #f_navi01{
	width:328px;
	background:url(../common/f_navi01_on.gif) no-repeat;
}

footer #f_navi02{
	width:328px;
	background:url(../common/f_navi02_on.gif) no-repeat 28px center;
}

footer #f_navi03{
	width:328px;
	background:url(../common/f_navi03_on.gif) no-repeat;
}

footer #f_navi04{
	width:328px;
	background:url(../common/f_navi04_on.gif) no-repeat;
}

footer #f_navi05{
	width:328px;
	background:url(../common/f_navi05_on.gif) no-repeat center;
}

footer #f_navi06{
	width:328px;
	background:url(../common/f_navi06_o.gif) no-repeat;
}

.f_boxL{
	float:left;
	margin:20px 70px 0 0;
}

.f_boxL ul{
	width:230px;
	overflow:hidden;
}

.f_boxL li{
	padding:0 20px 0 15px;
	background:url(../common/list_img.gif) left 1px no-repeat;
	font-size:12px;
	line-height:14px;
	height:17px;
}


.f_boxR{
	float:left;
	font-size:12px;
}

footer p small {
	margin-top:50px !important;
}



/*--------------------------------------------------------
　ロールオーバー設定
--------------------------------------------------------*/
a:hover img.Aover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

/*--------------------------------------------------------
　空き設定
--------------------------------------------------------*/
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }
.mt07 { margin-top: 7px !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt18 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 30px !important; }
.mt40 { margin-top: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.mu03 { margin-bottom: 3px !important; }
.mu05 { margin-bottom: 5px !important; }
.mu08 { margin-bottom: 8px !important; }
.mu10 { margin-bottom: 10px !important; }
.mu15 { margin-bottom: 15px !important; }
.mu20 { margin-bottom: 20px !important; }
.mu25 { margin-bottom: 25px !important; }
.mu30 { margin-bottom: 30px !important; }
.mu50 { margin-bottom: 50px !important; }
.mu40 { margin-bottom: 40px !important; }
.mu60 { margin-bottom: 60px !important; }
.mu80 { margin-bottom: 80px !important; }
.mu100 { margin-bottom: 100px !important; }

.mr02 { margin-right: 2px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr13 { margin-right: 13px !important; }
.mr14 { margin-right: 14px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml02 { margin-left: 2px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
