@charset "utf-8";

/******************************************************************
 * ベース
 *****************************************************************/

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
	font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

html {
	 font-size: 62.5%;
}

/* IE7のpadding設定 */
*:first-child+html body {
	padding-left: 1px;
}

/* IE6のpadding設定 */
*html body {
	padding-left: 1px;
}

body {
	font-size:15px;
	font-size: 1.5rem;
	width:100%;
	height: 100%;
	margin:0;
	padding:0;
	color:#333333;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	line-height: normal;
	letter-spacing:-1px;
	font-weight:normal;
}
p {
	text-align:left;
	margin:0 0 20px;
	line-height:1.5;
}

img {
	border:0;
	max-width:100%;
	height:auto;
}

ul,
ol {
  list-style: none;
  list-style-image: none;
  word-spacing: -1em;
  display: table;
  margin:0;
  padding: 0;
  text-align:left;
}

dd {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#spLinkBlockInPc{
	display:none;
}

/* リンク */

a {
	color: #0000FF;
	text-decoration: none;
	cursor:pointer;
}
a:focus {
	outline: thin dotted;
	color: #CC0000;
	text-decoration: none;
}
a:hover,
a:active {
	outline: 0;
	color: #CC0000;
	text-decoration: none;
}

.linkOver:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

:focus::-webkit-input-placeholder { color: white; }
:focus:-moz-placeholder { color: white; }
:focus::-moz-placeholder { color: white; }
:focus:placeholder-shown { color: white; }


/******************************************************************
 * ヘッダー
 *****************************************************************/

#WRAP {
	position:relative;
     width: 100%;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#HEADER {
	width:100%;
}

#HEADER-in {
	position:relative;
	width:1000px;
	height:120px;
	margin:0 auto;
}

#HEADER-in #CC {
	position:absolute;
	top:15px;
	width:100%;
	text-align:center;
}

#HEADER-in #LOGO {
	position:absolute;
	top:45px;
	width:100%;
	text-align:center;
}


/*ヘッダーボタン*/

#headerBTN{
	background-color: #F60;
	width: 250px;
	height:100px;
    position: fixed;
	top:0px;
	right:0px;
    z-index: 10000;
	box-shadow:0px 0px 5px 0px #acacac;
	-moz-box-shadow:0px 0px 5px 0px #acacac;
	-webkit-box-shadow:0px 0px 5px 0px #acacac;

}


/******************************************************************
 * コンテンツ
 *****************************************************************/

#Contents {
	width:100%;
}

#TOP01 {
	position:relative;
	width:100%;
	height:870px;
	margin:0 auto 20px;
}

#TOP01 .TOP01-bg1 {
	position:absolute;
	top:0;
	width:100%;
	height:600px;
	background:url(../img/bg_top_01.jpg) no-repeat #eeeeec;
	background-position:50% 50%;
}
#TOP01 .TOP01-bg2 {
	position:absolute;
	bottom:0;
	width:100%;
	height:591px;
	background:url(../img/bg_top_02.jpg) center;
}


#TOP01-cnt {
	position:absolute;
	top:0;
	right:0;
	left:0;
	width:1000px;
	margin:0 auto;
}
#TOP01 .TITLE {
	position:absolute;
	top:190px;
	width:100%;
	height:81px;
	text-align:center;
}
#TOP01 .PHOTO {
	position:absolute;
	top:375px;
	width:100%;
	height:132px;
	text-align:center;
}
#TOP01 .TOP01-cnt1.TITLE {
	text-align:center;
}

#TOP01 .TOP01-cnt2 {
	position:absolute;
	top:500px;
	width:1000px;
	background-color:#FFF;
}
#TOP01-cnt2-in {
	position: relative;
	width:1000px;
	height:350px;
	background-color:#8dc21f;
	box-shadow:0px 0px 5px 0px #acacac;
	-moz-box-shadow:0px 0px 5px 0px #acacac;
	-webkit-box-shadow:0px 0px 5px 0px #acacac;
}
#TOP01-cnt2-in .PHOTO {
	position:absolute;
	top:-128px;
	width:100%;
	text-align:center;
}


/*検索フォーム*/

