@charset "UTF-8";
/* **************************************
*Since: 2008-7-24
*Modified: 2008-0-00
************************************** */


#worksHeader {
	background:#fff;
	border-bottom:2px solid #ccc;
	margin:0px 0px 20px 0px;
	padding:0px 30px 0px 0px;
}
#worksHeader #content {
	width:850px;
	height:80px;
	margin:0px auto;
}
#worksHeader #content h1 {
	float:left;
	padding:15px 0px 0px 0px;
}
#worksHeader #content ul {
	float:right;
	padding:55px 0px 0px 0px;
}
#worksHeader #content ul li {
	float:left;
	padding:0px 0px 0px 20px;
}

/* flash
---------------------------------------------------------------------------------------- */
#flash {
	background:url(../../common/images/bg_gra01.gif) repeat-x bottom;
	height:251px;
}
/* glNavi
---------------------------------------------------------------------------------------- */
#glNavi {
	margin:0px 0px 0px 45px !important;
	margin:0px 0px 0px 23px;
}
/* mainContent
---------------------------------------------------------------------------------------- */
#mainContent {
	float:right;
	width:530px;
	padding:0px 0px 35px 0px;
	margin:0px 65px 0px 0px !important;
	margin:0px 33px 0px 0px;
}
/*+
#mainContent h1{
	color:#7F7E98;
	float:left;
	width:530px;
	margin-bottom:10px;
}
*/
#mainContent h2 {
	float:left;
	color:#35345b;
	margin-top:-5px;
	margin-left:15px;
	height:26px;
}
#mainContent h3 {
	clear:both;
	margin-bottom:10px;
}
/*
#mainContent h2{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	letter-spacing:0.1em;
	float:right;
	width:450px;
}

#mainContent h3{
	border-bottom:1px solid #7F7E98;
	font-weight:bold;
	margin:40px 0px 15px 0px;
	float:left;
	width:530px;
	line-height:1;
	padding:1px 0px 7px 0px;
}
*/
#mainContent p {
	line-height:1.7;
}
#mainContent p.txt01 {
	float:right;
	width:430px;
	clear:none;
}
#mainContent p img.photo01 {
	float:right;
	margin:10px 0px 10px 15px;
}
#mainContent p.photo02 {
	float:left;
	width:74px;
	text-indent:0em;
	line-height:0;
	clear:left;
}
#mainContent p img.photo03 {
	float:right;
	margin:-10px 0px 0px 15px;
}
#wrapper ul.bottomNavi {
	text-align:right;
	clear:both;
	padding:10px 60px 0px 0px;
}
#wrapper ul.bottomNavi li {
	background:url(../../common/images/icon_arrow03.gif) no-repeat left center;
	display:inline;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
}
*:first-child+html #wrapper .house_title {
	text-align:center;
	margin-top:-10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
}
*html body #wrapper .house_title {
	text-align:center;
	margin-top:-10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
}
#wrapper .house_title {
	text-align:center;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
}
#wrapper .house_title p, #wrapper .house_title h2 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	letter-spacing:0.1em;
	margin-right:115px;
}
#wrapper .house_title span.s_syokai {
	color:#7F7E98;
	font-size:14px;
	margin-right:125px;
}
#wrapper .hop_house {
	text-align:center;
	padding-left:100px;
	padding-top: 10px;
	*margin-top:-20px;
}

#wrapper .hop_house .house_syokai {
	width:770px;
	text-align:left;
	margin:0px auto;
}
#wrapper .hop_house .house_top {
	width:782px;
	text-align:left;
	margin:0px auto;
}

