@charset "utf-8";


/*
	* Copyright (C) 2010 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/


/*
	* 1.基本レイアウト
	* 2.リスト設定
	* 3.ヘッダー（header）
	* 4.フッター（footer）
	* 5.トップページ
	* 6.サブページ
*/


/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	font-size: 13px;
	line-height: 1.4;
}

header {
	width: 100%;
	height:55px;
	margin:0;
	padding:0;
	background-image: linear-gradient(bottom, rgb(1,50,109) 18%, rgb(2,66,144) 71%);
	background-image: -o-linear-gradient(bottom, rgb(1,50,109) 18%, rgb(2,66,144) 71%);
	background-image: -moz-linear-gradient(bottom, rgb(1,50,109) 18%, rgb(2,66,144) 71%);
	background-image: -webkit-linear-gradient(bottom, rgb(1,50,109) 18%, rgb(2,66,144) 71%);
	background-image: -ms-linear-gradient(bottom, rgb(1,50,109) 18%, rgb(2,66,144) 71%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.18, rgb(1,50,109)),
		color-stop(0.71, rgb(2,66,144))
	);


}

article {
	width: 100%;
	margin: 0;
}

section {
	width: 100%;
	margin: 0;
}

footer {
	margin:10px 0 0 0;
}

#footerInner {
	width: 100%;
	padding: 50px 0 20px 0;
	color: #FFF;
	background:url(../img/bg_footer.png) top repeat-x #01326D;
	-webkit-background-size:178px 40px; /*実際の画像サイズは360px81pxです*/
	-moz-background-size:178px 40px;
}



/*******************************************************************************
**	2.基本設定
*******************************************************************************/

/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}
.inlineBlock {display:inline-block;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

.padding0 {padding:0 !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}
.padding60 {padding:60px !important;}
.padding70 {padding:70px !important;}
.padding80 {padding:80px !important;}
.padding90 {padding:90px !important;}
.padding100 {padding:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

.margin0 {margin:0 !important;}
.margin5 {margin:5px !important;}
.margin10 {margin:10px !important;}
.margin15 {margin:15px !important;}
.margin20 {margin:20px !important;}
.margin25 {margin:25px !important;}
.margin30 {margin:30px !important;}
.margin35 {margin:35px !important;}
.margin40 {margin:40px !important;}
.margin45 {margin:45px !important;}
.margin50 {margin:50px !important;}
.margin60 {margin:60px !important;}
.margin70 {margin:70px !important;}
.margin80 {margin:80px !important;}
.margin90 {margin:90px !important;}
.margin100 {margin:100px !important;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize7 {font-size:7px;}
.fontSize8 {font-size:8px;}
.fontSize9 {font-size:9px;}
.fontSize10 {font-size:10px;}
.fontSize11 {font-size:11px;}
.fontSize12 {font-size:12px;}
.fontSize14 {font-size:14px;}
.fontSize15 {font-size:15px;}
.fontSize16 {font-size:16px;}
.fontSize18 {font-size:18px;}
.fontSize20 {font-size:20px;}
.fontSize25 {font-size:25px;}

.bold { font-weight:bold; }


/* font color
----------------------------------------------------------------------------- */
.fontColorBlue {color:#009FE7;}


/* link
----------------------------------------------------------------------------- */
/*a:link {
	color: #000000;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);	// タップ時の反転色
}

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

a:visited {
	color: #000000;
	text-decoration:none;
}*/


/*******************************************************************************
**	3.ヘッダー
*******************************************************************************/

#h_logo {
	position:absolute;
	top:7px;
	left:3px;
	width:112px;
	text-align:center;
}
#h_name {
	position:absolute;
	top:38px;
	left:3px;
	text-align:center;
	color:#000;
	font-size:8px;
	width:140px;
}

#h_chinsa {
	position:absolute;
	top:6px;
	left:108px;
}

.gNaviArea {
	position:absolute;
	top:0;
	right:0;
}

#g_navi {
	margin:0;
	padding:0;
	height:55px;
	border-left:#01234E 1px solid;
	}

