@charset "utf-8";

/* CSS Document */

/********************
common
********************/

.rollover75:hover {
	opacity: 0.75;
}
.rollover75:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=60);
}
/*IE*/

.align_c {
	text-align: center;
}

html {
	background: url(images/body_back.png) repeat;
}

body {
	background: url(images/main_main.png) repeat-y center;
}

/*IE6*/
* html body {
	background: url(images/main_main6.png) repeat-y center;
}

/********************
warpper
********************/

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(images/header_back.png) no-repeat top;
}

/********************
header
********************/
#header {
	height: 100px;
	position: relative;
}
#header #logo {
	position: absolute;
	left: 7px;
	top: 6px;
}
#header #subtitle {
	position: absolute;
	left: 493px;
	top: 6px;
}
#mainimage{
padding:30px 0 0 0;
}
/********************
global navi
********************/
#g-nav ul {
	margin-left: 240px;
}
#g-nav li {
	float: left;
	width: 140px;
}

#g-nav li a img:hover {
	opacity: 0.50;
}
#g-nav li a img:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=60);
}

/********************
left navi
********************/
#l-nav {
	float: left;
	width: 240px;
	margin-top: 20px;
}

/********************
main content
********************/
#main {
	float: left;
	margin-left: 20px;
	width: 700px;
}

.event {
	width: 338px;
	height: 88px;
	float: left;
	margin-top: 15px;
	background: url(images/event_back.png) no-repeat;
	position: relative;
	padding: 35px 0 6px 0px;
	overflow: hidden;
}
.event .col1 {
	width: 105px;
	height: 83px;
	float: left;
	display: inline;
	padding-left: 10px;
}
.event .col2 {
	width: 200px;
	float: right ;
	display: inline;
	padding-left: 5px;
}
.event .btn {
	position: absolute;
	top: 95px;
	left: 270px;
}
#page1 .event {
	height: 90px;
	overflow: hidden;
}

#page1 .event {
	font-size: 11px !important;
}

#page1 .news {
}

.news {
	width: 328px;
	height: 130px;
	margin-left: 20px;
	float: left;
	margin-top: 15px;
	background: url(images/news.png) no-repeat;
	padding: 35px 0 0 9px;
}
.news dl {
	overflow: auto;
	height: 85px;
}
.news dl dt {
	color: #f0aa27;
	font-weight: bold;
}
.news dl dd {
	color: #666666;
}

#construction_ex {
	clear: both;
	width: 700px;
	height: 200px;
	background: url(images/construction_ex_back.png) no-repeat top;
	font-size: 93%;
	text-align: center;
}

#construction_ex h2 {
	color: #FFF;
	font-size: 14px;
	padding: 5px 0 0 5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#construction_ex .box {
	height: 160px;
	width: 120px;
	margin: 13px 0 0 15px;
	float: left;
	color: #FFF;
}
#construction_ex .box_inner {
	height: 115px;
	width: 120px;
	background-color: #f6ebaf;
	text-align: center;
	padding-top: 5px;
}
#construction_ex .box_inner a {
	display: block;
	width: 106px;
	height: 106px;
	margin: 3px auto 0;
	overflow: hidden;
	text-align: center;
}
#construction_ex a {
	color: #fff;
}

#construction_ex .box_inner a img {
	width: auto;
	height: 100%;
}

/*#content {
	height: 2000px;
}
*/
#content {
	height: 797px;
}


/********************
footer,copyright
********************/
#footer_warpper {
	width: 960px;
	margin: 0 auto;
	background: url(images/footer_back.png) no-repeat bottom;
	height: 106px;
	clear: both;
}
#footer_warpper #footer .copy {
	color: #fff;
	text-align: center;
}
#footer_warpper #footer .address {
	color: #fff;
	padding: 30px 0 0 40px;
	font-weight: bold;
}

/********************
Top Page Setting
********************/



/********************
event info
********************/
#event_info {
}

