@charset "UTF-8";

/*--------------*/
/* common */
/*--------------*/
/** html **/
html{overflow-y:scroll;}
/** body **/
body{
background: none;
margin:0;
padding:0;
font-size:81%;
font-family:"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
line-height:normal;
color:#333;
}
/** reset style **/
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, img, strong, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
background:transparent;
}
h1, h2, h3, h4{
clear:both;
}
img{
border:0 none;
}
ol, ul{
list-style:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
caption,th{
text-align:left;
}
em{
font-style:normal;
}
a:link{
color:#0b4a9e;
text-decoration:underline;
}
a:visited{color:#0c2c84;}
a:hover{color:#e5180d;}
a:focus{
outline:1px dotted invert;
}
/*--------------*/
/* speak */
/*--------------*/
.speakAnchor,
#navSpeak{
position:absolute;
top:0;
left:-9999em;
}
/*--------------*/
/* header */
/*--------------*/
.header{
position:relative;
clear:both;
background:url(/ordercard/common_sub/images/popup_bg.gif) repeat-x left bottom;
padding-bottom:15px;
}
.header .headerInner{
width:980px;
margin:0 auto;
padding:20px 0;
}
.header .headerInner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .header .headerInner             { zoom: 1; } /* IE6 */
*:first-child+html .header .headerInner { zoom: 1; } /* IE7 */
/** logo **/
.header h1.logo,
.header p.logo{
float:left;
}
.header h1.logo img.logoImg,
.header p.logo img.logoImg{
vertical-align:middle;
margin-right:15px;
}
/*** headerSPI ***/
.header .headerSPI {
margin-bottom:5px;
position:relative;
overflow:hidden;
_display:inline-block;
}
span.fb_edge_comment_widget.fb_iframe_widget iframe{
display:none;
position:absolute;
top:0;
left:0;
}
.SocialTracker{
	float:right;
}
.sr-twitter-share-button{
	cursor:pointer;
}

/** headerUtility **/
.header .headerUtility{
width:435px;
float:right;
}
/*** headerNavi ***/
.header .headerUtility ul.headerNavi{
width:435px;
margin-bottom:8px;
text-align:right;
}
.header .headerUtility ul.headerNavi:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .header .headerUtility ul.headerNavi             { zoom: 1; } /* IE6 */
*:first-child+html .header .headerUtility ul.headerNavi { zoom: 1; } /* IE7 */
.header .headerUtility ul.headerNavi li{
float:left;
margin-left:15px;
display:inline;
}
.header .headerUtility ul.headerNavi li img{
vertical-align:bottom;
}
/**** headerNavi(dynamic) ****/
.header .headerUtility ul.dynamic{
margin-top:55px;
}
.header .headerUtility ul.dynamic li{
float:none;
margin-left:0;
display:inline;
}

/*** headerSearch ***/
.header .headerUtility .headerSearch{
text-align:right;
}
.header .headerUtility .headerSearch input.keyform{
border:1px solid #ccc;
width:206px;
margin-right:4px;
padding-left:3px;
padding-right:3px;
vertical-align:middle;
height:22px;
line-height:22px;
}
.header .headerUtility .headerSearch input#searchButton{
vertical-align:middle;
}
.header .headerUtility .headerSearch fieldset{
	border:none;
	margin:0;
	padding:0;
}
.header .headerUtility .headerSearch legend{
	display:none;
}
/*--------------*/
/* gNavi */
/*--------------*/
.gNavi{
position:relative;
clear:both;
background:url(/ordercard/common_sub/images/gnavi_bg.gif) repeat-x left top;
margin-top:-15px;
zoom:1;
}
.gNavi:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .gNavi             { zoom: 1; } /* IE6 */
*:first-child+html .gNavi { zoom: 1; } /* IE7 */
.gNavi .gNaviInner{
width:980px;
margin:0 auto;
overflow:hidden;
}
.gNavi ul{
width:980px;
overflow:hidden;
border-left:1px solid #fff;
}
.gNavi ul li{
float:left;
border-right:1px solid #fff;
}

/*--------------*/
/* pageTop */
/*--------------*/
p.pageTop{
width:980px;
margin:0 auto;
text-align:right;
margin-bottom:30px;
}

/*--------------*/
/* footer */
/*--------------*/
.footer{
display:block;
clear:both;
border-top:1px solid #ccc;
background-color:#f2f2f2;
}
.footer .footerInner{
width:980px;
margin:0 auto;
overflow:hidden;
}
/** inqBox **/
.footer .inqBox{
width:980px;
margin-top:29px;
background:url(/ordercard/common_sub/images/inq_box_btm.gif) no-repeat left bottom;
}
.footer .inqBoxInner{
width:980px;
background:url(/ordercard/common_sub/images/inq_box_top.gif) no-repeat left top;
padding:15px 0;
}
.footer .inqBox dl.inq{
width:940px;
padding:0 20px;
overflow:hidden;
line-height:1.6;
}
.footer .inqBox dl.inq dt{
font-size:123%;
font-weight:bold;
width:240px;
float:left;
}
.footer .inqBox dl.inq dd{
width:680px;
float:left;
padding-left:19px;
border-left:1px solid #ccc;
overflow:hidden;
}
.footer .inqBox dl.inq p.inqTel{
width:680px;
padding-bottom:8px;
}
.footer .inqBox dl.inq p.inqMobile{
font-weight:bold;
}
.footer .inqBox dl.inq p.inqFloat{
width:312px;
margin-right:20px;
float:left;
display:inline;
}
/** inqSub **/
.footer ul.inqSub{
width:960px;
margin:15px auto 0;
text-align:right;
line-height:1.6;
}
.footer ul.inqSub li{
display:inline;
margin-left:20px;
}
/** footerNavi **/
.footer .footerNavi{
width:960px;
margin:0 auto;
border-bottom:1px solid #ccc;
padding:30px 0;
overflow:hidden;
}
.footer .footerNavi .footerNaviBox{
width:225px;
margin-right:20px;
float:left;
}
.footer .footerNavi .last{
margin-right:0;
}
.footer .footerNavi .footerNaviBox dl dt{
border-bottom:1px solid #ccc;
padding-bottom:5px;
}
.footer .footerNavi .footerNaviBox dl dd ul li{
background:url(/ordercard/common_sub/images/footer_arrow.gif) no-repeat left 0.2em;
padding-left:15px;
margin-top:12px;
}
.footer .footerNavi .footerNaviBox dl dd p.subTitle{
margin-top:12px;
font-weight:bold;
}
/** footerUtility **/
.footer .footerUtility{
width:960px;
margin:15px auto 15px;
}
.footer .footerUtility:after{
visibility:hidden;
display:block;
font-size: 0;
content:".";
clear:both;
height:0;
}
* html .footer .footerUtility{zoom:1;}
*:first-child+html .footer .footerUtility{zoom:1;}

.footer .footerUtility ul.footerUtilityNavi:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.footer .footerUtility ul.footerUtilityNavi {
float:left;
}
* html .footer .footerUtility ul.footerUtilityNavi             { zoom: 1; } /* IE6 */
*:first-child+html .footer .footerUtility ul.footerUtilityNavi { zoom: 1; } /* IE7 */
.footer .footerUtility ul.footerUtilityNavi li{
display:inline;
float:left;
margin-right:20px;
}
.footer .footerUtility p.copyright{
float:right;
}

/*--------------*/
/* breadcrumb */
/*--------------*/
.breadcrumb{
width:980px;
margin:12px auto 15px;
}

.breadcrumb strong{
font-weight: normal !important;
}


/*--------------*/
/* contents */
/*--------------*/
.contents{
clear:both;
line-height:1.6;
margin-bottom:50px;
}
.contents .contentsInner{
width:980px;
margin:0 auto;
overflow:hidden;
padding-top:15px;
position:relative;
}
.contents p{
margin-top:0.8em;
}

/** common **/
/*** margin/padding ***/
/**** margin ****/
.marginLine{margin-top:0.8em!important;}

.mA5{margin:5px !important;}
.mA10{margin:10px !important;}
/***** top *****/
.mT0{margin-top:0 !important;}
.mT3{margin-top:3px !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;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
/***** bottom *****/
.mB0{margin-bottom:0 !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;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}
.mB60{margin-bottom:60px !important;}
.mB70{margin-bottom:70px !important;}
/***** left *****/
.mL0{margin-left:0 !important;}
.mL3{margin-left:3px !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;}
.mL35{margin-left:35px !important;}
.mL40{margin-left:40px !important;}
.mL45{margin-left:45px !important;}
.mL50{margin-left:50px !important;}
.mL60{margin-left:60px !important;}
.mL70{margin-left:70px !important;}
.mL80{margin-left:80px !important;}
.mL90{margin-left:90px !important;}
.mL100{margin-left:100px !important;}
/***** right *****/
.mR0{margin-right:0 !important;}
.mR3{margin-right:3px !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;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}
.mR45{margin-right:45px !important;}
.mR50{margin-right:50px !important;}
.mR60{margin-right:60px !important;}
.mR70{margin-right:70px !important;}
.mR80{margin-right:80px !important;}
.mR90{margin-right:90px !important;}
.mR100{margin-right:100px !important;}

/**** padding ****/
.pA5{padding:5px !important;}
.pA7{padding:7px !important;}
.pA10{padding:10px !important;}
/***** top *****/
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}
/***** bottom *****/
.pB0{padding-bottom:0 !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;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}
/***** left *****/
.pL0{padding-left:0 !important;}
.pL5{padding-left:5px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL25{padding-left:25px !important;}
.pL30{padding-left:30px !important;}
.pL35{padding-left:35px !important;}
.pL40{padding-left:40px !important;}
.pL45{padding-left:45px !important;}
.pL50{padding-left:50px !important;}
/***** right *****/
.pR0{padding-right:0 !important;}
.pR5{padding-right:5px !important;}
.pR10{padding-right:10px !important;}
.pR15{padding-right:15px !important;}
.pR20{padding-right:20px !important;}
.pR25{padding-right:25px !important;}
.pR30{padding-right:30px !important;}
.pR35{padding-right:35px !important;}
.pR40{padding-right:40px !important;}
.pR45{padding-right:45px !important;}
.pR50{padding-right:50px !important;}

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

/**** strong ****/
strong{font-weight:bold!important;}
em{font-weight:normal!important;}

/**** color ****/
.colorRed{color:#e3190d;}

/**** font-weight ****/
.fwB{font-weight:bold!important;}
.fwN{font-weight:normal!important;}

/**** font-size ****/
.fontS{font-size:86%!important;}
.fontSS{font-size:76%!important;}
.fontL{font-size:117%!important;}
.fontLL{font-size:133%!important;}

/**** lead ****/
.lead{
font-weight:bold;
color:#666;
}

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

/*** icon ***/
.icon{
vertical-align:middle!important;
margin-left:5px;
}
.iconHead{
vertical-align:middle!important;
margin-right:5px;
}
/*** line ***/
.line{
background-color:#ccc;
height:1px;
margin:30px 0 20px;
}
.line hr{
display:none;
}

/** withNavi **/
.withNavi{
width:980px;
}
.withNavi .contentsMain{
width:760px;
margin-right:25px;
float:left;
display:inline;
}
.withNavi .contentsSub{
width:195px;
float:left;
display:inline;
}


/** section **/
.contents .section{
margin-top:46px;
}
/*** sectionNarrow ***/
.contents .sectionNarrow{
margin-top:30px;
}

/** heading **/
/*** heading1 ***/
.heading1{
font-size:138%;
font-weight:bold;
padding:0 0 8px 20px;
border-bottom:3px solid #09f;
margin-bottom:20px;
_zoom:1;
}
/*** heading2 ***/
.heading2{
font-size:108%;
font-weight:bold;
padding:4px 0 6px 20px;
background:url(/ordercard/common_sub/images/h2_bg.gif) no-repeat left top;
color:#09f;
_zoom:1;
}
.heading2Img{
}
.heading2Red{
font-size:108%;
color:#900;
}
.heading2Blue{
font-size:108%;
color:#035bb9;
}
.heading2Yellow{
font-size:108%;
color:#d27e01;
}
.withBtn{
position:relative;
padding:6px 85px 6px 10px!important;
background-color:#09F!important;
color:#fff;
border-bottom:none!important;
}
.withBtn .btn{
position:absolute;
right:5px;
top:5px;
}

/*** heading3 ***/
.heading3{
font-size:100%;
font-weight:bold;
padding:4px 0 4px 10px;
background-color:#dff1ff;
margin:26px 0 0;
}
/*** heading4 ***/
.heading4{
font-size:100%;
font-weight:bold;
padding:0 0 4px 10px;
margin:24px 0 0;
border-bottom:2px dotted #a5d9ff;
color:#666;
}

/** arrow **/
/*** link ***/
.arrowLink{
background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left center;
padding-left:15px;
zoom:1;
}

/*** anchor ***/
.arrowAnchor{
background:url(/ordercard/common_sub/images/arrow_down.gif) no-repeat left center;
padding-left:15px;
zoom:1;
}

/** list **/
.contents ul,
.contents ol{
margin-top:0.8em;
}
.contents ul li,
.contents ol li{
padding-bottom:5px;
line-height:1.5;
}
.contents ul.notes li,
.contents ol.notes li{
padding-bottom:2px;
}
.contents ul li ul,
.contents ul li ol,
.contents ol li ul,
.contents ol li ol{
margin-top:8px;
}

/*** normal ***/
ul.normal{
list-style-type:disc;
list-style-position:inside;
padding-left:1.3em;
text-indent:-1em;
}
ol.normal{
list-style-type:decimal;
list-style-position:inside;
padding-left:1.35em;
text-indent:-1em;
}
ul.normal li{
background-image:none;
padding-left:0;
text-indent:-1em;
}
ol.normal li{
background-image:none;
padding-left:0;
text-indent:-1.35em;
}
*html ul.normal li,
*html ol.normal li{
text-indent:-1.25em;
}
*:first-child+html ul.normal li,
*:first-child+html ol.normal li{
text-indent:-1.25em;
}

/*** annotation ***/
ul.annotation li{
margin-left:1em;
text-indent:-1em;
}
ul.annotation li span.mark{
padding-right:0.5em;
}
ol.annotation li{
margin-left:1.5em;
text-indent:-1.5em;
}
ol.annotation li span.mark{
padding-right:0.5em;
}

/*** notes ***/
ul.notes li{
margin-left:1.5em;
text-indent:-1.5em;
font-size:85%;
}
ul.notes li span.mark{
padding-right:0.5em;
color:#E3190D;
}
	.notesMark{
	color:#E3190D;
	font-size:85%;
	}

ol.notes li{
margin-left:2em;
text-indent:-2em;
font-size:85%;
}
ol.notes li span.mark{
padding-right:0.5em;
color:#E3190D;
}
*html ul.normal li ul.notes li,
*html ol.normal li ul.notes li,
*html ul.normal li ol.notes li,
*html ol.normal li ol.notes li{
text-indent:-2.5em!important;
}
*:first-child+html ul.normal li ul.notes li,
*:first-child+html ol.normal li ul.notes li,
*:first-child+html ul.normal li ol.notes li,
*:first-child+html ol.normal li ol.notes li{
text-indent:-2.5em!important;
}

/**** notes(p) ****/
p.notes,
span.notes{
margin-left:1.5em;
text-indent:-1.5em;
font-size:85%;
display:block;
}
p.notes span.mark,
span.notes span.mark{
padding-right:0.5em;
color:#E3190D;
}

/*** link ***/
ul.link li{
background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left 40%;
padding-left:15px;
zoom:1;
}
ul.link li.noMark{
background:none!important;
padding-left:0;
}

/*** linkInline ***/
ul.linkInline{
list-style:none;
width:100%;
display:inline-block;
zoom:1;
}
ul.linkInline li{
display:inline;
margin-right:30px;
float:left;
white-space:nowrap;
background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left 40%;
padding-left:15px;
}
ul.linkInline li.noMark{
background:none!important;
padding-left:0;
}
/*** listInline ***/
ul.listInline{
list-style:none;
width:100%;
display:inline-block;
zoom:1;
}
ul.listInline li{
display:inline;
margin-right:30px;
float:left;
white-space:nowrap;
}

/** dl **/
/*** definition ***/
dl.definition{}
dl.definition dd{
margin-top:8px;
}

/** column **/
.col{
overflow:hidden;
width:1002px;
margin-right:-22px;
}
/*** 4 ***/
.col .col4-1{
width:230px;
float:left;
margin-right:20px;
display:inline;
}
.col .col4-2{
width:480px;
float:left;
margin-right:20px;
display:inline;
}
.col .col4-3{
width:730px;
float:left;
margin-right:20px;
display:inline;
}
/*** 3 ***/
.col .col3-1{
width:312px;
float:left;
margin-right:22px;
display:inline;
}
.col .col3-2{
width:646px;
float:left;
margin-right:22px;
display:inline;
}

/*** withNavi ***/
.withNavi .col{
overflow:hidden;
width:780px;
margin-right:-20px;
}
/**** 4 ****/
.withNavi .col .col4-1{width:175px;}
.withNavi .col .col4-2{width:370px;}
.withNavi .col .col4-3{width:565px;}
/**** 3 ****/
.withNavi .col .col3-1{
width:240px;
margin-right:20px;
}
.withNavi .col .col3-2{
width:500px;
margin-right:20px;
}

/** column(width%) **/
.colF{
overflow:hidden;
width:100%;
}
.colF .col4-1{
width:24.9%;
float:left;
}
.colF .col4-2{
width:49.9%;
float:left;
}
.colF .col4-3{
width:74.9%;
float:left;
}
.colF .col3-1{
width:33.3%;
float:left;
}
.colF .col3-2{
width:66.6%;
float:left;
}

/** anchorLink **/
ul.anchorLink{
list-style:none;
width:100%;
display:inline-block;
zoom:1;
}
ul.anchorLink li{
display:inline;
margin-right:30px;
float:left;
white-space:nowrap;
background:url(/ordercard/common_sub/images/arrow_down.gif) no-repeat left center;
padding-left:15px;
}

/** textBtn **/
.textBtn{}
.textBtn a{
border:1px solid #ccc;
background:url(/ordercard/common_sub/images/text_btn_bg.gif) repeat-x left bottom;
padding:5px 15px;
display:inline-block;
}
.textBtn a span{
background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left center;
padding-left:15px;
zoom:1;
}
.textBtn a:link{
text-decoration:none;
}
.textBtn a:visited{
text-decoration:none;
}
.textBtn a:hover{
color:#0b4a9e;
text-decoration:none;
border:1px solid #88c1ec;
background:url(/ordercard/common_sub/images/text_btn_bg_on.gif) repeat-x left bottom;
}

/** withImg **/
.withImg:after{
visibility:hidden;
display:block;
font-size: 0;
content:".";
clear:both;
height:0;
}
* html .withImg{zoom:1;}
*:first-child+html .withImg{zoom:1;}

.withImg img.imgL{
float:left;
margin:0 20px 7px 0;
}
.withImg img.imgR{
float:right;
margin:0 0 7px 20px;
}

/*** withImgCol ***/
.withImgCol{
_zoom:1;
margin-top:0.8em;
}
.withImgCol:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .withImgCol             { zoom: 1; } /* IE6 */
*:first-child+html .withImgCol { zoom: 1; } /* IE7 */
.withImgCol .txtR,
.withImgCol .txtL{
padding:1px 0 0 1px;
overflow:hidden;
_zoom:1;
}
.withImgCol .imgL{
float:left;
margin:0 20px 0 0;
}
.withImgCol .imgR{
float:right;
margin:0 0 0 20px;
}

/** table **/
/*** type1 ***/
.type1{
width:100%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
margin-top:0.8em;
line-height:1.5;
}
.type1 th{
padding:10px 12px 8px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
font-weight:bold;
vertical-align:top;
background-color:#f2f2f2;
}
.type1 td{
padding:10px 12px 8px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
background-color:#fff;
}

/*** background ***/
table .bgGray{background-color:#f8f8f8!important;}
table .bgYellow{background-color:#f5f4e8!important;}

/*** 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 ***/
.wid5{width:4.9%;}
.wid10{width:9.9%;}
.wid15{width:14.9%;}
.wid20{width:19.9%;}
.wid25{width:24.9%;}
.wid30{width:29.9%;}
.wid35{width:34.9%;}
.wid40{width:39.9%;}
.wid45{width:44.9%;}
.wid50{width:49.9%;}
.wid55{width:54.9%;}
.wid60{width:59.9%;}
.wid65{width:64.9%;}
.wid70{width:69.9%;}
.wid75{width:74.9%;}
.wid80{width:79.9%;}
.wid85{width:84.9%;}
.wid90{width:89.9%;}
.wid95{width:95.9%;}
.wid98{width:98.9%;}
.wid100{width:100%;}

/*** typePlane ***/
.typePlane{
width:100%;
margin-top:0.8em;
line-height:1.5;
border:none;
}
.typePlane th{
padding:5px;
font-weight:bold;
vertical-align:top;
background-color:#f2f2f2;
border:none;
}
.typePlane td{
padding:5px;
background-color:#fff;
border:none;
}
/*** border ***/
.noBorder{
border:none!important;
}

/** box **/
/*** commmon ***/
.box{
margin-top:30px;
width:980px;
}
.boxIn{
width:980px;
padding-bottom:20px;
}
.boxInner{
width:980px;
}
.boxContents{
width:940px;
margin:0 auto;
padding:20px 0 0;
overflow:hidden;
}
/**** withNavi ****/
.withNavi .box{width:760px;}
.withNavi .boxIn{width:760px;}
.withNavi .boxInner{width:760px;}
.withNavi .boxContents{width:720px;
}
/**** column ****/
.box .col{
width:960px;
margin-right:-20px;
}
.withNavi .box .col{
width:741px;
margin-right:-21px;
}
/***** 4 *****/
.box .col .col4-1{width:220px;}
.box .col .col4-2{width:460px;}
.box .col .col4-3{width:700px;}
/****** withNavi ******/
.withNavi .box .col .col4-1{width:165px;}
.withNavi .box .col .col4-2{width:350px;}
.withNavi .box .col .col4-3{width:535px;}

/***** 3 *****/
.box .col .col3-1{
width:300px;
margin-right:20px;
}
.withNavi .box .col .col3-2{
width:620px;
margin-right:20px;
}
/****** withNavi ******/
.withNavi .box .col .col3-1{
width:226px;
margin-right:21px;
}
.withNavi .withNavi .box .col .col3-2{
width:473px;
margin-right:21px;
}


/**** table ****/
/*(box)*/
#cardInfo .type1{
width:100%;
border-right:none;
margin-left:-1px;
}

/*** box(normal) ***/
.box{background:url(/ordercard/common_sub/images/box_bg_mdl_l.gif) repeat-y left top;}
.boxIn{background:url(/ordercard/common_sub/images/box_bg_btm_l.gif) no-repeat left bottom;}
.boxInner{background:url(/ordercard/common_sub/images/box_bg_top_l.gif) no-repeat left top;}
/**** withNavi ****/
.withNavi .box{background:url(/ordercard/common_sub/images/box_bg_mdl.gif) repeat-y left top;}
.withNavi .boxIn{background:url(/ordercard/common_sub/images/box_bg_btm.gif) no-repeat left bottom;}
.withNavi .boxInner{background:url(/ordercard/common_sub/images/box_bg_top.gif) no-repeat left top;}
/*** boxYellow ***/
.withNavi .boxYellow{background:url(/ordercard/common_sub/images/box_yellow_bg_mdl.gif) repeat-y left top;}
.withNavi .boxYellow .boxIn{background:url(/ordercard/common_sub/images/box_yellow_bg_btm.gif) no-repeat left bottom;}
.withNavi .boxYellow .boxInner{background:url(/ordercard/common_sub/images/box_yellow_bg_top.gif) no-repeat left top;}
/**** heading2 ****/
.boxYellow .heading2{
color:#b39509;
background-image:url(/ordercard/common_sub/images/h2_yellow_bg.gif)}

/*** boxBlue ***/
.withNavi .boxBlue{background:url(/ordercard/common_sub/images/box_blue_bg_mdl.gif) repeat-y left top;}
.withNavi .boxBlue .boxIn{background:url(/ordercard/common_sub/images/box_blue_bg_btm.gif) no-repeat left bottom;}
.withNavi .boxBlue .boxInner{background:url(/ordercard/common_sub/images/box_blue_bg_top.gif) no-repeat left top;}
/**** heading2 ****/
.boxBlue .heading2{
border-bottom:3px solid #0099ff;
background:none;
font-size:123%;
padding-left:0px;
padding-top:0px;
}

/*** boxBorder ***/
.boxBorder{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-bottom:20px;
}
.boxBorderSimple{
border:1px solid #ccc;
padding:20px;
}
/**** boxBackground ****/
.bgRed{background-color:#fff3ed!important;}
.bgBlue{background-color:#f2f7fc!important;}
.bgYellow{background-color:#ffffdf!important;}

/**** heading ****/
.bgRed .heading3,
.bgBlue .heading3,
.bgYellow .heading3{
border-bottom:3px solid #ccc;
background-color:transparent;
padding-top:0;
}
.bgRed .heading4,
.bgBlue .heading4,
.bgYellow .heading4{
border-bottom:2px dotted #ccc;
}


/** iconInline **/
ul.iconInline{
width:100%;
overflow:hidden;
}
ul.iconInline li{
float:left;
margin-right:10px;
}
ul.iconInline li img{
vertical-align:middle;
}
/** cardCampaign **/
dl.cardCampaign{}
dl.cardCampaign dt{
font-weight:bold;
font-size:108%;
color:#b39509;
border-bottom:2px dotted #b39509;
padding-bottom:4px;
}
dl.cardCampaign dd{
margin-top:5px;
}

/** cardVisual **/
.cardVisual{
width:100%;
overflow:hidden;
background:url(/ordercard/common_sub/images/card_top_bg.gif) no-repeat right top;
padding-bottom:40px;
}
.cardVisual p.cardImg{
width:222px;
float:left;
text-align:right;
margin-top:26px;
}
.cardVisual .cardApply{
width:475px;
float:right;
line-height:1.4;
}
.cardVisual .cardApply .cardApplyStop{
color:#e3190d;
border:2px solid #e3190d;
padding:10px;
display:block;
background-color:#ffffdf;
font-weight:bold;
}
.cardVisual .cardApply p.cardCopy{
font-weight:bold;
font-size:123%;
margin:26px 15px 0 0;
}
.cardVisual .cardApply p.cardApplyBtn{
margin-top:26px;
width:387px;
text-align:center;
}

/** cardSearch **/
.contents ul li{
}
.cardSearchTit{
width:980px;
overflow:hidden;
}
.cardSearchTit p.titleBlock{
width:680px;
float:left;
display:inline;
padding-top:10px!important;
margin-top:0!important;
}
.cardSearchTit p.titleBlock span.title{
color:#0f228b;
font-size:108%;
font-weight:bold;
}
.cardSearchTit p.numBlock{
width:228px;
float:right;
display:inline;
font-size:108%;
font-weight:bold;
text-align:right;
margin-top:0!important;
}
.cardSearchTit p.numBlock span#cardNum{
font-size:171%;
}

#cardSearch{
background:url(/ordercard/common_sub/images/cardsearch_bg_btm.gif) no-repeat left bottom;
zoom:1;
padding-bottom:10px;
}
#cardSearch .cardSearchInner{
background:url(/ordercard/common_sub/images/cardsearch_bg_top.gif) no-repeat left top;
padding-top:10px;
zoom:1;
}
#cardSearch label{
padding-left:5px;
}
#cardSearch li.disabled label{
color:#b1b1b1;
}
.contents #cardSearch ul{
margin-top:0;
}
#cardSearch dl.cardSearchItem{
position:relative;
background:url(/ordercard/common_sub/images/cardsearch_bg_mdl.gif) repeat-y left top;
zoom:1;
margin-top:-5px;
}
#cardSearch dl.cardSearchItem dt{
color: #ffffff;
position:absolute;
font-size:108%;
font-weight: bold;
width:170px;
padding:8px 20px 0;
left:0;
}
#cardSearch dl.cardSearchItem dd{
padding:8px 20px 0 210px;
border-bottom:1px solid #0E278C;
}
#cardSearch dl.cardSearchItem dd input{
vertical-align:middle;
margin:0 0 5px;
padding:0;
}
#cardSearch dl.cardSearchItem dd.last{
padding-bottom:0;
border-bottom:none;
}
#cardSearch dl.cardSearchItem dd ul.listSearch,
#cardSearch dl.cardSearchItem dd ul.listSearchCate{
overflow:hidden;
width:100%;
}
#cardSearch dl.cardSearchItem dd ul.listSearch li{
float:left;
width:24.9%;
}
#cardSearch dl.cardSearchItem dd ul.listSearchCate li{
float:left;
width:20%;
}
#cardSearch dl.cardSearchItem dd ul.listInline li{
padding-bottom:0!important;
}
#cardSearch dl.cardSearchItem dd.last ul li{
padding-bottom:0!important;
}
#cardDisplay{
margin-top:20px;
}
#cardDisplay dl.cardNameBlock{
min-width:168px;
width:auto;
width:168px;
margin: 0 auto;
}
dl.cardNameBlock dt{
font-weight:bold;
background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left 40%;
padding-left:15px;
zoom:1;
}
#cardDisplay dl.cardNameBlock dd{
text-align:center;
margin-top:10px;
}
#cardDisplay dl.cardNameBlock dd{
clear:both;
}
#cardDisplay dl.cardNameBlock dd:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #cardDisplay dl.cardNameBlock dd             { zoom: 1; } /* IE6 */
*:first-child+html #cardDisplay dl.cardNameBlock dd { zoom: 1; } /* IE7 */
#cardDisplay dl.cardNameBlock dd span.cardImgWrap{
display:inline-block;
}
#cardDisplay dl.cardNameBlock dd span.mainImg{
display:block;
float:left;
}
#cardDisplay dl.cardNameBlock dd span.subImg{
display:block;
float:left;
margin-left:7px;
}
#cardDisplay dl.cardNameBlock dd a.cardCampaign{
display:inline-block;
overflow:hidden;
margin-left:5px;
}
#cardDisplay .readMore{
text-align:center;
}
#cardDisplay .readMore span{
color:#0b4a9e;
background:url(/ordercard/common_sub/images/text_btn_bg.gif) repeat-x left bottom;
border:1px solid #ccc;
display:inline-block;
padding:5px 1em;
cursor:pointer;
}
#cardDisplay .readMore.hover span{
color:#0b4a9e;
border:1px solid #88c1ec;
background:url(/ordercard/common_sub/images/text_btn_bg_on.gif) repeat-x left bottom;
}
/** contentsSub **/
.contentsSub .subBoxBlue{
border:1px solid #6576e7;
background:url(/ordercard/common_sub/images/sub_bluebox_bg.gif) repeat-x left top;
margin-bottom:15px;
}
.contentsSub .subBoxBlue img{
vertical-align:bottom;
}
.contentsSub .subBoxBlue dl{
padding-bottom:5px;
}
.contentsSub .subBoxBlue dl dd{
margin:0 10px 8px;
}
.contentsSub .subBoxGreen{
border:1px solid #65e776;
background:url(/ordercard/common_sub/images/sub_greenbox_bg.gif) repeat-x left top;
margin-bottom:15px;
}
.contentsSub .subBoxGreen img{
vertical-align:bottom;
}
.contentsSub .subBoxGreen dl{
padding-bottom:5px;
}
.contentsSub .subBoxGreen dl dd{
margin:0 10px 8px;
}
.contentsSub .subBox{
border:1px solid #ccc;
margin-bottom:15px;
}
.contentsSub .subBox img{
vertical-align:bottom;
}
.contentsSub .subBox dl dd{
margin:0 10px 8px;
}

