@charset "UTF-8";

div .oto_commodityArea {
	margin-bottom: 5px;
}



div .oto_commodityTitle {
	background-image: url(../img/kyushu_title_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	position: relative;
}

div .oto_commodityLead {
	margin-top: 15px;
	margin-bottom: 20px;	
}

div .oto_commodityPhoto {
	background-image: url(../img/commodity_phbg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 330px;
}

div .oto_commodityPhotoInner {
	padding: 5px;	
}

div .oto_mainPhoto {
	float: left;
}

div .oto_mainSub {
	float: right;
}

div .oto_commoditySection {
	margin-top: 20px;
	margin-bottom: 20px;	
}

div .oto_commoditySectionLeft {
	float: left;
	width: 480px;
}

div .oto_commoditySectionRight {
	float: right;
	width: 200px;
	text-align: center;
}

div .oto_commoditySectionInner {
	text-align: left;
	width: 190px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div .oto_commodityMemo {
	margin-bottom: 20px;
}


div .oto_commoditySectionInner li a {
	color: #333333;
	text-decoration: underline;
}


div .oto_commoditySectionInner li a:hover {
	color:#9a1d26;
	text-decoration:underline;
}

div .oto_commoditySectionRight img {
	margin-bottom: 4px;
}

div .oto_attention {
	font-weight: bold;
	color: #FF0000;
	line-height: 1.2em;
}

div .oto_column {
	background-image: url(../img/column_bg01.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 20px;
}


div .oto_column02 {
	margin-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #ccc5b0;
	border-bottom-color: #ccc5b0;
}

div .oto_column02Inner {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	text-align: center;
}

div .oto_column02Inner a {
	color:#871921;
}

div .oto_column02Inner a:hover {
	color:#666666;
	text-decoration: underline;
}


div .oto_columnClear {
	clear:both;
	background-image: url(../img/column_bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 5px;
}

div .oto_columnClear hr {
	display:none;
}


div .oto_commodityFeature {
	width: 223px;
	float: left;
}

div .oto_commodityPhoto01 img {
	margin-top: 4px;
	margin-left: 4px;
}

div .oto_commodityPhoto01 {
	background-image: url(../img/commodity_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 152px;
	width: 223px;	
}

div .oto_commodityPurchase {
	border: 1px solid #ccc5b0;
	background-color: #fcfaf5;
	margin-bottom: 20px;
}

div .oto_commodityPurchaseTitle {
	background-color: #ccc5b0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	text-align: center;
}

div .oto_commodityPurchaseInner {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
}

div .oto_commodityPurchaseLeft {
	float: left;
	width: 300px;
}

div .oto_commodityPurchaseRight {
	float: right;
	width: 345px;
}

div .oto_commodityPurchaseCenter {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

div .oto_commodityPurchaseCenter2 {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

div .oto_commodityRecommend {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC5B0;
	border-bottom-color: #CCC5B0;
	border-left-color: #CCC5B0;
	background-color: #F5F3F2;
	margin-bottom: 20px;
}

div .oto_recommendPhoto {
	background-image: url(../img/commodity_bg02.gif);
	margin-bottom: 5px;
}

div .oto_recommendPhoto img {
	padding: 4px;	
}

div .oto_recommendItem {
	width: 163px;
	float: left;
}

div .oto_commodityBanner {
	margin-bottom: 20px;
}

div .oto_commodityBanner p {
	float: left;
}

div .oto_commodityList {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9c9c9;
	margin-bottom: 20px;
}

div .oto_commodityListBtn {
	float: right;	
}


div .oto_commodityListBtn p {
	margin-left: 10px;
	margin-bottom: 3px;
}

div .oto_listItem {
	background-color : #f5f5f5 ;
	width: 225px;
	float: left;
	border: 0.5px dotted #808080;
	margin-right: 8px;
	margin-bottom: 30px;
	height: 280px;
}

div .oto_listItemR {
	background-color : #f5f5f5 ;
	width: 225px;
	float: left;
	border: 0.5px dotted #808080;
	height: 280px;
}

div .oto_listItemInner {
	padding: 8px 5px 8px 5px;
}

div .oto_listItemInner .oto_photo01 {
	background-image: url(../img/commodity_phbg01.jpg);
	padding: 4px 4px 4px 4px ;
	margin-bottom: 5px;
}

/*list i.takata*/

div .oto_list_NEW {
	margin-top: 0px ;
	margin-right: 6px ;
	float: right;
}


div .oto_photo02 {
	padding: 4px 4px 4px 4px ;
	margin-top: 0px ;
	margin-bottom: 2px ;
	text-align : center ;
}

div .oto_photo02 img {
	text-align : center ;
	width: 180px;
	height: 128px;

}




/*listi.takata kokomade*/

/*list fujiwara20110519*/
div.oto_list_txt{
	margin-top: 3px;
	font-size: 14px !important ;
	float: left;
}

div.oto_list_txt2{
	color:#ff0000;
	font-size: 14px !important ;
	float: left;
}


div .oto_list_dityA01 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	width: 100px;
	padding-top: 1.5px;
	padding-bottom: 1.5px;
	padding-left: 1px;
	margin: 1px 0px 0px 0px;
	float: left;
	text-align : center ;
}

div .oto_list_dityA02 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #871921;
	width: 210px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin: 0px 7px 2px 0px;
	float: left;
	text-align : center ;
}

div .oto_list_dityA03 {
	font-size: 14px;
	color: #000000;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-bottom: 5px;
	float: right;
}




div .oto_list_buy {
	font-size: 12px;
	color: #FF0000;
	padding-top: 7px;
}

div .oto_list_title01 {
	color:#8b4513;
	font-size: 14px;
}
div .oto_list_img {
	margin-top: 5px;
	margin-left: 20px;
	float: left;
	margin-bottom: 7px;
}


div .oto_listItemInner .oto_list_title01 a {
	color: #8B4513;
	font-size: 15px;
	padding-top: 0px;
	text-decoration: none;
	line-height:16px;
}

div .oto_listItemInner .oto_list_title01 a:hover {
	color: #CD661D;
	font-size: 15px;
	padding-top: 0px;
	text-decoration: underline;
	line-height:16px;
}
/*fujiwara20110519kokomade*/

div .oto_listItemInner .oto_title01 a:hover {
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}

div .oto_detailBton {
	text-align: right;
	margin-top: 5px;	
}

.oto_uchikeshi {
	text-decoration: line-through;
	color: #FF0000;
}


.oto_sitemapLeft {
	float: left;
	width: 230px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	height: 600px;
}

.oto_sitemapCenter {
	float: left;
	width: 230px;
	height: 600px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.oto_sitemapRight {
	float: left;
	height: 600px;
}

.oto_sitemapList01 {
	margin-left: 10px;
	margin-right: 10px;
}

.oto_sitemapList01 a {
	color: #333333;
	text-decoration: none;
}

.oto_sitemapList02 a {
	color: #333333;
	text-decoration: none;
}

.oto_sitemapList01 a:hover {
	color: #AC020D;
	text-decoration: underline;
}

.oto_sitemapList02 a:hover {
	color: #AC020D;
	text-decoration: underline;
}
/*orderflow*/

div.oto_orderflow {
	width: 700px;
	font-size: 13px;
}

div.oto_orderflow01 {
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.oto_orderflowL {
	float: left;
	width: 275px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
}

div.oto_orderflowR {
	float: right;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.oto_orderflowLeft {
	float: left;
	width: 230px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	height: 120px;
}

.oto_orderflowCenter {
	float: left;
	width: 230px;
	height: 120px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.oto_orderflowRight {
	float: left;
	height: 120px;
}

.oto_orderflowList01 {
	margin-left: 10px;
	margin-right: 10px;
}

.oto_orderflowList01 a {
	color: #333333;
	text-decoration: none;
}

.oto_orderflowList02 a {
	color: #333333;
	text-decoration: none;
}

.oto_orderflowList01 a:hover {
	color: #AC020D;
	text-decoration: underline;
}

.oto_orderflowList02 a:hover {
	color: #AC020D;
	text-decoration: underline;
}



.oto_list01 {
	padding-left: 1.6em;
}


.oto_list03 a {
	color: #333333;
	text-decoration: none;
}

.oto_list03 a:hover {
	color: #AC020D;
	text-decoration: underline;
}

.oto_list04 a {
	color: #333333;
	text-decoration: none;
}

.oto_list04 a:hover {
	color: #AC020D;
	text-decoration: underline;
}

div .oto_tokushuArea {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(../img/line01.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

div .oto_tokushuPh {
	border: 1px solid #d8d4c8;
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}

div .oto_tokushuBtn {
	text-align: right;
	margin-top: 10px;
}

div .oto_box50 {
	width: 60px;
}

div .oto_box60 {
	width: 100px;	
}

div .oto_box70 {
	width: 80px;	
}

div .oto_box380 {
	width: 360px;
}

div .oto_box450 {
	width: 450px;
}


div .oto_area380 {
	width: 450px;
	border: 1px solid #CCCCCC;
	height: 200px;
}

div .oto_tblareabtn {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}

div .oto_center {
	text-align: center;	
}

div .oto_right {
	text-align: right;	
}

div .oto_left {
	text-align: left;	
}



.oto_first_index {
	border: 1px solid #cfc8b5;
	padding: 10px 30px;
	margin-bottom: 30px;
	}
	
.oto_first_index_l {
	float: left;
	width: 315px;
	}
	
.oto_first_index_r {
	float: right;
	width: 315px;
	}
	
.oto_first_bort {
	background: url(../img/first_dot01.gif) repeat-x;
	padding-top: 10px;
	margin-top: 20px;
	}
	
.oto_first_2col {
	background: url(../img/first_back01.gif) repeat-y;
	border-bottom: 1px solid #ccc5b0;
	text-align: center;
	padding-bottom: 10px;
	}
	
.oto_first_2col01 {
	background: url(../img/first_back02.gif) repeat-y;
	border-bottom: 1px solid #ccc5b0;
	text-align: center;
	padding-bottom: 10px;
	}
	
.oto_first_1col {
	background: url(../img/first_back03.gif) repeat-y;
	border-bottom: 1px solid #ccc5b0;
	text-align: left;
	padding-bottom: 10px;
	}
	
.oto_first_1col-inner {
	padding: 0 18px;
	}
	
.oto_first_2col02 {
	background: url(../img/first_back02.gif) repeat-y;
	border-bottom: 1px solid #ccc5b0;
	padding-bottom: 10px;
	}
	
.oto_first_2col_l {
	width: 331px;
	float: left;
	}
	
.oto_first_2col-inner {
	padding: 0 17px 0 18px;
	text-align: left;
	}
	
.oto_first_2col_r {
	width: 331px;
	float: right;
	}
	

.oto_ollist li{
	margin-bottom: 5px;
	}
	
.oto_first_attbox {
	border: 1px solid #ccc5b0;
	padding: 15px;
	}
	
.oto_3Column {
	float: left;
	width: 233px;
}

.oto_3Column2 {
	float: left;
	width: 150px;
}

div#oto_kiyakuArea {
	height: 235px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	padding: 5px;
}	


div .oto_kiyakuBtn {
	
	margin-top: 40px;
}	

div .oto_tokushuAreaL {
	width: 345px;
	float: left;
	background-color: #eae4d1;
}	

div .oto_tokushuAreaR {
	float: right;
	width: 345px;
	background-color: #eae4d1;
}	

div .oto_tokushuAreaLinner {
	float: right;
	width: 205px;
	padding-top: 10px;
}	


div .tokushu_commodityArea01 {
	font-size: 10px;
	background-color: #000000;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
	color: #FFFFFF;
}

div .tokushu_commodityArea02 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #871921;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea03 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #0096D5;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea04 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #7F5DA2;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea05 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #005A34;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea06 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #C68B22;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea07 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #CC2D89;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

div .tokushu_commodityArea08 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #8FC22F;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	float: left;
}

.oto_width80 {
	width: 60px;
}
/* 下層共通指定
----------------------------------------------- */
div#under02column {
	width: 950px;
	margin: 15px auto 0 auto;
}

div#under02column h2.title{
    width: 700px;
    margin: 0 0 15px 0;
}

div#under02column table {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}

/* カートの中
----------------------------------------------- */
div#under02column_cart {

}

div#under02column_cart .totalmoneyarea {
	width: 750px;
	margin: 15px auto 0 auto;
	padding: 10px 5px;
	border: 1px solid #ccc;
	text-align: center;
}

div#under02column_cart th {
    text-align: center;
}

div#under02column table th.resulttd {
    text-align: right;
}

div#under02column td#quantity {
   text-align: center;
   width: 70px;
}

div#under02column ul#quantity_level li {
    display: inline;
    padding: 3px;
}

div#under02column .empty {
    text-align: center;
}

/* お客様情報入力
----------------------------------------------- */
div#under02column_customer {

}

