@charset "utf-8";

/*---------------------------hot style 豊岡--------------------------*/
/*-------------------------------tag-------------------------------*/

* {
	margin:0;
	padding:0;
}

html,body,h1,h2,h3,h4,h5,h6,img,p,a,ul,ol,li,dl,dt,dd,form,blockquote,pre,address{ 
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

body {
	color:#595959;
	font-size:11px;
	line-height:1.3;
	background:url(../images/bg.gif) #E8EBEF center top repeat-y;
	width:800px;
	margin:0px auto;
	text-align:center;
	font-family : Verdana,'ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif ;
}

h1,h2,h3,h4,h5,h6 { 
	font-size:100%;
	font-weight:normal;
}

input,textarea,option,select {
	color:#444444;
	line-height:1.3;
	font-size:100%;
}

a,
a:link{
	color:#FF4C00;
	text-decoration:none;
}

visited,active {
	color:#E38400;
}

a:hover {
	color:#E51B00;
}

.clear {
	clear:both;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}


/*-------------------------------font-------------------------------*/

.bold {
	font-weight:bold;
}

.small {
	font-size:72%;
}


/*-------------------------------color-------------------------------*/

.orange {
	color:#E38400;
}

.white {
	color:#FFFFFF;
}

.brown {
	color:#6C4025;
}

.red {
	color:#ff0000;
}

.black {
	color:#444444;
}

.gray {
	color:#808080;
}

/*-------------------------------bgcolor-------------------------------*/
.bg_orange {
	background:#EC641C;
}

.bg_l_brown {
	background:#E7E5DA;
}

.bg_white {
	background:#ffffff;
}

.bg_black {
	background:#cccccc;
}

.bg_cream {
	background:#FCFBF6;
}

.bg_brown {
	background:#6A4124;
}

/*-------------------------------layout-all-------------------------------*/
#header {
	widht:770px;
	height:99px;
	padding:12px 15px 0px 15px;
	margin:0px auto;
	text-align:left;
}

h1 {
	width:790px;
	padding:3px 5px;
	font-size:10px;
	color:#808080;
	text-align:left;
	font-weight:normal;
	background-color:#E8EBEF;
}

#header #logo {
	width:260px;
	float:left;
}

#header .column-right{
	width:470px;
	float:right;
	background:#fofofo;
}

#header .column-right div{
	text-align:right;
}

#header .column-right div a{
	color:#666;
}

#header #menu{
	width:770px;
	padding-top:10px;
	clear:both;
}

#header #menu ul,
#header #menu ul li{
	padding:0px;
	margin:0px;
}

#header #menu ul li{
	display:block;
	float:left;
	border-left:1px solid #747A80;
	text-align:center;
}

#header #menu ul li#menu-contact{
	border-right:1px solid #747A80;
}

#header #menu ul li a{
	display:block;
	width:135px;
	height:30px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

#header #menu ul li a small{
	display:block;
	font-size:8px;
	color:#808080;
	font-weight:normal;
}

#header #menu ul li#menu-home a{
	width:86px;
	line-height:30px;
}

#header #menu ul li a:hover{
	background:url(../images/menu_o_bg.gif) left bottom repeat-x;
}


form#search_form{
	padding:0px;
	margin: 0px 0px 3px 0px;
}

div#search-box form#search_form div#search-content{
	display:block;
	width:310px;
	height:25px;
	font-size:10px;
	color:#FFF;
	line-height:25px;
	background:url(../images/search_bg.gif) left top no-repeat;
	padding: 0px;
	margin: 0px 0px 0px 160px;
}

form#search_form input.search-text-area{
	width:150px;
	padding:0px;
	margin: 0px 5px 2px 0px;
}

form#search_form input.search-submit{
	background:#8C8C8C;
	border:0px;
	border-left:1px dashed #FFF;
	height:25px;
	line-height:25px;
	color:#FFF;
	padding: 0px 3px;
	margin: 0px;
}




#top-img{
	widht:770px;
	padding:0px 15px 0px 15px;
	margin:0px auto;
}



#wrapper {
	width:770px;
	padding:0px 15px;
	text-align:left;
	clear:both;
}
/*
#one_column {
	width:764px;
	float:left;
}
*/

#one_column {
	width:770px;
	padding:0px 15px;
	text-align:left;
	clear:both;
}

#left_column {
	float:left;
	width:190px;
}

#left_column_narrow {
	float:left;
	width:85px;
}

#glo li {
	width:180px;
	height:37px;
	padding:17px 0 0 10px;
	background:url("../images/glo_bg.gif") no-repeat;
	font-weight:bold;
}

#glo li a {
	color:#4E2309;
	text-decoration:none;
}

