@charset "UTF-8";
/**
 * layout.css
 * type: default skin
 */

/* 見出し
--------------------------------------------------------------*/
/* h1 */
h1{
	margin:0 0 15px 0;
	color:#FFF;
	font-size:120%;
}
.h1Box1,
.h1Box2{
	border:1px solid #D8D8D8;
	margin:0 0 15px 0;
}
.h1Box1 .h1Box1Body{
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	background-image: url(../../../common/images/h1_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.h1Box1 .h1Box1Body h1{
	margin:0;
	padding:30px 22px;
}
.h1Box2 .h1Box2Body{
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	background-image: url(../../../common/images/h1_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.h1Box2 .h1Box2Body h1{
	margin:0;
	padding:21px 22px 18px 22px;
}
h2{
	margin:0 0 15px 0;
	font-size:110%;
}
/* h2 */
.h2Box{
	border:1px solid #D8D8D8;
	margin:0 0 15px 0;
}
.h2Box .h2BoxBody{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-image: url(../../../common/images/h2_bg01.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.h2Box h2{
	margin:0;
	padding:8px 12px;
	background-image: url(../../../common/images/h2_bg02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* h3 */
.h3Box{
	margin:0 0 15px 10px;
	background-image: url(../../../common/images/h3_bg01.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.h3Box .h3BoxBody{
	padding:0px 0px 1px 11px;
	background-image: url(../../../common/images/h3_bg02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.h3Box h3{
	font-size:100%;
	border-bottom:1px solid #A0A0A0;
	padding-bottom:3px;
}



/* title */
.title{
	margin:0 0 5px 0;
	font-weight:bold;
}
.title span{
	color:#405869;
}

/* container
--------------------------------------------------------------*/
.container{
	margin:0 10px 20px 10px;
	clear:both;
}

/* outline
--------------------------------------------------------------*/
.outline{
	width:561px;
	border:1px solid #D8D8D8;
	margin:0;
	background-image: url(../../../common/images/outline_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.outline .outlineTtl{
	width:530px;
	padding:12px 15px 9px 15px;
}
.outline .outlineTtl p{
	width:410px;
	font-weight:bold;
	font-size:110%;
	float:left;
}
.outline .outlineTtl .btn{
	width:100px;
	float:right;
	display:block;
}
.outline .txt{
	clear:both;
	padding:10px 15px 0;
	_padding:0 15px;
}
.outline div.list{
	margin:15px 0;
}
.outline table.list{
	margin:15px 0;
	width:100%;
}
.outline table.list td{
	vertical-align:top;
	width:50%;
}.
outline ul {
	margin:0 0 0 15px;
	padding:10px 0;
	list-style:none;
}
.outline li {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-image: url(../../../common/images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.outline li.pdf {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url(../../../common/images/sidebar/pdf.gif);
}
.outline li.dot {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-image: url(../../../common/images/bullet_01.gif);
}


/* outline2
--------------------------------------------------------------*/
.outline2{
	margin:0;
	padding:0px;
}
.outline2 .boxLeft{
	float:left;
	padding:0px;
}
.outline2 .boxRight{
	float:right;
}
.outline2 .boxLeft,
.outline2 .boxRight{
	padding:13px 0 10px 0;
	width:274px;
	border:1px solid #D8D8D8;
	background-image: url(../../../common/images/outline2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.outline2 .outlineTtl{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:110%;
}
.outline2 p{
	padding:0 15px;
	margin:0px;
}
.outline2 .btn{
	text-align:right;
	padding:10px 15px 0 0;
}
.outline2 .ml20{
	padding-left:20px;
}
.outline2 ul{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}
.outline2 ul li {
	margin:0 0 3px 0;
	padding:0 0 0 18px;
	background-image: url(../../../common/images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.outline2 ul li.pdf{
	background-image: url(../../../common/images/sidebar/pdf.gif);
	background-position: 0 3px;
}
.outline2 li.dot {
	margin:0 0 3px 0;
	padding:0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-image: url(../../../common/images/bullet_01.gif);
}

/* outline3
--------------------------------------------------------------*/
.outline3{
	width:561px;
	border:1px solid #D8D8D8;
	margin:0;
	background-image: url(../../../common/images/outline_bg03.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.outline3 .outlineTtl{
	width:530px;
	padding:12px 15px 9px 15px;
}
.outline3 .outlineTtl p{
	width:410px;
	font-weight:bold;
	font-size:110%;
	float:left;
}
.outline3 .outlineTtl .btn{
	width:100px;
	float:right;
	display:block;
}
.outline3 .outlineTtl .btnTbl{
	width:100%;
}
.outline3 .outlineTtl .btnTbl th{
	text-align:left;
}
.outline3 .outlineTtl .btnTbl td{
	text-align:right;
}
.outline3 .outlineTtl .btnTbl p{
	width:auto;
}
.outline3 .outlineTtl .btnTbl img{
	margin-left:15px;
}
.outline3 .txt{
	padding:0px 15px;
}
.outline3 div.list{
	margin:15px 0;
}
.outline3 table.list{
	margin:15px 0 15px 0;
	width:100%;
}
.outline3 table.list td{
	vertical-align:top;
	width:50%;
}.
outline3 ul {
	margin:0;
	padding:10px 0;
	list-style:none;
}
.outline3 li {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-image: url(../../../common/images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.outline3 li.pdf {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url(../../../common/images/sidebar/pdf.gif);
}
.outline3 li.dot {
	margin:0 0 3px 15px;
	padding:0 0 0 18px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-image: url(../../../common/images/bullet_01.gif);
}



/* CATCH
--------------------------------------------------------------*/
.catch{
	font-size:110%;
}

/* imgBlock
--------------------------------------------------------------*/
.imgcontainer{
	margin:0 0px 20px 0px;
}
.imgcontainer .imgBlock{
	float:left;
	width:264px;
	padding-left:10px;
}
.imgcontainer .imgBlock div{
	text-align:center;
	margin-bottom:3px;
}

/* grayline
--------------------------------------------------------------*/
.graybox{
	padding:10px;
	background-color:#F3F5F6;
}