/* Common */


html {
	overflow: auto;
}
body {
	position: relative;
	min-width: 1000px;
	height: 100%;
	color: #292F3F;
	letter-spacing: 0.05em;
	font-family: Arial,"游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
	overflow-x: hidden;
}
::selection {
	background: #ADB2BF;
}
::-moz-selection {
	background: #ADB2BF;
}
.inner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
.section {
	clear: both;
	margin-bottom: 180px;
	padding: 0;
	border-top: solid 2px #292F3F;
}
.section_header {
	margin-bottom: 0px;
	height: 45px;
}
.section_header h3.section_count {
	position: absolute;
	top: -79px;
	padding-top: 75px;
	width: 75px;
	height: 45px;
	border: solid 2px #292F3F;
	color: #FFF;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	background: url(../images/section_count_bg.png) no-repeat 0 0 #292F3F;
}
.section_header h3.section_title {
	position: absolute;
	top: -75px;
	left: 111px;
	line-height: 75px;
	letter-spacing: 0.08em;
}
.section_header h3.section_title .label {
	font-size: 15px;
}
.section_contents {
	padding: 45px 0 60px 0;
}
.section_contents.wall {
	margin-top: -45px;
	padding-top: 90px;
	background: url(../images/section_contents_bg.png) #DDD;
}
.section_contents.wall.darker {
	background: url(../images/section_contents_bg_dark.png) #DDD;
}



.section_columns {
	padding: 60px 0 0 0;
}
.section_column {
	padding: 0 30px;
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;
}
.section_column_logo {
	width: 79px;
}
.section_column_title {
	width: 820px;
}
.section_column_title h3.title {
	margin-bottom: 12px;
	font-size: 18px;
}
.section_column_header {
	margin-bottom: 30px;
}
.section_column .half {
	width: 450px;
}


.block {
	margin-bottom: 30px;
}
.bolder {
	font-weight: bold;
}
.webfont {
	font-family: 'Century Gothic','Montserrat','Muli',sans-serif !important;
	font-weight: 400 !important;
}
.webfont.serif {
	font-family: 'Amiri', serif !important;
}
.webfont.sans {
	font-family: 'Century Gothic','Montserrat','Muli',sans-serif !important;
}
.webfont.lato {
	font-family: 'Lato', sans-serif !important;
}
.webfont.boldest {
	font-weight: 900 !important;
}
.webfont.bolder {
	font-weight: 700 !important;
}
.webfont.liter {
	font-weight: 300 !important;
}
.webfont.litest {
	font-weight: 100 !important;
}
.webfont.italic {
	font-style: italic;
}
h2 {
	margin-bottom: 30px;
	font-size: 18px;
}
h2.title {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}
h3 {
	margin-bottom: 45px;
	font-size: 21px;
	font-weight: bold;
}
h3.title {
	font-size: 24px;
}
h3.heading {
	font-size: 21px;
	text-align: left;
}
h3.desc {
	font-size: 18px;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}

