@charset "Shift_JIS";
/* CSS Document */

/* ####################################################################### */
/*        　                                                               */
/*                                                                         */
/*       　 1.ショッピングカート　　　　　　　　　　　　　　　             */
/*        　2.レジ                                                         */
/*        　3.ご注文内容の確認                 　                          */
/*        　4.ご注文完了                                                   */
/*        　                                                               */
/* ####################################################################### */


/* ======================================================================= */
/*       　 1.ショッピングカート　　　　　　　　　　　　　　　             */
/* ======================================================================= */
#container div.mainColumn ul li{
	line-height: 1.6em;
}

#container div.mainColumn ul li a:link{
	text-decoration: underline;
}

#container div.mainColumn ul li a:visited{
	text-decoration: underline;
}

#container div.mainColumn h1 {
	padding-bottom: 1px;
	width: 720px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-indent: -9999px;
	display: none;
}

.section1 table{
	width: 720px;
	margin-top: 8px;
}

.section1 table th{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	font-size: 80%;
	text-align: center;
}

.section1 table tr.item{
	padding-top: 3px;
	padding-bottom: 3px;
	height: 29px;
}

.section1 table td{
	font-size: 80%;
}
.section1 table tr.item td{
	height: 31px;
	vertical-align: middle;
	text-align: center;
}

.section1 table tr.item td.item{
	text-align: left;
}

.section1 table td.delete{
	width: 49px;
}

.section1 table th.delete{
	width: 49px;
}

.section1 table tr.item td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
}

.section1 table th.price{
	width: 70px;}

.section1 table tr.item td.price{
	width: 70px;
	text-align: right;
}
.section1 table tr td.price{
	text-align: right;
	width: 70px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.section1 table tr td.tax{
	text-align: right;
}

.section1 table tr td.subtotal{
	text-align: right;
}

.section1 table tr td.total{
	text-align: right;
}

.section2{
	clear: both;
	float: left;
}

.section2 table{
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 20px;
}

.section2 table td{
	padding: 5px;
	margin: 5px;
}

.section2 table img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* ======================================================================= */
/*        　2.レジ                                                         */
/* ======================================================================= */

#container div.mainColumn div.section3{
	float: left;
	clear: left;
	}

.section3 p.attention{
	font-size: 80%;
	padding: 3px;
	border: 1px solid #999999;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

.section3 p.attention2{
	text-align: center;
}

.section3 p.attention3{
	text-align: center;
	color: #00cccc !important;
}

.section3 table{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}
.section3 p a:visited{
	text-decoration: underline;
	}

.section3 div.attention p{
	color: #FF6600;
	font-size: 36px;
}

.section3 table tr{
}

.section3 table th{
	background-color: #EAEAEA;
	width: 130px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.section3 table td {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.section3 .require{
	color: #cd6600;
}

.section3 input{
	border: 1px solid #666;
	margin-top: 0px;
}

.section3 input.noborder{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 7px;
	}

#container div.mainColumn div.section3 table.widthshort{
	width: 160px;
	float: left;
	clear: left;
	border: 1px solid #C0C0C0;
	margin-top: 20px;
}


/* -------------------------------------------------------------------------------- */
/*      2010/7/7                                                                    */
/* -------------------------------------------------------------------------------- */

.table_border_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
}

.table_margin_top {
	margin-top: 30px;
}

#container div.mainColumn div.section3-2{
	float: left;
	clear: left;
	}

