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

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

span.new{display:none}

#main .first{margin:0 0 20px}

#main .adr div{margin:0}

#main .fig,
#main .btn{
margin:20px 0;
text-align:center}

#main .sign{text-align:right}

.pageTop{
clear:both;
margin:0 0 10px;
text-align:right}

#main .pageTop{margin:0 0 20px}

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 2px;
font-size:x-small;
_font-size:xx-small;
padding:0 20px 5px 15px}

#main .topicPath{
margin:0 0 5px;
text-align:right}

#main .topicPath li{
background:url(../img/navBg.gif) no-repeat 0 3px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 10px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08,
#main .bg09,
#main .bg10{
background:url(../img/pict01.jpg) no-repeat 100% 0;
min-height:150px;
_height:150px;
padding:0 240px 0 0}

#main .bg02{background:url(../img/pict02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/pict04.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/pict08.jpg) no-repeat 100% 0}
#main .bg09{background:url(../img/pict09.jpg) no-repeat 100% 0}
#main .bg10{background:url(../img/pict10.jpg) no-repeat 100% 0}

#main p.info{
background:url(../img/secBg.jpg) repeat;
padding:5px}

#main p.info span{
background:#fff;
border:1px solid #95D5DB;
color:#0099cc;
display:block;
font-weight:bold;
padding:20px}

#main p.note{
color:#66B343;
font-weight:bold;
margin:0 0 5px}

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

#main h3{
background:url(../img/h3bg.jpg) no-repeat 0 100%;
border:1px solid #cddfd2;
color:#555;
font-weight:bold;
font-size:medium;
_font-size:small;
margin:0 0 20px;
padding:3px 0 3px 6px}

#main h3 span{
background:url(../img/h3bg2.jpg) no-repeat 0 0;
display:block;
padding:3px 0 3px 10px}

#main h4{
background:url(../img/h4bg.jpg) no-repeat 0 50%;
color:#fff;
font-size:115%;
font-weight:bold;
margin:0 0 20px;
padding:2px 0 2px 15px}

#main h5{
background:url(../img/h5bg.jpg) no-repeat 0 3px;
font-weight:bold;
margin:0 0 20px;
padding:1px 0 1px 10px}

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

#main h4.img img{vertical-align:bottom}

/* リスト
*****************************************/

#main ul li{
background:url(../img/icon03.gif) no-repeat 0 4px;
padding:0 0 0 17px}

#main ul li.note{background:none}

#main ul.note li{
background:none;
margin:0 0 5px;
padding:0}

#main ul.note li.right{
padding:0;
text-align:right}

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

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

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

#main ul.make li{
background:none;
float:left;
padding:0}

#main ul.make li img{vertical-align:bottom}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0 0 0 10px}

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

#main table{
border:3px solid #ccc;
height:auto;
width:100%}

#main table th{
background:#f8fcfc;
border-bottom:1px solid #ccc;
font-weight:bold;
padding:8px 10px 8px 16px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:1px solid #ccc;
border-left:1px dotted #ccc;
padding:8px 5px 8px 10px}

#main table.col{border-top:none}

#main table.col th{
text-align:center;
padding:5px 10px;
vertical-align:middle;
white-space:normal}

#main table.col td{
padding:5px 10px;
vertical-align:middle}

#main table.col th{
background:#f8fcfc;
border-left:1px dotted #ccc}

#main table.col th.top{
background:url(../img/tableBg.jpg) repeat-x #f8fcfc;
padding:11px 10px 5px}

#main table.col th.top.firstChild{border-left:none}

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

#main table td p.note{margin:0 0 20px}

#main table.mailform th{
white-space:normal;
padding:5px;
text-align:right;
width:170px}

/* step
*****************************************/

#main dl.step dt img{vertical-align:bottom}

#main dl.step dd{
background:url(../img/stepDd01.jpg) no-repeat 0 100%;
margin:0 0 8px;
min-height:80px;
padding:10px 120px 70px 30px}

#main dl.step dd.stepDd02{background:url(../img/stepDd02.jpg) no-repeat 0 100%}
#main dl.step dd.stepDd03{background:url(../img/stepDd03.jpg) no-repeat 0 100%}
#main dl.step dd.stepDd04{background:url(../img/stepDd04.jpg) no-repeat 0 100%}
#main dl.step dd.stepDd05{background:url(../img/stepDd05.jpg) no-repeat 0 100%}

#main dl.step dd.stepDd06{background:url(../img/stepDd06.jpg) no-repeat 0 100%}

#main dl.step dd.stepDd07{
background:url(../img/stepDd07.jpg) no-repeat 0 100%;
padding:10px 120px 20px 30px}

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

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

#main p.voice{background:url(../img/voiceBg.gif) no-repeat 0 100%}

#main p.voice span{
background:url(../img/voiceBgTop.gif) no-repeat 0 0;
display:block;
padding:0 0 0 15px}

/* faq
*****************************************/

#main .faq dl{border:1px solid #949494}

#main .faq dl dt{
background:url(../img/faq01.jpg) no-repeat 0 0;
color:#fff;
font-size:120%;
padding:7px 0 3px 45px}

#main .faq dl dd{
background:url(../img/faq02.jpg) no-repeat 0 0;
margin:0;
padding:16px 10px 10px 45px}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

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

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

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

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

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

#index #main h3 span{
background:url(../img/h4bg.jpg) no-repeat 0 50%;
border:none;
color:#fff;
padding:3px 10px 3px 20px}

#index #main h4{
background:url(../img/h5bg.jpg) no-repeat 0 3px;
color:#555;
padding:0 0 0 10px}

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

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

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

#index #main ul.pickUp li{
background:none;
float:left;
margin:0 0 0 9px;
padding:0}

#index #main ul.pickUp li.firstChild{margin:0}

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

#index #main .topCont{
background:url(../img/pickUpBg.jpg) no-repeat 0 0;
display:inline-block;
padding:15px 0 0}

/*\*/
*html #index #main .topCont{height:1%}
#index #main .topCont{display:block}
/**/

#index #main dl{
float:right;
margin:0 0 0 20px;
width:240px}

#index #main dl dt,
#index #main dl dd{margin:0 0 10px}

#index #main dl dt img,
#index #main dl dd img{vertical-align:bottom}

#index #main .topCont div{
float:left;
margin:0;
width:350px}