@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 20px}

#main .adr div{margin-bottom:0}

#main .fig{text-align:center}

span.new{display:none}

/* 見出し
*****************************************/

#main h3{
border:#d9d9d9 2px solid;
background:url(../img/h3bg.jpg) repeat-x 0 100%;
margin:0 0 20px}

#main h3 span{
background:url(../img/h3spanBg.gif) no-repeat 0 0;
color:#333;
font-size:140%;
font-weight:bold;
display:block;
padding:8px 10px 8px 25px}

#main h4{
background:url(../img/h4bg.jpg) repeat-x 0 100%;
border-top:#6dc9df 3px solid;
border-bottom:#dfdfdf 1px solid;
margin:0 0 10px}

#main h4 span{
background:url(../img/h4bg.gif) no-repeat 10px 8px;
color:#555;
font-size:130%;
font-weight:bold;
display:block;
padding:5px 5px 5px 30px}

#main h5{
background:url(../img/h5bg.jpg) repeat-x 0 50%;
color:#fff;
font-weight:bold;
font-size:110%;
margin:0 0 10px;
padding:3px 10px}


#index #main h3{
border:none;
background:none;
margin:0 0 15px}

#index #main h3 span{
background:none;
padding:0}

#index #main .h401 h4{
border:none;
background:none;
margin-bottom:20px}

#index #main .h401 h4 span{
background:none;
padding:0}

#index #main .h401 h5{
background:none!important;
padding:0!important}

/* リスト
*****************************************/
#main .h302 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .h302 ul{display:inline-block;}

/*\*/
*html #main .h302 ul{height:1%}
#main .h302 ul{display:block}
/**/

#main .h302 ul li{
float:left;
margin-right:9px;
}

#main .h302 ul li.lastChild{
margin-right:0px;
}

#main ul.dots,
#main ul.dots2{margin:0 10px 20px}

#main ul.dots li{
color:#1baacc;
background:url(../img/dots01.jpg) no-repeat 0 3px;
margin:0 0 5px;
padding:0 0 0 20px}

#main ul.dots2 li{
color:#1baacc;
background:url(../img/dots02.jpg) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 20px}

#main ul.graph:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.graph{display:inline-block;}

/*\*/
*html #main ul.graph{height:1%}
#main ul.graph{display:block}
/**/

#main ul.graph li{float:left;margin:0 0 10px 10px}
#main ul.graph li.l{margin-left:0}

/***********************************************/

#main ul.sitemap{margin:0 20px}

#main ul.sitemap li{
background:url(../img/dots01.jpg) no-repeat 0 5px;
height:1%;
margin:0 0 5px;
padding:0 0 0 20px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/common_footIcon.gif) no-repeat 0 5px;
padding:0 0 0 20px}



/* テーブル
*****************************************/

#main table.typeA{
border:#ddd 1px solid;
width:658px}

#main table.typeA th,
#main table.typeA td{
border:#ddd 1px dotted;
padding:5px 10px}

#main table.typeA th{
background:url(../img/thbg.gif);
color:#fff;
font-weight:bold;
white-space:nowrap;
width:1%}

#main table.typeB{
border:#ddd 1px solid;
table-layout:fixed;
width:658px}

#main table.typeB th,
#main table.typeB td{
border:#ddd 1px solid;
padding:5px 10px}

#main table.typeB th{
background:#f3b6c2 url(../img/th2Bg.jpg) repeat-x;
color:#fff;
font-weight:bold;
text-align:center}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0!important}

.tableCont table caption{margin:0 0 10px}
.tableCont table span{color:#cc0000}

.tableCont table td input{margin:0 0 5px}

.tableCont table td p,
.tableCont table td div{margin:0!important}

*:first-child+html .tableCont table td input{margin:0}
* html body .tableCont table td input{margin:0}

.tableCont table td input.text01{width:150px}
.tableCont table td input.text03{width:100px}
.tableCont table td input.text02{width:80px}
.tableCont table td input.text04{width:380px}

#main .btn{text-align:center}

#main ul.btn li{
background:none;
display:inline;
margin:0 10px;
padding:0}

/***********************************************/

#main .photo{
min-height:130px;
_height:130px;
padding:0 230px 0 0}