.section3-2 p.attention{
	font-size: 80%;
	padding: 3px;
	border: 1px solid #999999;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

.section3-2 p.attention2{
	text-align: center;
}

.section3-2 p.attention3{
	text-align: center;
	color: #00cccc !important;
}

.section3-2 table{
	/*width: 720px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;*/
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}
.section3-2 p a:visited{
	text-decoration: underline;
	}

.section3-2 div.attention p{
	color: #FF6600;
	font-size: 36px;
}

.section3-2 table tr{
}

.section3-2 table th{
	background-color: #EAEAEA;
	width: 130px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.section3-2 table td {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.section3-2 .require{
	color: #cd6600;
}

.section3-2 input{
	border: 1px solid #666;
	margin-top: 0px;
}

.section3-2 input.noborder{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 7px;
}

/* -------------------------------------------------------------------------------- */
/*      2.レジ  お支払回数                                                          */
/* -------------------------------------------------------------------------------- */

table.revolving{
	width: 500px;
	margin-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
}

table.revolving th{
	background-color: #FFFFFF;
	border-bottom-style: none;
	text-align: left;
	padding-left: 0px;
	width: 50px;
}

table.revolving td{
	text-align: left;
	border-bottom-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.count input{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.count{
	border: 1px solid #C0C0C0;
	padding: 3px;
}

.count_red{
	border: 2px solid #FF0000;
	padding: 10px;
}

input.radio{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	margin-top: 0px;
	}

table.address{
	width: 550px;
	float: left;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	margin-top: 0px;
}

table.address tr td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
}
table tr td br{
	line-height: 1.6em;
	}

/* -------------------------------------------------------------------------------- */
/*      2.レジ  bottom                                                              */
/* -------------------------------------------------------------------------------- */

.section3 table.bottom{
	width: 720px;
}
.section3 table.bottom th{
	background-color: #EAEAEA;
	width: 150px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.section3 table.bottom table{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}

.section3 div.attention p{
	color: #FF6600;
	font-size: 36px;
}

p.anq{

}

/* ======================================================================= */
/*        　3.Comfirm                                                      */
/* ======================================================================= */

.section3 textarea{
	line-height: 1.2em;
}


/* -------------------------------------------------------------------------------- */
/*    フォームの長さ                                                                */
/* -------------------------------------------------------------------------------- */

.widthshorter{
	width: 25px;
}
.widthshort {
	width: 50px;
}

.widthmedium {
	width: 100px;
}

.widthlong {
	width: 250px;
}

textarea {
	width: 300px;
}

.red {
	color: #FF0000;
	font-size: 80%;
}
/* -------------------------------------------------------------------------------- */
/*    言語切り替え                                                                  */
/* -------------------------------------------------------------------------------- */
.langJpn{ime-mode:active}

.langEng{ime-mode: disabled;}

textarea{
	width: 530px;
	border: 1px solid #C0C0C0;
	ime-mode:active;
}

textarea.bottom{
	margin-bottom: 0px;
	}

/* -------------------------------------------------------------------------------- */
/*    デザイン                                                                */
/* -------------------------------------------------------------------------------- */

select{
	border: 1px solid #999999;
}

/* ======================================================================= */
/*        　3.ご注文内容の確認                 　                          */
/* ======================================================================= */



/* ======================================================================= */
/*        　4.ご注文完了                                                   */
/* ======================================================================= */

select.todofuken{
	padding-top: 20px;
	}

/* ======================================================================= */
/*        　5.クレジットカード決済のお申込み(Added by Marineroad 2009/04/06*/
/* ======================================================================= */
div.mainColumn div.section2-2 {
	width: 820px;
}
.section2-2{
}

.section2-2 table{
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.section2-2 table td{
	padding: 5px;
	margin: 5px;
}

.section2-2 table img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div.mainColumn div.section4 {
	width: 500px;
	border: 1px solid #999999;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
	line-height: 200%;
	padding: 15px 0 15px 0;
}

div.mainColumn div.section5 {
	font-size: 12px;
	color: #ff6600;
	font-weight: normal;
	text-align:center;
	line-height: 200%;
	padding: 15px 0 15px 0;
}
.alert2 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}
.message01 {
	font-size: 80%;
}
.message01 ul {
	list-style:none;
}
.message01 a:link { text-decoration: underline ; color:#0066cc }
.message01 a:visited { text-decoration: underline ; color:#6699cc }
.message01 a:hover{ text-decoration: underline ; color:#6633ff }