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

*{
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;/* for IE7(IE6) */
}
html{
	font-size:62.5%;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
	line-height:1;
	color:#6A2D2D;
	background:url(../images/bg.gif) #FFF;
	width:100%;
	height:100%;
}
@media screen and (max-width:640px){ /* スマホ用 */
	body{
		background:#FFF;
	}
}
img{
	vertical-align:bottom;
	border:none;
	width:100%;
}
h1, h2, h3, h4, h5, h6{
	font-size:1.6em;
	line-height:1.8em;
}
p{
	font-size:1.6em;
	line-height:1.8em;
}
address{
	font-size:1.6em;
	line-height:1.8em;
	font-style:normal;
}
li{
	font-size:1.6em;
	line-height:1.8em;
}
dt, dd{
	font-size:1.6em;
	line-height:1.8em;
}
table caption,
table tr th,
table tr td{
	font-size:1.6em;
	line-height:1.8em;
}
a{
	text-decoration:none;
	color:#6A2D2D;
}
::-moz-selection {
    background:#FF9085;
    color: #FFEDA4;
}
::selection {
    background:#FF9085;
    color: #FFEDA4;
}
.tel{
	cursor:default;
	color:#000;
}

/* 表示制御 */
.sp-view{
	display:none !important;
}
@media screen and (max-width:640px){ /* スマホ用 */
	.sp-view{
		display:block !important;
	}
}
@media screen and (max-width:640px){ /* スマホ用 */
	.pc-view{
		display:none !important;
	}
}

/********************************************/
/* まとめ設定                               */
/********************************************/
#cvp h1,
#header,
#contents,
#footer #footline,
#footer #footcopy,
#outside #outsideother,
#outside #outsideindex{
	margin:0 auto;
	max-width:960px;
	min-width:640px;
}
#container,
#subcontainer,
#footer,
#outside,
#outsideback,
#footerbacktop,
#footerbackbottom{
	min-width:640px;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#cvp h1,
	#header,
	#contents,
	#footer #footline,
	#footer #footcopy,
	#outside #outsideother,
	#outside #outsideindex{
		min-width:320px;
	}
	#container,
	#subcontainer,
	#footer,
	#outside,
	#outsideback,
	#footerbacktop,
	#footerbackbottom{
		min-width:320px;
	}
}

/********************************************/
/* バックグラウンド装飾関連                 */
/********************************************/
#container{
	background:url(../images/bg00.png) no-repeat center top;
}
#subcontainer{
	background:url(../images/bg00sub.png) no-repeat center top;
}
@media screen and (max-width:960px){ /* 画面が960px以下のときの設定 */
	#container{
		background:url(../images/bg00_960.png) no-repeat center top;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#subcontainer{
		background:url(../images/bg00sub_960.png) no-repeat center top;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
}
@media screen and (min-width:1540px){ /* 画面が背景画像以上のときの設定 */
	#container{
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#subcontainer{
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
}
@media screen and (max-width:640px){ /* スマホ用 */
	#container{
		background:url(../images/sp-bg00.jpg) no-repeat top center;
		-moz-background-size:108% auto;
		background-size:108% auto;
	}
	#subcontainer{
		background:url(../images/sp-bg00sub.gif);
	}
}
#footerbacktop{
	background:url(../images/bg02.jpg) center top;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
@media screen and (max-width:960px){ /* 画面が960px以下のときの設定 */
	#footerbacktop{
		background:url(../images/bg02.jpg) repeat-x center bottom;
		-moz-background-size:auto auto;
		background-size:auto auto;
	}
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footerbacktop{
		background:url(../images/sp-bg02.gif) center top;
		-moz-background-size:auto 110%;
		background-size:auto 110%;
	}
}
#footerbackbottom{
	background:url(../images/bg03.jpg) center top;
}
@media screen and (max-width:960px){ /* 画面が960px以下のときの設定 */
	#footerbackbottom{
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footerbackbottom{
		-moz-background-size:auto 100%;
		background-size:auto 100%;
	}
}
#outsideback{
	background:#CD7A53;
}

/********************************************/
/* CVP                                      */
/********************************************/
#cvp{
	background:url(../images/bg01.gif) center center;
}
#cvp h1{
	background:url(../images/bg01.gif) center center;
	font-size:1.2em;
	line-height:2.0em;
	text-align:right;
	color:#FFF;
}
#cvp h1 strong{
	padding:0 0.5em;
	display:block;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#cvp{
		display:none;
	}
	#cvp h1{
		background:url(../images/bg01.gif);
		font-size:1.0em;
		line-height:1.8em;
		text-align:left;
	}
}

/********************************************/
/* ヘッダ                                   */
/********************************************/
#header{
	position:relative;
}
/* 駅長さん画像 */
#header #ownerlayer{
	width:22.4%;
	max-width:214px;
	position:absolute;
	left:75.6%;
	bottom:150px;
	z-index:100;
}
/********************/
/* ロゴ・ナビ       */
/********************/
#header #headline{
	padding:0 0 47% 0;
	background:url(../images/bg04.png) no-repeat center bottom;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#subcontainer #header #headline{
	padding:0;
	background:url(../images/bg04.png) no-repeat center top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#header #headline{
		padding:0;
		background:url(../images/sp-bg04.png) no-repeat center 63.2%;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#subcontainer #header #headline{
		padding:0;
		background:none;
		-moz-background-size:auto;
		background-size:auto;
	}
}
/* ロゴ周り */
#header #headline h2{
	padding:1% 0;
	width:35.2%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#header #headline h2{
		margin:0 0 81.5% 0;
		width:94.5%;
		float:none;
	}
	#subcontainer #header #headline h2{
		margin:0 0 1.8% 0;
		padding:0;
		width:94.5%;
		float:none;
	}
}
/* ナビ周り */
#header #headline .navigate{
	width:60.4%;
	float:right;
}
#header #headline .navigate ul{
	padding:5.3% 0 0 0;
}
#header #headline .navigate ul li{
	margin:0 2.1% 0 0;
	width:22.4%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#header #headline .navigate{
		background:#FFF;
		width:100%;
		float:none;
	}
	#header #headline .navigate ul{
		padding:0;
	}
	#header #headline .navigate ul li{
		margin:2.225% 0 2.225% 2.175%;
		/*width:22.55%;*/
		width:22.55%;
		float:left;
	}
	#subcontainer #header #headline .navigate ul{
		padding:1.2% 0 1.6% 0;
	}
}