.flowarea {
	margin: 0 0 20px 0;
	text-align: center;
}

div#under02column_customer th em {
    color: #000;
    font-weight: bold;
}

div#under02column_customer .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_customer .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_customer .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_customer .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_customer .zipimg img {
    margin: 5px 0 0 0;
}


/* お届け先指定
----------------------------------------------- */
div#under02column_shopping table th {
    text-align: center;
}

.addbtn {
    margin: 10px 0 0 0;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#under02column_shopping .payarea {
	width: 750px;
	margin: 0 auto;
}

div#under02column_shopping h3 {
    margin: 0 0 15px 0;
}

div#under02column_shopping .payarea02 {
	width: 750px;
	margin: 40px auto 0 auto;
}

div#under02column_shopping .payarea02 div {
    margin: 10px 0 0 0;
}

div#under02column_shopping .payarea02 em {
    font-weight: bold;
    color: #000;
}

div#under02column_shopping .payarea table {
	width: 750px;
}

div#under02column_shopping .payarea table th {
    text-align: center;
}

div#under02column_shopping .payarea02 .area660 {
	width: 750px;
	height: 150px;
	margin: 5px 0 0 0;
	padding: 2px;
	border: 1px solid #ccc;
}

div#under02column_shopping .pointarea {
    width: 670px;
    margin: 40px auto 0 auto;
}