#event_info .section {
	padding-bottom: 10px;/*border-bottom: 5px solid #6c7f51;*/margin-bottom: 10px;
	background: url(images/event_back_d.png) repeat ;
	margin: 0 0 30px 0;
}

#event_info .section .section_top{
	padding: 10px 20px 0;
}

#page2 .section .section_mid{
	padding: 0 20px 10px;
	border-bottom: 2px dashed #ddd;
}

#page2 .section .section_mid iframe{
	margin: 10px auto;
	width: 425px;
}

#page2 .section .section_btm{
	padding: 10px 20px 20px;
	text-align: center;
}

#event_info h3 {
	font-size: 18px;
	margin: 0 15px;
	padding-top: 10px;
	padding-bottom: 2px;
	color: #5a3d12;
	font-weight: bold;
	border-bottom: 3px #6c7f51 double; /*border-top:3px #6c7f51 double;*/
}
#event_info .col1 {
	padding: 10px 0;
	width: 430px;
	float: left;
	margin-left: 25px;
	margin-bottom: 10px;
}
#event_info .col2 {
	border: #f6ebaf 5px solid;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#event_info .detail {
	margin: 10px;
	width: 675px;
	background-color: #fff;
	border: #8b8b8b 1px solid;
}
#event_info .col_d {
	float: left;
	width: 300px;
	padding: 5px;
}

#event_info .pageswitch {
	border-bottom: 3px #6c7f51 double;
	text-align: center;
	margin: 0 15px 5px 15px;
	padding-bottom: 5px;
}


/********************
House Bliding
********************/
#housebliding {
	background: url(images/event_back_d.png) repeat;
	position: relative;
	border-bottom: #d6b350 10px solid;
	width: 700px;
}
#housebliding .subtitle {
	padding: 10px 0;
	margin-bottom: 10px;
}
#housebliding .col1 {
	width: 175px;
	float: left;
}
#housebliding .col1 p {
	padding: 12px;
}
#housebliding .col2 {
	width: 500px;
	float: left;
	padding-top: 12px;
}
#housebliding .btn {
	position: absolute;
	top: 500px;
	left: 480px;
}

/********************
customers voice
********************/

#customersvoice {
	background: url(images/event_back_d.png) repeat;
	position: relative;
	padding-top: 10px;
	width: 700px;
}
#customersvoice .texb {
	border-bottom: 3px #6c7f51 double;
	border-top: 3px #6c7f51 double;
	margin: 10px 10px 15px 15px;
}
#customersvoice .box {
	margin: 10px;
	width: 675px;
	background-color: #fff;
	border: #8b8b8b 1px solid;
}
#customersvoice h3 {
	color: #537909;
	padding: 10px;
}
#customersvoice .col1 {
	float: left;
	width: 420px;
	padding: 10px;
}
#customersvoice .col2 {
	width: 170px;
	border: #f6ebaf 5px solid;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
}
.page {
	border-bottom: 3px #6c7f51 double;
	text-align: center;
	margin: 0 15px 5px 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#customersvoice p {
	font-size: 93%;
}

/********************
sekoujirei 一覧
********************/

#sekoujirei_v {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#sekoujirei_v .topic_p {
}
#sekoujirei_v .img {
	float: left;
	width: 115px;
	height: 115px;
	border: #f6ebaf 5px solid;
	overflow: hidden;
	text-align: center;
	margin: 5px;
}
#sekoujirei_v .inner_box {
	width: 160px;
	float: left;
	margin: 5px;
}
#sekoujirei_v h4 {
	border-bottom: 1px #ebddae solid;
}
#sekoujirei_v .topic_p h3 {
	color: #4a3434;
	font-size: 120%;
	padding: 0 22px;
}
#sekoujirei_v .topic_p p {
	text-align: right;
	margin: 0 22px;
	border-bottom: 3px #6c7f51 double;
	padding-bottom: 3px;
}
#sekoujirei_v .topic_p p a {
	padding-right: 1em;
}
#sekoujirei_v .box {
	height: 138px;
	width: 310px;
	border: #8b8b8b 1px solid;
	background-color: #fff;
	margin-left: 22px;
	margin-top: 18px;
	float: left;
}
#sekoujirei_v .btn {
	text-align: right;
}
#sekoujirei_v .inner_box p {
	font-size: 85%;
	height: 65px;
	overflow: hidden;
}
#sekoujirei_v .pageswitch {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 1em 0 0 0;
}


