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

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

span.new{display:none}

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

#main .fig,
#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}

.topicPath{
margin:5px 0 10px;
text-align:left}

.topicPath li{
background:url(../img/icon03.jpg) no-repeat 0 3px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 13px}

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

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

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

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

#main .bg01,
#main .bg02,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg08{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:140px;
_height:140px;
padding:0 200px 0 0}

#main .bg02{background:url(../img/sec_pict02.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 .bg08{background:url(../img/sec_pict08.jpg) no-repeat 100% 0}

#main .bg07,
#main .bg09{
background:url(../img/sec_pict07.jpg) no-repeat 0 0;
min-height:140px;
_height:140px;
padding:0 0 0 200px}

#main .bg09{background:url(../img/sec_pict09.jpg) no-repeat 0 0}

#main .bg03{
background:url(../img/sec_pict03.jpg) no-repeat 100% 0;
min-height:160px;
_height:160px;
padding:0 240px 0 0}

#main .payment{
font-size:115%;
font-weight:bold}

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

#main h3{
background:url(../img/sec_h3bg.jpg) no-repeat 50% 100%;
border:1px solid #ccc;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 15px;
padding:0}

#main h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 0 0;
display:block;
padding:2px 20px 4px}

#main h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 100%;
border:1px solid #ccc;
border-top:2px solid #329FD6;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 15px;
padding:0}

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

#main h4.note,
#main h4.note span{
background:none;
border:none;
padding:0}

#main h5{
background:url(../img/sec_h5bg.jpg) no-repeat 0 100%;
border-bottom:1px dotted #ccc;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 15px;
padding:0}

#main h5 span{
background:url(../img/sec_h5bg2.jpg) no-repeat 0 0;
display:block;
padding:2px 20px 4px}

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

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

#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 li.firstChild{margin:0}

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

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

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

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

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

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

#main dl dt{font-weight:bold}

#main dl.note dt{font-weight:normal}

#main dl.note dd ul{margin:0}

#main dl dd{margin:0}

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

#main table{
border:2px solid #ccc;
border-top:5px solid #329FD6;
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{
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

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

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

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

#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.mailform th{
padding:5px;
text-align:right;
width:170px}

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

#main table.openfix th{
background:none;
border-left:2px solid #ccc;
padding:0}

#main table.openfix td{
background:url(../img/sec_tdBg02.jpg) no-repeat 100% 100%;
vertical-align:top}

#main table.openfix td.note{background:url(../img/sec_tdBg01.jpg) no-repeat 100% 100%}

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

/* shopPict
*****************************************/

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

#main .shopPict{display:inline-block;}

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

#main .shopPict table{
float:left;
margin:0;
width:484px}

#main .shopPict div{
float:right;
margin:0 0 0 20px;
width:176px}

/* 流れ
*****************************************/

#main .flow{
background:url(../img/sec_flowBgBot2.jpg) no-repeat 0 100%;
padding:0 0 10px}

#main .flow .sectionH4 h4,
#main .flow .sectionH4 h4 span{
background:none;
border:none;
padding:0}

#main .flow .sectionH4{
background:url(../img/sec_flowBg02.jpg) no-repeat 0 0;
margin:0;
min-height:100px;
_height:150px;
padding:110px 20px 20px 110px}

#main .flow .sectionH4.h403{background:url(../img/sec_flowBg03.jpg) no-repeat 0 0}
#main .flow .sectionH4.h404{background:url(../img/sec_flowBg04.jpg) no-repeat 0 0}
#main .flow .sectionH4.h405{background:url(../img/sec_flowBg05.jpg) no-repeat 0 0}

#main .flow .sectionH4.h401{
background:url(../img/sec_flowBg01.jpg) no-repeat 0 0;
min-height:130px;
_height:150px;
padding:20px 20px 20px 110px}

#main .flow .sectionH4.h405,
#main .flow .sectionH4 .last{margin:0}

#main .flow .sectionH4 ul li{
background:none;
padding:0}

#main .flow .sectionH4 h5{background:url(../img/sec_h5bg.jpg) no-repeat -7px 100%}

#main .flow .sectionH4 h5 span{
background:url(../img/sec_h5bg2.jpg) no-repeat -7px 0;
padding:2px 15px 4px}

#main .flow .sectionH4 h5 span span{
background:none;
font-size:80%;
display:inline}

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

#main .faq dl{
border:5px solid #ccc;
padding:10px 20px}

#main .faq dl dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 100%;
font-size:140%;
padding:5px 0 15px 50px}

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

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

#main .faq dl dd div{margin:0}

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

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

#main ul.sitemap li{
background:url(../img/icon02.gif) no-repeat 0 6px;
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/icon01.gif) no-repeat 0 8px;
padding:0 0 0 10px}

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

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

#index #main .h300 h3{
background:url(../img/sec_h3bg.jpg) no-repeat 50% 100%;
border:1px solid #ccc;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 15px;
padding:0}