#main .p01{background:url(../img/010_000_pict001.jpg) no-repeat 450px 0}
#main .p02{background:url(../img/010_030_pict001.jpg) no-repeat 400px 0;padding:0 220px 0 0}
#main .p03{background:url(../img/020_000_pict001.jpg) no-repeat 450px 0}
#main .p04{background:url(../img/020_010_pict001.jpg) no-repeat 450px 0}
#main .p05{background:url(../img/020_010_pict002.jpg) no-repeat 450px 0}
#main .p06{background:url(../img/020_010_pict003.jpg) no-repeat 450px 0}
#main .p07{background:url(../img/020_010_pict004.jpg) no-repeat 450px 0}
#main .p08{background:url(../img/020_020_pict001.jpg) no-repeat 450px 0}
#main .p09{background:url(../img/020_020_pict002.jpg) no-repeat 450px 0}
#main .p10{background:url(../img/020_020_pict003.jpg) no-repeat 450px 0}
#main .p11{background:url(../img/020_020_pict004.jpg) no-repeat 450px 0}


/***********************************************/

#main .step .sectionH4{margin:0 0 15px}

#main .step .sectionH4 h4{
border:none;
font-size:120%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 15px 110px}

* html #main .step .sectionH4 h4{padding-bottom:10px}

#main .step .sectionH4 h4 span{
background:none;
padding:0;
zoom:1}

#main .step .step01 h4{background:url(../img/step01.gif) no-repeat 0 100%}
#main .step .step02 h4{background:url(../img/step02.gif) no-repeat 0 100%}
#main .step .step03 h4{background:url(../img/step03.gif) no-repeat 0 100%}
#main .step .step04 h4{background:url(../img/step04.gif) no-repeat 0 100%}
#main .step .step05 h4{background:url(../img/step05.gif) no-repeat 0 100%}

#main .step .sectionH4 p{
padding-top:20px;
min-height:80px;
_height:80px;
padding-left:150px}

#main .step .step01 p{background:url(../img/010_010_pict001.jpg) no-repeat 0 0}
#main .step .step02 p{background:url(../img/010_010_pict002.jpg) no-repeat 0 0}
#main .step .step03 p{background:url(../img/010_010_pict003.jpg) no-repeat 0 0}
#main .step .step04 p{background:url(../img/010_010_pict002.jpg) no-repeat 0 0}
#main .step .step05 p{background:url(../img/010_010_pict004.jpg) no-repeat 0 0}

/***********************************************/

#main .voice h4{
border:none;
background:none;
padding:0}

#main .voice h4 span{
background:none;
padding:0}

#main .voice .sectionH4:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .voice .sectionH4{display:inline-block;margin-bottom:0}

/*\*/
*html #main .voice .sectionH4{height:1%}
#main .voice .sectionH4{display:block}
/**/

#main .voice .sectionH4 .cont,
#main .voice .sectionH4 .photo{float:left}

#main .voice .sectionH4 .cont{width:460px}
#main .voice .sectionH4 .photo{
padding:0;
width:200px;
text-align:right}

/***********************************************/

#main .qa ul{
background:url(../img/separator.gif) repeat-x 0 100%;
padding-bottom:20px}

#main .qa ul li{
background:url(../img/q.jpg) no-repeat 0 3px;
margin:0 0 5px;
padding:2px 0 2px 30px}

#main .qa dl dt{
background:url(../img/q2.jpg) no-repeat 0 100%;
font-size:130%;
font-weight:bold;
margin:0 0 20px;
padding:20px 5px 10px 50px}

#main .qa dl dd{
background:url(../img/a.jpg) no-repeat;
padding:20px 0 0 50px}

/***********************************************/

#main ul.pageNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.pageNav{display:inline-block;}

/*\*/
*html #main ul.pageNav{height:1%}
#main ul.pageNav{display:block}
/**/

#main ul.pageNav li{
float:left;
margin:0 0 0 6px}

#main ul.pageNav li.firstChild{margin:0}

#main .box{
background:url(../img/boxBg.gif);
padding:5px}

#main .box .inner{
background:#fff;
padding:10px;
margin-bottom:0;
zoom:1}

#main .box .inner dl{margin-bottom:0}

#main .box .inner dl dt{
color:#59bad0;
border-bottom:#ccc 1px dotted;
font-size:120%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 10px}

/***********************************************/

#main .plan .block{padding-left:85px}

#main .plan .block dl{
background:url(../img/030_000_partsBg001.gif) repeat-x;
padding-top:10px;
padding-left:10px}

#main .plan .block dl dt{
color:#59bad0;
font-size:120%;
font-weight:bold;
margin:0 0 10px}

#main .plan .plan01{background:url(../img/030_000_parts001.gif) no-repeat}
#main .plan .plan02{background:url(../img/030_000_parts002.gif) no-repeat}
#main .plan .plan03{background:url(../img/030_000_parts003.gif) no-repeat}