/********************
sekoujirei 詳細
********************/

#sekoujirei_d {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#sekoujirei_d .col1 {
	float: left;
	width: 410px;
	margin-top: 8px;
}
#sekoujirei_d .col2 {
	float: right;
	width: 200px;
	margin-top: 8px;
}
#sekoujirei_d .col2 p {
	padding: 1.5em 0;
}
#sekoujirei_d .col2 h3 {
	color: #4a3434;
	border-bottom: 1px #ebddae solid
}
#sekoujirei_d .col3 {
	clear: both;
	border-bottom: 3px #6c7f51 double;
	margin: 5px 13px 0;
}
#sekoujirei_d .box {
	width: 90px;
	height: 90px;
	float: left;
	padding: 3px 9px;
	overflow: hidden;
}
#sekoujirei_d .keisen {
	border-top: 3px #6c7f51 double;
	margin: 0 22px;
}
#sekoujirei_d .btn {
	position: absolute;
	top: 310px;
	left: 480px;
	font-size: 77%;
}
#sekoujirei_d .back_itiran {
	position: absolute;
	top: 280px;
	left: 590px;
}
#sekoujirei_d #goback_list {
	float: right;
}
#sekoujirei_d #comment {
	font-size: 85%;
}

#sekoujirei_d .reform ul {
	background: url('images/bg_reform.png') no-repeat;
}

#sekoujirei_d .reform li {
	display: inline;
	float: left;
	width: 180px;
	height: 135px;
	overflow: hidden;
	padding: 0 0 30px 0;
	margin: 0 20px 0 0;
}

#sekoujirei_d .reform li a {
	display: block;
	width: 100%;
	height: 100%;
}

/********************
コンセプト
********************/
#concept {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#concept p {
	margin: 10px 20px 20px 20px;
	line-height: 1.5;
}
/********************
アフターメンテナンス
********************/
#after {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#after #after_mantainance {
	width: 670px;
	margin: 0 0 0 10px;
	padding: 20px 0 0 0;
	background: url('../../media/mini/long_double_lines.jpg') no-repeat;
}

#after_mantainance .after_box {
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url('../../media/after/single_line.jpg') bottom center no-repeat;
}

#after_mantainance .float_l {
	width: 107px;
}

#after_mantainance .float_r {
	width: 548px;
}

#after_mantainance .float_r .float_l {
	width: 286px;
	padding: 25px 0 0 0;
}

#after_mantainance .float_r .float_r {
	width: 238px;
	padding: 25px 0 0 0;
}
/********************
住宅模型作成
********************/
#model {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}

#model .box_full {
	width: 670px;
	clear: both;
	margin: 20px;
}

#model .box_1 {
	width: 440px;
}

#model .box_2 {
	width: 325px;
}

#model .box_3 {
	width: 210px;
}

/********************
太陽光発電システムについて
********************/
#solarenergy {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}

#solar {
	padding: 20px 0 0 0;
	margin: 20px 0 0 20px;
	background: url('../../media/solar/long_double_lines.jpg') no-repeat;
}

.solar_box {
	clear: both;
	width: 665px;
	padding: 0 0 10px 0;
	background: url('../../media/solar/long_single_line.jpg') bottom center no-repeat;
	margin: 0 0 10px 0;
}

.solar_box .float_l {
	width: 127px;
}

