@charset "utf-8";

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

　目次

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

　01. 基本
　02. コンセプト
　03. 商品特長
　04. プラン共通
　05. プラン01
　06. プラン02


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




/* ==

　01. 基本

=============================================================================== */
.section .main{ font-size:115%; line-height:1.5; }

/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li.nav_concept a{ width:150px; background-image:url(../images/nav_concept.gif); }
.main .nav li.nav_adjust a{ width:134px; background-image:url(../images/nav_adjust.gif); }
.main .nav li.nav_plan01 a{ width:134px; background-image:url(../images/nav_plan01.gif); }
.main .nav li.nav_plan02 a{ width:134px; background-image:url(../images/nav_plan02.gif); }
.main .nav li.nav_plan03 a{ width:134px; background-image:url(../images/nav_plan03.gif); }

.main .nav ul.navConcept li.nav_concept a,
.main .nav ul.navAdjust li.nav_adjust a,
.main .nav ul.navPlan01 li.nav_plan01 a,
.main .nav ul.navPlan02 li.nav_plan02 a,
.main .nav ul.navPlan03 li.nav_plan03 a{ background-position:left bottom; }
.main .nav ul li.nav_plan03{ margin-right:0; }

.main h4{
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #ccd;
}

#lnav04 li a#prdcts_3f{ margin-top:0; }



/* ==

　02. コンセプト

=============================================================================== */
.main div.about dl{
	width:730px;
	min-height:1%;
	clear:both;
}
.main div.about dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div.about dt{ width:280px; float:left; }
.main div.about dd{ width:450px; float:right; }

.main .cncpt{ padding-top:10px; margin-bottom:40px; }
.main .cncpt div.txt{ width:402px; float:right; }
.main .cncpt p.img{ width:312px; float:left; }
.main .cncpt .cncptInner{ border-bottom:1px solid #ccc; padding-bottom:25px; }
.main .cncpt ul{
}
.main .cncpt ul li{
	margin:25px 35px 0 0;
	float:left;
}
.main .cncpt ul li.lastChild{ margin-right:0; }



/* ==

　03. 商品特長

=============================================================================== */
.main .fire{ margin-top:15px; }
.main .fire .txt{ float:left; width:380px; }
.main .fire .txt span,
.main .fire .txt ul{ font-size:86%; }
.main .fire .txt ul{ margin-top:10px; }
.main .fire .img{ float:right; width:337px; }

.main .tech{ margin-top:20px; }
.main .tech .txt{ float:left; width:430px; }
.main .tech .img{ float:right; width:276px; }

.main .limit div{ float:left; width:355px; margin-top:20px; overflow:hidden; }
.main .limit div p{ margin-bottom:10px; }

.main ul.type{ margin:15px 0 30px; }
.main ul.type li{ float:left; }


/* 特長＆メリット
------------------------------------------------------------------------------- */
.main div.merit{ padding-top:10px; }
.main div.merit dt{
	margin-bottom:7px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}
.main div.merit dd li{
	margin-bottom:5px;
	padding-left:10px;
	background:url(../images/li_disc.gif) left 6px no-repeat;
	line-height:1.3;
}


/* ==

　04. プラン共通

=============================================================================== */
.main .plan{ margin-top:15px; }
.main .plan .img{ float:left; width:355px; }
.main .plan .txt{ float:right; width:355px; }
.main .plan ul li{ font-size:86%; }

.main .plan ul.layout{ margin:20px 0; }
.main .plan ul.layout li{ float:left; }

.main .notes{ border-top:1px dotted #999; margin:20px 0 30px; padding-top:15px; font-size:86%; }


/* ==

　05. プラン01

=============================================================================== */
.main .entrancePlan{ margin:20px 0; }
.main .entrancePlan ul li{ float:left; width:226px; margin-right:10px; }
.main .entrancePlan ul li.lastChild{ width:256px; margin-right:0; }
.main .entrancePlan ul li img{ margin-bottom:5px; }

.main .wind{ margin-top:15px; }
.main .wind .txt{ font-size:86%; }
.main .wind .txt img{ margin-bottom:5px; }


/* ==

　06. プラン02

=============================================================================== */
.main .detail{
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px dotted #999;
}
.main .detail .txt .d_txt{ float:left; width:200px; }
.main .detail .txt .d_img{ float:right; width:152px; }

.main .plan02{ padding-top:15px; }
.main .plan02 .LayoutL{ float:left; width:334px; }
.main .plan02 .LayoutR{ float:right; width:386px; }
.main .plan02 .LayoutR .img{ float:left; width:193px; }
.main .plan02 .LayoutR .txt{ float:right; width:184px; font-size:86%; }
.main .explan{
	font-size:115%;
	background:#F3F3F3;
	padding:15px;
	margin-top:10px;
}
.main .explan li{ margin-bottom:8px; }
.main .explan li img{ vertical-align:top; margin-right:5px; }

.main .imgL{ float:left; width:355px; }
.main .imgR{ float:right; width:355px; }


/* ==

　07. プラン03

=============================================================================== */
.main .plan03{ padding-top:15px; }
.main .plan03 .LayoutL{ float:left; width:449px; }
.main .plan03 .LayoutR{ float:right; width:271px; font-size:86%; }

.main .plan03 .explan{ margin-top:15px; }
.main .plan03 .explan ul{ float:left; width:335px; }