#main .step2 h4{
border:none;
background:none}

#main .step2 h4 span{
background:none;
padding:0}

#main .step2 p{
padding:0 0 0 100px;
min-height:100px;
_height:100px}

#main .step2 .sec01{background:url(../img/030_000_fig002.jpg) no-repeat 0 35px}
#main .step2 .sec02{background:url(../img/030_000_fig003.jpg) no-repeat 0 35px}
#main .step2 .sec03{background:url(../img/030_000_fig004.jpg) no-repeat 0 35px}
#main .step2 .sec04{background:url(../img/030_000_fig005.jpg) no-repeat 0 35px}

/***********************************************/

body.list #main h3{
border:#ccc 1px solid;
background:url(../../img/thbg.gif);
margin-bottom:0;
padding:5px 10px}

* html body.list #main h3{border-bottom:none}

body.list #main h3 span{
background:none;
color:#fff;
padding:0}

body.list #main table{
margin-left:1px;
margin-bottom:10px;
width:659px}

* html body.list #main table{margin-left:0;width:660px}

body.list #main .more{text-align:right}

body.list #main ul.pager{text-align:right}
body.list #main ul.pager li{
display:inline;
margin:0 0 0 5px}

/***********************************************/

#index .search{
	padding-top:6px;
background:url(../img/searchInner.gif) repeat-y;
	width:280px;
	float:right;}

#index .search h3,
#index .search table{margin-bottom:0!important}

#index .search table{width:auto!important;
	margin-left:15px;}

#index .search table div{
	text-align:center;
}

#index .search table div input {
	border:0px;
}

#index .search .inner{
background:url(../img/seachBottom.gif) no-repeat 0 100%;
margin-bottom:0;
padding:0;
zoom:1}

#index .search table th{
line-height:250%;
padding:0 10px 0 0}

#index .search table th,
#index .search table td{vertical-align:middle}

#index .search table th input,
#index .search table th select{background:#f5f4f0;}

#index .search table th #searchBox01,
#index .search table th #searchBox02,
#index .search table th #searchBox03{
margin:0 6px 0 0;
width:118px}

#index .search table th input#searchBox04{width:150px}

#index .content ol li{
border-bottom:#ccc 1px dotted;
margin:0 0 5px;
padding:0 0 5px}

#index .content ol li a.rTitle{
display:block;
font-weight:bold;
margin:0 0 2px}

#main .content .title{
background:url(../img/h5bg.jpg) repeat-x 0 50%;
color:#fff;
font-weight:bold;
font-size:110%;
margin:0 0 10px;
padding:3px 10px}

#index #main .h401{
background:url(../img/index_h401bg.jpg) no-repeat 0 100%;
padding:0 0 10px;
zoom:1}

#index #main .h401 .bg01{
background:url(../img/index_bg01.jpg) no-repeat 30px 0;
padding:0 30px 10px 210px;
zoom:1}

#index #main .h401 .bg01 h5{margin:0 0 20px}

#index #main .h401 .bg01 p{
font-size:14px}

#index #main .h401 .bg01 p.find{
color:#EF5C76;
font-weight:bold;}

#index #main table{
width:660px;
}

#index #main .h301 table tr th,
#index #main .h301 table tr td{
border-bottom:1px dotted #ccc;
padding:3px 0 5px 0;
}

#index #main .h301 table tr th{
width:1%;
white-space:nowrap}

#index #main .h301 table tr th span{margin:0 0 0 5px}

#index #main .h301 table tr td{
padding-left:20px;
}

#index #main .h303 table.ranking th,
#index #main .h303 table.ranking td{
border-bottom:1px dotted #ccc;
padding:0px 10px 3px 0; 
}

#index #main .h303 table.ranking th{
background:url(../img/index_rank04.jpg) no-repeat 2px 4px;
padding-left:25px;
padding-right:0;
font-weight:bold;
width:3.5em;
}

#index #main .h303 table.ranking th.rank01{background:url(../img/index_rank01.jpg) no-repeat 2px 4px;}
#index #main .h303 table.ranking th.rank02{background:url(../img/index_rank02.jpg) no-repeat 2px 4px;}
#index #main .h303 table.ranking th.rank03{background:url(../img/index_rank03.jpg) no-repeat 2px 4px;}

#news {
	float:left;
	width:374px;
	padding-top:20px;
}

#index #main #news table {
	width:374px;
}

.clear {
	clear:both;
}


.bn {
	margin-bottom:10px;
}

.popup{margin-top:18px;}