@charset 'UTF-8';
@import url(common.css);


/* ================================================================ *
	NexasDesign 2008/06
	共通 CSS
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	color : #666666;
	font-family : "ＭＳ Ｐゴシック","ＭＳ ゴシック";
}

.wrapper {
	width : 908px;
	margin : 0 auto;
	text-align : left;
}

table {
	border-collapse: collapse;
}

li {
	list-style : none;
}
img {
	border : none;
}
h2 {
	clear : both;
}
/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	height : 97px;
	background : url(../img/parts/header_bg.jpg) repeat-x;
}
#header p {
	padding : 12px 0 0 ;
	font-size : 11px;
}
#header h1 {
	float : left;
	padding : 10px 0 0 0;
}

#header ul {
	float : right;
	margin : -12px 0 0 0;
}


/* -------------------------------------------------------------------
>> main-navi
------------------------------------------------------------------- */
#main-navi {
	clear : both;
	height : 55px;
	background : url(../img/parts/main_navi_bg.jpg) repeat-x;
}
#main-navi li {
	display : inline;
	text-indent : -5000px;
}
#main-navi a {
	display : block;
	float : left;
	height : 55px;
	overflow : hidden;
}
#main-navi a:hover {
	background-position : 0 -58px;
}

/*  メニュー画像読み込み  */

#modern a{
	width : 184px;
	background : url(../img/navi/modern.jpg) no-repeat;
}

#natural a{
	width : 180px;
	background : url(../img/navi/natural.jpg) no-repeat;
}

#japanese a{
	width : 180px;
	background : url(../img/navi/japanese.jpg) no-repeat;
}

#plan a{
	width : 180px;
	background : url(../img/navi/plan.jpg) no-repeat;
}

#blog a{
	width : 184px;
	background : url(../img/navi/blog.jpg) no-repeat;
}

#main-navi li.now a {
	background-position : 0 -58px;
}


/* -------------------------------------------------------------------
>> sub-navi
------------------------------------------------------------------- */
.sub-navi {
/*	background : #44d;*/
}

.sub-navi li {
	display : inline;
	text-indent : -5000px;
}
.sub-navi a {
	display : block;
	float : left;
	height : 13px;
	margin-left : 15px;
	overflow : hidden;
}

#header-navi a:hover {
	background-position : 0 -13px;
}


/* header-navi */
#top a {
	width : 81px;
	background : url(../img/navi/sub_navi_top.gif) no-repeat;
}

#inq a {
	width : 60px;
	background : url(../img/navi/sub_navi_inq.gif) no-repeat;
}

#site-map a {
	width : 82px;
	background : url(../img/navi/sub_navi_sitemap.gif) no-repeat;
}

#policy a {
	width : 109px;
	background : url(../img/navi/sub_navi_policy.gif) no-repeat;
}

/* 最新実例navi */
#modern-navi a {
	width : 144px;
	background : url(../img/navi/sub_navi_modern.gif) no-repeat;
}
#natural-navi a {
	width : 108px;
	background : url(../img/navi/sub_navi_natural.gif) no-repeat;
}
#japanese-navi a {
	width : 73px;
	background : url(../img/navi/sub_navi_japanese.gif) no-repeat;
}


/* 最新プラン集navi */
#works-navi-layout,#plan-navi-layout {
	clear : both;
	float : right;
	position : relative;
	margin-top : -25px;
}
#plan-navi a {
	width : 73px;
	background : url(../img/navi/sub_navi_plan.gif) no-repeat;
}
#works-navi-layout a:hover,#plan-navi-layout a:hover {
	background-position : 0 -13px;
}

/* 右エリアnavi */

.sub-navi dl {
	width : 210px;
	margin : 40px 0 0 0;
}
.sub-navi dl.margin0 {
	margin : 0 0 0 0;
}
.sub-navi dt {
	padding : 0 0 5px 10px;
	font-weight : bold;
	color : #666666;
	border-bottom : 1px dotted #d0d0d0;
	background : url(../img/anc/title_anc.jpg) no-repeat;
}
.sub-navi dd {
	text-indent : -5000px;
	margin : 5px 0;
	padding : 10px 0 15px;
	border-bottom : 1px dotted #d0d0d0;
	background : url(../img/anc/anc01.gif) no-repeat right 12px;
}
.sub-navi dd a {
	float : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
.sub-navi dd:hover {
	background : url(../img/anc/anc01_hover.gif) no-repeat right 12px;
}

#right-area-navi a:hover {
	background-position : 0 -13px;
}

/* 会社Index */
#com a {
	width : 64px;
	background : url(../img/navi/navi_com.gif) no-repeat;
}