h4 {
	margin-bottom: 13px;
	font-size: 18px;
	font-weight: normal;
}
h4.title {
	margin-bottom: 18px;
	font-size: 18px;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: bold;
}
h4.title.lined {
	margin-bottom: 36px;
	padding-bottom: 18px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 2px #292F3F;
}
h4.title.lined i {
	display: block;
	margin-bottom: 12px;
	font-size: 24px;
}
h4.subtitle {
	margin: -42px 0 45px 0;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
h5.title {
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 14px;
}
p {
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 1.8em;
}
.summary p {
	font-size: 15px;
	font-weight: bold;
	line-height: 2em;
}
.summary p.note {
	margin-bottom: 12px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
}

hr {
	clear: both;
	border: none;
	border-bottom: solid 1px #000;
	height: 1px;
}
a {
	color: #42B6D3;
}
ul,
ol {
	margin-bottom: 18px;
}
li {
	margin-bottom: 6px;
}
.leftest {
	float: left;
}
.lefter {
	float: left;
}
.center {
	float: left;
}
.righter {
	float: right;
}
.rightest {
	float: right;
}
.clear {
	clear: both;
}
.half {
	width: 470px;
}
.quarter {
	margin-right: 14px;
	width: 224px;
}
.quarter.righter {
	float: left;
}
.quarter.rightest {
	margin-right: 0;
}
.ref {
	clear: both;
	padding-top: 45px;
	font-size: 12px;
	text-align: right;
	color: #888;
	line-height: 1.6em !important;
}
.link {
	clear: both;
	margin: 45px auto 0 auto;
	text-align: center;
}
.link.half {
	width: 50%;
}
.link.inline {
	text-align: center;
}
.link.half.lefter {
	margin: 0;
	width: 48%;
}
.link.half.righter {
	clear: none;
	margin: 0;
	width: 48%;
}
.link a {
	display: inline-block;
	padding: 6px 50px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #2E2E2E;
	background: #EEE;
	border: solid 3px #019CD6 !important;
	border: solid 3px #EEE !important;
		-o-border-radius: 50px;
		-ms-border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
	border-radius: 50px;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.link.fullwidth a,
.link.half a {
	display: block;
	padding: 6px 0;
}
.link.inline a {
	display: inline-block;
}
.link a:hover {
	color: #FFF;
	background: #019CD6;
	border: solid 3px #019CD6 !important;
	text-decoration: none;
}
.link.liter a {
	background: #2E2E2E; !important;
	color: #FFF !important;
	border: solid 2px #FFF;
	text-align: center;
	background: #FFF;
}
.link.liter a:hover {
	color: #2E2E2E; !important;
	background: #FFF !important;
	text-decoration: none;
}
.em {
	font-weight: bold;
	border-bottom: solid 2px #888;
}
.signature {
	margin-top: 90px;
	text-align: right;
}
.mix {
	display: none;
}
.note {
	clear: both;
	padding-top: 30px;
	font-size: 12px;
	color: #888;
	line-height: 1.6em !important;
}
.note a {
	color: #888;
	text-decoration: underline;
}
.note h6 {
	margin-bottom: 12px;
}
.note li {
	line-height: 1.4em;
}
.asterisk {
	margin: 0 3px;
	font-size: 12px;
	color: #888;
	vertical-align: super;
	line-height: 1.6em !important;
}

.square {
	font-size: 7px;
	line-height: 7px;
	vertical-align: super;
}
.caption {
	padding-top: 12px;
	text-align: right;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #888;
	line-height: 1.6em !important;
}


/* Header */

#header {
	height: 95px;
	z-index: 1;
}
#header_top {
	height: 50px;
	background: #FFF;
	background: rgba(255,255,255,0.95);
}
#header h1#logo {
	position: absolute;
	left: 0;
	top: -3px;
	width: 134px;
	height: 134px;
	z-index: 1000;
}
#header h1#logo a {
	display: block;
	width: 134px;
	height: 134px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/www.passive-zeh.com.png) no-repeat 0 0;
	overflow: hidden;
}

/*
#header.fixed {
	display: none;
	position: fixed;
	width: 100%;
	height: 33px;
	z-index: 1000;
}
#header.fixed #header_top {
	height: 0;
	background: #FFF;
	background: rgba(255,255,255,0.95);
}

#header.fixed h1#logo {
	top: 0;
	width: 100px;
	height: 33px;
}
#header.fixed h1#logo a {
	width: 100px;
	height: 33px;
	background: url(../images/www.passive-zeh.com_fixed.png) no-repeat 0 0;
	background-size: 100px 33px;
}
#header.fixed h1#logo img {
	width: 100%;
	height: auto;
}
#header.fixed p#by,
#header.fixed h2#copy {
	display: none;
}
#header.fixed #header_bottom {
	padding: 6px 0;
}
#header.fixed #menu_global {
	padding-left: 120px;
}
*/


#header_fixed {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 33px;
	color: #FFF;
	background: #292F3F;
	z-index: 1000;
}
#header_fixed h1#logo_fixed {
	position: absolute;
	left: 0;
	top: 0;
	width: 134px;
	height: 33px;
	overflow: hidden;
}
#header_fixed h1#logo_fixed a {
	display: block;
	width: 134px;
	height: 33px;
	background: url(../images/www.passive-zeh.com_fixed.png) no-repeat 0 0;
	background-size: 134px 33px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#menu_global_fixed {
	float: left;
	margin: 0;
	padding: 6px 0 6px 160px;
}
#menu_global_fixed li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-right: solid 2px #FFF;
}
#menu_global_fixed li a {
	color: #FFF;
	text-decoration: none;
}
#menu_global_fixed li.active a {
	color: #02D2F8;
	text-decoration: none;
}
#menu_tel_fixed {
	float: left;
	padding: 6px 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#menu_tel_fixed .label {
	font-size: 10px;
}


#header p#by {
	position: absolute;
	right: 0;
	top: 5px;
	width: 150px;
	height: 40px;
}
#header h2#copy {
	padding-left: 160px;
	height: 50px;
	line-height: 50px;
	color: #292F3F;
	font-size: 15px;
	font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","小塚明朝R","小塚明朝 std R","Kozuka Mincho std","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
