html, body {
	height:100%;/*フッタ対応*/
}
html {
	overflow-y: scroll;/*IE6で横スクロールを防ぐ*/
}
body,table,input {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ","Meiryo", sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2;
	color:#333333;
}

/* for WinIE6*/
* html body {
	font-size:12px;
	vertical-align:baseline;
}
/* IE7で背景画像の中心がずれるのを防止*/ 
*:first-child+html body {
	xpadding-left: 1px;
}
/*IE6以下で背景画像の中心がずれるのを防止*/

html body {
	xpadding-left: 1px;
}



/*--------------------------------------------
base layout
--------------------------------------------*/

#wrap{
width:980px;
margin:0 auto;
text-align:left;
}

#head {
height:110px;
background-image:url(../common/town.gif);
background-repeat:no-repeat;
}

#top_line {
width:980px;
height:10px;
background-image:url(../common/top_line.gif);
background-repeat:repeat-x;
}

#navi {
width:200px;
float:left;
}

#contents {
width:760px;
padding-left:20px;
float:right;
}

#foot {
margin-top:20px;
height:25px;
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* イメージのリンクボーダーを消す */
a img {
    border-style:none;
}

/*--------------------------------------------
リンク設定
--------------------------------------------*/
a:link {
	color:#f0027f;
	text-decoration:underline;
}
a:visited {
	color:#f0027f;
	text-decoration:underline;
}
a:hover {
	color:#333333;
	text-decoration:none;
}
a:active {
	color:#333333;
	text-decoration:underline;
}

/*--------------------------------------------
ヘッダー内
--------------------------------------------*/

#logo {
float:left;
}

#selectbox {
margin-top:85px;
width:200px;
float:right;
}

/*--------------------------------------------
セレクトボックス設定
--------------------------------------------*/
select{
	width:200px;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
	padding:2px;
	background-image:url(../common/select.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:25px;
	border:1px solid #e5007f;
}
/*--------------------------------------------
メニューボタン
--------------------------------------------*/
.menu_btn{
width:200px;
padding:0;
margin-bottom:2px;
clear:both;
}

/*--------------------------------------------
テキストエリア
--------------------------------------------*/
.post {
padding:0px;
margin-bottom:20px;
clear:both;
}


/*--------------------------------------------
テキストエリア
--------------------------------------------*/

.post {
padding:0px;
margin-bottom:20px;
clear:both;
}

/* ---1px 区切り線--- */
.HR1 {
	margin:5px 0;
	height:1px;
	background-color:#fbc0df;
}

/*--------------------------------------------
サービス
--------------------------------------------*/

.service_illustbox {
margin-bottom:5px;
vertical-align:top;
}

.service_illustbox .textbox {
padding:10px;
height:60px;
}


/*--------------------------------------------
スポット
--------------------------------------------*/
.spot_areabox {
background-color:#fbdceb;
border: solid 1px #e5007f;
padding:10px;
font-size:16px;
line-height:1.4;
}

.spot_areabox2 {
background-color:#fbdceb;
border: solid 2px #fbdceb;
border-color: #fbdceb #fbdceb #e5007f #fbdceb;
padding:10px;
font-size:16px;
line-height:1.4;
}

.pinklinebox {
border: solid 1px #fbc0df;
padding:10px;
}

.spotnumber {
vertical-align:top;
height:310px;
}

.mapbox {
margin-bottom:20px;
}

.mapmini {
vertical-align:top;
}

.mapadd {
margin:5px;
}

.mapadd td {
border-bottom: dotted 1px #fbc0df;
vertical-align:top;
}

.addnumber {
width:20px;
}

.addtext {
font-size:10px;
line-height:0.6;
}


/*--------------------------------------------
コーポレート
--------------------------------------------*/
.corporatebox {
margin-bottom:5px;
}

.corporatebox .boxtitle {
width:160px;
vertical-align:middle;
height:30px;
font-weight:bold;
border-bottom: solid 1px #e7057f;
background-color:#ffe4f2;
}

.corporatebox td {
padding:5px;
border-bottom: solid 1px #fbc0df;
}

.notesbox {
margin-bottom:5px;
font-size:12px;
vertical-align:top;
}

.notesbox .number {
width:25px;
vertical-align:top;
}


/*--------------------------------------------
トップに戻る
--------------------------------------------*/
.btnback {
text-align:right;
clear:both;
margin:5px 0;
}


/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
display: block;
clear: both;
height: 0;
line-height: 0px;
}


/***********************************************/
/*  space                                      */
/***********************************************/

.space30 {
	height:30px;
	clear: both;
	margin: 0;
	padding: 0;
}
.space20 {
	height:20px;
	clear: both;
	margin: 0;
	padding: 0;
}
.space10 {
	height:10px;
	clear: both;
	margin: 0;
	padding: 0;
}
.space5 {
	height:5px;
	clear: both;
	margin: 0;
	padding: 0;
}


/***********************************************/
/*  SNS                                      */
/***********************************************/

.social-button {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-button li {
	float: left;
	margin: 0 35px 0 0;
	padding: 0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both;
}

.social-button {
	*zoom: 1;
}

.social-button iframe.twitter-share-button {
    width: 100px !important;
}

/***********************************************/
/*  観光バナー                                 */
/***********************************************/
h2.kanko {background: #0d8ddc; color: #fff; margin: 0 0 5px; padding: 18px 10px;}
h2.kanko strong {display: inline-block; margin-right:10px;}
h2.kanko span {font-size: 80%;}

.att_txt p {font-size: 140%; margin: 15px 0 5px; padding: 0;}

/* ========= 日本地図 ========= */
.kanko_map {border: 1px solid #ccc; background: url(/freewifi/images/kanko_map.png) no-repeat -25px 15px; margin: 0; padding: 15px; overflow: hidden; zoom: 1;}
.kanko_map dl {text-align: left; width: 380px; word-wrap:break-word; float: right;}
.kanko_map dt {font-size: 120%; font-weight: bold; margin: 30px 0 10px; padding: 0 0 5px; border-bottom: 5px solid;}
.kanko_map dt:first-child {margin-top: 0;}
.kanko_map dd {margin: 0 0 20px; padding: 0; letter-spacing: 0.05em;}
.hokkaido {border-color: #529800 !important;}
.tohoku   {border-color: #834eb9 !important;}
.kanto    {border-color: #df4294 !important;}
.tokyo    {border-color: #cf3636 !important;}

/* ========= リンクバナー ========= */
.kanko_link {margin: 30px 0 50px;}
.kanko_link h3 {font-size: 140%; border-bottom: 5px solid; margin: 30px 0 15px; padding: 0 0 5px;}
ul.bnr {margin: 0 0 0 -50px; padding: 0; list-style: none; overflow: hidden; zoom: 1; font-size: 0;}
ul.bnr li   {display: inline-block; margin: 0; padding: 0 0 15px 50px; width: 220px; font-size: 14px;}
ul.bnr li a {display: block; text-align: center; color: #000;}
ul.bnr li a:hover {opacity: 0.8;}
ul.bnr li img {margin: 5px 0; width: 100%; font-size: 90%;}
ul.bnr li img.bd {border: 1px solid #ccc;
        box-sizing: border-box;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}