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

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

span.new{display:none}

#main .adr div,
#main #map p{margin:0!important}

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

#main .sign{text-align:right}

#main #map div{margin:0}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

.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 5px;
padding:0 0 0 15px}

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:150px;
_height:150px;
padding:0 220px 0 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 h3{
background:url(../img/sec_h3bg.jpg) repeat;
border-top:2px solid #333;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 20px;
padding:6px 10px}

#main h4{
border:1px solid #ccc;
border-left:2px solid #333;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 20px;
padding:2px 10px 0 10px}

#main h5{
border-left:2px solid #333;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 20px;
padding:0 10px}

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

#main ul li{
background:url(../img/icon02.jpg) no-repeat 0 6px;
margin:0;
padding:0 0 0 10px}

#main ul li.note{background:none}

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

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

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

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

#main ul.btn.note li{margin:0 0 0 20px}

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

#main ul.case li{
background:url(../img/icon01.jpg) no-repeat 0 7px;
color:#C6011A;
font-weight:bold}

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

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

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

#main table{
border:2px solid #ccc;
border-top:5px solid #C6011A;
height:auto;
width:100%}

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

#main table td{
background:#fff;
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col{border:2px solid #ccc}

#main table.col th{
color:#333;
text-align:center;
vertical-align:middle}

#main table.col td{
text-align:center;
vertical-align:top}

#main table.col th.top{
background:url(../img/sec_thBg.jpg) repeat;
border-left:2px solid #ccc;
color:#fff;
font-weight:bold;
padding:5px 0;
width:auto}

#main table.col th.top.first{padding:0}

#main table.col th img{vertical-align:bottom}

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

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

#main table td table{
border:none;
margin:0}

#main table td table th{
background:none;
border:none;
padding:0}

#main table td table td{
background:none;
border:none;
padding:0 0 0 10px}

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

#main table td.map{text-align:center}

/* ポイント
**********************************************/

#main .point h4,
#main .point3 h4{
border:none;
margin:0;
padding:0}

#main .point3 h4{margin:0 0 20px}

#main .point p{margin:-1.7em 0 0 95px}

#main .point201 h4,
#main .point202 h4,
#main .point203 h4{
border:none;
padding:0}

#main .point201,
#main .point202,
#main .point203{
background:url(../img/sec_point2bg01.jpg) no-repeat 0 0;
border-bottom:1px dotted #999;
padding:0 0 0 100px}

#main .point202{background:url(../img/sec_point2bg02.jpg) no-repeat 0 0}
#main .point203{background:url(../img/sec_point2bg03.jpg) no-repeat 0 0}

/* フロー
**********************************************/
#main .flow .cont{
background:url(../img/sec_flow_arrow.gif) no-repeat 50% 100%;
margin:0 0 10px;
padding:0 0 10px}

#main .flow dl{border:#ccc 5px solid;margin:0 0 40px}

#main .flow dl.dl01{background:#f0f0f0 url(../img/sec_flowBg01.jpg) no-repeat 100% 55px}
#main .flow dl.dl02{background:#f0f0f0 url(../img/sec_flowBg02.jpg) no-repeat 100% 55px}
#main .flow dl.dl03{background:#f0f0f0 url(../img/sec_flowBg03.jpg) no-repeat 100% 55px}
#main .flow dl.dl04{background:#f0f0f0 url(../img/sec_flowBg04.jpg) no-repeat 100% 55px}
#main .flow dl.dl05{background:#f0f0f0 url(../img/sec_flowBg05.jpg) no-repeat 100% 55px}
#main .flow dl.dl06{background:#f0f0f0 url(../img/sec_flowBg06.jpg) no-repeat 100% 55px}
#main .flow dl.dl07{background:#f0f0f0 url(../img/sec_flowBg07.jpg) no-repeat 100% 55px}
#main .flow dl.dl08{background:#f0f0f0 url(../img/sec_flowBg08.jpg) no-repeat 100% 55px}
#main .flow dl.dl09{background:#f0f0f0 url(../img/sec_flowBg09.jpg) no-repeat 100% 55px}
#main .flow dl.dl10{background:#f0f0f0 url(../img/sec_flowBg10.jpg) no-repeat 100% 55px}
#main .flow dl.dl11{background:#f0f0f0 url(../img/sec_flowBg11.jpg) no-repeat 100% 55px}


#main .flow dl dd{
padding:20px 10px 20px 90px;
_height:120px;
min-height:80px}


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

#main .faq dl dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 0;
margin:0 0 10px;
padding:25px 0 3px 70px}

#main .faq dl dd{
background:url(../img/sec_faq02.jpg) no-repeat 0 0;
padding:0 0 0 70px}

/* 事例
**********************************************/

#main .jirei{
background:url(../img/sec_jireiBg02.jpg) no-repeat 0 100%;
padding:0 0 1px}

*:first-child+html #main .jirei{background:url(../img/sec_jireiBg04.jpg) no-repeat 0 100%}
* html body #main .jirei{background:url(../img/sec_jireiBg04.jpg) no-repeat 0 100%}

#main .jirei.j1{background:url(../img/sec_jireiBg05.jpg) no-repeat 0 100%}

*:first-child+html #main .jirei.j1{background:url(../img/sec_jireiBg05.jpg) no-repeat 0 100%}
* html body #main .jirei.j1{background:url(../img/sec_jireiBg05.jpg) no-repeat 0 100%}

#main .jirei.j2{background:url(../img/sec_jireiBg06.jpg) no-repeat 0 100%}

*:first-child+html #main .jirei.j2{background:url(../img/sec_jireiBg06.jpg) no-repeat 0 100%}
* html body #main .jirei.j2{background:url(../img/sec_jireiBg06.jpg) no-repeat 0 100%}

#main .jirei table{
border:none;
margin:0}

#main .jirei table td{
background:url(../img/sec_jireiBg03.jpg) no-repeat;
border:none;
padding:12px 2px 1px 2px;
vertical-align:middle}

#main .jirei table td.firstChild{
background:url(../img/sec_jireiBg01.jpg) no-repeat;
padding:1px 2px 1px 2px}

#main .jirei table td.none{background:url(../img/sec_jireiBg05.jpg) no-repeat 0 0}

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

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

#index #main .h301 .bg{
background:url(../img/ind_pict01.jpg) no-repeat 100% 100%;
margin:0;
padding:0 210px 20px 0}

#index #main .h301,
#index #main .h301 .bg p.last{margin:0}

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

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

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

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

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