#lineup a {
	width : 107px;
	background : url(../img/navi/navi_line_up.gif) no-repeat;
}

#country a {
	width : 58px;
	background : url(../img/navi/navi_country.gif) no-repeat;
}

#estate a {
	width : 100px;
	background : url(../img/navi/navi_estate.gif) no-repeat;
}

/* 工法Index */
#kouhou01 a {
	width : 96px;
	background : url(../img/navi/kouhou01.gif) no-repeat;
}

#kouhou02 a {
	width : 47px;
	background : url(../img/navi/kouhou02.gif) no-repeat;
}

#kouhou03 a {
	width : 47px;
	background : url(../img/navi/kouhou03.gif) no-repeat;
}
#kouhou04 a {
	width : 45px;
	background : url(../img/navi/kouhou04.gif) no-repeat;
}


/* -------------------------------------------------------------------
>> topic-path パンくずリスト
------------------------------------------------------------------- */
#topic-path {
	float : right;
	margin : 10px 10px 10px 0;
	font-size : 12px;
}
#topic-path li {
	display : inline;
}
#topic-path a {
	color : #264688;
}
#topic-path a:hover {
	color : #993300;
}
/* -------------------------------------------------------------------
>> content
------------------------------------------------------------------- */
/* コンテンツレイアウト設定 [start] */
#flash-area {
/*	width : 900px;
	height : 330px;*/
	margin-bottom : 20px;
	background : #bfbfbf;
}

#content {
	width : 100%;
/*	background : #d4d;*/
}
#content-in {
	clear : both;
	margin : 0px 0 0 4px;
}
#rp-content {
	width : 100%;
	clear : both;
	margin : 20px 0 0 0;
/*	background : #d4d;*/
}
#left-area {
	clear : both;
	float : left;
	width : 650px;
	margin : 0 0 0px 0;
/*	background : #d4d;*/
}

#right-area {
	float : right;
	width : 235px;
/*	background : #4d4;*/
}
#right-area-in {
	padding : 0 0 0 16px;
}

#content:after,
#rp-content:after,
#left-area:after,
#right-area:after,
.works-list-box:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
}

/* コンテンツレイアウト設定 [end] */


/* レギュラーページ h2 */
#rp-content h2 {
	float : left;
	width : 900px;
	margin : 0 0 30px;
	padding : 10px 0;
	border-top : 1px solid #d0d0d0;
	border-bottom : 1px solid #d0d0d0;
}

/* レギュラーページ　テキストベーステンプレート */
.text-base-layout p {
	margin : 30px 0 0px;
	line-height : 140%;
	font-size : 14px;
}



/* 最新実例集 */
#works-box1 {
	clear : both;
	float : left;
	width : 230px;
	margin : 0 0 40px;
	padding : 20px 0 0;
}

/* 実例集一覧 */
.works-list-box {
	clear : both;
	width : 650px;
	margin : 0 0 40px 0;
}
.head-line-box2 {
	clear : both;
	float : left;
	width : 230px;
}
.head-line-box2 .border-top {
	border-top : 1px solid #d0d0d0;
}
/* 実例集詳細 */
#works-box2 {
	clear : both;
	float : left;
	width : 300px;
	margin : 10px 50px 40px 0;
	padding : 10px 0 0;
	border-top : 1px solid #d0d0d0;
}




/* プラン集 */
#plan-box {
	clear : both;
	margin : 20px 0 0;
	width : 230px;
	float : right;
/*	background-color : #4d4;*/
}

#plan-box h4 {
	margin : 0 0 30px;
	padding : 7px 0;
	text-align : right;
	font-size : 22px;
	background : url(../img/parts/line01.gif) repeat-x 0 top;
	border-bottom : 1px solid #d0d0d0;
}

#plan-box p {
	font-size : 13px;
}

/* 関連プラン */
#plan-box2 {
	clear : both;
	margin : 80px 0 0;
/*	background-color : #4d4;*/
}
#plan-box2 h3 {
	margin : 0 0 5px;
	padding : 0 0 0 15px;
	background : url(../img/anc/blog_anc01.gif) no-repeat 0 center;
}
#plan-box2 h4 {
	margin : 0 0 10px;
	padding : 7px 0;
	font-size : 14px;
/*	background : url(../img/parts/line01.gif) repeat-x 0 top;*/
	border-top : 1px solid #d0d0d0;
	border-bottom : 1px solid #d0d0d0;
}
#plan-box2 ul {
	float : left;
	margin-right : 5px;
}
#plan-box2 p {
	font-size : 12px;
}