.solar_box .float_r {
	width: 528px;
}

.solar_box .float_r .float_l {
	width: 360px;
}

.solar_box .float_r .float_r {
	width: 158px;
}





/********************
リフォームについて
********************/
#reform {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#reform p {
	margin: 0 0 1.5em 0;
}

#reform_box {
	width: 670px;
	margin: 0 0 0 20px;
}

#reform_box .text_box {
	clear: both;
}

#reform_box .narrow {
	width: 210px;
}

#reform_box .wide {
	width: 440px;
}

#reform2 {
	margin: 0 0 -70px;
}

#reform2 .float_r {
	clear: both;
}

/********************
QandA
********************/
#qanda {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
/*#qanda {
	background: url(images/event_back_d.png) repeat;
	position: relative;
	padding-top: 10px;
	width: 700px;
}
*/
#qanda .texb {
	border-bottom: 3px #6c7f51 double;
	border-top: 3px #6c7f51 double;
	margin: 10px 10px 15px 15px;
}

#qanda .boxwrapper {
	margin: 10px 10px 20px 10px;
	width: 670px;
	font-family: meiryo;
	background: url(images/bg_faq02.png) repeat-x;
}

#qanda .box {
	/*margin:10px 10px 20px 10px;
	width: 675px;
	background-color: #fff;
	border: #8b8b8b 1px solid;*/

	background:url(images/bg_faq01.png) no-repeat;
}
#qanda h3 {
	color: #537909;
	padding: 10px;
}
#qanda .col1 {
	/* width:420px;
	background: url('images/bg_q.png') no-repeat;
	width: auto;
	margin: 5px 0 0 5px;
	padding: 15px 0 0 30px;
	font-weight: bold;*/
	font-weight:bold;
	color: #8d983a;
	font-size: 16px !important;
	padding: 45px 15px 0 24px;
}
#qanda .col2 {
	/* width:170px;
	border: #f6ebaf 5px solid;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 15px 0 0 30px;
	background: url('images/bg_a.png') no-repeat;
	width: auto;*/
	padding:20px 15px 0 20px;
	margin: 20px 0 0 30px;
	background: url(images/answer.png) no-repeat;
}
/*#qanda .col2 p {
	width: 620px;
}
*/
.page {
	border-bottom: 3px #6c7f51 double;
	text-align: center;
	margin: 0 15px 5px 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#qanda .col3 {
	width: 670px;
	height: 29px;
	clear: both;
	background: url(images/bg_faq03.png) no-repeat;
}
#qanda dl {
	font-size: 93%;
}
#qanda #pnavi {
	width: 660px;
	height: 60px;
	margin: 0 0 0 20px;
	overflow: hidden;
}
#qanda #pnavi li {
	display: inline;
	float: left;
	width: 165px;
	height: 30px;
}
#qanda #pnavi li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url('images/pagenavi_qanda.png') no-repeat;
}
/*#qanda #pnavi01 a:link,
#qanda #pnavi01 a:visited {
	background-position: 0 0;
}
#qanda .cat5 #pnavi01 a {
	background-position: 0 -60px;
}
#qanda #pnavi01 a:hover {
	background-position: 0 -30px;
}
#qanda #pnavi01 a:active {
	background-position: 0 -60px;
}

#qanda #pnavi02 a:link,
#qanda #pnavi02 a:visited {
	background-position: -165px 0;
}
#qanda .cat20 #pnavi02 a {
	background-position: -165px -60px;
}
#qanda #pnavi02 a:hover {
	background-position: -165px -30px;
}
#qanda #pnavi02 a:active {
	background-position: -165px -60px;
}

#qanda #pnavi03 a:link,
#qanda #pnavi03 a:visited {
	background-position: -330px 0;
}
#qanda .cat21 #pnavi03 a {
	background-position: -330px -60px;
}
#qanda #pnavi03 a:hover {
	background-position: -330px -30px;
}
#qanda #pnavi03 a:active {
	background-position: -330px -60px;
}

#qanda #pnavi04 a:link,
#qanda #pnavi04 a:visited {
	background-position: -495px 0;
}
#qanda .cat23 #pnavi04 a {
	background-position: -495px -60px;
}
#qanda #pnavi04 a:hover {
	background-position: -495px -30px;
}
#qanda #pnavi04 a:active {
	background-position: -495px -60px;
}

#qanda #pnavi05 a:link,
#qanda #pnavi05 a:visited {
	background-position: -660px 0;
}
#qanda .cat24 #pnavi05 a {
	background-position: -660px -60px;
}
#qanda #pnavi05 a:hover {
	background-position: -660px -30px;
}
#qanda #pnavi05 a:active {
	background-position: -660px -60px;
}

#qanda #pnavi06 a:link,
#qanda #pnavi06 a:visited {
	background-position: -825px 0;
}
#qanda .cat25 #pnavi06 a {
	background-position: -825px -60px;
}
#qanda #pnavi06 a:hover {
	background-position: -825px -30px;
}
#qanda #pnavi06 a:active {
	background-position: -825px -60px;
}

#qanda #pnavi07 a:link,
#qanda #pnavi07 a:visited {
	background-position: -990px 0;
}
#qanda .cat27 #pnavi07 a {
	background-position: -990px -60px;
}
#qanda #pnavi07 a:hover {
	background-position: -990px -30px;
}
#qanda #pnavi07 a:active {
	background-position: -990px -60px;
}

#qanda #pnavi08 a:link,
#qanda #pnavi08 a:visited {
	background-position: -1155px 0;
}
#qanda .cat28 #pnavi08 a {
	background-position: -1155px -60px;
}
#qanda #pnavi08 a:hover {
	background-position: -1155px -30px;
}
#qanda #pnavi08 a:active {
	background-position: -1155px -60px;
}
*/
#qanda .pageswitch {
	text-align: center;
	padding: 0 0 10px;
}

