@charset "Shift_JIS";

/* ------------------------------
 index.html
------------------------------ */
#merit{
margin:22px 0 10px 0;
}

#merit h2{
float:left;
margin:0;
}

.topL,.topR{
width:300px;
height:140px;
margin:16px 0 0 0;
color:#4a505e;
float:left;
}

.topR{
position:relative;
left:32px;}

.topL img.topimg,.topR img.topimg{
float:left;
margin:0 10px 0 0;
}

.topL h2,.topR h2{
margin:0 0 10px 0;
height:17px;
}

.topL .moreinfo,.topR .moreinfo{
	background:url(../image/icon_orange.gif) left 5px no-repeat #FFF;
	text-align:right;
	padding:0 0 0 13px;
	float:right;
	position:relative;
	top:-20px;
}

.topL .moreinfo a,.topR .moreinfo a{
text-decoration:none;
color:#f7931e;
}

div#topbox{
clear:both;
margin:0 0 30px 5px;
background:url(../image/index/box_mdl.gif) left top repeat-y #FFF;
position:relative;
top:20px;
}

#topboxDtl{
background:url(../image/index/box_img.gif) 485px top no-repeat transparent;
color:#000;
padding:0 10px;
}

#topbox #topboxDtl h3{
width:465px;
margin:10px 0 8px 6px;
}

#topboxDtlL,#topboxDtlR{
width:230px;
text-align:right;
margin:0 0 16px 10px;
padding:0;
float:left;
}

#topboxDtlL{
border-right:1px dotted #faa83b;
padding-right:10px;
}

#topboxDtlL img,#topboxDtlR img{
text-align:left;
margin:18px 30px 30px 0;
}

/* ------------------------------
 followCnt
------------------------------ */
.followCnt h2{
margin:0 0 30px 0;
clear:both;
}

.followCnt h3{
clear:both;
margin:10px 0 20px 0;
}

.followCnt div.txt{
margin:10px 50px 27px 40px;
padding:0;
}

.followCnt div.txtRimg{
margin:10px 35px 27px 40px;
padding:0;
}

.followCnt div.txtRimg img{
float:right;
margin:0 0 0 30px;
}

.followCnt p.txtPtn01 img{
float:left;
}

.followCnt p.txtPtn01 span{
float:right;
display:block;
margin:130px 0 0 10px;
width:170px;
}

/* flow
------------------------------ */
p.flow{
height:192px;
width:564px;
font-size:14px;
}

p.flow span{
position:relative;
top:53px;
left:222px;
line-height:140%;
display:block;
width:320px;
}

p#flow01{
background:url(../image/flow/flow01.gif) right top no-repeat #FFF;
}

p#flow02{
background:url(../image/flow/flow02.gif) right top no-repeat #FFF;
}

p#flow03{
background:url(../image/flow/flow03.gif) right top no-repeat #FFF;
}

p#flow04{
background:url(../image/flow/flow04.gif) right top no-repeat #FFF;
}

p#flow05{
background:url(../image/flow/flow05.gif) right top no-repeat #FFF;
}

/* utility
------------------------------ */
p.utilityCnt{
margin:0 8px 24px 10px;
padding:0;
float:left;
}

p.utilityCnt img{
margin:5px 0 0 0;
padding:0;
}

/* voice
------------------------------ */
p.voiceCnt{
margin:0 0 15px 0;
}

p.voiceCnt img{
margin:15px 0;
}

dl.voiceDtl{
margin:0;
padding:0;
}

dl.voiceDtl dt{
background:url(../image/icon_sitemap.gif) left 5px no-repeat #FFF;
padding:0 0 0 20px;
margin:0 0 4px 0;
font-weight:bold;
}

dl.voiceDtl dd{
margin:0 0 20px 0;
padding:0;
}

.borderB{
border-bottom:1px dotted #BBB; 
}

/* info
------------------------------ */
.infoCnt{
color:#ffa100;
}

.infoCnt02 img{
float:right;
margin:0 40px 0 30px;
}

ul.ulInfo{
margin:30px 0 0 0;
padding:0;
}

ul.ulInfo li{
margin:0;
padding:0;
float:left;
}

/* faq
------------------------------ */
.faqIndex ul{
margin:20px 0 50px 17px;
}

.faqIndex li{
background:url(../image/icon_arrow.gif) left 5px no-repeat #FFF;
padding:0 0 0 10px;
margin:3px 0;
height:100%;
}