/* 見出し部分共通 */
.head-line-box p,.head-line-box2 p {
	font-size : 13px;
	margin : 0 0 10px 0;
}
.head-line-box h3,.head-line-box2 h3 {
	background : url(../img/parts/line01.gif) repeat-x 0 56px;
}


.head-line-box h4,.head-line-box2 h4 {
	margin : 0 0 20px;
	padding : 10px 0 15px;
	font-size : 22px;
	border-bottom : 1px solid #d0d0d0;
}

.head-line-box a,.head-line-box2 a {
	float : right;
	font-size : 12px;
	color : #ff3300;
}
/* IDナンバー */
.font-style01 {
	font-size : 48px;
	font-weight : normal;
	color : #777777;
	font-family : "Arial","ＭＳ ゴシック";
	letter-spacing : -0.05em;
}


/* -------------------------------------------------------------------
>> 写真レイアウ
------------------------------------------------------------------- */
#gallery-layout1 li,
.gallery-layout1 li,
#gallery-layout2 li,
#gallery-layout3 li,
#gallery-layout4 li,
#gallery-layout5 li {
	display : inline;
	float : left;
	text-align : center;
}


/* トップページ、最新施工例、施工例一覧 */
#gallery-layout1 {
	float : right;
	margin : 20px 0 0;
	width : 366px;
/*	background-color : #44d;*/
}

.works-list-box .gallery-layout1 {
	float : right;
	margin : 0 0 0;
	width : 366px;
}

#gallery-layout1 li,.gallery-layout1 li {
	margin : 0 0 7px 0;
}
#gallery-layout1 a,.gallery-layout1 a {
	width : 108px;
}
#gallery-layout1 .first-photo a,.gallery-layout1 .first-photo a {
	width : 241px;
	margin : 0 5px 0 0;
}


/* トップページ、プラン集用 */
#gallery-layout2 {
	float : left;
	margin : 20px 0 0;
	width : 360px;
/*	background-color : #44d;*/
}


/* 施工例詳細 */

#gallery-layout3 {
	float : right;
	margin : 10px 0 0 0;
	width : 540px;
	/*background-color : #44d;*/
}
#gallery-layout3 li {
	margin : 0 12px 10px 0;
}
#gallery-layout3 li.margin-none {
	margin : 0 0 10px 0;
}
#gallery-layout3 a {
	width : 120px;
	height : 80px;
}
#gallery-layout3 .first-photo a {
	width : 525px;
	height : auto;
	padding : 5px 5px;
}


/* 他の物件を見る */
#gallery-layout4 {
	margin : 0 0 0 50px;
/*	background : #4d4;*/
}
#gallery-layout4 li {
	margin : 0 0px 0 0;
}
#gallery-layout4 .margin-none {
	margin : 0 0px 0 0;
}


/* 施工例一覧(使用予定未定 */
#gallery-layout5 {
	clear : both;
	margin : 40px 0 0 ;
}
#gallery-layout5 li {
	margin : 0 15px 10px 0;
}
#gallery-layout5 .margin-none {
	margin : 0 0px 0 0;
}


/* 写真に枠線表示 */
.photo-border a {
	display : block;
	float : left;
	padding : 2px;
	border : 1px solid #e6e6e6;
	background : url(../img/photo/img_bg.gif) repeat;
}

.photo-border a:hover {
	border : 1px solid #990000;
}


/* その他施工例 */

#other-works-box {
	clear : both;
	margin : 0 8px 0 0
}
#other-works-box h3 {
	margin : 0 0 10px 0;
}
.photoNum {
	margin : 0 0 10px 0;
}
.photoNum li {
	display : inline;
}

/* -------------------------------------------------------------------
>> ブログ設定
------------------------------------------------------------------- */
.blog-layout {
	clear : both;
	margin : 40px 0 0;
	width : 650px;
	background : url(../img/parts/blog_line.gif) repeat-y;
}
.blog-right {
	float : left;
	width : 530px;
	margin : 0 0 40px;
}
.blog-right h3 {
	margin : 0 0 5px;
	padding : 0 0 10px 0;
	font-size : 18px;
	background : url(../img/parts/blog_title_line.jpg) no-repeat 0 bottom;
}
.blog-right h3 span {
	display : block;
	padding : 0 0 0 10px;
	background : url(../img/anc/title_anc.jpg) no-repeat;
}
.blog-right p.photo-border a {
	margin-right : 20px;
}
.blog-day {
	float : left;
	width : 90px;
	margin : 0 30px 0 0;
	font-size : 12px;
}
.blog-right p {
	margin :0px 0 0;
/*	padding : 20px 0 0;*/
	font-size : 14px;
}
.blog-right p.category {
	margin :10px 0 5px;
	font-size : 11px;
	text-align : right;
}