#wrapper .top_text {
	float:left;/*width:750px;padding-top:20px;padding-bottom:20px;*/
}
#wrapper .top_text p {
	color:#7F7E98;
	font-size:14px;
}
#wrapper .hop_house .list {
	float:left;
	margin-right:35px;
	margin-left:35px;
	margin-bottom:30px;
	display:inline;
}
#wrapper .hop_house .list2 {
	float:left;
	margin-bottom:30px;
}
#wrapper .hop_house .list3 {
	width:391px;
	float:left;
	margin-bottom:30px;
}
#wrapper .hop_house .list4 {
	margin-left:35px;
}
#wrapper .hop_house .list_l {
	float:left;
	width:141px;
}
#wrapper .hop_house .list_r {
	float:left;
	width:170px;
	padding-left:10px;
}
#wrapper .hop_house .list_r p.grey {
	color:#7F7E98;
	font-size:10px;
}
#wrapper .hop_house .list_r p.bold {
	font-weight: bold;
	height:65px;
}
#wrapper p.ss_syokai {
	float:left;
	font-size:20px;
	margin-left:45px;
	font-weight: bold;
	color: #6C3600;
}
#wrapper h2.ss_syokai {
	float:left;
	font-size:20px;
	margin-left:45px;
	font-weight: bold;
	color: #6C3600;
}
#wrapper p.ss_hop {
	float:left;
	color: #6C3600;
}
#wrapper h2.ss_hop {
	float:left;
	color: #6C3600;
}
#wrapper .hop_house .house_syokai .pagelink {
	margin-bottom: 10px;
	clear:both;
	text-align: left;
}
/*共通ライブラリ*/
#wrapper .hop_house .taLeft {
	text-align:left;
}
#wrapper .hop_house .taCenter {
	text-align:center;
}
#wrapper .hop_house .taRight {
	text-align:right;
}
#wrapper .hop_house .flLeft {
	float:left;
}
#wrapper .hop_house .flRight {
	float:right;
}
#wrapper .hop_house .w445 {width:445px;}
#wrapper .hop_house .w370 {width:370px;}
#wrapper .hop_house .w350 {width:350px;}
#wrapper .hop_house .w330 {width:330px;}
#wrapper .hop_house .w320 {width:320px;}
#wrapper .hop_house .w310 {width:310px;}
#wrapper .hop_house .w250 {width:250px;}
#wrapper .hop_house .w240 {width:240px;}
#wrapper .hop_house .w230 {width:230px;}
#wrapper .hop_house .w210 {width:210px;}
#wrapper .hop_house .w195 {width:195px;}

#wrapper .hop_house .wrap, #wrapper .hop_house .wrap2, #wrapper .hop_house .wrap3 {
	margin-bottom:25px;
	clear:both;
	width:650px;
}
#wrapper .hop_house .wrap2 div {
	float:left;
	width:320px;
	margin-right:10px;
}
#wrapper .hop_house .wrap2 div.right {
	float:left;
	width:320px;
	margin-right:0px;
}
#wrapper .hop_house .wrap3 div {
	float:left;
	width:210px;
	margin-right:10px;
}
#wrapper .hop_house .wrap3 div.right {
	float:left;
	width:210px;
	margin-right:0px;
}
#wrapper .hop_house .pageNum {
	border:1px solid #4D4D4D;
	margin-bottom:24px;
}
#wrapper .hop_house .pageNum p {
	border-right:1px solid #4D4D4D;
	width:7em;
	text-align:center;
	margin-bottom:0;
}
#wrapper .hop_house h3 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:5px;
}
#wrapper .hop_house .bldName {
	font-size:0.9em;
	margin-bottom:15px;
}
#wrapper .hop_house .caption {
	font-size:0.9em;
	text-align: left;
}
#wrapper .hop_house .mb10 {
	margin-bottom:10px;
}
#wrapper .hop_house .clear {
	clear:both;
}
/* clearFix
---------------------------------------------------------------------------------------- */
#wrapper .hop_house .wrap:after, #wrapper .hop_house .wrap2:after, #wrapper .hop_house .wrap3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper .hop_house .wrap, #wrapper .hop_house .wrap2, #wrapper .hop_house .wrap3 {
	display:inline-block;
}
/*\*/ * html #wrapper .hop_house .wrap {
	height:1%;
} /**/
/*\*/ * html #wrapper .hop_house .wrap2 {
	height:1%;
} /**/
/*\*/ * html #wrapper .hop_house .wrap3 {
	height:1%;
} /**/

/*\*/ .#wrapper .hop_house .wrap {
 display:block;
} /**/
/*\*/ .#wrapper .hop_house .wrap2 {
 display:block;
} /**/
/*\*/ .#wrapper .hop_house .wrap3 {
 display:block;
} /**/