#g_navi li {
	height:35px;
	border-left:#0252B3 1px solid;
	border-right:#01234E 1px solid;
	float:left;
	font-size:10px;
	text-align:center;
	padding:10px 5px;
	}

#g_navi li:last-child {
	border-right:none;
	}

#g_navi li a {
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	}

/*******************************************************************************
**	4.サイド（leftCol）
*******************************************************************************/


/*******************************************************************************
**	5.メイン（mainCol）
*******************************************************************************/

/* button
----------------------------------------------------------------------------- */

.telButton {
	position:relative;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0%,rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.34, rgb(255,255,255)),color-stop(0.64, rgb(224,224,224)),color-stop(1, rgb(224,224,224)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-180deg,rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	width:100%;
	height:50px;
	/* Firefox v1.0+ */
	-moz-border-radius:3px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:3px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:3px;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffe0e0e0,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffe0e0e0,GradientType=0);
	}

.telButton a:link,.telButton a:visited {
	display:block;
	padding:17px 20px 10px 92px;
	height:27px;
	line-height:120%;
	color:#CC0000;
	font-size:17px;
	font-weight:bold;
}

.telButton_2 {
	position:relative;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0%,rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.34, rgb(255,255,255)),color-stop(0.64, rgb(224,224,224)),color-stop(1, rgb(224,224,224)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-180deg,rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 34%,rgb(224,224,224) 64%,rgb(224,224,224) 100%);
	width:100%;
	/* Firefox v1.0+ */
	-moz-border-radius:3px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:3px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:3px;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffe0e0e0,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffe0e0e0,GradientType=0);
	}

.telButton_2 a:link,.telButton_2 a:visited {
	display:block;
	padding:13px 20px 10px 10px;
	line-height:120%;
	color:#CC0000;
	font-size:15px;
	font-weight:bold;
}

.telButtonFree:before {
	content:"通話無料";
}
.telButtonPay:before {
	content:"電話番号";
}
.telButtonFree:after {
	content:"";
}
.telButtonPay:after {
	content:"";
}

.telButton:before {
	position:absolute;
	top:12px;
	left:10px;
	background-color:rgb(1,50,109);
	width:60px;
	height:16px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	padding:5px 8px;
	/* Firefox v1.0+ */
	-moz-border-radius:13%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:13%/50%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:13%/50%;
	}


.telButton:after {
	content:"";
	position:absolute;
	top:20px;	
	right:13px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}
.telButton_2:after {
	content:"";
	position:absolute;
	top:40%;
	right:15px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}

.whiteButton {
	position:relative;
	background-color:#FFF;
	width:98%;
	text-align:center;
	margin:0 auto;
	/* Firefox v1.0+ */
	-moz-border-radius:4px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:4px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:4px;
	}

.whiteButton a:link,.whiteButton a:visited {
	display:block;
	padding:15px 0;
	color:#00326C;
	font-weight:bold;
	background:url(../img/ico_arrow.png) no-repeat;
	background-position:96% 50%;
	background-size:12px 12px;
}

.greenButton {
	position:relative;
	text-align:center;
	/* Firefox v1.0+ */
	-moz-border-radius:4px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:4px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:4px;
	background: url( "../img/ico_arrow03.png" ) no-repeat 97% 50% rgb(87,156,12);
	background-size:12px 12px;
}

.greenButton a {
	display:block;
	padding:8px 0;
	color:#FFF;
	font-weight:bold;
}