/* popup */
/** header **/
#popup{
min-width:598px;
}
#popup .header{}
#popup .header .headerInner{
width:100%;
padding:10px 0;
}
/*** logo ***/
#popup .header p.logo{
margin-left:15px;
font-size:85%;
_height:51px;
display:inline;
}

/*** headerUtility ***/
#popup .header .headerUtility{
width:67px;
float:right;
margin-right:15px;
margin-top:14px;
display:inline;
}
/** footer **/
#popup .footer .footerInner{
width:100%;
}
#popup .footer .footerUtility{
width:auto;
margin-right:15px;
}
#popup .footer .footerUtility .copyright{
float:none;
text-align:right;
}
/** contents **/
#popup .contents{
margin-bottom:30px;
}
#popup .contents .contentsInner{
padding-top:25px;
width:598px;
}
/** heading **/
#popup .heading1{
padding-left:0;
zoom:1;
}

/** pageTop **/
#popup p.pageTop{
width:598px;
margin:30px auto 0;
}

/** column **/
#popup .col{
overflow:hidden;
width:618px;
margin-right:-22px;
}
/*** 4 ***/
#popup .col .col4-1{
width:136px;
margin-right:18px;
}
#popup .col .col4-2{
width:289px;
}
#popup .col .col4-3{
width:444px;
margin-right:18px;
}
/*** 3 ***/
#popup .col .col3-1{
width:186px;
margin-right:20px;
}
#popup .col .col3-2{
width:392px;
margin-right:20px;
}

