/* ================================================================ *
	NexasDesign 2010/02
	共通 CSS
	
 * ================================================================ */



/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */
.grid2:after,
.p-anc:after,
.grid3:after,
.grid3-wide:after,
.grid4:after,
.anc-btn:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

#flash-obj {
	margin : 0 0 25px;
}

h3 {
	clear: both;
/*	margin : 0 0 1em;*/
}
.ml15 {
	margin : 0 0 20px 15px;
}
.mb20 {
	margin-bottom: 20px;
}


h4 {
	font-size : 1em;
	color : #301f1a;
	margin : 0 0 0.5em;
}
h4 span {
	font-size : 0.8em;
}

h5 {
	color : #072454;
	margin : 0 0 0.5em;
}

#content p {
	margin : 0 0 0.8em;
}

.att2 {
	color : #6c6c6c;
}

.block li{
	margin : 0 0 0.8em;
	font-size : 0.9em;
}

.img-p {
	clear:both;
	padding : 15px 0;
}

.concept h3,
.grid2 h3 {
	margin : 0 0 1.5em;
}
.grid3 h3 {
	margin : 0 0 1em;
}
#content .concept p {
	margin : 0 0 1.4em;
}
.clearfix50{
	clear:both;
	height:50px;
}
.l_dashed{
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;

}
.r_dashed{
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;

}

/*--------------------------- ページ内アンカー -------------------------------*/
.p-anc {
	clear:both;
	zoom : 100%;
	margin : 0 0 0 15px;
	padding : 0 0 20px;
}
.p-anc li {
	float : left;
	margin : 0 20px 0 0;
}
.p-anc a {
	padding : 0 0 0 15px;
	line-height:100%;
	background: url(../img/icon/p_anc.gif) no-repeat 0 center;
}


.grid2, .grid3, .grid3-wide {
	clear :both;
	width : 890px;
	margin : 0 0 20px 15px;
	padding : 0 0 0;
	border-bottom : 1px solid #cccccc;
}
.border-none {
	margin : 0 0 0 15px;
	border-bottom : none;
}


/*------------------------------ 2カラムコンテンツ -------------------------*/

.colum-left {
	float : left;
	width : 435px;
}
.colum-right {
	float : right;
	width : 435px;
}
.colum-left430 {
	float : left;
	width : 430px;
}
.colum-right430 {
	float : right;
	width : 430px;
}

.colum-right .att {
	text-align : right;
	margin : 0 0 30px;
}

/*--------------------------- 3カラムコンテンツ --------------------------------*/
.grid3 .colum {
	width : 287px;
	float : left;
	margin : 0 14px 0 0;
}
.grid3 .colum-last {
	width : 287px;
	float : right;
	margin : 0 0 0 0;
}

.border-none2 {
	margin : 0 0 20px 15px;
	border-bottom : none;
}

.grid3-wide {
	clear : both;
}
.grid3-wide .colum-wide {
	float:left;
	width : 400px;
}
.grid3-wide .colum {
	width : 210px;
	float : left;
	padding : 0 10px;
	margin : 0 0 0 10px;
}


/*--------------------------- 4カラムコンテンツ --------------------------------*/
.grid4 {
	width : 890px;
	margin : 0 0 30px 15px;
	clear : both;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background: url(../img/parts/grid4_in.gif) repeat-y;
}
.grid4 .colum {
	width : 222px;
	float: left;
}
.grid4 .colum-last {
	width : 221px;
	margin : 0 0 0 2px;
	float: left;
}
.grid4 h4 {
	padding : 5px 15px 0;
}
.grid4 p{
	padding : 0 15px;
}


.grid4 h4 {
	width : 222px;
	height : 43px;
}
.grid4 h4 span {
	display:block;
	padding : 5px 0 0 20px;
}
/*
.grid4 h4 {
	margin : 0 15px;
	padding : 10px 0 5px;
	font-size : 0.9em;
}
*/
.grid4 dl {
	font-size : 0.8em;
	padding : 0 15px 15px;
}
.grid4 dd {
}