.blog-right p span {
	display : block;
	margin : 10px 0;
	font-size : 12px;
}
.blog-layout:after,.blog-right:after {
	content : url(../img/parts/space.gif);
	height : 0;
	display : block;
	overflow : hidden;
	clear : both;
}


/* カレンダー設定 */
.calendar {
	margin : 0 0 20px 0;
	background : url(../img/parts/bnr_in.jpg) repeat-y;
}
.calendar-in {
	padding : 15px 0 5px;
	background : url(../img/parts/bnr_bg.jpg) no-repeat;
}
.calendar table {
	margin : 0 0 0 9px;
}
.calendar caption {
	font-size : 12px;
	color : #993300;
}

.left-anc {
	text-indent : -5000px;
	display : block;
	float : left;
	margin : -1em 0 0;
	width : 8px;
	height : 9px;
	background : url(../img/anc/anc02.gif) no-repeat;
}
.left-anc:hover {
	background : url(../img/anc/anc02_hover.gif) no-repeat;
}
.right-anc {
	text-indent : -5000px;
	display : block;
	float : right;
	margin : -1em 0 0;
	width : 8px;
	height : 9px;
	background : url(../img/anc/anc01.gif) no-repeat;
}
.right-anc:hover {
	background : url(../img/anc/anc01_hover.gif) no-repeat;
}

.calendar caption span {
	font-size : 16px;
	font-weight : bold;
}
.calendar caption a {
	overflow : hidden;
	text-decoration : none;
}
.week th{
	margin :  0 0 0;
	padding :15px 5px 5px 5px;
	text-align : center;
	font-size : 10px;
}
.calendar tr {
	background : url(../img/parts/calendar_line.jpg) no-repeat 0 bottom;
}
.calendar td {
	width : 20px;
	height : 35px;
	padding :  0px 4px 7px;
	text-align : center;
/*	background : #e6e6e6;*/
}
.calendar td a {
	display : block;
	padding : 5px 0 0;
	color : #006699;
	width : 20px;
	height : 23px;
	overflow : hidden;
	background : url(../img/parts/calendar_link_bg.jpg) no-repeat left 0;
}
.calendar td a:hover {
	background : url(../img/parts/calendar_link_bg_hover.jpg) no-repeat left 0;
}


/* アーカイブリスト */
.archive-list {
	width : 210px;
	margin : 0 0 20px;
}
.archive-list dt {
	padding : 5px 0 5px 10px;
	font-weight : bold;
	border-bottom : 1px dotted #e6e6e6;
	background : url(../img/anc/blog_anc01.gif) no-repeat 0 center;
}
.archive-list dd{
	margin : 0 0 10px;
	padding : 10px 0;
	font-size : 12px;
	border-bottom : 1px dotted #e6e6e6;
}
.archive-list a {
	padding : 0 0 0 7px;
	color : #006699;
}

/* -------------------------------------------------------------------
>> サイトマップ設定
------------------------------------------------------------------- */
#site-map-layout h3,
#site-map-layout dl {
	margin : 0 0 15px;
	padding : 0 0 15px;
	border-bottom : 1px solid #d0d0d0;
}
#site-map-layout dt,
#site-map-layout dd {
	margin : 0 0 10px;
}
#site-map-layout dt {
	font-weight : bold;
}
#site-map-layout a {
	padding : 0 0 0 15px;
	color : #913c3c;
	background : url(../img/anc/anc01.gif) no-repeat left center;
}
#site-map-layout a:hover {
	color : #ff3300;
	background : url(../img/anc/anc01_hover.gif) no-repeat left center;
}
#site-map-layout .indent {
	text-indent : 2em;
}


/* -------------------------------------------------------------------
>> right-area
------------------------------------------------------------------- */
/* バナーエリア設定 */
.bnr-area {
	width : 220px;
	margin : 40px 0 10px 0;
	background : url(../img/parts/bnr_in.jpg) repeat-y;
}
.bnr-area ul {
	padding : 15px 0 5px;
	text-align : center;
	background : url(../img/parts/bnr_bg.jpg) no-repeat;
}


/* ページ内リンク */
#page-list {
	margin : 0 0 20px;
}
#page-list ul {
	padding : 15px 0 0;
	background : url(../img/parts/page_list_in.jpg) repeat-y;
}
#page-list li {
	padding : 0 0 15px 15px;
}
#page-list li a {
	padding : 0 0 0 20px;
	background : url(../img/icon/anc01.gif) no-repeat 0 center;
}
#page-list li a:hover {
	background : url(../img/icon/anc01_hover.gif) no-repeat 0 center;
}
#page-list img {
	display : block;
}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer {
	clear : both;
	width : 908px;
	height : 114px;
	background : url(../img/parts/footer_bg.jpg) no-repeat;
}

