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

span.new{display:none}

#main{padding-bottom:20px}

#main p{margin:0 0 10px}

#main .name{text-align:right}

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04{
background:url(../img/common/bg01.jpg) no-repeat 100% 0;
min-height:140px;
_height:140px;
padding:0 220px 0 0}

#main .bg02{background:url(../img/common/bg02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/common/bg03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/common/bg04.jpg) no-repeat 100% 0}

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

#main h3{
background:url(../img/common/h3bgMid.jpg) repeat-y;
font-weight:bold;
height:1%;
margin:0 0 20px}

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

#main h3 span span{
background:url(../img/common/h3bgBottom.jpg) no-repeat 0 100%;
display:block;
padding:0 0 9px 15px}

#main h3{
background:url(../img/common/h4bg.gif) repeat-y;
color:#fff;
height:1%;
font-weight:bold;
margin:10px 0}

#main h4 span{
background:url(../img/common/h4bgTop.gif) no-repeat;
display:block;
padding:3px 0 4px 15px}

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

#main table{
margin:0 0 10px;
width:100%}

#main table th{
background:url(../img/common/thBg.gif) repeat;
border:1px solid #ddd;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
color:#fff;
font-weight:bold;
text-align:center;
padding:5px 0;
vertical-align:middle;
width:160px}

#main table th.lastChild{border-bottom:1px solid #ddd}

#main table td{
border:1px solid #ddd;
padding:5px 20px;
vertical-align:middle}

#main table.col th{
background:#f0e9d9;
border:1px solid #fff;
border-left:1px solid #ddd;
color:#666}

#main table.col th.note{
background:url(../img/common/thBg.gif) repeat;
border-top:1px solid #ddd;
color:#fff}

#main table.col th.lastChild,
#main table.col td.lastChild{border-bottom:2px solid #999}

#main table.sche th{
background:none;
border:none;
border-top:1px dotted #ccc;
color:#df686d;
vertical-align:top;
width:100px}

#main table.sche td{
border:none;
border-top:1px dotted #ccc;
vertical-align:top}

#main table.sche th.lastChild,
#main table.sche td.lastChild{border-bottom:1px dotted #ccc}

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

#main dl *{height:1%}

#main dl{margin:0 0 10px}

#main dl dt{
color:#df686d;
font-weight:bold}

#main dl.flow{
border:1px solid #e0e0e0;
border-top:none;
margin:0 0 10px}

#main dl.flow dd dl{
border:none;
margin:0}

#main dl.flow dt{
background:url(../img/common/h4bg.gif) repeat-y;
color:#fff;
font-weight:bold;
margin:0 -1px 10px}

#main dl.flow dt span{
background:url(../img/common/h4bgTop.gif) no-repeat;
display:block;
padding:3px 0 0}

#main dl.flow dt span span{
background:url(../img/common/dt01.gif) no-repeat 10px 3px;
padding:0 0 3px 80px}

#main dl.flow dt.dt02 span span{background:url(../img/common/dt02.gif) no-repeat 10px 3px}
#main dl.flow dt.dt03 span span{background:url(../img/common/dt03.gif) no-repeat 10px 3px}
#main dl.flow dt.dt04 span span{background:url(../img/common/dt04.gif) no-repeat 10px 3px}
#main dl.flow dt.dt05 span span{background:url(../img/common/dt05.gif) no-repeat 10px 3px}

#main dl.flow dd{
background:url(../img/common/ddBg.gif) no-repeat 0 100%;
margin:0 -1px;
padding:0 10px 35px}

#main dl.flow dd.lastChild{
background:none;
margin:0;
padding:0 10px 10px}

#main dl.flow dd dl dt{
background:none;
color:#df686d;
margin:0 0 5px;
padding:0}

#main dl.flow dd dl dt span{
background:none;
padding:0}

#main dl.flow dd dl dd{
background:none;
margin:0;
padding:0}

#main dl.flow dd p.note{
background:url(../img/common/icon06.gif) no-repeat 50% 100%;
padding:0 0 10px}

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

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

#main dl.note{
background:url(../img/common/pict01.jpg) no-repeat;
display:inline-block;
margin:0 0 10px;
min-height:150px;
_height:150px;
padding:0 0 0 220px}

/*\*/
#main dl.note{display:block}
/**/

#main dl.note dt{
color:#666;
float:left;
font-weight:bold;
width:80px}

#main dl.case{margin:0 0 10px}

#main dl.case dt{
background:url(../img/common/case1.gif) no-repeat 0 2px;
color:#df686d;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 70px}

#main dl.case dt.dt02{background:url(../img/common/case2.gif) no-repeat 0 2px}
#main dl.case dt.dt03{background:url(../img/common/case3.gif) no-repeat 0 2px}

#main dl.case dd{
border-bottom:1px dotted #ccc;
margin:0 0 10px;
padding:0 0 10px}

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

#main .faq dl{margin:0 0 20px}

#main .faq dl.lastChild{margin:0}

#main .faq dl dt{
background:url(../img/common/h4bg.gif) repeat-y;
color:#fff;
font-weight:bold}

#main .faq dl dt span{
background:url(../img/common/h4bgTop.gif) no-repeat;
display:block;
padding:3px 0 0}

#main .faq dl dt span span{
background:url(../img/common/icon04.gif) no-repeat 10px 4px;
padding:0 0 3px 35px}

#main .faq dl dd{
background:url(../img/common/icon05.gif) no-repeat 10px 10px;
border:1px solid #e0e0e0;
border-top:none;
padding:6px 10px 10px 35px}

/* form
*****************************************/

#main .btn{
margin:0 0 10px;
text-align:center}

#main table.form{border-top:2px solid #ffa71b}

#main table.form caption{margin:0 0 10px}

#main table.form span{color:#cc0000}

#main table.form td p{margin:0}

#main table.form th,
#main table.form td{
background:none;
border:none;
border-bottom:1px dotted #ccc;
color:#666;
padding:10px 0}

#main table.form td input.num{width:100px}
#main table.form td input.num2{width:60px}
#main table.form td input.txt{width:450px}
#main table.form td textarea{
height:150px;
width:450px}

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

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

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

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

#index{background:url(../img/common/bodyBg2.jpg) repeat-x}

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

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

#index #main{
display:inline-block;
padding-bottom:0}

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

#index #main .indexMain{
float:left;
width:460px}

#index #main .indexSide{
float:right;
width:200px}

#index .banner{
text-align:center}

#index .banner img{height:auto}

#index #main .h301 dl dt{margin:0 0 10px}

#index #main .h301 dl dt img{margin:0 10px 0 0}

#index #main .h301 dl dd{
border-bottom:1px dotted #ccc;
margin:0 0 10px;
padding:0 0 10px}

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

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

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

#index #main .h401 div{
float:left;
width:150px}

#index #main .h401 p{
float:right;
width:310px}