.faqIndex li a{
color:#1190e0;
text-decoration:underline;
}

div.faqCnt{
margin:10px 35px 20px 0px;
}

div.faqCnt p.faqQ{
background:url(../image/faq/icon_q.gif) left top no-repeat #FFF;
font-weight:900;
padding:3px 0 9px 30px;
margin:0;
}

div.faqCnt p.faqA{
background:url(../image/faq/icon_a.gif) left top no-repeat #FFF;
padding:3px 0 9px 30px;
margin:0;
}

div.faqCnt p.pagetop,p.pagetop{
margin:0;
padding:0;
text-align:right;
}

/* form
------------------------------ */
table.tblPtn04 td input,table.tblPtn04 td select{
background:#f2ecd7;
padding:2px 0;
}

table.tblPtn04 td input.formPtn01{
background:#f2ecd7;
}

table.tblPtn04 th span{
color:#CC0000;
font-weight:900;
display:block;
float:right;
margin:0 5px 0 0;
}

div.formBtn{
margin:30px 0 0 0;
padding:0;
background:#f7f7f7;
border:1px solid #efefef;
}

div.formBtn input{
background:url(../image/order/bg_btn.gif) left top repeat-x;
border:1px solid #dbd8d8;
width:160px;
height:38px;
}

div.formNotice01{
margin:0;
padding:10px 0 0 0;
}

div.formNotice01 p{
border-bottom:1px dotted #fcc561;
padding:0 0 10px 0;
}

div.formNotice02{
border:1px dotted #fcc561;
padding:0 10px 10px 10px;
margin-bottom:20px;
}

div.formNotice02 ul.listPtn01{
height:100%;
}

div.formNotice02 ul.listPtn01{
border-bottom:1px dotted #fcc561;
}

div.formNotice02 ul.listPtn02{
color:#CC0000;
list-style-type:disc;
margin:0 0 0 35px;

}

div.formNotice02 ul.listPtn02 li{
list-style-type:disc;
}

div.formNotice02 ul.listPtn02 span{
color:#666;
}

.formNotice03{
margin:2px 0 0 0;
padding:0 0 0 16px;
background:url(../image/icon_arrow.gif) left 6px no-repeat #FFF;
}


/* sitemap
------------------------------ */
#sitemapCnt h3{
color:#fa9e2c;
background:url(../image/icon_sitemap.gif) left 7px no-repeat #FFF;
padding:0 0 0 20px;
margin:10px 0 10px 0;
}

#sitemapCnt h3 a{
color:#fa9e2c;
}

#sitemapCnt ul{
margin:0 0 0 20px;
padding:0;
}

#sitemapCnt ul li{
background:url(../image/icon_arrow.gif) left 5px no-repeat #FFF;
padding:0 0 0 10px;
margin:3px 0;
}

#sitemapCnt ul li a{
color:#1190e0;
text-decoration:underline;
}


/* sitemap
------------------------------ */
#ruleCnt h4{
color:#fa9e2c;
background:url(../image/icon_sitemap.gif) left 7px no-repeat #FFF;
padding:0 0 0 20px;
margin:10px 0 10px 0;
}

/* archive
------------------------------ */
#archiveCnt ul{
margin:0 0 0 10px;
}

#archiveCnt li{
background:url(../image/icon_sitemap.gif) left 3px no-repeat #FFF;
padding:0 0 15px 20px;
line-height:120%;
}


/* ------------------------------
 popup
------------------------------ */
body#popup{
margin:0; 
padding:20px;
background:url(../image/bg_wrap.gif) left top repeat #FFF;
text-align:center;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS Gothic","Osaka",Myriad Pro,Verdana,Arial, sans-serif;
}


#popupCnt{
text-align:left;
background:#FFF;
margin-bottom:2px;
border:1px solid #CCC;
}

#popupCnt h1{
color:#ff9000;
font-size:14px;
margin:18px 0 10px 20px;
}

#popupCnt p.img{
margin:20px;
}

#popupCnt p.alignR{
margin:0 10px 10px 0;
}


/* ------------------------------
 table
------------------------------ */
div.txt table.tblPtn01,div.txt table.tblPtn02{
width:100%;
margin:0;
padding:0;
}

div.txt table.tblPtn01 thead th,div.txt table.tblPtn02 thead th{
border-right:1px solid #FFF;
border-left:1px solid #f8be61;
border-top:1px solid #f8be61;
color:#FFF;
background:#f8be61;
padding:7px 0;
text-align:center;
}

