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

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

span.new{display:none}

#main .adr div{margin:0}

#main .btn,
#main .lead,
#main .inqBtn{text-align:center}

#main .inqBtn{margin:20px 0}

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

#main .pageTop{text-align:right}

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

#main .bg{
min-height:100px;
_height:100px;
padding:0 160px 0 0}

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

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

#main h2{
background:url(../img/common/h2bg.jpg) no-repeat;
font-size:large;
_font-size:medium;
font-weight:bold;
margin:0 0 6px;
min-height:60px;
_height:100px;
padding:40px 0 0 10px}

#main h3{
background:url(../img/common/h3bgTop.jpg) no-repeat;
color:#fff;
font-weight:bold;
margin:0 0 10px;
padding:4px 0 0}

#main h3 span{
background:url(../img/common/h3bg.jpg) no-repeat 0 50%;
display:block;
font-size:medium;
_font-size:small;
padding:0 0 4px 10px}

#main h4{
background:url(../img/common/h4border02.gif) repeat-x 0 100%;
font-size:105%;
font-weight:bold;
margin:0 0 10px}

#main h4 span{
background:url(../img/common/h4border01.gif) repeat-x 0 100%;
display:inline-block;
padding:0 5px 7px;
_padding:0 5px 8px}

#main h4.note2{
background:url(../img/sec/h4bgNote.gif) repeat-x 0 100%;
margin:0;
padding:0 0 20px}

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

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

#main ul.note li{
background:url(../img/sec/icon01.gif) no-repeat 0 4px;
padding:0 0 0 20px}

#main ul.note2 li{
background:url(../img/sec/icon02.gif) no-repeat 0 4px;
padding:0 0 0 20px}

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

#main dl dt{font-weight:bold}

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

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

#main table{
height:auto;
width:100%}

#main table th{
background:url(../img/sec/tableBorder01.gif) repeat-x 0 100% #e6f1c7;
color:#707070;
padding:10px;
width:130px}

#main table.note th{background:url(../img/sec/tableBorder03.gif) repeat-x 0 100% #e1ebf4}

#main table td{
background:url(../img/sec/tableBorder01.gif) repeat-x 0 100%;
padding:10px}

#main table.note td{background:url(../img/sec/tableBorder03.gif) repeat-x 0 100%}

#main table th.firstChild,
#main table td.firstChild{padding:0}

#main table th.firstChild div,
#main table td.firstChild div,
#main table td.firstChild dl{
background:url(../img/sec/tableBorder02.gif) repeat-x;
margin:0;
padding:10px 10px 12px}

#main table.note th.firstChild div,
#main table.note td.firstChild div,
#main table.note td.firstChild dl{background:url(../img/sec/tableBorder04.gif) repeat-x}

*:first-child+html #main table th.firstChild div{width:130px}
* html body #main table th.firstChild div{width:150px}

#main table td dl{margin:0}

#main table td dl dt{font-weight:bold}

.form #main .privacy{
border:1px solid #ccc;
height:200px;
margin:0 0 20px;
overflow:auto;
padding:10px}

.form #main table caption{
background:url(../img/sec/tableBorder02.gif) repeat-x 0 100%;
padding:0 0 5px}

.form table span{color:#cc0000}

.form table td input.num{width:100px}
.form table td input.num2{width:80px}
.form table td input.txt{width:380px}
.form table td input.txt2{width:250px}

.form #main .btn{text-align:center}

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

/* ex
*****************************************/

#main dl.ex dt{
background:#8fbf00;
color:#fff;
font-weight:bold;
padding:2px 8px}

#main dl.ex dd{
background:url(../img/sec/tableBorder05.gif) repeat-y;
border-bottom:1px solid #8fbf00;
padding:2px 3px}

#main dl.ex dd.note{background:url(../img/sec/tableBorder06.gif) repeat-y}

#main dl.ex dd table{
margin:0;
width:644px}

#main dl.ex dd table td table{width:604px}