#cat_link {
	margin: 0 0 0 15px;
	width: 670px;
	border-bottom: 3px double #576a29;
}

#cat_link dd {
	display: inline;
	float: left;
	width: 130px;
	height: 23px;
	margin: 10px 2px 0 0;
}

#cat_link dd a {
	display: block;
	width: 130px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	background: url('images/bg_categori_link.png') no-repeat;
}


/********************
ミニ住宅について
********************/
#mini {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#mini p {
	margin: 0 20px 10px 20px;
}

.plan_box {
	clear: both;
	width: 675px;
	height: 240px;
	padding: 15px 0 5px 0;
	margin: 0 0 30px 10px;
	background: url('../../media/mini/long_double_lines.jpg') no-repeat;
}

.plan_box li {
	display: inline;
	float: left;
	margin: 0;
}

.plan_img1 {
	width: 107px;
}
.plan_img2 {
	width: 150px;
}
.plan_img3 {
	width: 147px;
}
.plan_img4 {
	width: 263px;
}

/********************
エクステリア
********************/
#exterior {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#exterior p {
	margin: 0 20px 10px 20px;
}
#exterior .mainbox {
	width: 630px;
	padding: 10px 0 0 0;
	margin: 0 auto 20px;
	border-top: 1px dashed #d3bf98;
}
#exterior .double {
	display: inline;
	float: left;;
	width: 270px;
}

#exterior .double02 {
	display: inline;
	float: right;
	width: 350px;
}
#exterior .double02 h4 {
	font-size: 116%;
	color: #5c8428;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #5c8428;
}


/********************
ブログ
********************/
#bolg {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}

/********************
会社概要
********************/
#aboutus {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#aboutus table {
	width: 90%;
	margin: 0 auto 20px;
}
#aboutus table td {
	padding: 2px;
	border: 1px solid #d3bf98;
}
#aboutus .table02 {
	background: #bfad88;
	text-align: center;
}
#aboutus #map {
	width: 660px;
	margin: 0 auto 20px;
}