div#under02column_shopping .pointarea div {
    border: 3px solid #ccc;
    padding: 5px;
    text-align: center;
}

div#under02column_shopping .pointarea ul {
    margin: 10px auto;
    width: 500px;
}

div#under02column_shopping .pointarea li {
    text-align: left;
    padding: 2px 10px;
}

div#under02column_shopping .pointarea li.underline {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 7px;
}

/* 確認
----------------------------------------------- */

div#under02column_shopping table.delivname thead th {
    width: 690px;
    text-align: left;
    font-weight: bold;
}

div#under02column_shopping table.delivname tbody th {
    text-align: left;
    width: 155px;
}

div#under02column_shopping table.delivname td {
    text-align: left;
    width: 550px;
}

/* 決済モジュール(決済情報入力画面)
----------------------------------------------- */
div#under02column_shopping .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_shopping .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

/* ログイン
----------------------------------------------- */
div#under02column_login {

}

div#under02column_login .loginarea {
    width: 620px;
    margin: 0 auto 20px auto;
    padding: 20px 15px;
    border: 5px solid #ccc;
}

div#under02column_login .loginarea .inputtext {
    width: 500px;
    margin: 15px auto 0 auto;
}

div#under02column_login .loginarea .inputtext02 {
    width: 500px;
    margin: 15px auto 0 auto;
    font-size: 90%;
}

div#under02column_login .loginarea .inputbox {
    width: 460px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    background: #f0f0f0;
}

div#under02column_login .loginarea .inputbox .passwd {
    margin: 15px 0 0 0;
}

div#under02column_login .loginarea .inputbox .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_login .loginarea .inputbox02 {
    width: 460px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    background: #f0f0f0;
    text-align: center;
}

/* エラー
----------------------------------------------- */
div#under02column_error {

}

div#under02column_error .messagearea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 5px solid #ccc;
    text-align: center;
}

div#under02column_error .messagearea .error {
    padding: 120px 0;
}