.greenButton a:link,.greenButton a:visited { color:#FFF;}

/*
.greenButton:after {
	content:"";
	position:absolute;
	top:10px;
	right:10px;
	background:url(../img/ico_arrow03.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}
*/


.returnButton {
	background-color:#FFF;
	/* Firefox v1.0+ */
	-moz-border-radius:3px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:3px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:3px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position:absolute;
	top:5px;
	left:0;
	margin:-2px 10px 0 10px;
	text-align:right;
	}

.returnButton a {
	display:block;
	width:48px;
	height:15px;
	padding:4px 7px 5px 0;
	font-weight:bold;
	font-size:12px;
	}

.returnButton:before {
	content:"";
	position:absolute;
	top:8px;
	left:5px;
	background:url(../img/ico_arrow02.png) no-repeat;
	background-size:8px 8px;
	width:8px;
	height:8px;
}


/* txt
----------------------------------------------------------------------------- */

.bgBlueComment {
	background:#E4F2FC;
}

.txt {
	width:95%;
	margin:0 auto;
	padding:10px 0;
	line-height: 1.6;
}

/* bar
----------------------------------------------------------------------------- */
.barPaleBlue {
	height:20px;
	padding:5px;
	color:#FFF;
	background:#0083BB;
	position:relative;
	}

.barWave {
	padding:14px 0 0 38px;
	margin:0;
	height:26px;
	background:url(../img/bar_wave.png) repeat-x;
	-webkit-background-size:30px 45px; /*実際の画像サイズは95px109pxです*/
	-moz-background-size:30px 45px;
	color:#FFF;
	position:relative;
	font-size:16px;
}

.searchTxt:before {
	content:url(../img/ico_01.png);
	position:absolute;
	top:15px;
	left:10px;
	margin:0 10px 0 0;
}

/* .searchTxt:after {
	content:'';
	background:url(../img/ico_smart_chinsa01.png) no-repeat;
	background-size:116px 53px;
	width:116px;
	height:53px;
	position:absolute;
	top:-16px;
	right:12px;
} */

.searchTxt02:before {
	content:url(../img/ico_01.png);
	position:absolute;
	top:15px;
	left:10px;
	margin:0 10px 0 0;
}

/* .searchTxt02:after {
	content:'';
	background:url(../img/ico_smart_chinsa02.png) no-repeat;
	background-size:122px 58px;
	width:122px;
	height:58px;
	position:absolute;
	top:-16px;
	right:12px;
} */

.searchTxt03:before {
	content:'';
	background:url(../img/ico_02.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
	position:absolute;
	top:15px;
	left:10px;
	margin:0 10px 0 0;
}

/* .searchTxt03:after {
	content:'';
	background:url(../img/ico_smart_chinsa03.png) no-repeat;
	background-size:124px 63px;
	width:124px;
	height:63px;
	position:absolute;
	top:-16px;
	right:12px;
} */

.searchTxt04:before {
	content:'';
	background:url(../img/ico_02.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
	position:absolute;
	top:15px;
	left:10px;
	margin:0 10px 0 0;
}

/* .searchTxt04:after {
	content:'';
	background:url(../img/ico_smart_chinsa04.png) no-repeat;
	background-size:124px 63px;
	width:124px;
	height:63px;
	position:absolute;
	top:-16px;
	right:12px;
} */


/* Box
----------------------------------------------------------------------------- */
.yellowBox {
	background:#FFCC00;
	padding:10px;
	}

.lightGrayBox {
	background:#B4B4B4;
	padding:10px;
	}

.lightBlueBox {
	background:#0083BB;
	padding:10px;
	}

.blueBox {
	background:#01326D;
	padding:0 10px 10px 10px;
	}

.lightBrownBox {
	background:#E0D6AB;
	padding:10px;
	}



/* MenuList
----------------------------------------------------------------------------- */

.menuList {
}

.menuList li {
	background:#FFF;
	border-bottom:#01326D 1px solid;
	position:relative;
}

.menuList li:first-child {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft-5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.menuList li:last-child {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft-5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom:none;
}

.menuList li a {
	display:block;
	padding:14px 10px 14px 60px;
	height:36px;
	font-size:16px;
}

.menuList li:after {
	content:"";
	position:absolute;
	top:25px;
	right:15px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}

.menuList02 {
}

.menuList02 li {
	background:#FFF;
	border-bottom:#B4B4B4 1px solid;
	position:relative;
}

.menuList02 li:first-child {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft-5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.menuList02 li:last-child {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft-5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom:none;
}

.menuList02 li a {
	display:block;
	padding:14px 10px 14px 60px;
	height:36px;
	font-size:16px;
}

.menuList02 li:after {
	content:"";
	position:absolute;
	top:25px;
	right:15px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}

.menuList03 {
	background:#FFF;
	-moz-border-radius-5px;
	-webkit-border-radius:5px;
}

.menuList03 li {
	background:#FFF;
	border-bottom:#B4B4B4 1px solid;
	padding: 10px 20px 10px 10px;
}

.menuList03 li:first-child {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft-5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.menuList03 li:last-child {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft-5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom:none;
}

.menuList03 li a {
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: -10px;
}

.menuList03 li.down {
	background:url(../img/ico_arrow04.png) no-repeat;
	background-position:96% 50%;
	background-size:12px 12px;
	color:#01326D;
	font-weight:bold;
	font-size:16px;
	padding: 12px 30px 12px 15px;
}

.menuList03 li.deta {
	background:#E4F2FC;
	padding: 12px 8px;
}

.menuList04 {
}

.menuList04 li {
	background:#FFF;
	border-bottom:#B4B4B4 1px solid;
	position:relative;
}

.menuList04 li:first-child {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft-5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.menuList04 li:last-child {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft-5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom:none;
}

.menuList04 li a {
	display: block;
	padding: 10px 20px 10px 10px;
	color:#01326D;
	font-weight:bold;
	font-size:16px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-position:96% 50%;
	background-size:12px 12px;
}

.menuTxt01:before {
	content:"";
	background:url(../img/ico_menu01.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}

.menuTxt02:before {
	content:"";
	background:url(../img/ico_menu02.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}

.menuTxt03:before {
	content:"";
	background:url(../img/ico_menu09.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}

.menuTxt04:before {
	content:"";
	background:url(../img/ico_menu10.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}

.menuTxt05:before {
	content:"";
	background:url(../img/ico_menu11.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}

.menuTxt06:before {
	content:"";
	background:url(../img/ico_menu12.png) no-repeat;
	background-size:30px 29px;
	width:30px;
	height:29px;
	position:absolute;
	top:15px;
	left:15px;
}


.field li {
	border-top: 1px solid #B4B4B4;
	list-style-type: none;
	background:#FFF;
	text-align:left;
	padding:10px 0;
}

.field li:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

.field li:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.field li a {
	display: block;
	color:#0083BB;
	font-size:12px;

}

.field li .listTitle {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
	font-weight:bold;
	line-height: 18px;
	margin: 0 5px 0 0;
	text-align:right;
	width:20%;
}

.field li .detailTxt {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	text-align:left;
	padding:0 0 0 8px;
	width:72%;
	border-left:1px #B4B4B4 dotted;
}

.threeBox {
	text-align:center;
	overflow: hidden;
}

.threeBox li {
	margin:0 2% 2% 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	text-align:center;
	width:32%;
	background:#FFF;
	float: left;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.threeBox li.right {
	margin:0 0 5px 0;
}

.threeBox li a {
	display:block;
	padding:5px 0;
	font-size:12px;
	color:#00326C;
}

.threeBox li img {
	height:46px;
}
.kodawariBox01 {
	display: table;
	margin: 0 auto;
}
.kodawariTxtBox01 {
	height: 35px;
	font-weight:bold;
	display: table-cell;
	vertical-align: middle;
}

.twoBox {
	text-align:center;
}

.twoBox li {
	margin:0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width:47%;
	background:#FFF;
	position:relative;
}

.twoBox li:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom:#01326D 3px solid;
}

.twoBox li:nth-child(2) {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom:#01326D 3px solid;
}

.twoBox li:nth-last-child(2) {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}

.twoBox li:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}

.twoBox li a {
	display:block;
	padding:15px 0 0 8px;
	height:35px;
	font-weight:bold;
	color:#00326C;
	text-align:left;
}

.twoBox li:after {
	content:"";
	position:absolute;
	top:18px;
	right:10px;
	background:url(../img/ico_arrow.png) no-repeat;
	background-size:12px 12px;
	width:12px;
	height:12px;
}

ul.bottom_btn {
	border: 0;
	background: none;
	clear: both;
	height: 45px;
	padding:20px 0 0 0;
}

ul.bottom_btn li {
	background: white;
	border: 1px solid rgb(180,180,180);
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 8px;
	-webkit-box-sizing: border-box;
//	width: 48%;
	width: 44%;
	float:left;
	display: block;
	padding: 11px 10px 14px 10px;
}

ul.bottom_btn li + li {
	float: right;

}
ul.bottom_btn li a {
	line-height: 16px;
	margin: -11px -10px -14px -10px;
	padding: 11px 10px 14px 10px;
	-webkit-border-radius: 8px;
	font-weight:bold;
}

/* icon
----------------------------------------------------------------------------- */

.iconRadius {
	background-color:#01326D;
	width:40px;
	height:12px;
	padding:3px 5px;
	color:#FFF;
	/* Firefox v1.0+ */
	-moz-border-radius:15%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:15%/50%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:15%/50%;
	}


/* スライドショー（店舗案内）
----------------------------------------------------------------------------- */
.slider01{
	position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: 0;
  width: 100%;
	padding-bottom: 60%;
}
.slider01:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.slider01 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#slider ul, #slider li {
  list-style: none;
  margin:0;
  padding:0;
  border:none;
}

#slider li	{
  width: 240px;
  height: 180px;
  overflow: hidden;
}

#prevBtn, #nextBtn {
  overflow: hidden;
  text-indent: -8000px;
  width: 28px;
  height: 180px;
  display: block;
  position: absolute;
  left: -27px;
  top: 0px;
}
#nextBtn, #slider1next {
  left: 240px;
}
#prevBtn a, #nextBtn a {
  display: block;
  position: relative;
  width: 28px;
  height: 180px;
  background: url(../img/btn_prev.png) no-repeat;
}
#nextBtn a {
  background: url(../img/btn_next.png) no-repeat;
}
div#slider img {
  width: 240px;
  height: 180px;
  border:1px solid #B4B4B4;
}

.pageTop {
	width:85px;
	padding:10px 10px 10px 35px;
	color:#FFF;
	margin:0 0 10px 0;
	-moz-border-radius-bottomleft:30px;
	-webkit-border-bottom-left-radius:30px;
	-moz-border-radius-topleft:30px;
	-webkit-border-top-left-radius:30px;
	float:right;
	background:url(../img/ico_arrow05.png) no-repeat #01326D;
	background-position:15px 50%;
	background-size:12px 12px;
}
.searchTxt06:before {
	content:'';
	background:url(/sp/common/img/ico_02.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
	position:absolute;
	top:15px;
	left:10px;
	margin:0 10px 0 0;
}

/*******************************************************************************
 * ---------------------------------------------------------------------------
 *	ReNew 2014.12
 * ---------------------------------------------------------------------------
 * *************************************************************************** */
.renew14 #main {
	z-index: 1;
	background-color:#FFFFFF;
}

/* 新ヘッダー
 ---------------------------------------------------------------------------------------------- */
.renew14 header {
	width:100%;
	position: relative;

	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(219,243,252) 0%,rgb(152,216,255) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(219,243,252)),color-stop(1, rgb(152,216,255)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(219,243,252) 0%,rgb(152,216,255) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(219,243,252) 0%,rgb(152,216,255) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(219,243,252) 0%,rgb(152,216,255) 100%);
	background-image:linear-gradient(180deg,rgb(219,243,252) 0%,rgb(152,216,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdbf3fc,endColorstr=#ff98d8ff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdbf3fc,endColorstr=#ff98d8ff,GradientType=0);
}
.renew14 header #h_logo {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 140px;
	height: 30px;
}
.renew14 header .menu-button-right {
	position: absolute;
	top: 13px;
	right: 5px;
}

/* 右サイドメニュー
 ---------------------------------------------------------------------------------------------- */
.renew14 .slidemenu {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(0,65,137) 0%,rgb(0,77,161) 73%,rgb(0,77,161) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(0,65,137)),color-stop(0.73, rgb(0,77,161)),color-stop(1, rgb(0,77,161)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(0,65,137) 0%,rgb(0,77,161) 73%,rgb(0,77,161) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(0,65,137) 0%,rgb(0,77,161) 73%,rgb(0,77,161) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(0,65,137) 0%,rgb(0,77,161) 73%,rgb(0,77,161) 100%);
	background-image:linear-gradient(180deg,rgb(0,65,137) 0%,rgb(0,77,161) 73%,rgb(0,77,161) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff004189,endColorstr=#ff004da1,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff004189,endColorstr=#ff004da1,GradientType=0);

	position: fixed;
	top: 0;
	right: 0;
	width: 180px;
	visibility: hidden;
	z-index: -2;
}
.renew14 .slidemenu li {
	list-style: none;
	border-bottom: 1px solid #004188;
	border-top: 1px solid #002248;
	line-height: 1.8;
	background-color:rgb(0,57,121);
	color: #FFFFFF;
}
.renew14 .slidemenu li div {
	position: relative;
	padding:10px 0 10px 40px;
	font-size:12px;
	font-weight:bold;
}
.renew14 .slidemenu li p {
	position: relative;
	padding:10px 0 10px 30px;
	font-size:14px;
	font-weight:bold;
}
.renew14 .slidemenu li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
.renew14 .slidemenu-icon01{
	background: url( "../img/ico_slidemenu_01.png" ) no-repeat; background-position:8px center;
}
.renew14 .slidemenu-icon02{
	background: url( "../img/ico_slidemenu_02.png" ) no-repeat; background-position:8px center;
}
.renew14 .slidemenu-icon03{
	background:url( "../img/ico_slidemenu_03.png" ) no-repeat right;
}
.renew14 .slidemenu-icon04{
	background: url( "../img/ico_slidemenu_04.png" ) no-repeat; background-position:8px center; background-size:13px;
}
.renew14 .slidemenu .slidemenu-heading {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(35,122,217) 0%,rgb(25,107,196) 12%,rgb(14,90,172) 81%,rgb(0,68,142) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 103%,color-stop(0, rgb(35,122,217)),color-stop(0.12, rgb(25,107,196)),color-stop(0.81, rgb(14,90,172)),color-stop(1, rgb(0,68,142)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(35,122,217) 0%,rgb(25,107,196) 12%,rgb(14,90,172) 81%,rgb(0,68,142) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(35,122,217) 0%,rgb(25,107,196) 12%,rgb(14,90,172) 81%,rgb(0,68,142) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(35,122,217) 0%,rgb(25,107,196) 12%,rgb(14,90,172) 81%,rgb(0,68,142) 100%);
	background-image:linear-gradient(180deg,rgb(35,122,217) 0%,rgb(25,107,196) 12%,rgb(14,90,172) 81%,rgb(0,68,142) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff237ad9,endColorstr=#ff00448e,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff237ad9,endColorstr=#ff00448e,GradientType=0);
	border-color:rgb(0,34,72);
	border-width:1px;
	border-style:solid;
}
.renew14 .slidemenu .slidemenu-header {
	position: relative;
}
.renew14 .slidemenu .slidemenu-body {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.renew14 .slidemenu .slidemenu-body .slidemenu-content {
	position: relative;
}
.renew14 .slidemenu .slidemenu-right {
	right: 0;
}
.renew14 .slidemenu .slidemenu-left {
	left: 0;
}

/* フリーワード
 ---------------------------------------------------------------------------------------------- */
#area-freeword{
	margin: 10px auto 0;
}
#area-freeword .inputText{
}
#area-freeword .inputText input{
	border: 1px solid #BBB;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 8px 5px;
	width: 90%;
}
#area-freeword .submit input{
	width: 90%;
	border: 1px solid transparent;
	color: #FFF;
	font-weight: bold;
	padding: 10px 0;

	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#41C838', endColorstr = '#398B12');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#41C838', endColorstr = '#398B12')";
	background-image: -moz-linear-gradient(top, #41C838, #398B12);
	background-image: -ms-linear-gradient(top, #41C838, #398B12);
	background-image: -o-linear-gradient(top, #41C838, #398B12);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#41C838), to(#398B12));
	background-image: -webkit-linear-gradient(top, #41C838, #398B12);
	background-image: linear-gradient(top, #41C838, #398B12);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

}