/* print */
@media print{
	*html body{zoom:65%;}

	.contents .contentsInner{display:table;}
	.withNavi .contentsMain,
	.withNavi .contentsSub{
	display:table-cell;
	float:none;
	vertical-align:top;
	}
	.withNavi .contentsMain{padding-right:25px;}

	*html .contents .contentsInner{display:block;}
	*html .withNavi .contentsMain{
	display:block;
	float:left;
	padding-right:0;
	margin-right:0;
	}
	*html .withNavi .contentsSub{
	display:block;
	position:absolute;
	right:0;
	}

	*:first-child+html .contents .contentsInner{display:block;}
	*:first-child+html .withNavi .contentsMain{
	display:block;
	float:left;
	padding-right:0;
	margin-right:0;
	}
	*:first-child+html .withNavi .contentsSub{
	display:block;
	position:absolute;
	right:0;
	}

}

/*--------------*/
/* smartPhone   */
/*--------------*/
div#smartPhone {
	width: auto;
	margin-bottom: 40px;
	padding: 0 10px;
	text-align: center;
	clear: both;
}
div#smartPhone ul {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 105%;
	text-align: center;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
}
div#smartPhone ul li {
	display: inline;
}
div#smartPhone ul li#first:after {
	content: " | ";
}


/* ウィジェット対応   */
div#myDiv div ul.rn_List li{
	background:url(/ordercard/common_sub/images/arrow.gif) no-repeat left 0.4em;
	padding-left:15px;
	zoom:1;
}