/********************
お問い合せ
********************/
#inquiry {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#customersvoice fieldset {
	padding: 5px;
	margin: 10px;
	border: 1px solid #e2d7c6;
}

#customersvoice label {
	display: inline-block;
	width: 160px;
	vertical-align: top;
}

#customersvoice input,
#customersvoice textarea {
	width: 460px;
}

#customersvoice #zip {
	width: 120px;
}

#submit_btn {
	text-align: center;
}

#submit_btn input {
	width: 100px;;
	margin: 10px;
}

/********************
施工の流れ
********************/
#flow {
	background: url(images/event_back_d.png) repeat;
	position: relative ;
	padding: 10px 0px;
	width: 700px;
}
#flow .box_full {
	width: 650px;
	clear: both;
	margin: 20px;
	padding: 5px;
	border: 1px solid #ccc;
}

#flow .box_full h4 {
	border-bottom: 2px dotted #642c24;
}



/********************
Contact Button
********************/
.gocontact {
	width: 360px;
	height: 40px;
	margin: 20px auto;
}

.gocontact a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url('images/btn_contact.png') no-rep;
}


/********************
Go top Button Setting
********************/
.gotop {
	clear: both;
	width: 120px;
	height: 20px;
	margin: 20px auto 10px auto;
}

.gotop a {
	display: block;
	width: 120px;
	height: 20px;
	background: url('images/gotop.png') no-repeat;
	text-indent: -9999px;
}


.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w160 {
	width: 160px;
}
.w170 {
	width: 170px;
}
.w180 {
	width: 180px;
}
.w190 {
	width: 190px;
}
.w100 {
	width: 100px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w230 {
	width: 230px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}
.w260 {
	width: 260px;
}
.w270 {
	width: 270px;
}
.w280 {
	width: 280px;
}
.w290 {
	width: 290px;
}
.w300 {
	width: 300px;
}
.w310 {
	width: 310px;
}
.w320 {
	width: 320px;
}
.w330 {
	width: 330px;
}
.w340 {
	width: 340px;
}
.w350 {
	width: 350px;
}
.w360 {
	width: 360px;
}
.w370 {
	width: 370px;
}
.w380 {
	width: 380px;
}
.w390 {
	width: 390px;
}
.w300 {
	width: 300px;
}
.w410 {
	width: 410px;
}
.w420 {
	width: 420px;
}
.w430 {
	width: 430px;
}
.w440 {
	width: 440px;
}
.w450 {
	width: 450px;
}
.w460 {
	width: 460px;
}
.w470 {
	width: 470px;
}
.w480 {
	width: 480px;
}
.w490 {
	width: 490px;
}
.w500 {
	width: 500px;
}
.w510 {
	width: 510px;
}
.w520 {
	width: 520px;
}
.w530 {
	width: 530px;
}
.w540 {
	width: 540px;
}
.w550 {
	width: 550px;
}
.w560 {
	width: 560px;
}
.w570 {
	width: 570px;
}
.w580 {
	width: 580px;
}
.w590 {
	width: 590px;
}
.w500 {
	width: 500px;
}
.w610 {
	width: 610px;
}
.w620 {
	width: 620px;
}
.w630 {
	width: 630px;
}
.w640 {
	width: 640px;
}
.w650 {
	width: 650px;
}
.w660 {
	width: 660px;
}
.w670 {
	width: 670px;
}
.w680 {
	width: 680px;
}
.w690 {
	width: 690px;
}

#soler{
color: #6f5d1b; 
font-size: 130%;
padding:0 20px;
font-family :"ヒラギノ明朝 Pr6 W3","Hiragino Mincho Pro","Noto Serif","Sawarabi Mincho","Times New Roman", "游明朝", YuMincho,"HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1.5em;
}
p.main_image img{
max-width:100%;
height:auto;
}