@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. 外張り断熱通気外壁

******************************************************************************* */



/* ==

　01. 基本

=============================================================================== */

.main .styleName h1,
.main .styleName .categoryName {
	float: left;
	padding-top: 7px;
}

.section .main h2 {
	margin: 0;
	padding-bottom: 10px;	
	background: url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}

.section .main h2 img {
	margin-bottom: 0;
}

.main .contents{ padding-bottom:0; background:none; }

.main .contents div div{ margin-bottom:0; }

.main .contents div p{ margin-bottom:0; }

.main .contents div p a.blank{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow_blank03.gif) left 3px no-repeat;
}

/* カタログ請求 */
.main .styleName p.btn a {
	display: inline;
	width: 196px;
	height: 41px;
	background: none;
}

/* スタイルネーム
------------------------------------------------------------------------------- */
.main .styleName{
	width:730px;
	margin:0 auto;
	min-height:1%;
	clear:both;
}
.main .styleName p{
	padding-top:7px;
	float:left;
}
.main .styleName p.btn{
	padding-top:0;
	float:right;
}
.main .styleName p.btn a {
	display: inline;
	padding: 0;
	background: none;
}



/* ==

　02. 外張り断熱通気外壁

=============================================================================== */

.main .contents .main_visual {
	position: relative;
	width: 728px;
	height: 449px;
	overflow: hidden;
	margin-bottom: 6px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

* html .main .contents .main_visual {
	height: 450px;
}

.main .contents .alignR a {
	padding: 0;
	background: none;
}

.main .contents .main_visual .wrapper {
	position: absolute;
	width: 4380;
	height: 450px;
	clear: none;
	z-index: 60;
}

.main .contents .main_visual .wrapper .grid {
	position: absolute;
	top: 0;
	width: 730px;
	height: 450px;
	clear: none;
}

.main_visual #box1 {
	left: 0;
}
.main_visual #box2 {
	left: 730px;
}
.main_visual #box3 {
	left: 1460px;
}
.main_visual #box4 {
	left: 2190px;
}
.main_visual #box5 {
	left: 2920px;
}
.main_visual #box6 {
	left: 3650px;
}

.main .contents .main_visual .indent {
	margin: 0 0 0 35px;
	padding: 0;
}

.main .contents .main_visual div {
	margin: 0;
	clear: none;
}
.main .contents .main_visual a {
	padding: 0;
}
.main .contents h2 {
	margin: 0;
	padding: 13px 0 11px 35px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	background: #EEEFF4;
	line-height: 1;
}
.main .contents .main_visual h2 img {
	margin: 0;
}
.main .contents .main_visual h3 {
	margin: 0 0 0 35px;
	padding-top: 26px;
	background: none;
}

.main .contents .main_visual div .prev {
	position: absolute;
	top: 199px;
	left: 0;
}
.main .contents .main_visual div .next {
	position: absolute;
	top: 199px;
	right: 0;
}
.main .contents .main_visual div .prev_txtbtn {
	position: absolute;
	top: 368px;
	left: 41px;
}
.main .contents .main_visual div .next_txtbtn {
	position: absolute;
	top: 368px;
	left: 511px;	
}
.main .contents .main_visual #box1 .next_txtbtn {
	top: 358px;
	left: 120px;
}

.main_visual #box1 .indent {
	padding-top: 49px;
}
.main_visual #box2 .indent {
	position: static;
	width: 665px;
	padding-top: 29px;
}
.main_visual #box2 .indent .column_l {
	float: left;
	width: 325px;
}
.main_visual #box2 .indent .column_r {
	position: static;
	float: right;
	width: 325px;
	padding-top: 33px;	
}

.main_visual #swap2 {
	display: none;
	width: 613px;
	height: 367px;	
	position: absolute;
	top: 25px;
	left: 40px;
	padding: 10px 12px 0 27px;
	background: url(../images/index_bk01.gif) left top no-repeat;
}
.main_visual #swap2 .column_l {
	float: left;
	width: 295px;
	padding-top: 14px;
}
.main_visual #swap2 .column_r {
	float: right;
	width: 290px;
}
.main_visual #swap2 .btn {
	margin: 30px 0 0;
	text-align: center;
}

.main_visual #box2 .indent .btn {
	position: absolute;
	top: 30px;
	left: 450px;
}
.main_visual #box3 .indent {
	width: 660px;
}
.main_visual #box3 .indent .column_l {
	float: left;
	width: 330px;
}
.main_visual #box3 .indent .column_r {
	float: right;
	width: 330px;
}

.main_visual .nav_list {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 730px;
	height: 35px;
	z-index: 500;
}

.nav_list li {
	float: left;
}
.nav_list a.current {
	color: #fff;
}