@charset "UTF-8";
/* CSS Document */
/* banner */
#contents-left .wrap-banner{
	width:162px;
	height:auto;
}
#contents-supli .wrap-banner2{margin:0 0 10px 0;}
/* base ---------------------------- */
#contents-supli ul,#contents-supli li,#contents-supli a,#contents-supli p{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#contents-supli img,#contents-supli dd{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
#contents-supli div{
	margin:0px;
	padding:0px;
}
/* link ---------------------------- */
#contents-supli a,#contents-supli a:visited{
color: #4C4C4C;
text-decoration: underline;
cursor:pointer;	
}
#contents-supli a:hover,#contents-supli a:active{
color: #ea6600;
text-decoration: underline;
}

/* contents-supli common ---------------------------- */
#contents-supli{
	width:570px;
	height:auto;
	margin:0 auto;
	padding:0 0 40px 0;
	color:#4C4C4C;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5em;
	background-color: #ffffff;
	text-align: left;
}
#contents-supli h3,#contents-supli h4,#contents-supli h5,#contents-supli h6{
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
/* header */
#contents-supli #header{margin:0 0 25px 0;}
#contents-supli #header h3{
	width:570px;
	height:65px;
	background-image:url(../images/hl.jpg);
}
#contents-supli #header p{color:#4C4C4C;}
/* block1 */
#contents-supli .block1{
	margin:0 0 20px 0;
	padding:0 0 60px 0;
	background-image:url(../images/image_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#contents-supli .block1 h4{
	width:575px;
	height:50px;
	background-image:url(../images/body1.gif);
}
#contents-supli .block1 .box-l{
	width:315px;
	height:auto;
	float:left;
}
#contents-supli .block1 .box-r{
	width:235px;
	height:auto;
	margin:0 0 0 20px;
	float:left;
}
/* block2 */
#contents-supli .block2{margin:0 0 45px 0;}
#contents-supli .block2 .wrap-graph{margin:0 0 20px 0;}
/* block3 */
#contents-supli .block3{margin:0 0 30px 0;}
#contents-supli .block3 .dot{
	width:570px;
	height:auto;
	background-image:url(../images/dotline.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#contents-supli .block3 .box-l{
	width:135px;
	height:auto;
	float:left;
}
/* h5 */
#contents-supli .block3 .box-l h5{
	width:135px;
	height:40px;
}
#contents-supli .block3 .box-l h5.flow1{background-image:url(../images/txt_flow1.gif);}
#contents-supli .block3 .box-l h5.flow2{background-image:url(../images/txt_flow2.gif);}
#contents-supli .block3 .box-l h5.flow3{background-image:url(../images/txt_flow3.gif);}
#contents-supli .block3 .box-l h5.flow4{background-image:url(../images/txt_flow4.gif);}
#contents-supli .block3 .box-r{
	display:block;
	width:425px;
	height:auto;
	margin:0 0 0 10px;
	float:left;
}
#contents-supli .block3 .box-r ul{margin:0 0 10px 0;}
/* add 100607 */
#contents .block5{margin:0 0 30px;}
#contents .block5 h4.title1,#contents .block5 h4.title2{
	width:570px;
	height:50px;
}
#contents .block5 h4.title1{background-image:url(../images/body3.gif);}
#contents .block5 h4.title2{background-image:url(../images/body4.gif);}
#contents .block5 p.mb30{margin:0 0 30px 0;}
#contents .block5 .color-box{
	width:540px;
	height:auto;
	padding:15px;
	background-color:#fbfcee;
}
#contents .block5 .color-box .centerline{
	background-image:url(../images/line.gif);
	background-position:266px top;
	background-repeat:repeat-y;
}
.color-box .line1,.color-box .line2{
	width:540px;
	height:auto;
}
#contents .block5 .color-box .line1{
	margin:0 0 15px 0;
	padding:0 0 20px 0;
	background-image:url(../images/dotline2.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.color-box .b-left{
	width:255px;
	height:auto;
	float:left;
}
.color-box .b-right{
	width:255px;
	height:auto;
	float:right;
}
.color-box .line1 .b-left h5,.color-box .line1 .b-right h5{
	width:75px;
	height:25px;
}
.color-box .line1 .b-left h5{background-image:url(../images/txt_case1.gif);}
.color-box .line1 .b-right h5{background-image:url(../images/txt_case2.gif);}
.color-box h6{
	width:155px;
	height:26px;
}
.color-box h6.case-l{background-image:url(../images/txt_case_l.gif);}
.color-box h6.case-s{background-image:url(../images/txt_case_s.gif);}
/* span color  
.color-box span.t-color1{color:#3399cc;}
.color-box span.t-color2{color:#ff6600;} */
/* package / clearfix ---------------------------- */
/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */


/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* margin_class */
#contents-supli .mb10{
margin-bottom: 10px;
}