#TOP01-cnt2-in .searchForm {
	position:absolute;
	top:40px;
	left:50px;
	width:900px;
	height:60px;
}
.searchForm table {
	margin:0px;
	padding:0;
	border-spacing:0;
	border: none;
	width:100%;
	height:60px;
}
.searchForm table td {
	border: none;
	vertical-align:middle;
}
.searchForm table td.style1 {
	background: url(../img/bg_form.png) ;
	background-position:100% 50%;
	width:190px;
	height:60px;
	background-color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	font-size: 2.0rem;
}
.searchForm table td.style2 {
	width:auto;
	height:60px;
	background-color:#FFF;
}
.searchForm table td.style3 {
	width:160px;
	height:60px;
}
.searchForm table td input{
	width:100%;
	height:60px;
	padding:10px;
	border:none;
	font-size:18px;
	font-size: 1.8rem;

}
.searchForm table td button{
	float:right;
	display:block;
	background-color:#F00;
	width:90%;
	height:60px;
	border:none;
	font-size:20px;
	font-size: 2.0rem;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
.searchForm table td button:hover {
	background-color:#ffa500;
}
.searchForm table td button span{
	display:block;
	color:#FFF;
}


#TOP01-cnt2-in .TEXT {
	position:absolute;
	top:120px;
	left:50px;
	width:900px;
	font-size:14px;
	font-size: 1.4rem;
	color:#FFF;
}
#TOP01-cnt2-in .TEXT a {
	color:#ffff42;
}


#TOP01-cnt2-in .BTN1 {
	position:absolute;
	top:190px;
	left:50px;
	width:280px;
	height:120px;
	background-color:#FF0;
}
#TOP01-cnt2-in .BTN2 {
	position:absolute;
	top:190px;
	left:360px;
	width:280px;
	height:120px;
	background-color:#FF0;
}
#TOP01-cnt2-in .BTN3 {
	position:absolute;
	top:190px;
	left:670px;
	width:280px;
	height:120px;
	background-color:#FF0;
}



#TOP02 {
	width:100%;
	height:auto; 
	margin:0 auto;
	padding-top:80px;
	background:url(../img/bg_city.png) repeat-x #f0f4f6 top;
}
#TOP02-in {
	width:1000px;
	margin:0 auto;
}

#TOP02Menu ul {
	margin-left:-12px;
	padding-bottom:40px;
}
#TOP02Menu ul li {
	display: block;
	float:left;
	width:241px;
	height:180px;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-bottom:12px;
	background-color:#FFF;
	line-height:0;
}
#TOP02Menu ul li a {
	background-color:#FFF;
}
#TOP02Menu ul li a:hover {
}





#TOP03 {
	width:100%;
	height:550px;
	background:url(../img/bg_top-cnt-4.jpg) no-repeat #eeeeec;
	background-position:50% 50%;
	margin:0 auto;
	padding-top:40px;
}
#TOP03-in {
	width:1000px;
	margin:0 auto;
}
#TOP03L {
	float:left;
	width:47%;
	height: auto;
	margin:0 auto 40px;
}
#TOP03R {
	float:right;
	width:47%;
	height: auto;
	margin:0 auto 40px;
}


.TOP03List {
	display:block;
}
.TOP03List li {
	display:block;
	width:100%;
	margin-bottom:5px;
}
.TOP03List li a {
	display:block;
	background:url(../img/bg_list-arrow.png) no-repeat #FFF;
	background-position:97% 50%;
	border-left:5px solid #8dc21f;
	width:100%;
	color:#00a481;
	padding:18px 13px;
	font-size: 16px;
	font-size: 1.6rem;
}
.TOP03List li a span {
	color:#8bc23b;
	font-weight:bold;
}
.TOP03List li a:hover {
	border-left:5px solid #F00;
}
.TOP03List li a.pt7 {
	padding-top: 7px;
}
.TOP03List li a.pb5 {
	padding-bottom: 5px;
}



#TOP04 {
	width:100%;
	height:630px;
	margin:0 auto;
	padding-top:60px;
}
#TOP04-in {
	width:1000px;
	margin:0 auto;
}

#TOP04Menu ul {
	margin-left:-40px;
	padding-bottom:40px;
}
#TOP04Menu ul li {
	display: block;
	float:left;
	width:480px;
	height:150px;
	margin:0;
	padding:0;
	margin-left:40px;
	margin-bottom:40px;
	background-color:#FFF;
	line-height:0;
}
#TOP04Menu ul li a {
}
#TOP04Menu ul li a:hover {
}