#header_bottom {
	padding: 12px 0;
	height: 21px;
	color: #FFF;
	background: #292F3F;
	overflow: hidden;
}
#menu_global {
	float: left;
	margin: 0;
	padding-left: 160px;
}
#menu_global li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-right: solid 2px #FFF;
}
#menu_global li a {
	color: #FFF;
	text-decoration: none;
}
#menu_tel {
	float: left;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#menu_tel .label {
	font-size: 10px;
}
#menu_flld {
	display: none;
}


#neck {
	position: relative;
	margin-bottom: 90px;
	width: 100%;
	height: 650px;
	background: url(../images/image_01.jpg) no-repeat center center #DDD;
	background-size: cover;
	z-index: 0;
}
#image_quiz {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -260px;
	padding: 45px 60px;
	width: 400px;
	height: 300px;
	background: #FFF;
	background: rgba(255,255,255,0.92);
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	overflow: hidden;
}
.image_quiz_Q {
	margin-bottom: 30px;
}
.image_quiz_A {
	margin-bottom: 12px;
	padding-bottom: 6px;
	font-size: 21px;
	letter-spacing: 0.08em;
	border-bottom: solid 2px #414859;
}
.image_quiz_A i {
	margin-right: 5px;
	font-size: 33px;
	vertical-align: middle;
}
.image_quiz_A .label {
	font-size: 15px;
}
.image_quiz_select {
	margin-top: 45px;
	font-size: 18px;
}
.image_quiz_select li {
	float: left;
	margin-right: 30px;
	letter-spacing: 0.1em;
	cursor: pointer;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.image_quiz_select li:hover,
.image_quiz_select li:hover .num {
	color: #C00;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.image_quiz_select .num {
	display: block;
	float: left;
	margin-right: 6px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1.6em;
	font-size: 15px;
	color: #FFF;
	background: #292F3F;
		-o-border-radius: 12px;
		-ms-border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	border-radius: 12px;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.image_quiz_select li:hover .num {
	color: #FFF;
	background: #C00;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#quiz_Q {
	position: relative;
}
#quiz_Q.shown {
	display: block;
}
#quiz_Q.hidden {
	display: none;
}
#quiz_A {
	display: none;
	position: relative;
	height: 300px;
}
#quiz_A h3 {
	margin-bottom: 18px;
	padding-bottom: 18px;
	font-size: 18px;
	color: #E32D65;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: 0.08em;
	border-bottom: dashed 1px #9CA1AF;
}
#quiz_A h3 .label {
	margin-right: 6px;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-bottom: solid 2px #E32D65;
}
#quiz_A .quiz_A_desc {
	color: #9CA1AF;
	font-size: 14px;
}
#quiz_A h4 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	font-size: 18px;
	letter-spacing: 0.08em;
	border-bottom: solid 2px #414859;
}
.quiz_A {
	display: none;
}
.quiz_A_back {
	position: absolute;
	right: -30px;
	bottom: -45px;
	font-size: 12px;
	color: #909299;
	cursor: pointer;
	line-height: 24px !important;
	vertical-align: bottom;
}
.quiz_A_details {
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	vertical-align: bottom;
}
.quiz_A_details .label {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: bottom;
}
.quiz_A_details a {
	color: #067AE5;
	text-decoration: none;
}
.quiz_ribbon {
	position: absolute;
	right: -30px;
	top: -45px;
}



#image_details {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 60px;
	overflow: hidden;
	z-index: 999;
}
#image_details a {
	display: block;
	padding-top: 30px;
	width: 240px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/image_details.png) no-repeat top center;
}
#image_caption {
	position: absolute;
	bottom: 0;
	right: 30px;
	color: #FFF;
	font-size: 11px;
}
#image_caption a {
	padding-top: 72px;
	text-decoration: none;
	color: #FFF;
	background: url(../images/place_logo.png) no-repeat center top;
}


/* Waist */

#waist {
	padding-top: 69px;
}

#section_intro {
	margin-bottom: 180px;
}
#section_intro .lefter {
	margin-right: 75px;
	width: 160px;
}
#section_intro .center {
	width: 500px;
}
#section_intro .righter {
	width: 200px;
}