div.txt table.tblPtn01 thead th#right,div.txt table.tblPtn02 thead th#right,div.txt table.tblPtn02 tbody td.right{
border-right:1px solid #f8be61;
}

div.txt table.tblPtn01 tbody th{
border-left:1px solid #f8be61;
border-bottom:1px solid #f8be61;
border-right:1px solid #f8be61;
color:#ff9d00;
background:#fffdc9;
padding:9px 0;
text-align:center;
}

div.txt table.tblPtn01 tbody td{
border-right:1px solid #f8be61;
border-bottom:1px solid #f8be61;
color:#000;
background:#FFF;
padding:9px 0;
text-align:center;
}

div.txt table.tblPtn02 tbody th{
border-right:1px solid #f8be61;
border-left:1px solid #f8be61;
color:#ff9d00;
background:#fffdc9;
padding:3px 0;
text-align:center;
}

div.txt table.tblPtn02 tbody td{
color:#666;
background:#FFF;
padding:3px 0;
text-align:center;
}

div.txt table.tblPtn02 tbody td.bottom,div.txt table.tblPtn02 tbody th.bottom{
border-bottom:1px solid #f8be61;
}

div.txt table.tblPtn02 tbody th.left{
border-left:1px solid #f8be61;
}

table.tblPtn03{
width:300px;
}

table.tblPtn03 th{
font-weight:400;
padding:0 0 20px 0;
}

table.tblPtn03 td{
padding:0 0 20px 0;
}

table.tblPtn04 th,table.tblPtn04 td{
font-weight:400;
padding:10px 0;
}

table.tblPtn04 td p{
margin:0;
padding:0;
}

div.faqCnt table{
border-top:1px solid #f8be61;
border-left:1px solid #f8be61;
border-right:1px solid #f8be61;
margin:5px 0 30px 30px;
}

div.faqCnt table th{
background:#d8f4fd;
color:#00c0ff;
text-align:center;
padding:3px 0;
border-bottom:1px solid #f8be61;
}

div.faqCnt table td{
background:#FFF;
color:#000;
padding:3px 0;
border-left:1px solid #f8be61;
border-bottom:1px solid #f8be61;
}

#ruleCnt table th{
color:#ff8d00;
border-bottom:1px dotted #fcc561;
padding:7px 0 5px 3px;
}

#ruleCnt table td{
border-bottom:1px dotted #fcc561;
padding:7px 10px 5px 0;
}

/* ------------------------------
 dl
------------------------------ */
dl.dlPtn01{
margin:13px 0 0 0;
padding:0;
}

dl.dlPtn01 dt{
margin:0;
padding:0 0 0 0;
font-weight:900;
}

dl.dlPtn01 dd{
margin:0 0 7px 35px;
padding:0;
}

dl.dlPtn02{
margin:13px 0 0 0;
padding:0;
}

dl.dlPtn02 dt{
margin:15px 0 0 20px;
padding:0;
font-weight:900;
color:#ff9900;
}

dl.dlPtn02 dd{
margin:0 40px 7px 20px;
padding:0;
}

dl.dlPtn03{
margin:7px 0 0 0;
padding:0;
width:192px;
color:#000;
float:left;
}

dl.dlPtn03 dt{
margin:0 17px 0 0;
padding:0 0 3px 2px;
font-weight:900;
border-bottom:1px solid #666;
font-size:12px;
}

dl.dlPtn03 dd{
line-height:150%;
margin:10px 17px 0 0;
padding:0 6px 0 6px;
font-size:12px;
}

dl.dlPtn04{
margin:7px 0 0 0;
padding:0;
color:#000;
}

dl.dlPtn04 dt{
margin:10px 17px 0 20px;
padding:0 0 3px 2px;
font-weight:900;
color:#ff8e00;
}

dl.dlPtn04 dd{
line-height:150%;
margin:2px 17px 20px 20px;
padding:0 6px 0 6px;
}

/* ------------------------------
 ul
------------------------------ */
ul.listPtn01{
margin:-5px 0 10px 4px;
padding:0 0 0 30px;
}

ul.listPtn01 li{
list-style-type:square;
margin:0 0 10px 0;
padding:0;
}

/* ------------------------------
 lead
------------------------------ */
p.lead{
margin:0 0 20px 7px;
padding:0;
position:relative;
top:-10px;
}