/********************************************/
/* アサイド                                 */
/********************************************/
/* バナー */
#outside #outsideother ul{
	padding:26.4% 17.1% 1.2% 0;
	background:url(../images/hipimg.png) no-repeat right bottom;
}
#subcontainer #outside #outsideother ul{
	padding:13.2% 17.1% 1.2% 0;
	background:url(../images/hipimg.png) no-repeat right bottom;
}
#outside #outsideother ul li{
	margin:0 1.6% 1.6% 0;
	display:inline-block;
}
*:first-child+html #outside #outsideother ul li{
	display:inline; /* for IE7 */
}
#outside #outsideother ul li img{
	width:auto;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#outside{
		background:url(../images/sp-bgcloud.png) no-repeat center top;
		-moz-background-size:100% 100%;
		background-size:100% 100%;
		padding:20% 0 0 0;
	}
	#outside #outsideother ul{
		padding:0 0 25% 0;
		-moz-background-size:30% auto;
		background-size:30% auto;
		text-align:center;
	}
	#subcontainer #outside #outsideother ul{
		padding:0 0 25% 0;
		-moz-background-size:30% auto;
		background-size:30% auto;
		text-align:center;
	}
	#outside #outsideother ul li{
		margin:0 4% 4% 4%;
		vertical-align:middle;
	}
	#outside #outsideother ul li img{
		vertical-align:middle;
	}
}
/* トップへ */
#outside #outsideindex{
	background:#CD7A53;
}
#outside #outsideindex p a{
	margin:0 0 0 0.5%;
	padding:0 0 0 1.6em;
	background:url(../images/athome.png) no-repeat left center;
	color:#FFF;
	display:inline-block;
	cursor:pointer;
}
*:first-child+html #outside #outsideindex p a{
	display:block; /* for IE7 */
}

/********************************************/
/* フッタ                                   */
/********************************************/
#footer{
	overflow:hidden; /* Anti Last clearfix */
}
#footer #footline{
	padding:1.2em 0 5.2em 0;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footer #footline{
		padding:0;
	}
}
/* ロゴ周り */
#footer #footline h2{
	margin:0 0 0 1.4%;
	width:29.7%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footer #footline h2{
		display:none;
	}
}
/* 連絡先周り */
#footer #footline #footinfo{
	margin:0 0.8% 0 0;
	width:65.3%;
	background:url(../images/bg10.png) no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	float:right;
}
#footer #footline #footinfo ul{
	padding:3% 0 1% 9.4%;
}
#footer #footline #footinfo ul li{
	margin:0 2% 2% 0;
	width:43.5%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footer #footline #footinfo{
		margin:0;
		padding:3.6% 0;
		width:100%;
		background:none;
		float:none;
	}
	#footer #footline #footinfo ul{
		padding:0;
	}
	#footer #footline #footinfo ul li{
		margin:0 0 3.5% 0;
		width:100%;
		float:none;
		text-align:center;
	}
	#footer #footline #footinfo ul li:last-child{
		display:none;
	}
	#footer #footline #footinfo ul li img{
		width:77%;
	}
}
/* コピーライトナビ周り */
#footer #footcopy{
	padding:0 0 0.9em 0;
}
#footer #footcopy .navigate ul{
	margin:0 0 0 3.5%;
	width:33%;
	float:left;
}
#footer #footcopy .navigate ul li{
	border:solid #FFF;
	border-width:0 0.15em 0 0;
	display:inline;
}
#footer #footcopy .navigate ul li:first-child{
	border:solid #FFF;
	border-width:0 0.15em;
}
#footer #footcopy .navigate ul li a{
	margin:0 0.5em;
	color:#FFF;
	font-weight:bold;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footer #footcopy{
		padding:0;
	}
	#footer #footcopy .navigate ul{
		margin:0;
		border:#FFF solid;
		border-width:1px 1px 0 0 !important;
		width:99.8%;
		float:none;
	}
	#footer #footcopy .navigate ul li{
		width:49.65%;
		border:#FFF solid;
		border-width:0 0 1px 1px !important;
		float:left;
		text-align:center;
	}
	#footer #footcopy .navigate ul li a{
		padding:5% 0;
		margin:0;
		color:#FFF;
		display:block;
	}
}
/* コピーライト文言周り */
#footer #footcopy address{
	margin:0 0 0 1%;
	width:58%;
	float:right;
	font-weight:bold;
	color:#FFF;
	word-wrap:break-word;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#footer #footcopy address{
		margin:0;
		padding:3% 0 6.5% 0;
		width:100%;
		float:right;
		color:#FFF;
		font-size:0.5em;
		text-align:center;
		word-wrap:break-word;
	}
}