#intro_image {
	margin-bottom: 45px;
}
.intro_chart {
	float: left;
	margin: 0 24px;
	width: 260px;
}
.intro_title {
	margin: 0 auto 30px auto;
	width: 150px;
	height: 150px;
	color: #FFF;
	text-align: center;
	line-height: 150px;
	font-size: 18px;
	background: #292F3F;
		-o-border-radius: 75px;
		-ms-border-radius: 75px;
		-moz-border-radius: 75px;
		-webkit-border-radius: 75px;
	border-radius: 75px;
}
.intro_desc {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.intro_plus {
	float: left;
	font-size: 36px;
	line-height: 150px;
}

#intro_main h4 {
	margin-bottom: 39px;
}
#intro_sub h4 {
	margin-bottom: 30px;
	font-size: 14px;
	letter-spacing: 0.02em;
}

#intro_sub dl {
	margin-top: -15px;
	padding-bottom: 15px;
	border-bottom: solid 2px #82868F;
	letter-spacing: 0.02em;
}
#intro_sub dt {
	margin: 15px 0 6px 0;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	border-top: solid 2px #82868F;
}
#intro_sub dd {
	margin-bottom: 3px;
}


.keyword {
	margin-bottom: 15px;
	padding: 15px;
	border: solid 2px #82868F;
	background: #FFF;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	border-radius: 8px;
}
.keyword h5 {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 13px;
	color: #737684;
}
.keyword p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal !important;
	line-height: 1.6em;
	color: #737684;
}

.panel {
	padding: 24px 30px;
	background: #FFF;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	border-radius: 3px;
		-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
		-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
}
.panel .note {
	margin-bottom: 0;
	padding-top: 15px;
}



#section_energysaving .panel dt {
	clear: both;
	float: left;
	width: 3.2em;
	font-size: 24px;
	line-height: 30px;
}
#section_energysaving .panel dd {
	margin-bottom: 9px;
	padding-left: 3.5em;
	font-size: 24px;
	line-height: 30px;
}
#section_energysaving .panel .label {
	margin-left: 3px;
	font-size: 14px;
}
#section_energysaving .image {
	position: relative;
	margin-bottom: 45px;
	width: 100%;
	height: 550px;
	text-align: center;
	background: url(../images/energysaving_image_bg.png) no-repeat center center;
}
#section_energysaving .image p {
	position: absolute;
	left: 0;
	top: 0;
}
#section_energysaving .image img {
	width: 100%;
	height: auto;
}

.energysaving_column_video,
.energysaving_column_video video {
	width: 940px;
	height: 260px;
	overflow: hidden;
}
#energysaving_column_videos .energysaving_column_video {
	margin-bottom: 12px;
}
#energysaving_column_images {
	margin-bottom: 30px;
}
#column_sunshine_inside {
	margin-bottom: 30px;
}


.column_graph {
	position: relative;
	padding: 24px 30px;
	border: solid 2px #292F3F;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: visible !important;
}
.column_graph h4.title {
	position: relative;
	margin: -33px auto 30px auto;
	width: 14em;
	height: 2em;
	text-align: center;
	font-size: 15px;
	background: #FFF;
}


#column_sunshine_condition {
	margin-bottom: 60px;
}
#column_sunshine_condition .section_column_contents h4.title {
	text-align: center;
	font-size: 15px;
}
#energysaving_column_sunshine_moving {
	margin-bottom: 30px;
}
#energysaving_column_sunshine_moving img {
	widows: 100%;
	height: auto;
}


.column_wind_direction_graph p {
	margin: 0 auto;
	font-size: 12px;
}
.column_wind_direction_graph h4.title i {
	margin-right: 6px;
}
.column_legends {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
	color: #888;
	font-size: 11px;
}
.column_legends li {
	float: left;
	margin: 0 0 0 9px;
}
.column_legends .legend {
	float: left;
	display: block;
	margin: 6px 5px 0 0;
	width: 12px;
	height: 3px;
	background: #000;
}
#column_wind_direction_apr .legend {
	background: #006934;
}
#column_wind_direction_may .legend {
	background: #13AE67;
}
#column_wind_direction_jun .legend {
	background: #FCF67F;
}
#column_wind_direction_jul .legend {
	background: #E83828;
}
#column_wind_direction_aug .legend {
	background: #E60012;
}
#column_wind_direction_sep .legend {
	background: #920783;
}
#column_wind_direction_oct .legend {
	background: #1D2088;
}
#column_wind_direction_nov .legend {
	background: #00A0E9;
}



