@charset "Shift_JIS";

/*------------------------------
Modules
------------------------------*/

/* ----- heading ----- */
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:1;
zoom:1;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
h1 span a,h2 span a,h3 span a,h4 span a,h5 span a,h6 span a{
display:block;
zoom:1;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
line-height:1.3;
}
/** h1 **/
h1.heading1{
margin-bottom:10px;
}

h1.heading1_2{
font-size:180%;
margin-bottom:20px;
padding-bottom:8px;
background:url("/common/images/heading1_bg.gif") repeat-x left bottom;
}

h1.heading{
font-size:138%;
margin-bottom:20px;
padding-bottom:8px;
background:url("/common/images/heading1_bg.gif") repeat-x left bottom;
}
h1.heading span{
padding:5px 5px 0 38px;
background:url("/common/images/heading1.gif") no-repeat 20px bottom;
}

/** h2 **/
h2.heading2{
font-size:108%;
margin-bottom:15px;
border:1px solid #FFADAD;
color:#621819;
}
h2.heading2 span{
padding:6px 5px 6px 28px;
background:url("/common/images/heading2.gif") no-repeat 5px 6px;
}
h2.heading2 span.withLink{
padding:0;
background:none;
}
h2.heading2 span.withLink a{
padding:8px 5px 8px 28px;
background:url("/common/images/heading2_link.gif") no-repeat 5px 8px;
}
h2.heading2 span.withLink a:link{text-decoration:underline;color:#621819;}
h2.heading2 span.withLink a:visited{color:#a16d9f;}
h2.heading2 span.withLink a:hover{color:#621819;}

/*** index ***/
h2.index{
margin-bottom:10px;
}

/** h3 **/
h3.heading3{
font-size:108%;
margin-bottom:8px;
padding-bottom:2px;
background:url("/common/images/heading3_btm.gif") repeat-x bottom;
}
h3.heading3 span{
padding-left:18px;
background:url("/common/images/heading3.gif") no-repeat 3px 2px;
}
h3.heading3 span.withLink{
padding:0;
background:none;
}
h3.heading3 span.withLink a{
background:url("/common/images/heading3_link.gif") no-repeat 3px 2px;
padding-left:20px;
}

/** h4 **/
h4.heading4{
font-size:108%;
margin-bottom:7px;
padding-bottom:1px;
border-bottom:1px solid #E8E8E8;
}
h4.heading4 span{
padding-left:14px;
background:url("/common/images/heading4.gif") no-repeat 3px 5px;
}

/* ----- column ----- */
.col{
margin-right:-15px;
width:595px;
}

/*== nonWidth ==*/
.colF{
margin-right:-15px;
}

.col2{
display:inline;
width:285px;
margin-right:10px;
float:left;
}
.colP2{
display:inline;
width:48%;
margin-right:10px;
float:left;
}

.col3-2{
display:inline;
width:370px;
margin-right:10px;
float:left;
}
.col3-1{
display:inline;
width:200px;
margin-right:10px;
float:left;
}

.col3{
display:inline;
width:185px;
margin-right:10px;
float:left;
}

.colP3{
display:inline;
width:31%;
margin-right:10px;
float:left;
}

.col4{
display:inline;
width:145px;
float:left;
}
.colP4{
display:inline;
width:24%;
float:left;
}

.areaPageContents2 .col2{
width:392px;
}
.areaPageContents2 .col4{
margin-right:10px;
width:191px;
}
.areaPageContents2 .col4irg01{
display:inline;
float:left;
margin-right:10px;
width:192px;
}
.areaPageContents2 .col3-2{
width:594px
}
.areaPageContents2 .col3-1{
width:191px;
}


/* ----- block ----- */
.block{margin:0 0 20px 0;}
.col2 .block{margin:0 5px 15px;}

/* ----- text ----- */
/** text aling **/
.txtAL{text-align:left !important;}
.txtAC{text-align:center !important;}
.txtAR{text-align:right !important;}

/** box align **/
.boxAC{margin:0 auto;}

/** vertical aling **/
.vAT{vertical-align:top;}
.vAM{vertical-align:middle;}
.vAB{vertical-align:bottom;}

/** line-height **/
.lH1{line-height:1;}
.lH12{line-height:1.2;}
.lH15{line-height:1.5;}

/* ----- font ----- */
.fwB{font-weight:bold!important;color:#444;}
	.fwB a:link{color:#444;}
	.fwB a:visited{color:#a16d9f;}
	.fwB a:hover{color:#444;}
.fwN{font-weight:normal!important;}
.fontSmall{font-size:83%;}
.fontL{font-size:117%;}

/* ----- color ----- */
.colorRed{color:#FF0101;}
	.colorRed a:link{color:#FF0101;}
	.colorRed a:visited{color:#FF0101;}
	.colorRed a:hover{color:#621819;}

/* ----- float ----- */
.fL{float:left;}
.fR{float:right;}

/* ----- border ----- */
.areaBorder{
border:1px solid #C0C0C0;
padding:9px;
}
.areaBorder02{
border:1px solid #EFEFEF;
}

/* ----- display ----- */
.dI{display:inline!important;}
.dB{display:block!important;}
.z1{zoom:1!important;}

/* ----- margin and padding ----- */
.mT0{margin-top:0px!important;}
.mT1{margin-top:1px!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT25{margin-top:25px!important;}
.mT30{margin-top:30px!important;}
.mT40{margin-top:40px!important;}

.mB0{margin-bottom:0px!important;}
.mB1{margin-bottom:1px!important;}
.mB3{margin-bottom:3px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB25{margin-bottom:25px!important;}
.mB30{margin-bottom:30px!important;}
.mB35{margin-bottom:35px!important;}
.mB40{margin-bottom:40px!important;}

.mL0{margin-left:0px!important;}
.mL1{margin-left:1px!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mL25{margin-left:25px!important;}
.mL30{margin-left:30px!important;}

.mR0{margin-right:0px!important;}
.mR1{margin-right:1px!important;}
.mR5{margin-right:5px!important;}
.mR7{margin-right:7px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR25{margin-right:25px!important;}
.mR30{margin-right:30px!important;}

.pA4{padding:4px!important;}
.pA10{padding:10px!important;}
.pA15{padding:15px!important;}
.pT1{padding-top:1px!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}

.pB1{padding-bottom:1px!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.pB25{padding-bottom:25px!important;}
.pB30{padding-bottom:30px!important;}
.pB35{padding-bottom:35px!important;}

.pL1{padding-left:1px!important;}
.pL5{padding-left:5px!important;}
.pL10{padding-left:10px!important;}
.pL15{padding-left:15px!important;}

.pR1{padding-right:1px!important;}
.pR5{padding-right:5px!important;}
.pR10{padding-right:10px!important;}
.pR15{padding-right:15px!important;}

/* ----- clear element ----- */
/* cl = clear class ==*/
.cl:after,
.col:after,
.colF:after,
ul.inputCol:after,
ul.listF:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .cl,
* html .col,
* html .colF,
* html ul.inputCol,
* html ul.listF{zoom:1;}

*:first-child+html .cl,
*:first-child+html .col,
*:first-child+html .colF,
*:first-child+html ul.inputCol,
*:first-child+html ul.listF{zoom:1;}


/* ----- link(mark) ----- */
a.linkArrow{
padding-left:11px;
background:url(/common/images/icon_link_001.gif) no-repeat 2px 0.2em;
height:100%;
}
a.linkArrow02{
padding-left:18px;
background:url(/common/images/icon_link_002.gif) no-repeat 2px 0.1em;
}
a.linkArrow03{
padding-right:16px;
background:url(/common/images/icon_link_003.gif) no-repeat right 0.1em;
}

/* ----- linkList(mark) ----- */
.linkList{
text-indent:-12px;
padding-left:12px;
}
.linkList a{
padding-left:12px;
background:url(/common/images/icon_link_001.gif) no-repeat 2px 0.2em;
}
.linkList em{
padding-left:12px;
background:url(/common/images/icon_link_001.gif) no-repeat 2px 0.2em;
font-weight:bold;
color:#444;
}

.linkList02{
text-indent:-14px;
padding-left:14px;
}
.linkList02 a{
padding-left:14px;
background:url(/common/images/icon_link_004.gif) no-repeat 2px 0.35em;
}


/* ----- linkIcon ----- */
img.linkIcon{
vertical-align:-2px;
padding:0 3px 0;
line-height:0;
}
img.linkIcon02{
vertical-align:-5px;
padding:0 3px 2px;
background-color:#FFF;
}
img.iconImg{
padding:0 4px;
vertical-align:middle;
}
img.iconImg02{
padding:0 4px;
vertical-align:-2px;
}


/* ----- line ----- */
.line{
height:1px;
background-color:#F9C5C5;
margin:10px 0;
}
.line hr,
.line02 hr{
display:none;
}
.line02{
height:1px;
background-color:#CCC;
margin:10px 0;
}

/* ----- list ----- */
.areaPageContents ol li,
.areaPageContents ul li{
margin-bottom:4px;
}

/** mark **/
ul.listMark01{
}
ul.listMark01 li{
background:url("/common/images/heading3.gif") no-repeat left 1px;
padding-left:15px;
}
ul.listMark01 li ul li,
ul.listMark01 li ol li{
background:none;
padding-left:0;
}
* html ul.listMark01 li{
background:url("/common/images/heading3.gif") no-repeat left 2px;
}

/** ¥ **/
ul.listDisc{
margin-bottom:10px;
}
ul.listDisc li{
margin-left:10px;
text-indent:-8px;
}
ul.listDisc span{
margin-right:2px;
color:#9a9a9a;
}
ul.listDisc span.fwB{
color:#444;
}


/** * **/
ul.listNote{
margin-bottom:10px;
}
ul.listNote li{
margin-left:1.0em;
text-indent:-0.7em;
}
ul.listNote span{
margin-right:0.2em;
}

/** 1. 2. 3. **/
ol.listOrderDecimal{
margin-bottom:10px;
}
ol.listOrderDecimal li{
margin-left:17px;
text-indent:-13px;
}
ol.listOrderDecimal span{
margin-right:5px;
}

/** *1. *2. *3. **/
ol.listOrderNote{
margin-bottom:10px;
}
ol.listOrderNote li{
margin-left:18px;
text-indent:-16px;
}
ol.listOrderNote span{
margin-right:6px;
}

ol.listOrderParent{
margin-bottom:10px;
}
ol.listOrderParent li{
margin-left:18px;
text-indent:-19px;
}
ol.listOrderParent span{
margin-right:5px;
}

/** list inner **/
.areaPageContents ol li ul,
.areaPageContents ul li ol{
margin:4px 0;
}
.areaPageContents ul li ol li,
.areaPageContents ol li ul li{
margin-bottom:0;
}
ul.listDisc li ul span,
ul.listDisc li ol span{
color:#666;
}

ul.listDisc span ul.listDisc span{
color:#9a9a9a;
}


/** number image **/
ol.listOrderItemExpo{
margin-bottom:10px;
}
ol.listOrderItemExpo span{
display:block;
padding-top:2px;
padding-left:27px;
zoom:1;
}
ol.listOrderItemExpo .itemExpo01 span{
background:url(/common/images/icon_item_expo_num_001.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo02 span{
background:url(/common/images/icon_item_expo_num_002.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo03 span{
background:url(/common/images/icon_item_expo_num_003.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo04 span{
background:url(/common/images/icon_item_expo_num_004.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo05 span{
background:url(/common/images/icon_item_expo_num_005.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo06 span{
background:url(/common/images/icon_item_expo_num_006.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo07 span{
background:url(/common/images/icon_item_expo_num_007.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo08 span{
background:url(/common/images/icon_item_expo_num_008.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo09 span{
background:url(/common/images/icon_item_expo_num_009.gif) no-repeat left top;
}
ol.listOrderItemExpo .itemExpo10 span{
background:url(/common/images/icon_item_expo_num_010.gif) no-repeat left top;
}

/** float list **/
ul.listF{
}
ul.listF li{
float:left;
margin-right:10px;
}

/* ----- table ----- */
table{
border:1px solid #B5B5B5;
line-height:1.5;
font-size:100%;
margin:0;
padding:0;
border-spacing:0;
border-collapse:collapse;
}
table th{
font-weight:bold;
color:#444;
background-color:#FFDBDB;
}
table th a:link{color:#444;}
table th a:visited{color:#444;}
table th a:hover,a:active{color:#621819;}

table th a{}
table th,
table td{
padding:5px;
text-align:left;
border-bottom:1px solid #B5B5B5;
border-left:1px solid #B5B5B5;
}
table th.double,
table td.double{
border-left:3px double #B5B5B5;
}

/*** table width ***/
table.wid10{width:10%;}
table.wid15{width:15%;}
table.wid20{width:20%;}
table.wid25{width:25%;}
table.wid30{width:30%;}
table.wid35{width:35%;}
table.wid40{width:40%;}
table.wid45{width:45%;}
table.wid50{width:50%;}
table.wid55{width:55%;}
table.wid60{width:60%;}
table.wid65{width:65%;}
table.wid70{width:70%;}
table.wid75{width:75%;}
table.wid80{width:80%;}
table.wid85{width:85%;}
table.wid90{width:90%;}
table.wid95{width:95%;}
table.wid98{width:98%;}

/*** cell width ***/
.wid10{width:9%;}
.wid15{width:14%;}
.wid20{width:19%;}
.wid25{width:24%;}
.wid30{width:29%;}
.wid35{width:34%;}
.wid40{width:39%;}
.wid45{width:44%;}
.wid50{width:49%;}
.wid55{width:54%;}
.wid60{width:59%;}
.wid65{width:64%;}
.wid70{width:69%;}
.wid75{width:74%;}
.wid80{width:79%;}
.wid85{width:84%;}
.wid90{width:89%;}
.wid95{width:95%;}
.wid98{width:98%;}
.wid100{width:100%;}

/*** cell color ***/
.bgFFF{background-color:#FFF;}
.bgFFDBDB{background-color:#FFDBDB;}
.bgF2F2F2{background-color:#F2F2F2;}
.bgF8F8F8{background-color:#F8F8F8;}
.bgF9F9F9{background-color:#F8F8F8;}
.bgFFF6F6{background-color:#FFF6F6;}
.bgF3F9FC{background-color:#F3F9FC;}

.bgE5F8FC{background-color:#E5F8FC;}
.bgFF8484{background-color:#FF8484;}
.bgFFEECC{background-color:#FFEECC;}
.bgFFF6F6{background-color:#FFF6F6;}


/** noBorderTable(normal) **/
table.noBorder{
border:none;
border-spacing:0;
border-collapse:collapse;
}
table.noBorder th,
table.noBorder td{
padding:0;
border-bottom:none;
border-left:none;
}

/** tableType **/
table.type01 th,
table.type01 td{
width:134px;
font-size:100%;
}
table.type02 th,
table.type02 td{
width:129px;
padding:5px;
}

/*** cell width ***/
table.type01 .cell01{width:134px;}
table.type01 .cell02{width:279px;}
table.type01 .cell03{width:424px;}

table.type02 .cell01{width:129px;}
table.type02 .cell02{width:269px;}
table.type02 .cell03{width:419px;}

/* ----- form ----- */
/** formTypeTable01 **/
table.formTypeTable01{
width:580px;
}
table.formTypeTable01 th,
table.formTypeTable01 td{
padding:6px 5px;
vertical-align:middle;
}
table.formTypeTable01 img{
vertical-align:middle;
}
table.formTypeTable01 th{
width:208px;
}
table.formTypeTable01 .conf{
width:220px;
}

table.formTypeTable01 td{
width:340px!important;
padding:6px 10px;
}
table.formTypeTable01 td.icon{
width:37px!important;
padding:0;
text-align:center;
border-left:none;
}
/*** cell width ***/
table.formTypeTable01 .cell00{ width:171px !important;}
table.formTypeTable01 .cell01{width:96px!important;}
table.formTypeTable01 .cell02{width:64px!important;}

table.formTypeTable01Conf{
width:580px;
}
table.formTypeTable01Conf .conf{width:220px;}
table.formTypeTable01Conf .cell01{width:119px;}
table.formTypeTable01Conf .cell02{width:90px;}
table.formTypeTable01Conf td{width:338px;}


/*** normal ***/
table.normal{
width:338px;
}
table.normal,
table.normal th,
table.normal td{
border:none;
padding:0 4px 2px 0;
margin:0;
}
table.normal span{
}
table.normal td.wid20{width:20%;}
table.normal td.wid80{width:80%;}
table.normal td.wid40{width:40%;}
table.normal td.wid60{width:60%;}

span.formCmt{
display:block;
margin-bottom:5px;
font-size:83%;
}
span.formStr{
border:1px solid #ccc;
background-color:#F2F2F2;
margin-right:1em;
padding:0 1px;
}

/*** input text ***/
table.formTypeTable01 input{
font-size:100%;
vertical-align:-0.17em;
}
table.formTypeTable01 textarea{
width:338px;
height:200px;
font-size:100%;
}
table.formTypeTable01 ul.col{
width:336px;
}
table.formTypeTable01 ul.col li{
float:left;
width:160px;
margin-right:5px;
margin-bottom:0;
display:inline;
}

input.text{
border:1px solid #CCC;
background-color:#F1F4F8;
vertical-align:0;
}

input.textCal{
border:0px solid #FFFFFF;
background-color:#FFFFFF;
font-size:100%;
vertical-align:0;
}

input.textS{width:126px;}
input.textL{width:338px;}
input.num2{width:3em;}
input.num4{width:6em;}
input.numL{width:9em;}

/**** atmSearch ****/
input.atmSerch{
width:174px;
vertical-align:middle;
height:100%;
}
input.atmSerchBtn{vertical-align:middle;}

/*** select ***/
select{
font-size:83%;
vertical-align:middle;
}
select.normal{
font-size:100%;
vertical-align:middle;
display:inline;
}
select option{
}
/** formTypeTable02 **/
table.formTypeTable02{
width:100%;
}
table.formTypeTable02 th{
width:16%;
}

/** inputCol **/
ul.inputCol{
width:580px;
padding-bottom:5px;
}
ul.inputCol li{
position:relative;
float:left;
width:156px;
margin-right:10px;
border-top:1px solid #B4B4B4;
border-right:1px solid #B4B4B4;
border-left:1px solid #B4B4B4;
padding:6px 4px 0 24px;
vertical-align:middle;
line-height:1.1;
background-color:#F8F8F8;
}
ul.inputCol li input{
position:absolute;
top:4px;
left:2px;
}
ul.inputCol li p{
line-height:1.4;
}

/*** bg setting ***/
ul.col3{background:url(/mailorder/images/inputcol3_bg.gif) no-repeat bottom left;margin:0;}
ul.col2{background:url(/mailorder/images/inputcol2_bg.gif) no-repeat bottom left;margin:0;}
ul.col1{background:url(/mailorder/images/inputcol1_bg.gif) no-repeat bottom left;margin:0;}




/** frameBox01 **/
.frameBox01{
width:578px;
height:440px;
overflow:auto;
border:1px solid #CCC;
}
.frameBox01 .frameBox01In{
padding:10px;
}

/** frameBox02 **/
.frameBox02{
width:793px;
height:440px;
overflow:auto;
border:1px solid #CCC;
}
.frameBox02 .frameBox02In{
padding:10px;
}


/* ----- news ----- */
dl.news{
}
dl.news dt{
width:9em;
}
dl.news dd{
margin:-1.4em 0 1em 10em;
}
dl.news dd.last{
padding:0 0 0 10em;
}
/** direct **/
dl.newsDirect{
}
dl.newsDirect dt{
width:8em;
float:left;
clear:both;
}
dl.newsDirect dd.icon{
width:66px;
float:left;
font-size:0;
}
dl.newsDirect dd.icon img{
margin-left:2px;
}
dl.newsDirect dd.text{
margin:0 0 1.1em 13.7em;
padding-left:8px;
}
* html dl.newsDirect dd.text{
margin:0 0 1.1em 13.3em;
display:inline-block;
}
/* ----- pageTop ----- */
/** page bottom **/
div.pageTop{
margin:0 auto;
width:875px;
position:relative;
}
div.pageTop p.pageTop{
margin-top:0;
position:absolute;
right:20px;
top:-30px;
line-height:1;
}
/** area bottom **/
p.pageTop{
text-align:right;
font-size:83%;
margin-top:20px;
line-height:1;
}
p.pageTop a{
background:url(/common/images/icon_top.gif) no-repeat 1px center;
padding-left:12px;
}

/* ----- box ----- */
/** alertBox **/
.alertBox{
width:580px;
padding-top:10px;
background:#FFF1F1 url(/common/images/alert_top.gif) no-repeat left top;
}
.alertBoxIn{
padding:0 10px 10px;
background:#FFF1F1 url(/common/images/alert_btm.gif) no-repeat left bottom;
}
.alertBox dl dt{
float:left;
width:68px;
}
.alertBox dl dd.text{
color:#444;
font-weight:bold;
margin:0 0 0 83px;
padding-top:4px;
}
* html .alertBox dl dd.text{
padding-top:5px;
}
	.alertBox dl dd.text a:link{color:#444;}
	.alertBox dl dd.text a:visited{color:#a16d9f;}
	.alertBox dl dd.text a:hover{color:#621819;}

.alertBox table td{
background-color:#FFF;
}
/** relateBox **/
.relateBox{
padding:15px 9px 15px;
}
.relateBox .col{
}
.relateBox .col2{
display:inline;
width:275px;
float:left;
}
.relateBox .lastCol{
margin-right:0;
}
.relateBox h3{
margin-left:0;
}

.border01{border-bottom:1px solid #C1C0C0;border-left:1px solid #C1C0C0;border-right:1px solid #C1C0C0;}
.border02{border:1px solid #81AEC9;}
.borderR{border-right:1px solid #CCC;}

/** .appliBox **/
.appliBox{
}
.appliBox .colF{
/*width:100%;*/
}
.appliBox .txt{
margin-left:5px;
}

.appliBox .appliBoxIn{
width:578px;
border-right:1px solid #81AEC9;
border-left:1px solid #81AEC9;
border-bottom:1px solid #81AEC9;
}
.appliBox .bg{
background:url(/common/images/appli/appli_bg.gif) repeat-y top left;
}
.appliBox .appliBoxIn .colPtnIn01{padding:10px;}
.appliBox .appliBoxIn .colPtnIn02{padding:5px 10px;}

.appliBox .appliBoxIn .colPtn01{
width:232px;
float:left;
}
.appliBox .appliBoxIn .colPtn02{
width:344px;
float:left;
}
.appliBox .appliBoxIn .colPtn03{
width:288px;
float:left;
}

/** LinkBoxBoder **/
.LinkBoxBoder{
border:1px solid #C0C0C0;
padding-bottom:7px;
}
.LinkBoxBoder h2{
padding:8px 10px 3px 10px;
margin:0 4px 9px;
background:url("/common/images/heading3_btm.gif") repeat-x bottom;
color:#262424;
font-size:108%;
}
.LinkBoxBoder .LinkBoxBoderIn{
padding:0 6px 2px;
}

/** indexBox **/
.indexBox{
background:url(/common/images/index_box_bg_btm.gif) no-repeat bottom left;
padding-bottom:8px;
}
.indexBox02{
background:url(/common/images/index_box_bg_btm02.gif) no-repeat bottom left;
padding-bottom:8px;
}
.indexBoxIn{
border-right:4px solid #DFDFDF;
border-left:4px solid #DFDFDF;
}
.indexBoxInner{
margin-right:4px;
padding:8px 7px 2px 10px;
background-repeat:no-repeat;
background-position:right bottom;
min-height: 64px;
height: auto !important;
height:64px;
}

/*** bg-setting ***/
.loan01{background-image:url(/personal/loan/images/icn_jyutaku.gif);}
.loan02{background-image:url(/personal/loan/images/icn_reform.gif);}
.loan03{background-image:url(/personal/loan/images/icn_mycar.gif);}
.loan04{background-image:url(/personal/loan/images/icn_education.gif);}
.loan05{background-image:url(/personal/loan/images/icn_card_loan.gif);}
.loan06{background-image:url(/personal/loan/images/icn_free_loan.gif);}

.save01{background-image:url(/personal/save/images/icn_yendeposit.gif);}
.save02{background-image:url(/personal/save/images/icn_foreigndeposit.gif);}
.save03{background-image:url(/personal/save/images/icn_trust.gif);}
.save04{background-image:url(/personal/save/images/icn_kokusai.gif);}
.save05{background-image:url(/personal/save/images/icn_kakutei.gif);}

.insurance01{background-image:url(/personal/insurance/images/icn_kojin.gif);}
.insurance02{background-image:url(/personal/insurance/images/icn_ichiji.gif);}
.insurance03{background-image:url(/personal/insurance/images/icn_loan.gif);}
.insurance04{background-image:url(/personal/insurance/images/icn_souzoku.gif);}
.insurance05{background-image:url(/personal/insurance/images/icn_hoken.gif);}

.useful01{background-image:url(/personal/useful/images/icn_joyca.gif);}
.useful02{background-image:url(/personal/useful/images/icn_gaika_ryougae.gif);}
.useful03{background-image:url(/personal/useful/images/icn_ryougae_service.gif);}
.useful04{background-image:url(/personal/useful/images/icn_direct.gif);}
.useful05{background-image:url(/personal/useful/images/icn_webwallet.gif);}
.useful06{background-image:url(/personal/useful/images/icn_kashikinko.gif);}

.f-buz01{background-image:url(/corporation/foreign_buz/images/icn_bouseki.gif);}
.f-buz02{background-image:url(/corporation/foreign_buz/images/icn_hosho.gif);}
.f-buz03{background-image:url(/corporation/foreign_buz/images/icn_gaikatateyushi.gif);}
.f-buz04{background-image:url(/corporation/foreign_buz/images/icn_gaika.gif);}
.f-buz05{background-image:url(/corporation/foreign_buz/images/icn_gaitame.gif);}
.f-buz06{background-image:url(/corporation/foreign_buz/images/icn_foreign_info.gif);}


/** boxType01 **/
.boxType01{
width:580px;
padding-top:14px;
background:#FFF6F6 url(/personal/club/images/box_type01_top.gif) no-repeat left top;
}
.boxType01In{
width:580px;
padding-bottom:14px;
background:#FFF6F6 url(/personal/club/images/box_type01_btm.gif) no-repeat left bottom;
}
.boxType01Inner{
background:#FFF6F6 url(/personal/club/images/box_type01_mdl.gif) repeat-y left top;
}
.boxType01InnerBg{
padding:0 6px 5px 20px;
background:url(/personal/club/images/index_bg_img.gif) no-repeat right top;
}
.boxType01 p{
width:460px;
}

/** boxType02 **/
.boxType02{
width:755px;
padding-top:10px;
background:#FFF6F6 url(/atm/images/box_type02_top.gif) no-repeat left top;
}
.boxType02In{
width:755px;
padding-bottom:10px;
background:#FFF6F6 url(/atm/images/box_type02_btm.gif) no-repeat left bottom;
}
.boxType02Inner{
background:#FFF6F6 url(/atm/images/box_type02_mdl.gif) repeat-y left top;
}

/* ----- date ----- */
.date{
color:#999;
text-align:right;
margin-bottom:5px !important;
}

/* ----- personName ----- */
p.personName{
font-size:108%;
background-color:#F8F8F8;
padding:3px 10px;
}

/* ----- areaLR20 ----- */
.areaLR20{
padding:0 20px;
background-color:#FFFAFA;
}
.areaLR20 .col{
width:540px;
}
.areaLR20 .col3-2{
display:inline;
width:320px;
margin-right:20px;
float:left;
}
.areaLR20 .col3-1{
display:inline;
width:200px;
float:left;
margin-right:0;
}
/** .areaPageContents2 .areaLR20 **/
/*++++++++++++++++++++++ atm pages */
.areaPageContents2 .areaLR20Map{
padding:0 20px;
background-color:#FFF;
}
.areaPageContents2 .areaLR20Map .col{
width:755px;
}
.areaPageContents2 .areaLR20Map .col3-2{
width:490px;
margin-right:20px;
float:left;
}
.areaPageContents2 .areaLR20Map .col3-1{
width:245px;
float:left;
margin-right:0;
}
.areaPageContents2 .areaLR20Map .col3-2b{
width:515px;
margin-right:20px;
float:left;
}
.areaPageContents2 .areaLR20Map .col3-1b{
width:220px;
float:left;
margin-right:0;
}
.areaPageContents2 .areaLR20Map .col3-1bIn{
width:200px;
}

.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS{
height:310px;
overflow:auto;
border:1px solid #CCC;
}
.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS dl{
padding:10px;
}
.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS dl dt{
}
.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS dl dt span{
color:#9a9a9a;
margin-right:2px;
}
.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS dl dt a{
font-weight:bold;
}
.areaPageContents2 .areaLR20Map .col3-1b .col3-1b-areaS dl dd{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #CCC;
}
.areaPageContents2 .areaLR20Map .pageStation{
width:434px;
}

/* ----- formTypeLogin01 ----- */
dl.formTypeLogin01{
position:relative;
margin-bottom:20px;
width:320px;
}
dl.formTypeLogin01 dt{
width:80px;
font-size:125%;
position:absolute;
left:0;
padding-left:10px;
}
dl.formTypeLogin01 dd{
width:230px;
padding:0 0 10px 90px;
margin-bottom:10px;
background:url(/common/images/heading3_btm.gif) repeat-x center bottom;
}
dl.formTypeLogin01 dd.last{
background:none;
margin-bottom:0;
}
dl.formTypeLogin01 dd input{
width:210px;
padding:3px;
border:1px solid #ccc;
background-color:#F1F4F8;
}

/* ----- plugin ----- */
p.readerBnr{
width:122px;
float:left;
margin-bottom:0;
}
p.readerTxt{
margin-left:122px;
margin-bottom:0;
line-height:1.6;
}
p.flashBnr{
width:170px;
float:left;
margin-bottom:0;
}
p.flashTxt{
margin-left:170px;
margin-bottom:0;
line-height:1.6;
}
p.realBnr{
width:67px;
float:left;
margin-bottom:0;
}
p.realTxt{
margin-left:67px;
margin-bottom:0;
line-height:1.6;
}
p.winmediaBnr{
width:98px;
float:left;
margin-bottom:0;
}
p.winmediaTxt{
margin-left:98px;
margin-bottom:0;
line-height:1.6;
}

/* A&Q */
h3.heading3 span.qTit{
padding-left:20px;
background:url("/common/images/icon_q.gif") no-repeat 3px 2px;
}
.aTit{
width:30px;
text-align:right;
float:left;
}
.aIn{
margin-left:40px;
}