BODY 
{
color:	#333333;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-color:	#FFFFFF;
}

a:visited {
color:	#003399;
text-decoration:	none;
font-weight: bold;
}

a:active {
color:	#003399;
text-decoration:	none;
font-weight: bold;
}

a:link {
color:	#003399;
text-decoration:	none;
font-weight: bold;
}

a:hover {
color:	#FF3300;
text-decoration:	underline;
font-weight: bold;

}
.bc{
clear:both;
}

img {
    border-style:none;
}

/*ページ内リンク*/
.pagelink{
font-size:1px;
overflow:hidden;
height:1px;
display:block;
text-indent:-9999px;
}


/* オリジナルのスタイル定義 */

.t-center{
	text-align:center;
}

ul {
font-size:12px;
line-height: 150%;
list-style-type: square;
}

ol {
font-size:12px;
line-height: 150%;
list-style-type: square;
}

.mini {
font-size:10px;
line-height: 120%;
}



.text {
font-size:12px;
line-height: 160%;
}

.cw {
font-size:10px;
color:	#FFFFFF;
line-height: 120%;
}

.t	{
font-size:10px;
}

.t a:visited {
color:	#333333;
text-decoration:	none;
font-weight: normal;
}

.t a:active {
color:	#333333;
text-decoration:	none;
font-weight: normal;
}

.t a:link {
color:	#333333;
text-decoration:	none;
font-weight: normal;
}

.t a:hover {
color:	#333333;
text-decoration:	underline;
font-weight: normal;

}


.chiiki	{
color:	#000000;
font-size:14px;
font-weight: bold;
background-color:	#FFFFFF;
width: 500px;
padding: 2px 0px 2px 4px;
border-top: 1px solid #999999;
border-left: 4px solid #FFCC00;
}
.texttit {
font-size:12px;
line-height: 130%;
}

.bg1 {
background-image: url(../service/images/co_card_bg2.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

.odbc_index_bg {
background-image: url(../service/images/odbc_index_bg01.gif);
background-repeat: no-repeat;
background-position: bottom;
}

.bginfo {
background-image: url(../service/images/co2_info_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.attit1 {
font-size:18px;
line-height: 130%;
color:	#006600;
}
.attit2 {
font-size:12px;
color:	#006600;
line-height: 130%;
border: 1px solid #006600;
}


.red{color:	#FF0000;}
.bold{font-weight:bold;}

.redB{
color:	#FF0000;
font-weight:bold;
}

.border01{
border-bottom:2px solid #cccccc;
}


.od2_center{
text-align:center;
}


.od2_table{
border-right:1px solid #666666;
}

.od2_table th{
padding:5px;
background-color:	#ffffcc;
border-left:1px solid #666666;
border-top:1px solid #666666;
font-size:12px;
}

.od2_table td{
padding:5px;
border-left:1px solid #666666;
border-top:1px solid #666666;
font-size:12px;
}

.od2_table td.end1{
padding:5px;
border-left:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;

font-size:12px;
}

.od_Txt01{
margin:0 0 5px 0;
padding:0;
}
.od_Txt02{
font-size:75%;
margin:0 0 5px 0;
padding:0;
}

/**/
a.odpop_btn{
display:block;
width:529px;
height:75px;
background:url(../service/images/od_btn_02.gif) 0 0  no-repeat;
overflow:hidden;
text-indent:-9999px;
}

a:hover.odpop_btn{
display:block;
background:url(../service/images/od_btn_02.gif) 0 bottom no-repeat;
}

ul.disc{
margin:0 0 0 1em;
padding:0;
text-indent:-1em;
list-style:disc inside;
text-align:left;
}
ul.disc li{
margin:0 0 5px 0;
}

ul.listNon{
margin:0 0 0 2em;
padding:0;
text-indent:-2em;
list-style:none;
text-align:left;
}
ul.disc li{
margin:0 0 5px 0;
}



.listDisc{
font-size:10px;
margin:0 0 30px 0;
padding:0;
list-style:disc inside;
text-align:left;
}

BODY 
{
color:#333333;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-color:#FFFFFF;
}

a:visited {
color:	#003399;
text-decoration:none;
font-weight: bold;
}

a:active {
color:	#003399;
text-decoration:    none;
font-weight: bold;
}

a:link {
color:	#003399;
text-decoration:    none;
font-weight: bold;
}

a:hover {
color:	#FF3300;
text-decoration:    underline;
font-weight: bold;
}



/* オリジナルのスタイル定義 */

ul {
font-size:12px;
line-height: 150%;
list-style-type: square;
}


ol {
font-size:12px;
line-height: 150%;
list-style-type: square;
}



.mini {
font-size:10px;
line-height: 120%;
}

.text {
font-size:12px;
line-height: 140%;
}

.ft {
font-size:12px;
line-height: 120%;
}

.cw {
font-size:10px;
color:	#FFFFFF;
line-height: 120%;
}

.t{
font-size:10px;
}

.t a:visited {
color:	#333333;
text-decoration: none;
font-weight: normal;
}


.t a:active {
color:	#333333;
text-decoration:none;
font-weight: normal;
}


.t a:link {

color:	#333333;
text-decoration:none;
font-weight: normal;
}


.t a:hover {
color:	#333333;
text-decoration:    underline;
font-weight: normal;
}


.chiiki {

color:	#000000;
font-size:14px;
font-weight: bold;
background-color:	#FFFFFF;
width: 500px;
padding: 2px 0px 2px 4px;
border-top: 1px solid #999999;
border-left: 4px solid #FFCC00;
}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}



/*お届け時電子マネー払い BtoC*/
/* Gnavi*/
#odbc{
margin:15px 0 0 27px;
width:529px;
font-size:75%;
}

#odbc table{
font-size:90%;
}

.odbcIn{
width:499px;
margin-left:15px;
}

#odbc h2{ margin:0; padding:0;}

.odbc_bg{
background:#fffad2;
margin:0 0 20px 0;
padding:0 0 20px 0;
}

.odbc_bg p{
margin:0;
}

#odbc_gn{
width:529px;
height:45px;
margin:0 0 20px 0;
overflow:hidden;
}

ul#odbc_List{
margin: 0px;
padding: 0px;
height: 45px;
width: 529px;
background: url(../service/images/od_bc_gnavi.gif) 0 0 no-repeat;
list-style:none;
overflow:hidden;
}

