/*
Theme Name: GoogleMap インドアビュー
*/

@charset "utf-8";


/* ----------------------------- リセット */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,var,b,i,
dl dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{vertical-align:top;font-size:0;line-height:0;}
sup{font-size:8px;}

div:before,div:after,ul:before,ul:after,ol:before,ol:after,dl:before,dl:after{content:"";display:table;}
div:after,ul:after,ol:after,dl:after{clear:both;}
div,ul,ol,dl{zoom:1;}



/* ----------------------------- 全体 */
body {
	font-size: 14px;
	line-height: 1.6em;
	color: #333;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	min-width: 800px;
}

* {position: relative;}


a:link,
a:visited {
	color: #3EAA97;
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}

#content01 p,
#content02 h3,
#content02 p,
#content03 p,
#content04 p,
#content05 p,
#content05 h3,
#content06 p {background-color: #fff;}





/* ----------------------------- ヘッダー */
.header_img01 {
	background-image: url(img/header_bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#header h1 {
	width: 800px;
	margin: 0 auto;
	padding: 207px 0 208px;
	text-align: center;
	position: relative;
	z-index: 9;
}





/* ----------------------------- コンテンツ */
#contents {background: #eee;}

.contentIn {
	width: 800px;
	min-width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.common_tit01,
.common_tit02,
.common_tit03 {
	position: relative;
	margin: -14px 0 0 -8px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 142%;
	font-weight: normal;
	padding-left: 12px;
	margin-bottom: 20px;
}

.common_tit01 {background: url(img/common_bg01.png) no-repeat center top;}
.common_tit02 {background: url(img/common_bg02.png) no-repeat center top;}
.common_tit03 {background: url(img/common_bg03.png) no-repeat center top;}





/* ----------------------------- content01 */
#content01 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #ddd;
	border-width: 1px 0;
}





/* ----------------------------- content02 */
#content02 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #ddd;
	border-width: 1px 0;
}

#content02 .contentIn {padding-bottom: 20px;}

#content02 table {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#content02 td {
	width: 120px;
}

#content02 th {
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}

#content02 h3 {
	color: #006AD3;
	font-size: 142%;
	margin-bottom: 5px;
}





/* ----------------------------- content03 */
#content03 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #7BBD2A;
	border-width: 1px 0;
}

.content03_txt01 {
	color: #7ABD2A;
	font-size: 114%;
	font-weight: bold;
	margin: 14px 0 20px;
}

.content03_ul01 {
	position: relative;
	margin-left: -10px;
}

.content03_ul01 li {
	width: 260px;
	font-size: 114%;
	color: #fff;
	background: #7BBD2A;
	margin-left: 10px;
	float: left;
	text-align: center;
	padding: 4px 0;
}

.content03_c01 {
	text-align: center;
	margin-top: 20px;
}

.content03_c01 ul {
	position: relative;
	margin-top: 8px;
	margin-left: -72px;
}

.content03_c01 li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: bold;
	font-size: 78%;
	padding: 0 5px;
}

.c01 {color: #DF1967;}
.c02 {color: #00A3D9;}





/* ----------------------------- content04 */
#content04 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #E11A69;
	border-width: 1px 0;
}

.content04_txt01 {
	color: #E01968;
	font-size: 114%;
	font-weight: bold;
	margin: 14px 0 20px;
}

.content04_ul01 {
	position: relative;
	margin-left: -12px;
	margin-bottom: 20px;
}

.content04_ul01 li {
	margin-left: 12px;
	width: 191px;
	background: #DF1967;
	color: #fff;
	padding: 4px 0;
	text-align: center;
	float: left;
}

.content04_ul02 {
	position: relative;
	margin-left: -29px;
}

.content04_ul02 li {
	width: 247px;
	margin-left: 29px;
	float: left;
}

.content04_ul03 {
	position: relative;
	margin-top: -8px;
	text-align: right;
}

.content04_ul03 li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: bold;
	font-size: 78%;
	padding-left: 10px;
}





/* ----------------------------- content05 */
#content05 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #ddd;
	border-width: 1px 0;
}

#content05 p strong {
	color: #006AD4;
	font-size: 128%;
	font-weight: bold;
}

#content05 h3 {
	color: #006AD4;
	font-size: 178%;
	margin: 28px 0;
}





/* ----------------------------- content06 */
#content06 {
	background: #fff;
	margin-bottom: 52px;
	border: solid #ddd;
	border-width: 1px 0;
}

#content06 ul {
	margin: 20px 0;
}

#content06 li {
	float: left;
	width: 135px;
}

#content06 li.first,
#content06 li.last {width: 130px;}

#content06 li p {
	background: url(img/content06_bg02.png) no-repeat center top;
	height: 62px;
	padding-top: 28px;
	color: #006AD4;
	font-size: 114%;
	text-align: center;
	font-weight: bold;
}

#content06 li.first p {background-image: url(img/content06_bg01.png);}
#content06 li.last p {background-image: url(img/content06_bg03.png);}





/* ----------------------------- フッター */
.footerIn {
	width: 800px;
	margin: 0 auto;
}

#footer01 {background: #eee;}

#footer01 a {
	display: block;
	width: 540px;
	margin: 0 auto 40px;
}


#footer02 {
	background: #fff;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer02 h2,
#footer02 p {float: left;}

#footer02 p {margin-left: 26px;}


#footer03 {background: #006AD5;}

#footer03 p {
	color: #fff;
	text-align: right;
	font-size: 78%;
}