#TOP05 {
	width:100%;
	background-color:#f0f4f6;
	margin:0 auto;
	padding-top:40px;
}
#TOP05-in {
	width:1000px;
	margin:0 auto;
}
#TOP05L {
	float:left;
	width:47%;
	height: auto;
	margin:0 auto 40px;
}
#TOP05R {
	float:right;
	width:47%;
	height: auto;
	margin:0 auto 40px;
}


.TOP05List {
	display:block;
	margin-bottom:30px;
}
.TOP05List li {
	display:block;
	width:100%;
	margin-bottom:5px;
}
.TOP05List li.style1 a {
	display:block;
	background:url(../img/bg_list-arrow.png) no-repeat #FFF;
	background-position:97% 50%;
	border-left:5px solid #8dc21f;
	width:100%;
	color:#00a481;
	padding:18px 13px;
	font-size: 16px;
	font-size: 1.6rem;
}
.TOP05List li.style2 {
	display:block;
	width:100%;
	margin-bottom:5px;
	background:url(../img/bg_list-arrow.png) no-repeat #FFF;
	background-position:97% 50%;
	border-left:5px solid #8dc21f;
	width:100%;
	color:#00a481;
	padding:18px 13px;
	font-size: 16px;
	font-size: 1.6rem;
}
.TOP05List li.style2 a {
	color:#00a481;
}
.TOP05List li.style2 a:hover {
	color:#F00;
}
.TOP05List li a span {
	color:#8bc23b;
	font-weight:bold;
}








/******************************************************************
 * フッター
 *****************************************************************/

#FOOTER {
	width:100%;
}



#FOOT01 {
	width:100%;
	height:180px;
	margin:0 auto;
	background:#222f33;
}
#FOOT01-in {
	width:1000px;
	margin:0 auto;
}


#FOOT01-in .MENU {
	padding-top:45px;
	font-size: 13px;
	font-size: 1.3rem;
	color:#FFF;
	text-align: center;
}
#FOOT01-in .MENU a {
	margin:0 10px;
	color:#FFF;
}
#FOOT01-in .MENU a:hover {
	color:#FFC;
}
#FOOT01-in .COPY {
	padding-top:45px;
	font-size: 13px;
	font-size: 1.3rem;
	color:#FFF;
	text-align: center;
}




/*フッターボタン*/

#pageTop{
	display:block;
	/*position:absolute;*/
	position: fixed;
	bottom:10px;
	right:10px;
}



/* 画像のスタイル指定 */

#common-banner {
	 margin: 0 0 2em;
}
img.adjust {
	 width: 100%;
	 max-width:100%;
	 height: 41px;
	 border: none;
}
img.mainimg {
	 width: 100%;
	 max-width:100%;
	 height: auto;
	 border: none;
	 padding-bottom:10px;
}



/******************************************************************
 * coopバナー 外皮
 *****************************************************************/

@media screen and (min-width: 768px),print {
/* PC用のスタイル記述 */
.ad-banner {
	width: 970px;
	max-width: 100%;
	margin:2% auto;
}
	}

@media screen and (max-width: 767px) {
/* スマートフォン用のスタイル記述 */
.ad-banner{
	width:100%;
	max-width:100%;
	margin:2% auto;
}
	}

/******************************************************************
 * coopバナー バナー切り替え
 *****************************************************************/
 #ADw970 {
	text-align: center;
	padding: 0px;
}
#ADw728, #ADw468, #ADw320 {
	display: none;
}

@media (min-width:728px) and (max-width:969px){
	#ADw728 {
		display: block;
		text-align: center;
		padding-bottom: 25px;
	}
	#ADw970 {
		display: none;
	}
}

@media (min-width:468px) and (max-width:727px){
	#ADw468 {
		display: block;
		text-align: center;
		padding-bottom: 25px;
	}
	#ADw728, #ADw970 {
		display: none;
	}
}

@media (max-width:467px){
	#ADw320 {
		display: block;
		text-align: center;
		padding-bottom: 20px;
	}
	#ADw970, #ADw728, #ADw468 {
		display: none;
	}
}