@charset "utf-8";
/* CSS Document */

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

	commercial space
	
------------------------------ */

#contents #main.cs,
#contents #main.sg{
	width:670px;
	margin-right:-44px;
}

#main.cs .box,
#main.sg .box{
	width:180px;
	margin:0 43px 35px 0;
	color:#0C1A4C;
	float:left;
	min-height: 200px;
}

#main.cs .box .ph,
#main.sg .box .ph{
	width:180px;
	height:120px;
	overflow:hidden;
	vertical-align:middle;
}


#main.sg .box .ph a{
	width:180px;
	display:block;
}

#main.cs .box a img{
	width:180px;
	overflow:hidden;
	display:none;
}

#main.sg .box a img{
	height:120px;
	overflow:hidden;
	display:none;
	margin:0 auto;
}

#contents #main.sg .ph{	border:1px solid #ccc;}


#main.cs .box a:first-child img,
#main.sg .box a:first-child img{
	overflow:auto;
	display:block;
}

#main.cs .box p.title,
#main.sg .box p.title{
	margin:15px 0 0;
	font-weight:bold;
}

#main.cs .box p.cap,
#main.sg .box p.cap{
	font-size:80%;
}

#main.cs .c02,
#main.sg .c02{
	width:660px;
	clear:both;
}

#main ul.pagenation {
	margin:0 35px 30px 0;
	float: right;
}

#main ul.pagenation li{
	margin-left:8px;
	float: left;
}

#main ul.pagenation li a{	color:#0C194C;}

#contents #main ul.pagenation li a:hover{	color:#0066FF}

/* start: clearfix ------------------------------ */

#main ul.pagenation {}
#main ul.pagenation:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#main ul.pagenation {
	display:inline-table;
	min-height:1px;
}
/* Hides from Mac IE \*/
* html #main ul.pagenation {
	height:1px;
}
#main ul.pagenation {
	display:block;
}
/* */
/* end: clearfix ------------------------------ */


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

	detail
	
------------------------------ */

#contents #main.detail{
	width:626px;
}

#contents #main.detail h2{
	width:575px;
	margin:30px 0 10px;
	font-size:150%;
	color:#10174B;
}

#contents #main.detail h3{
	width:575px;
	color: #003399;
    font-size: 100%;
    margin-bottom: 10px;
}

#contents #main.detail .text{
	width:575px;
	margin:20px 0;
}

#contents #main.detail .ph img{
	width:575px;
	margin-bottom:30px;
}

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

	work flow
	
------------------------------ */

#main.wf .c01 .fl {
	margin-bottom: 30px;
	width: 580px;
	margin-top: 15px;
	clear: both;
}

#main.wf .c01 .fl .title {
	font-size: 120%;
	font-weight: bold;
	color: #003399;
	margin-top: 25px;
}

#main.wf .c01 .fl img{
	margin-top:8px;
}

#main.wf .c01 .fl .img-area {
	float: left;
	margin-right: 25px;
	position: relative;
	top: -8px;
}


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

	Q&A
	
------------------------------ */


#main.qa .c01 dl{
	width:570px;
}

#main.qa .c01 dl dt{
	width:40px;
	float:left;
	clear:left;
}

#main.qa .c01 dl dd{
	width:530px;
	margin-left:40px;
}

#main.qa .c01 dl dt,
#main.qa .c01 dl dd{
	margin-bottom:40px;
}

#main.qa .c01 dl dt.q,
#main.qa .c01 dl dd.q {
	margin-bottom:5px;
	font-weight: bold;
	color: #003399;
}