/*--------------------------- 5カラムコンテンツ --------------------------------*/
.grid5 .colum {
	position:relative;
	width:184px;
	height : 200px;
	float: left;
	padding : 0 0 20px;
}
.grid5 h4 img{
	margin : 0 0 0.5em;
}
.grid5 .text-center {
	position : absolute;
	top : 200px;
	font-size : 0.8em;
}

/*----------------- 100.html 商品紹介用 ---------------------------*/
.layout100 {
	width : 920px;
	margin : 30px 0 20px 0;
	background: none;
	border-top: none;
	border-bottom: none;
}
.layout100 .colum {
	width : 230px;
	margin : 0 0 0 0;
}
.layout100 p {
	padding : 0 0;
}

/*------------------------ spec-box --------------------------------------------*/
#spec-box {
	padding : 0 0 10px;
	border-bottom : 1px solid #cccccc;
}
#spec-box .img-left {
	margin : 0 10px 0 0;
}
#spec-box ul {
	padding : 40px 0 0;
	line-height:230%;
	font-size: 85%;
}
.grid2 strong{
	font-size : 3em;
	color : #f2612c;
}

.spec-title {
	margin : 10px 0;
}
 
.spec-dl dl{
	font-size : 0.8em;
}
.spec-dl dt{
	clear:both;
	float : left;
	width : 6.5em;
	padding : 5px 0;
	border-top : 1px solid #cccccc;
}
.spec-dl dd {
	border-top : 1px solid #cccccc;
	border-left : 1px solid #cccccc;
	margin : 0 0 0 6.5em;
	padding : 5px 0 5px 1em;
}

/*----------------------- ポイント ナンバー ------------------------------------*/
.num-list {
	clear:both;
	font-size:0.9em;
}
.num-list li {
	margin : 0 0 1.2em;
	padding : 0 0 0 25px;
}
.num-list #num1 {
	background: url(../img/icon/num01.jpg) no-repeat 0 top;
}
.num-list #num2 {
	background: url(../img/icon/num02.jpg) no-repeat 0 top;
}
.num-list #num3 {
	background: url(../img/icon/num03.jpg) no-repeat 0 top;
}
.num-list #num4 {
	background: url(../img/icon/num04.jpg) no-repeat 0 top;
}

.hidden {
	display:none;
	font-size : 1.2em;
	line-height: 140%;
}


/*-------------------------- 用途紹介エリア ------------------------------------*/
#use-box {
	clear : both;
	margin : 20px 0 0;
	font-size:0.9em;
}
#use-box h4 {
	margin : 0 0 15px;
}
#use-box p {
	margin : 0 0 10px;
}
#use-box #left {
	width : 275px;
	float : left;
}
#use-box #right {
	width : 275px;
	float : right;
}


.anc-btn {
	clear : both;
	width : 890px;
	margin : 0 0 20px;
}
.anc-btn li {
	display:inline;
	text-indent: -5000px;
}

.anc-btn a {
	display:block;
	float : right;
	width : 10px;
	height : 13px;
	overflow:hidden;
	margin : 0 0 0 15px;
}
.acn-btn .back-btn a{
	float : left;
}

.down-btn a{
	background : url(../img/icon/down_icon.gif) no-repeat;
}
.up-btn a{
	background : url(../img/icon/up_icon.gif) no-repeat;
}
.ptop2 a {
	background: url(../img/icon/ptop_icon2.gif) no-repeat;
}
.back-btn a {
	width:133px;
	background: url(../img/icon/back_icon.gif) no-repeat;
}

/* 標準装備 */

.grid2 h3 span a{
	font-size : 0.8em;
	float : right;
}
.equipment td{
	font-size: 90%;
	padding : 0 10px 0 0;
}
.equipment img {
	margin-bottom : 5px;
}



/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
#footer {
	clear : both;
	padding : 20px 0 10px;
	background : url(../img/parts/footer_bg.jpg) repeat-x;
}
#footer p.copyright {
	text-align: center;
	font-size: 13px;
}

#fadd {
	float: none;
	text-align:right;
	font-size: 12px;
	padding: 0px 0 0 0;
}