#main dl.ex dd table th{
background:#fdfacc;
color:#757575;
font-size:small;
_font-size:x-small;
line-height:120%;
text-align:center;
vertical-align:middle;
padding:0;
width:35px}

#main dl.ex dd table td table th{
background:url(../img/sec/tableBorder08.gif) repeat-y 100% 0 #e6f1c7;
color:#454545;
padding:4px 0;
text-align:center;
width:auto}

#main dl.ex dd table th.tEx01{width:81px}
#main dl.ex dd table th.tEx02{width:127px}
#main dl.ex dd table th.tEx03{width:112px}
#main dl.ex dd table th.tEx04{width:122px}
#main dl.ex dd table th.tEx05{width:87px}

#main dl.ex dd table td{
background:none;
padding:0 0 0 6px;
text-align:center}

#main dl.ex dd table td table td{
background:url(../img/sec/tableBorder07.gif) repeat-x;
font-size:small;
_font-size:x-small;
padding:4px 0}

#main dl.ex dd.note table td{
font-size:80%}

#main dl.ex dd table th.lastChild{background:#e6f1c7}

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

#main dl.faq dt{
background:url(../img/sec/faq.gif) no-repeat 0 100%;
color:#757575;
font-size:120%;
font-weight:bold;
padding:7px 0 40px 40px;
position:relative;
z-index:1}

#main dl.faq dd{
margin:-30px 0 5px;
padding:0 0 0 40px;
position:relative;
z-index:2}

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

#main dl.step dt{
background:url(../img/sec/step01.gif) no-repeat 0 100%;
color:#757575;
font-size:120%;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 83px}

#main dl.step dt.dt02{background:url(../img/sec/step02.gif) no-repeat 0 100%}
#main dl.step dt.dt03{background:url(../img/sec/step03.gif) no-repeat 0 100%}
#main dl.step dt.dt04{background:url(../img/sec/step04.gif) no-repeat 0 100%}
#main dl.step dt.dt05{background:url(../img/sec/step05.gif) no-repeat 0 100%}

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

/* 吹き出し
*****************************************/

#main dl.note dt{
background:url(../img/sec/fukidashi.gif) no-repeat 0 100% #8fbf00;
color:#fff;
font-weight:bold;
padding:0 0 10px 10px}

#main dl.note dd{
margin:0 0 10px;
padding:0 0 0 10px}

/* パンくず
*****************************************/

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

#main ol.topicPath li{
background:url(../img/common/topicPathBg.gif) no-repeat 0 2px;
color:#999;
display:inline;
font-size:x-small;
_font-size:xx-small;
margin:0 0 0 6px;
padding:0 0 0 10px}

#main ol.topicPath li a{
color:#999;
font-size:x-small;
_font-size:xx-small}

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

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

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

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

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

#main ul.sitemap li.note ul li{background:url(../img/sec/icon03.gif) no-repeat 0 8px}

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

#index #main h2{margin:0}

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

#index #main .h300{
border:1px solid #e0e0e0}

#index #main .h300 .content,
#index #main .h300 .content div{
background:url(../img/index/searchBg.gif) repeat;
_height:1%;
margin:0;
padding:0 0 10px}

#index #main .h300 .content{padding:0 10px 10px}

#index #main .h300 .content h3{color:#666}

#index #main .h300 .search{
background:url(../img/index/searchBg.gif) repeat;
border:1px solid #fff;
border-top:none;
margin:0;
padding:10px 10px 0}

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

#index #main .h300 .search{display:inline-block;}

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

#index #main .h300 h3{
margin:-1px -1px 0;
padding:0}

#index #main .h300 h3 img{vertical-align:bottom}

#index #main .h300 .search table{
border:1px solid #e0e0e0;
float:left;
margin:0 12px 10px 0;
width:200px}

#index #main .h300 .search table.lastChild{margin:0 0 10px}

#index #main .h300 .search table th{
background:#fff;
padding:1px}

#index #main .h300 .search table th img{vertical-align:bottom}