#odbc_gn ul li{
display:block;
overflow:hidden;
float:left;
width:132px;
height:45px;}

ul#odbc_List li a{
display:block;
height:45px;
width:132px;
font-size:1px;
line-height:0;
text-align:left;
}

ul#odbc_List li a span{
display:none;
}


#n01{width:132px;}
#n02{width:132px;}
#n03{width:132px;}
#n04{width:132px;}

#n01 a:hover{ background: url(../service/images/od_bc_gnavi.gif) 0px -45px no-repeat;}
#n02 a:hover{ background: url(../service/images/od_bc_gnavi.gif) -132px -45px no-repeat;}
#n03 a:hover{ background: url(../service/images/od_bc_gnavi.gif) -264px -45px no-repeat;}
#n04 a:hover{ background: url(../service/images/od_bc_gnavi.gif) -396px -45px no-repeat;}


/*表*/
table.odbcGraph{
display:block;
width:499px;
margin:0 0 0 15px;
background:#FFF;
border-collapse: collapse;
}

table.odbcGraph td, table.odbcGraph th{
text-align:left;
vertical-align:top;
padding:7px;
border:1px solid #666;
}

table.odbcGraph td.t-center, table.odbcGraph th.t-center{
text-align:center;
vertical-align:top;
padding:5px;
border:1px solid #666;
}


/*ポイントの表*/
.odbc_box3{
vertical-align:top;
width:529px;
background:url(../service/images/odbc_box3bg.gif) 0 0 repeat-y;
}
.odbc_box3btm{
width:529px;
display:block;
background:url(../service/images/odbc_box301btm.gif) 0 bottom no-repeat;
}

.odbc_box301{
width:180px;
display:block;
float:left;
background:url(../service/images/odbc_box301.gif) 0 0 no-repeat;
}
.odbc_box301in{
display:block;
width:133px;
margin:15px 0 40px 30px;
padding:0;
}

.odbc_box302{
width:169px;
display:block;
float:left;
background:url(../service/images/odbc_box302.gif) 0 0 no-repeat;
}
.odbc_box302in{
display:block;
width:133px;
margin:15px 0 50px 20px;
}

.odbc_box303{
display:block;
width:180px;
float:left;
background:url(../service/images/odbc_box303.gif) 0 0 no-repeat;
}
.odbc_box303in{
display:block;
width:133px;
margin:15px 0 68px 20px;
padding:0;

}

/*odbtoc_Q&A*/
.odbc_qa{
width:497px;
margin:0 0 15px 15px;
padding:0 0 0 0;
border:1px solid #f98030;
background:#FFF;
}
.odbc_qaEnd{
width:497px;
margin:0 0 0 15px;
padding:0 0 0 0;
border:1px solid #f98030;
background:#FFF;
}


.odbc_qa p, .odbc_qaEnd p{
margin:0 0 5px 0;
}
.odbc_qa h3, .odbc_qaEnd h3{
background:#f98030;
color:#FFF;
margin:0;
padding:5px;
font-size:90%;
text-align:left;
}

.odbc_qaL{
width:30px;
float:left;
color:#e9640c;
padding:10px 0 5px 5px;
font-weight:bold;
}

.odbc_qaR{
width:450px;
float:left;
padding:10px 10px 10px 0px;
}



/**/
.texttit2 {
font-size:14px;
line-height: 130%;
margin:0;
padding:0;
text-align:center;
}