#glo li a:link,visited,active {
	color:#4E2309;
}

#glo li a:hover {
	color:#F8C57E;
}

.box_01 {
	width:163px;
	background:url("../images/submenu_waku.gif") no-repeat left bottom;
	padding: 3px 10px 10px 10px;
	margin-bottom:15px;
}

.box_02 {
	margin-bottom:5px;
	padding:0px;
	width:555px;
	background:#FFF;
	clear:both;
}

.box_02_narrow {
	width:270px;
	height:190px;
	margin-bottom:5px;
	padding:0px;
	float:left;
}


.box_03 {
	padding:10px;
}

.box_03_left {
	float:left;
}

.box_03_right {
	float:right;
}

.box_04 {
	width:398px;
	padding:5px 0;
}

.box_04_left {
	text-align:left;
}

.box_04_right {
	width:120px;
	text-align:right;
}

.box_05 {
	padding:0;
}

.box_05_left {
	float:left;
}

.box_05_right {
	float:left;
}

.box_06 {
	margin-bottom:5px;
	border:1px solid #E2DFD2;
	padding:10px;
	width:511px;
	color:#B4A394;
	background:#FFF;
	float:left;
}

.box_07 {
	width:168px;
	padding:10px;
	border:1px solid #E2DFD2;
	background:#FFF;
}

.box_08 {
	width:511px;
	padding:10px;
	border:1px solid #E2DFD2;
	background:#FFF;
}


.box_dummy {
	width:90px;
}


.icon-box{
	margin-bottom:3px;
}

.icon-box img{
	margin-right:3px;
}

#mobile,
#mailmag {
	width:183px;
	margin-bottom:15px;
}


.error {
	margin-bottom:5px;
	border:1px solid #E2DFD2;
	padding:10px;
	width:744px;
	color:#B4A394;
	background:#FFF;
	text-align:center;
	float:left;
}

.inner {
	border:1px solid #DADADA;
	padding:10px;
	width:533px;
	color:#828287;
	background:#FFF;
	float:left;
}

.inner h4 {
	padding:10px;
	width:513px;
	color:#FFFFFF;
	background:#888888;
}



/*
ul#category {
	border-bottom:1px dotted #CDCDCD;
}

#category li {
	background:url("../images/list_img_01.gif") no-repeat;
	padding:5px 0 5px 10px;
}

#category li a {
	color:#444444;
	text-decoration:none;
}

#category li a:link,visited,active {
	color:#444444;
}

#category li a:hover {
	color:#cccccc;
}



ul#now {
	border-bottom:1px dotted #CDCDCD;
}

#now li {
	background:url("../images/list_img_01.gif") no-repeat;
	padding:5px 0 5px 10px;
	color:#6C4025;
	font-weight:bold;
}

#now li.sub {
	margin-left:10px;
}

#now li.sub02 {
	font-weight:normal;
	margin-left:10px;
}

#now li a {
	color:#6C4025;
	text-decoration:none;
}

#now li a:link,visited,active {
	color:#6C4025;
}

#now li a:hover {
	color:#D0B4A2;
}
*/

#category li {
	background:url("../images/list_img_01.gif") no-repeat;
	padding:5px 0 5px 10px;
}

.parents-cate,
#parents-cate-now{
	border-top:1px dotted #CDCDCD;
}

#parents-cate-now,
#sub-cate-now,
.sub-sub-cate-now,
.sub-sub-sub-cate-now{
	font-weight:bold;
}

#parents-cate-now a,
#sub-cate-now a,
.sub-sub-cate-now a,
.sub-sub-sub-cate-now a{
	color:#6C4025;
}

.sub-cate,
#sub-cate-now{
	margin-left:10px;
}
.sub-sub-cate-now,
.sub-sub-cate{
	margin-left:20px;
}

.sub-sub-sub-cate-now,
.sub-sub-sub-cate{
	margin-left:30px;
}



#cart-box p{
	text-align:right;
}

#cart-box p .total{
	text-align:right;
	font-size:13px;
	font-weight:bold;
}


.line_01 {
	background:url("../images/line_01.gif") repeat-x;
}

#center_column {
	margin-left:20px;
	float:left;
	width:555px;
}

#right_column {
	margin-left:25px;
	float:left;
	width:555px;
}

h2 {
	width:183px;
}

#left_column h2{
	height:36px;
	font-size:13px;
	color:#FFF;
	text-align:center;
	line-height:1.2em;
	padding-top:5px;
	background:url("../images/submenu_tit_bg.gif") no-repeat left top;
}
#left_column h2 small{
	display:block;
	font-size:7px;
	line-height:1.1em;
}

#left_column #point-box h2{
	background-image:url("../images/submenu_tit_bg_blue.gif");
}


