@charset "UTF-8";

/*===============================================================================
		common
===============================================================================*/

/*	clearfix
---------------------------------------*/

/* For modern browsers */
.clearfix:before,
.clearfix:after{
    content:"";
    display:table;
}
 
.clearfix:after{clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix{zoom:1;}


/*	clear
---------------------------------------*/
.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	zoom:1;
}


/*	indent
---------------------------------------*/



/*	link settings
---------------------------------------*/

a 			{color: #004276;text-decoration:none;}
a:hover {color: #004276;text-decoration:underline;}
a:focus {outline: none;}

/*	title settings
---------------------------------------*/

h2#mainImage{margin-bottom:25px;}
h3 {}
h4 {}
h5 {}
h6 {}

/*	text settings
---------------------------------------*/

.textC{text-align:center; vertical-align:middle;}
strong{font-weight:bold;}

.marB70{margin-bottom:70px!important;}

/*	font settings
---------------------------------------*/

.fcRed {color: #f00;}

/*	form settings
---------------------------------------*/


select {margin-bottom: 2px;}

/*	form-button settings
---------------------------------------*/

.formbtn {
	width:100%;
	margin: 20px 0 0 0;
	text-align: center;
}

.formbtn input.btnL {margin-right:10px;}

/*	table
---------------------------------------*/

.tableLayout01 {
	width: 100%;
	border-collapse:separate;
}

.tableLayout01 th {
	width:20%;
	font-weight:bold;
	color:#000;
	text-align: left;
	border-top: 1px dotted #ccc;
	padding:5px 5px 5px 0;
}

.tableLayout01 th,
.tableLayout01 td {
	line-height:1.6;
	vertical-align: top;
	text-align: left;
}
.tableLayout01 th.first,
.tableLayout01 td.first {
	border:0;
}
.tableLayout01 th.noBold{font-weight:normal!important;}
.tableLayout01 td {
	padding:5px;
	border-top: 1px dotted #ccc;
}
.tableLayout01 td dl dd{
	margin-bottom:1em;
}

/* tableLayout02 */
.tableLayout02 {
	width: 100%;
	border-collapse:separate;
}
.tableLayout02 th {
	width:10%;
	text-align: left;
	vertical-align:top;
}
/* tableLayout03 */
.tableLayout03 {
	width: 100%;
	border-collapse:separate;
}

.tableLayout03 th {
	width:20%;
	text-align: left;
	vertical-align:top;
	padding:10px 5px 10px 0;
}
.tableLayout03 th span{
	color:#f30;
}

.tableLayout03 th,
.tableLayout03 td {
	line-height:1.6;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
.tableLayout03 td{
	padding:10px 0;
}
.tableLayout03 td strong{
	display:block;
	background:#c00;
	color:#fff;
	font-weight:normal;
	padding:2px 5px;
	margin:5px 0 0 0;
}




/*	image-settings
---------------------------------------*/

.imgRight{
	float:right;
	margin:0 0 0 10px;
}

.imgLeft{
	float:left;
	margin:0 10px 0 0;
}


/*box
---------------------------------------*/
#box{
	width:680px;
	/*height:415px;
	/height:360px!important;
	overflow:hidden;*/
	line-height:1.6;
}
#box2{
	width:550px;
	line-height:1.6;
}
#box3{
	width:680px;
}
#boxInner{padding-bottom:20px;}

#buttonArea{
	padding:10px 0;
	margin:0 auto;
	text-align:center;
}
#buttonArea a{
	text-decoration:none;
	color:#000;
}

#box h2{
	margin:0 auto 20px auto;
	text-align:center;
}


ul#contentsNav{
	background:#eee;
	overflow:hidden;
	padding:5px;
	margin-bottom:20px;
}
ul#contentsNav li{
	background:url("../../images/common/i_arrow04.gif") no-repeat 0 50%;
	padding:0 0 0 13px;
	float:left;
	font-size:85%;
	margin:0 10px 0 0;
	display:inline;
}
ul#contentsNav li a{
	text-decoration:none;
	color:#666;
}
ul#contentsNav li a:hover{
	text-decoration:underline;
}

div.dottedBox{
	border:1px dotted #ccc;
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
	background:#fff;
}

div.dottedBox ul li{
	background:url("../../images/common/i_arrow05.gif") no-repeat 0 7px;
	padding:0 0 0 15px;
	float:left;
	margin:0 10px 0 0;
}

div.dottedBox ul li a{
	text-decoration:underline;
	color:#f30;
}
div.dottedBox ul li a:hover{
	text-decoration:none;
}

div.listWrap{
	overflow:hidden;
	padding-bottom:20px;
}
div.listWrap ul{
	float:left;
	width:320px;
}
div.listWrap ul li{
	background:url("../../images/common/i_arrow02.gif") no-repeat 0 6px;
	padding:0 0 0 11px;
	margin:0 0 5px 0;
}

div.read p.links{margin:0;}
div.read p.links a{
	background:url("../../images/common/i_arrow05.gif") no-repeat 0 4px;
	padding:0 0 0 15px;
	text-decoration:underline;
	color:#f30;	
}
div.read p.links a:hover{
	text-decoration:none;
}

#pBox{
	width:100%;
}
h4{
	font-weight:bold;
	line-height:1.6;
	border-bottom:1px dotted #ccc;
	padding:0 0 3px 20px;
	margin-bottom:15px;
}
h4.type02{
	font-weight:bold;
	line-height:1.6;
	border-bottom:0;
	padding:0 0 0 20px;
	margin-bottom:15px;
}
.indent01 {
	padding: 0 0 20px 20px;
	line-height:1.6;
}
.indent02 {
	padding: 20px 0 20px 0;
	line-height:1.6;
}
.indent03 {
	padding: 0 0 20px 20px;
	margin-bottom:20px;
	line-height:1.6;
	border-bottom:1px dotted #ccc;
}
.indent01 p,
.indent02 p,
.indent03 p{margin-bottom:20px;}
#pBox dl dd{
	margin:0 0 20px 14px;
}
#pBox dl dd ul li{
	margin:0 0 0 25px;
	text-indent:-25px;
}
#pBox ol{
	padding:0 0 0 10px;
	margin-bottom:20px;
}
#pBox ol li{
	list-style:outside decimal;
	margin:0 0 10px 22px;
	text-indent:0px;
}

#pBox .tableLayout02 th,
#pBox .tableLayout02 td{border:0;}