#section_facilities .panel p.fig {
	margin-bottom: 0;
}
#facilities_column_underfloor {
	clear: both;
	margin-top: 30px;
}
#facilities_column_underfloor h4.title {
	text-align: center;
	font-size: 15px;
}
#facilities_column_underfloor ul {
	margin-bottom: 0;
}
#facilities_column_underfloor li {
	float: left;
	margin: 0 8px 18px 8px;
}
#facilities_column_underfloor .caption {
	margin: -18px 8px 0 0;
}

#section_hems.section {
	margin-bottom: 180px;
}
#section_hems .lefter.half,
#section_hems .rigter.half {
	margin-bottom: 45px;
}
#section_hems .panel {
	margin-bottom: 45px;
	padding-bottom: 24px;
}
#section_hems .panel .lefter {
	width: 69px;
}
#section_hems .panel .righter {
	width: 320px;
}
#section_hems .hems_specific {
	margin-bottom: 18px;
}
#section_hems .panel h6 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 15px;
}
#section_hems .panel p {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.6em;
}
#section_hems .hems_graph {
	margin-top: 45px;
}
#section_hems .keywords {
	display: none;
	margin-top: 45px;
}
#section_hems .keyword {
	width: 190px;
}
#section_hems .hems_1985_logo {
	margin-bottom: 15px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

#hems_items {
	clear: both;
	margin-top: 45px;
}
#hems_items li {
	float: left;
	text-align: center;
	background: #FFF;
}
#hems_items li img {
	display: block;
	margin-bottom: 6px;
	border: solid #FFF 10px;
}
#hems_items li .label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
	color: #888;
}
#hems_items li.quarter {
	margin-right: 24px;
	width: 230px;
}
#hems_items li.quarter.rightest {
	margin-right: 0;
}


#section_place.section {
	margin-bottom: 90px;
}
#section_place .section_header h3.section_count {
	font-size: 12px;
}
#section_place_logo {
	margin: 30px auto 60px auto;
	padding-bottom: 60px;
	text-align: center;
	border-bottom: solid 1px #FFF;
}
#section_place_details {
	margin: 0 auto 72px auto;
	padding: 0 6%;
	color: #FFF;
}
#section_place_text {
	width: 570px;
}
#section_place .summary p {
	color: #FFF;
	font-family : YuMincho, '游明朝', serif;
	font-weight: normal;
	line-height: 2.5em;
}
#section_place_data {
	padding-top: 9px;
	width: 230px;
}
#section_place_data dl {
}
#section_place_data dt {
	float: left;
	width: 6em;
}
#section_place_data dd {
	margin-bottom: 15px;
	padding-left: 6.5em;
}
#section_place.section #section_place_photos {
	margin: 0 50px 45px 50px;
}
#section_place.section #section_place_photos li {
	float: left;
	margin: 1%;
	padding: 0.35%;
	width: 30.3%;
	background: #FFF;
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
#section_place.section #section_place_photos li img {
	width: 100%;
	height: auto;
}
#section_place_info #section_place_satoyama {
	margin: 0 auto 45px auto;
	padding: 30px 30px 24px 250px;
	color: #888;
	color: #FFF;
	background: url(../images/satoyama.png) 30px center no-repeat;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	border-radius: 2px;
}
#section_place_info #section_place_satoyama h4 {
	margin-bottom: 9px;
	font-size: 14px;
}
#section_place_info #section_place_satoyama ul {
	margin-bottom: 0;
}
#section_place_info #section_place_satoyama li {
	margin-bottom: 3px;
}
#section_place_info #section_place_satoyama a {
	color: #FFF;
	text-decoration: underline;
}



/* Socks */

#socks {
	margin-bottom: 90px;
}
#socks h2 {
	margin-bottom: 30px;
	text-align: center;
	color: #888;
	line-height: 1.9em;
}
#socks h2 .label {
	font-size: 12px;
}
#socks .note {
	padding-top: 0;
	text-align: center;
}


/* Footer */

#footer {
	margin-bottom: 0;
	padding: 30px 0 90px 0;
	text-align: center;
	color: #FFF;
	background: #292F3F;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer #copyright {
	margin-bottom: 0;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
}
#back {
	margin: 0 auto 60px auto;
	width: 170px;
	height: 40px;
}
#back a {
	display: block;
	width: 170px;
	height: 40px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/back.png) no-repeat center center;
}
.footer_contact h3 a {
	display: block;
	padding: 18px 15px;
	font-size: 17px;
	border: solid 2px #FFF;
}
.footer_contact .note {
	color: #FFF;
	font-size: 11px;
}
#footer_tel {
	font-size: 24px;
}
#footer_tel .label {
	margin-right: 6px;
	font-size: 13px;
}

#copyright {
	font-size: 10px !important;
}