#index #main .h300 h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 0 0;
display:block;
padding:2px 20px 4px}

#index #main .h300 div{
border:5px solid #1193D9;
height:180px;
padding:10px 20px;
overflow-y:scroll}

#index #main .h300 div dl{margin:0}

#index #main .h300 div dl dt{
font-weight:normal}

#index #main .h300 div dl dt span{margin:0 10px 0 0}

#index #main .h300 div dl dt span img{vertical-align:middle}

#index #main .h300 div dl dd{
border-bottom:1px dotted #999;
margin:0 0 5px;
padding:0 0 5px}

#index #main .h300 div dl dd p,
#index #main .h300 div dl dd div{margin:0}

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

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

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

#index #main .ticket .h301{
float:left;
margin:0 20px 0 0;
width:330px}

#index #main .ticket .h302{
float:right;
margin:0;
width:330px}

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

#index #main .h301 h4.firstChild{margin:0}

#index #main .h301 dl{
border-top:1px dotted #999;
margin:5px 0 0;
padding:5px 0 0 5px}

#index #main .h301 dl.firstChild{
border:none;
padding:0 0 0 5px}

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

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

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

#index #main .h301 dl dt{
font-size:small;
_font-size:x-small}

#index #main .h301 dl dd{
float:left;
margin:0 15px 0 0;
_margin:0 10px 0 0}

#index #main .h301 dl dd a{
color:#666;
font-size:small;
_font-size:x-small}

#index #main .h302 h4{margin:0 0 5px}

#index #main .h302 dl,
#index #main .h302 dl dd table{margin:0}

#index #main .h302 dl dt{
background:#FFCC99;
color:#000;
font-weight:normal;
margin:0 0 5px;
padding:5px 0;
text-align:center}

#index #main .h302 dl dd{margin:0 0 5px}

#index #main .h302 dl dd table{border:none}

#index #main .h302 dl dd table th{
background:none;
border:none;
font-size:small;
_font-size:x-small;
font-weight:normal;
padding:0 0 5px 10px;
vertical-align:middle;}

#index #main .h302 dl dd table td{
border:none;
padding:0 10px 5px 0;
vertical-align:middle;
text-align:right}

#index #main .h302 dl dd table th img,
#index #main .h302 dl dd table td img{vertical-align:middle}

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

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

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

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

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

#index #main .h304 dl{
margin:0;
position:relative}

#index #main .h304 dl dd{
position:absolute;
top:16px;
left:252px}

#index #main .h304 dl.note dd{
top:15px;
left:420px}

/* 更新領域
***************************/

#main .rearea,
#main .rearea2{
margin:0;
overflow:hidden}

#main .rearea ul li,
#main .rearea2 ul li{
background:none;
padding:0}

#main .rearea dl dt,
#main .rearea2 dl dt{font-weight:bold}

#main .rearea2 table{border:none}

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

#main table.col2,
#main table.col3,
#main table.col4{border:2px solid #ccc}

#main table.col2 th,
#main table.col3 th,
#main table.col4 th{
text-align:center;
vertical-align:middle}

#main table.col2 td,
#main table.col3 td,
#main table.col4 td{
text-align:center;
vertical-align:top}

#main table.col2 td.j{background:#fcc}

#main table.col2 td.a{background:#cff}

#main table.col2 th.top,
#main table.col3 th.top,
#main table.col4 th.top{
background:#2386C9;
border-left:2px solid #ccc;
color:#fff;
font-weight:bold;
padding:5px 0;
white-space:normal;
width:auto}

#main table.col3 th,
#main table.col4 th,
#main table.col3 td,
#main table.col4 td{
font-size:small;
_font-size:x-small;
padding:5px}

#main table.col4 th{
background:#DBEDF9;
border-left:2px solid #ccc;
padding:5px 25px}

#main table.col4 th.note{background:#FFEBD5}

#main table.col4 th.top{padding:5px}

#main ul.plan{
background:url(../img/sec_plan01.jpg) no-repeat 0 0 #0067B6;
min-height:130px;
_height:210px;
padding:80px 20px 0}

#main ul.plan.p02{background:url(../img/sec_plan02.jpg) no-repeat 0 0 #0067B6}
#main ul.plan.p03{background:url(../img/sec_plan03.jpg) no-repeat 0 0 #0067B6}
#main ul.plan.p04{background:url(../img/sec_plan04.jpg) no-repeat 0 0 #0067B6}
#main ul.plan.p05{background:url(../img/sec_plan000.jpg) no-repeat 0 0 #0067B6}

#main ul.plan li{
background:none;
color:#fff;
font-size:210%;
font-weight:bold;
margin:0 0 20px;
padding:0}

#main ul.plan li.note{
color:#FFF301;
font-size:150%;
margin:0;
text-align:right}

#main ul.plan li.note span{font-size:230%}