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

@import url('reset.css');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html,body {
	margin: 0;
	width: 100%;
	height: 100%;
}
html {
	font-size: 62.5%; /*初期値16pxの62.5%でルートが10px*/
}
body,button,input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	line-height: 1.5em;
}

a {	text-decoration: none; }
a:hover {	text-decoration: underline; }

.textSS { font-size:77%; }
.textS { font-size:85%; }
.textN { font-size:100%; }
.textL { font-size:116%; }
.textLL { font-size:146.5%; }
.textXL { font-size:189%; }

.center { text-align: center; }
.right { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }

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

header,footer,section,article,nav {
	display: block;
}

header,footer {
	margin: 0 auto;
}

nav {

}

#header {
	border-top: solid 4px rgba(102,204,204,1);
}
header {
}

.bg_base{ background-color: rgba(102,204,204,1); }
.bg_{ background-color: rgba(102,204,204,1); }
.bg_infomation{ background-color: rgba(102,204,204,1); }
.bg_life{ background-color: rgba(127,204,136,1); }
.bg_gourmet{ background-color: rgba(246,170,127,1); }
.bg_culture{ background-color: rgba(127,204,255,1); }
.bg_beauty{ background-color: rgba(255,170,212,1); }
.bg_trip{ background-color: rgba(221,178,246,1); }
.bg_event{ background-color: rgba(255,127,127,1); }

.bd_base{ border-color: rgba(102,204,204,1); }
.bd_{ border-color: rgba(102,204,204,1); }
.bd_infomation{ border-color: rgba(102,204,204,1); }
.bd_pickup{ border-color: rgba(255,222,73,1); }
.bd_life{ border-color: rgba(0,153,17,0.5); }
.bd_gourmet{ border-color: rgba(238,85,0,0.5); }
.bd_culture{ border-color: rgba(0,153,255,0.5); }
.bd_beauty{ border-color: rgba(255,85,170,0.5); }
.bd_trip{ border-color: rgba(187,102,238,0.5); }
.bd_event{ border-color: rgba(255,0,0,0.5); }


footer #footerLogo{
	float: right;
	width: 233px;
}