#index #main .h300 .search table td{
background:url(../img/index/searchTdBg.jpg) repeat-x;
padding:8px;
text-align:center}

#index #main .h300 .search table.note{
clear:both;
float:none;
margin:0 0 10px;
width:100%}

#index #main .h300 .search table.note th{
vertical-align:middle;
padding:0;
width:122px}

#index #main .h300 .search table.note td{
background:url(../img/index/searchTdBg2.jpg) repeat-x #fafafa;
padding:0 0 0 5px;
text-align:left;
vertical-align:middle}

#index #main .h300 .search table.note td{line-height:110%}

#index #main .h300 .search table.note td input{width:250px}

#index #main .h300 .search table.note td.ex{
font-size:75%}

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

#index #main .indexCont{
background:url(../img/index/indexContBg.jpg) no-repeat 0 100%;
display:inline-block;}

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

#index #main .indexCont .sectionH3{
float:left;
width:320px}

#index #main .indexCont .sectionH3 h3 img{vertical-align:bottom}

#index #main .indexCont .h301,
#index #main .indexCont .h303{margin:0 10px 0 0}

#index #main .indexCont .h301 h3{margin:0}

#index #main .indexCont .h304 table,
#index #main .indexCont .h301 table{
margin:0 10px;
text-align:center;
width:300px}

#index #main .indexCont .h301 table th{
background:none;
border-bottom:1px dotted #ccc;
color:#333;
font-weight:normal;
padding:0;
text-align:right;
vertical-align:middle;
width:75px}

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

#index #main .indexCont .h301 table td{
background:none;
border-bottom:1px dotted #ccc;
padding:8px 0 8px 5px;
text-align:left}

#index #main .indexCont .h301 table th,
#index #main .indexCont .h301 table td a{
font-size:small;
_font-size:x-small}

#index #main .indexCont .h301 table th.lastChild,
#index #main .indexCont .h301 table td.lastChild{border:none}

#index #main .indexCont .h302 ul li{
background:url(../img/index/liBg.jpg) repeat-x 0 50%;
border:1px solid #e0e0e0;
margin:0 10px 5px;
padding:0}

#index #main .indexCont .h302 ul li a{
background:url(../img/index/link01.jpg) no-repeat 1px 1px;
display:block;
font-size:small;
font-weight:bold;
margin:0;
padding:8px 1px 9px 55px;
text-decoration:none}

#index #main .indexCont .h302 ul li.li02 a{background:url(../img/index/link02.jpg) no-repeat 1px 1px}
#index #main .indexCont .h302 ul li.li03 a{background:url(../img/index/link03.jpg) no-repeat 1px 1px}

#index #main .indexCont .h302 ul li a:hover{background:url(../img/index/link01.jpg) no-repeat 1px 1px #fff;padding:9px 1px 8px 55px}
#index #main .indexCont .h302 ul li.li02 a:hover{background:url(../img/index/link02.jpg) no-repeat 1px 1px #fff;padding:9px 1px 8px 55px}
#index #main .indexCont .h302 ul li.li03 a:hover{background:url(../img/index/link03.jpg) no-repeat 1px 1px #fff;padding:9px 1px 8px 55px}

#index #main .indexCont .h303 h4{
background:none;
padding:0 0 0 10px}

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

#index #main .indexCont .h303 p{
font-size:small;
_font-size:x-small;
margin:0 5px 10px 10px}

#index #main .indexCont .h304 table th{
background:#fff;
border:1px solid #ccc;
padding:1px;
width:98px}

#index #main .indexCont .h304 table th img{vertical-align:bottom}

#index #main .indexCont .h304 table td{
background:url(../img/index/liBg.jpg) repeat-x 0 50%;
border:1px solid #ccc;
padding:1px;
vertical-align:middle;
text-align:left}

#index #main .indexCont .h304 table td textarea{
height:68px;
width:180px}

#index #main .indexCont .h304 table{margin-bottom:20px}

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