h3{
	height:36px;
	background:url("../images/tit_bg.gif") no-repeat left 25px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding: 3px 0px 0px 0px;
	margin:0px;
	clear:both;
}

#under02column h3{
	background:url("../images/tit_bg_700.gif") no-repeat left 25px;
}


#news-box h3,
#products-box h3{
	font-size:14px;
}


#news-box div.rss-link{
	font-size:11px;
	font-weight:normal;
	text-align:right;
/*
	position:relative;
	top:70px;
	right:30px;
*/
}

h4 {
	
}

h5 {
	font-size:13px;
}


#news-box,
#products-box,
#brand-box{
	margin-bottom:30px;
}


.product {
	width:555px;
	border-bottom:1px dashed #B9BEBF;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	clear:both;
}


.product_left,
.product_right {
	padding:0px;
	width:270px;
	float:left;
}

.product_left {
	margin:0 15px 0 0;
}

.product_img_01 {
	float:left;
	width:110px;
	text-align:center;
	margin-right:10px;
}

img.products-img {
	padding:3px;
	border:1px solid #CCCCCC;
	margin:0px auto;
}


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

.product_img_02 {
	float:left;
	width:260px;
	text-align:center;
	margin-right:15px;
}

.product_cap_02 {
	float:left;
	width:260px;
}

.product_img_03 {
	float:left;
	width:138px;
	text-align:center;
	padding:0px 5px;
}

.product_cap_03 {
	float:left;
}

.product_cap_03_narrow {
	float:left;
	width:120px;
}

.product_cap_03_content_box {
	height:120px;
}

.product_cap_03_content_box .t5{
	line-height:1.2em;
	font-size:10px !important;
}
.product_cap_03_narrow .product_cap_03_content_box h4{
	line-height:1.2em;
	font-size:11px !important;
}

.product_cap_01 h4 {
	font-size:12px;
}

.product_cap_02 h4 {
	font-size:14px;
}

.price {
	color:#000;
	font-size:12px;
	text-align:right;
}

.product_cap_02 .price b {
	font-size:14px;
}

.box_02_narrow .price {
	margin-bottom:3px;
}

.news {
	width:555px;
	border-bottom:1px dashed #B9BEBF;
	margin: 0px 0px 5px 0px;
}

.news td {
	padding: 5px 0px 3px 0px;
	vertical-align:top;
}

.news .date {
	width:120px;
}

.news .news-content {
	font-size:11px;
	color:#808080;
}

.news .news-content h4 {
	font-size:12px;
	margin-bottom:3px;
}

.news .news-content a {
}

.sub_title {
	width:533px;
	margin-top:5px;
}

.sub_title_left {
	float:left;
	width:253px;
}

.sub_title_right {
	float:right;
	width:253px;
	text-align:center;
}

.comment {
	border-bottom:1px solid #643A17;
	padding:10px 0;
}

.table_padding td,th {
	padding:10px;
	color:#444444;
}

.txt {
	width:526px;
}

#my_navi {
	margin:8px 0 10px 0;
}


textarea.area470{
	width:100%;
}



#footer {
	text-align:left;
	clear:both;
	widht:770px;
	height:70px;
	padding:20px 15px;
	margin:0px auto;
}

#footer a {
	color:#A58775;
}

#footer a:link,visited,active {
	color:#A58775;
}

#footer a:hover {
	color:#FF4C00;
}

#footer_top {
	text-align:right;
	border-bottom:1px solid #808080;
	padding-bottom:5px;
	margin-bottom:5px;
}

#footer_left {
	float:left;
}

#footer_right {
	float:right;
	text-align:right;
}

/*-------------------------------space-------------------------------*/

.t5 {
	margin-top:0px;
}

.t10 {
	margin-top:10px;
}

.t20 {
	margin-top:20px;
}

.b5 {
	margin-bottom:5px;
}

.b10 {
	margin-bottom:10px;
}

.b20 {
	margin-bottom:20px;
}

.r5 {
	margin-right:5px;
}






/* 下層共通指定
----------------------------------------------- */
div#under02column {
    width: 700px;
    margin: 15px auto 0 auto;
    text-lign:left;
}

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

div#under02column table {
    width: 690px;
}

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

}

div#under02column_cart .totalmoneyarea {
    width: 680px;
    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;
}

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: 670px;
    margin: 0 auto;
}

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

div#under02column_shopping .payarea02 {
    width: 670px;
    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: 670px;
}

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

div#under02column_shopping .payarea02 .area660 {
    width: 660px;
    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_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;
}







/*-------------------------------clearfix-------------------------------*/
/* begin clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}

/* Hides from IE-mac ¥*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */