@charset "UTF-8";
/**
 * c21_aスタイルシートlayout.css
 */
/*
----------------------------------------------- */

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

	■関連ナビ

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

.relate-navi{
	width:750px;
	padding:0px 0 6px 0;

}
.relate-navi h2{
	font-size:14px;
	margin:0;
	margin-bottom:-4px;
	background-image:url(../img/h3_middle_d.gif);
	background-repeat:no-repeat;
	line-height:40px;
	padding-left:36px;
}
.relate-navi ul{
	width:748px;
	padding-top:10px;
	border:1px solid #e9e9e9;
	background-color:#fdfdfd;
}
.relate-navi li{
	float:left;
	margin-bottom:8px;
}
.relate-navi li a{
	display:block;
	color:#000000;
	width:120px;
	line-height:20px;
	text-align:center;
	background:url(../img/relate-navi_bt_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:4px;
}
.relate-navi li a.active{
	background-position: 0 -40px;
	font-weight:bold;
}
.relate-navi a:hover{
	background-position: 0 -40px;
	text-decoration:none;
	font-weight:bold;
}

/*
-----------------------------------------

 ■スタンダードレイアウト

-----------------------------------------
*/

/*ソリッドタイプドキュメント*/
.content-block-a,
.content-block-b{
	width:750px;
	padding:8px 0px 8px 0px;
	margin-bottom:16px;
}
.content-block-a .doc-area{
/*	width:570px;*/
/*	width:554px;*/
	width:550px;
	float:right;
}
.bg-a{
	background-image:url(../service/img/centurywan_kobushi-simle.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.content-block-b .doc-area{
/*	width:570px;*/
/*	width:554px;*/
	width:550px;
	float:left;
	margin-left:4px;
}
.content-block-a .img-area img,
.content-block-b .img-area img{
	margin-bottom:4px;
}
.content-block-a .img-area{
	width:180px;
	float:left;
	margin-left:4px;
}
.content-block-b .img-area{
	width:180px;
	float:right;
}

/*リキッドタイプドキュメント*/


.content-block-rq-a,
.content-block-rq-b{
	width:750px;
	padding:8px 0px 8px 0px;
	margin-bottom:16px;
}
.content-block-rq-a .doc-area{
/*	width:570px;*/
/*	width:554px;*/
	width:74%;
	float:right;
}
.content-block-rq-b .doc-area{
/*	width:570px;*/
/*	width:554px;*/
	width:74%;
	float:left;
	margin-left:4px;
}
.content-block-rq-a .img-area img,
.content-block-rq-b .img-area img{
	margin-bottom:4px;
}
.content-block-rq-a .img-area{
	width:180px;
	float:left;
	margin-left:4px;
}
.content-block-rq-b .img-area{
	width:180px;
	float:right;
}

/* 上下構成タイプ */
.content-block-rq-c,
.content-block-rq-d{
	width:750px;
	padding:8px 0px 8px 0px;
	margin-bottom:16px;
}
.content-block-rq-c .doc-area{
	width:100%;
	float:right;
}
.content-block-rq-c .img-area img{
	margin-bottom:4px;
}
.content-block-rq-c .img-area{
	width:100%;
	float:left;
	margin-left:4px;
	margin-bottom:4px;
}

.content-block-rq-d .doc-area{
	width:100%;
	float:left;
}
.content-block-rq-d .img-area img{
	margin-bottom:4px;
}
.content-block-rq-d .img-area{
	width:100%;
	clear:right;
/*	float:right;*/
	margin-left:4px;
}


/*-- list --*/
.doc-area ul,
.doc-area ol{
	padding:8px 0px 8px;
	margin-left:24px;
}
.doc-area li{
	margin-left:8px;
	margin-bottom:8px;
	padding-left:16px;
	background: url(../img/arrow_extd_r.gif) no-repeat;
	background-position:left top;
}
.doc-area dl{
	padding:8px 0px 8px;
	margin-left:24px;
}
.doc-area dt{
	margin-left:8px;
	padding-left:16px;
	margin-bottom:8px;
	background: url(../img/arrow_circle_y.gif) no-repeat;
	background-position:left top;
}
.doc-area dd{
	margin-left:24px;
	padding-left:16px;
	margin-bottom:8px;
	background: url(../img/arrow_extd_y.gif) no-repeat;
	background-position:left top;
}


/*--table--*/

table.content-block-td{
	width:500px;
	margin-left:24px;
}