#footer ul {
	margin : 5px 0 5px 15px;
	padding : 5px 0 0 0;
	text-align : left;
}

#footer li {
	padding : 0 4px;
	display : inline;
	border-left : 1px solid #747474;
}

#footer li a {
	padding : 0 5px 0 4px;
	font-size : 12px;
	color : #747474;
	text-decoration : none;
}
#footer li a:hover {
	color : #913c3c;
}
#footer .border-right {
	padding : 0 4px 0 0;
	border-right : 1px solid #747474;
}

#footer h4 {
	float : left;
	display : inline;
}
#footer-logo {
	float : left;
	clear : both;
	margin : 10px 10px 0;
}

#footer address {
	margin : 15px 0 0;
	font-size : 12px;
	font-style : normal;
	color : #bfbfbf;
}
#copy-right {
	float : right;
	margin : -1em 10px 0;
	font-size : 12px;
	color : #bfbfbf;
}

#footer:after {
	content : url(../img/parts/space.gif);
	height : 0;
	display : block;
	overflow : hidden;
	clear : both;
}
/* -------------------------------------------------------------------
>> font-style
------------------------------------------------------------------- */
.block {
	display : block;
}


/* -------------------------------------------------------------------
>> ボタン設定
------------------------------------------------------------------- */
/* ページトップへ戻る */
.gotoTop {
	clear : both;
	display : inline;
	float : right;
	text-indent : -5000px;
	margin : 10px 3px 10px 0;
	padding : 0 0 0 0;
}

.gotoTop a {
	display : block;
	width : 101px;
	height : 32px;
	overflow : hidden;
	background : url(../img/btn/gotoTop.jpg) no-repeat;
}
.gotoTop a:hover {
	background-position : 0 -32px;
}

/* リストページボタン */
.gotoList01,
.gotoList02,
.gotoList03,
.quality-btn {
	clear : both;
	/*display : inline;*/
	text-indent : -5000px;
	text-align : center;
}
.gotoList01 a:hover,
.gotoList02 a:hover,
.gotoList03 a:hover,
.quality-btn a:hover {
	background-position : 0 -32px;
}
.gotoList01 a {
	display : block;
	width : 257px;
	height : 32px;
	margin : 0 auto;
	overflow : hidden;
	background : url(../img/btn/modern_list_btn.jpg) no-repeat;
}
.gotoList02 a {
	display : block;
	width : 257px;
	height : 32px;
	margin : 0 auto;
	overflow : hidden;
	background : url(../img/btn/natural_list_btn.jpg) no-repeat;
}
.gotoList03 a {
	display : block;
	width : 257px;
	height : 32px;
	margin : 0 auto;
	overflow : hidden;
	background : url(../img/btn/japanese_list_btn.jpg) no-repeat;
}
.quality-btn a {
	display : block;
	width : 257px;
	height : 32px;
	margin : 0 auto;
	overflow : hidden;
	background : url(../img/btn/quality_btn.jpg) no-repeat;
}

/*-----------------------------------------------------------------
>> 長期優良住宅
-----------------------------------------------------------------*/

.quality #left-area  p {
	margin : 0 0 10px 0;
	border-bottom : none;
}

.quality #left-area li strong {
	margin : 0 0 0px 0;
	font-size : 14px;
	font-weight : bold;
}
.quality #left-area li {
	margin : 0 0 1em;
	padding : 0 0 0 20px;
	font-size : 12px;
	line-height : 140%;
	background : url(../img/icon/li_icon.gif) no-repeat;
}
.quality #left-area h4 {
	margin : 0 0 15px 0;
	padding : 0 0 0 10px;
	background : url(../img/anc/title_anc.jpg) no-repeat;
}
.quality blockquote {
	border : 1px solid #c8c8c8;
	margin : 0 0 0 0;
	padding : 10px;
}

.quality blockquote dl {
	border-bottom: none;
	margin : 0 0 0 0;
}
.quality blockquote dt {
	clear : both;
	float : left;
}
.btn-area {
	border : 1px solid #c8c8c8;
	margin : 20px 0 20px 0;
	padding : 15px 10px 0;
	background-color : #fcfcfc;
}



/* -------------------------------------------------------------------
>> その他
------------------------------------------------------------------- */

.clear {
	clear : both;
}
.layout-left {
	float : left;
}
.layout-right {
	float : right;
}

.text-right {
	text-align : right;
}
.center {
	text-align : center;
}