div#myDiv div#rn_Contentskw_0 ul {
	font-size:100%;
	margin-top: 5px;
	padding-bottom:4px;
	border-bottom: 1px solid #D9D9D9;
}


div#myDiv input#rn_Queryskw_0 {
	width: 198px;
	height: 20px;
	font-size:95%;
	border: 1px solid #D9D9D9;
}


div#myDiv div#rn_Navigationskw_0 {
 	padding: 0.5em 0;
	text-align: right;
}

div#myDiv div#rn_Navigationskw_0 a {
	font-size:100%;
	padding-left: 14px;
	line-height: 1;
	background-image: url(/ordercard/common_sub/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left  0.25em;
	clear: both;
}
div#noWidjet dl dt {
	font-weight: bold;
	color: #990000;
}

div#noWidjet dl dd {
	margin: 0;
}

div#myDiv div#rn_Navigationskw_0 {
	display: none;
}

/* おすすめカード モジュール追加   */

#CardRecommend{
	overflow:hidden;
	width:820px;
	margin:30px auto 40px auto;
}
#CardRecommend h2{
	font-size:26px;
	color:#fb6207;
}
#CardRecommend .CardRecommendInner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#CardRecommend .CardRecommendInner .CardFace{
	float:left;
	margin-left:25px;
	width:220px;
	height:173px;
	background-image:url(/ordercard/common_sub/images/CardFaceShadow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
#CardRecommend .CardRecommendInner .CardFace_eit{
	float:left;
	margin-left:35px;
	width:185px;
	height:250px;
	background-image:url(/ordercard/common_sub/images/CardFaceShadow_eit.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
}
#CardRecommend .CardRecommendInner .CardDetails{
	float:right;
	width:550px;
}
#CardRecommend .CardRecommendInner .CardDetails h3{font-size:26px;}
#CardRecommend .CardRecommendInner .CardDetails .CardDetailsText{font-size:14px;font-weight:bold;}