@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #666666;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 150%;
    letter-spacing:1px;
	text-align:center;
}

li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}

/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}
/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}
/* リンク指定
----------------------------------------------- */
a { text-decoration: none; }
a:link { color: #8671AC; }
a:visited { color: #8671AC; }
a:hover { color:#663300; }
/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { color: #ff6600; font-weight: bold; }
.attention { color: #ff6600; }
.mini { font-size: 90%; }
em {
    font-style: normal;
    color: #ff6600;
}
/* テーブル共通指定
----------------------------------------------- */
table  {
   border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
	width: 640px;
}
table th {
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    font-weight: bold;
}
table td {
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* ヘッダーロゴ
------------------------------------------------ */
div#header {
    background:url("../img/header/header_back.jpg") repeat-x;
	background-position: left top;
    height: 120px;
    margin: 0 auto;
	margin-bottom: 15px;
}


div#header #header_inner{
	height: 120px;
	
	position:relative;
	background: url("../img/header/search_back.jpg") repeat-x;
	background-position: left bottom;
	}
div#header #header_inner h1 a {
    display: block;
    width: 500px;
    height: 75px;
    background: url("../img/header/logo.jpg");
	background-repeat: no-repeat;
	position: absolute;
	left: 20px;
	top: 5px;
}
div#header em {
    display: none;
}

div#header #header_inner #header_banner{
position: absolute;
margin-right:10px;
left: 552px;
top: 16px;
}

div#header #header_inner #header_banner img{
	margin-right:10px;
}

div#header #header_inner #header_banner a:hover img{
 opacity: 0.7; 
 filter: Alpha(opacity=70); 
 }


div#header #header_inner #login_block{
position: absolute;
top: 30px;
left: 690px;
}

div#header #header_inner #login_block p{
margin-bottom: 5px;
}
div#header #header_inner #login_block #login01 a{
display: block;
background: url("../img/header/sinki_a.jpg");
background-repeat: no-repeat;
width: 184px;
height: 23px;
}
div#header #header_inner #login_block #login01 a:hover img{
visibility: hidden;
}
div#header #header_inner #login_block #login02 a{
display: block;
background: url("../img/header/login_a.jpg");
background-repeat: no-repeat;
width: 184px;
height: 23px;
}
div#header #header_inner #login_block #login02 a:hover img{
visibility: hidden;
}
.none{
display: none;
}


/* グローバルナビ
------------------------------------------------ */
#header_inner #g_nav{
	width: 880px;
	position: absolute;
	top: 90px;
}

#g_nav ul:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }

#g_nav ul li{
float: left;
}


#g_nav ul li a{
display: block;
height: 42px;
background: url("../img/header/gnav_back.jpg");
background-repeat: no-repeat;
text-indent: -4969px;
overflow: hidden;
outline: none;
}
#g_nav ul li#g_nav01 a{
background-position: 0 0;
width: 120px;
}
#g_nav ul li#g_nav01 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: 0 0;
 }
#g_nav ul li#g_nav02 a{
background-position: -120px 0;
width: 164px;
}
#g_nav ul li#g_nav02 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: -120px 0;
 }
#g_nav ul li#g_nav03 a{
background-position: -284px 0;
width: 164px;
}
#g_nav ul li#g_nav03 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: -284px 0;
 }
#g_nav ul li#g_nav04 a{
background-position: -448px 0;
width:152px;
}
#g_nav ul li#g_nav04 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: -448px 0;
 }
#g_nav ul li#g_nav05 a{
background-position: -600px 0;
width:128px;
}
#g_nav ul li#g_nav05 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: -600px 0;
 }
#g_nav ul li#g_nav06 a{
background-position: -728px 0;
width:152px;
}
#g_nav ul li#g_nav06 a:hover{
background-image:url("../img/header/gnav_back_a.jpg");
background-position: -728px 0;
 }

/* サブナビ
------------------------------------------------ */
#sub_nav{
position: absolute;
top: 5px;
right: 0;
}

#sub_nav ul:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }
 
 #sub_nav ul li{
 display: inline;
 }

#sub_nav ul li a{
 color: #666666;
 margin-right: 3px;
 background: url("../img/common/list_icon.jpg");
 background-repeat: no-repeat;
 background-position: left center;
 /background-position: left -1px;
 padding-left: 14px;
 font-size: 12px;
 }
 
 #sub_nav ul li a:hover{
 text-decoration: underline;
 color: #999;
 }
 
 
 .topic_path03{
 display: none;
 }
#topic_path{
margin-top: -7px;
font-size: 12px;
/margin-top: -4px;
margin-bottom: 3px;
 }
 
/* ヘッダーナビ
----------------------------------------------- */
div#information {
    float: right;
    padding: 60px 8px 0 0;
}
div#information ul li {
    display: inline;
}
div#information ul li a {
    text-decoration: none;
}

/* 検索
----------------------------------------------- */

#header_inner #searcharea{
position: absolute;
top: 130px;
left: 5px;
width: 440px;
border: none;
}

#header_inner #searcharea form p{
float: left;
margin-right: 5px;
}
#searcharea form:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }
 #searcharea form .box142 {
  width: 142px;
  border: solid 1px #999;
  }
  
 #searcharea .search_btn{
 position: relative;
 top: -4px;
 /top:-3px;
 }
 
 
/* フレーム
----------------------------------------------- */
div#container {
    width: 880px;
    margin: 0 auto;
    background-color: #fff;
	padding: 0 10px;
	padding-bottom: 20px;
    text-align: left;
	}
#container:after {/* firefox背景色表示用 */
  content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
}

div#leftcolumn {
    float: left;
    width: 230px;
	
}

div#leftcolumn h2 {
   
}

div#rightcolumn {
  
}

div#rightcolumn h2 {
  
}

/* メインコンテンツ
----------------------------------------------- */
/* 3カラム設定 */
div#three_maincolumn {
  
}

div#three_maincolumn h2 {
    padding: 15px 0 0 0;
}

/* 2カラム設定 */
div#two_maincolumn {
   
}

div#two_maincolumn h2 {
    padding: 15px 0 0 0;
}

/* 1カラム設定 */
div#one_maincolumn {
 width: 880px;
}
div#one_maincolumn:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }

#top_main{
}

/* カゴの中
----------------------------------------------- */
div#cartarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
}

div#cartarea p {
    padding: 5px 0 10px 0;
}

div#cartarea p.item {
    padding: 0 0 10px 0;
    background: url("../img/side/line_146.gif") no-repeat bottom;
}

div#cartarea .btn {
    padding: 0;
    text-align: center;
}

/* カテゴリー
----------------------------------------------- */
div#categoryarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #fff1e3;
}

div#categoryarea li {
    padding: 0 0 0 20px;
    background: url("../img/common/arrow_blue.gif") 0 3px no-repeat;
}
div#categoryarea li.onmark {
    background: url("../img/common/arrow_red.gif") 0 3px no-repeat;
}
div#categoryarea li.level1 {
    font-weight: bold;
}
div#categoryarea li.level1 li {
    font-weight: normal;
}
div#categoryarea li a {
    display: block;
    padding: 3px 0;
}

a.onlink {  text-decoration: underline; }
a.onlink:link { color: #ff0000; }
a.onlink:visited { color: #ff0000; }
a.onlink:hover { color: #ff0000; }

/* ガイドリンク
----------------------------------------------- */
#guidearea {
    padding: 15px 0 0 0;
    line-height: 0;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}

div#loginarea p {
    padding: 8px 0 0 0;
}

div#login img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
}

#loginarea .box96 {
    width: 96px;
    border: solid 1px #ccc;
}

/* 検索
----------------------------------------------- */
div#searcharea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}

div#searcharea p {
    padding: 8px 0 0 0;
}

div#searcharea .btn {
    text-align: center;
}

#searcharea .box142 {
    width: 142px;
    border: solid 1px #ccc;
}

/* カレンダー
----------------------------------------------- */
#block-calendar {
}

#block-calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    border: 1px solid #CCCCCC;
}

#block-calendar th {
    background: #FF8144;
    color: #FFFFFF;
}

#block-calendar .off {
    background: #FFEECC;
    color: #E04A00;
}

#block-calendar caption {
    color: #DD4400;
}

/* バナー
----------------------------------------------- */
ul#banner {
    padding: 15px 0 0 0;
}

#banner li {
    padding: 0 0 10px 0;
}

/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* フッター
----------------------------------------------- */
#footer{
 margin: 0 auto;
 width: 880px;
 background-color: #fff;
 padding: 10px;
 position: relative;
 height: 110px;
 float: none;
 clear: both;
 border-top:1px solid #C1B8CD;
 }
 
#footer #ssl_text{
position: relative;
left: 100px;
border-bottom: 1px solid #ADA1BE;
padding-bottom: 5px;
width: 770px;
}

#footer #ssl_img{
position: absolute;
left:0;
top:0;
}

#footer #footer_nav ul{
padding-left: 100px;
position: relative;
top:10px;
left: 10px;
border-top: 1px solid #ADA1BE;
padding-top: 5px;
width: 770px;
}


#footer ul li{
display: inline;
}
#footer ul li a{
color: #666;
margin-right: 5px;
font-size: 12px;
text-decoration: underline;
}

#footer ul li a:hover{
color: #999;
}
#footer #copyright{
text-align: right;
position: relative;
top: 5px;
}

#top_kokuti_h{
	text-align:center;
	margin-bottom:5px;
}
#top_kokuti{
	margin-bottom:15px; padding:10px;
	border:1px solid #cccccc;
	text-align:center;
	line-height:1.8;
	padding-top:80px;
	padding-bottom:80px;
	background:#F7F5EF;
}
#top_kokuti img{
	margin-bottom:4px;
}
#top_kokuti a{
	text-decoration:underline;
}

/* トップページ
----------------------------------------------- */

/* リンク設定 */
#top_main a:hover img{
 opacity: 0.7; 
 filter: Alpha(opacity=70); 
 }

/* 共通設定 */ 
.text01{
margin-bottom: 15px;
} 
.text02{
margin-bottom: 10px;
} 
.text03{
margin-top: 10px;
} 

.text04{
text-align: right;
} 

/* メイン商品
----------------------------------------------- */

#main_item_block{
width: 880px;
margin: 0 auto;
margin-bottom: 10px;
overflow: hidden;
}

#main_item_block:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }

/* 透過指定 */

#main_item_block a:hover img,#main_item_block02 a:hover img{
opacity: 0.7; 
 filter: Alpha(opacity=70); 
 }

/* 透過指定ここまで */

#main_item_block #main_img01{
float: left;
width: 380px;
padding-right: 10px;
}

#main_item_block #main_img_block{
float: left;
width: 490px;
}

#main_img_block:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }

#main_img_block p{
float: left;
width: 245px;
}


#main_item_block02{
width: 880px;
margin: 0 auto;
margin-bottom: 10px;
}

#main_item_block02:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }
#main_item_block02 p{
float: left;
width: 436px;
}

#main_item_block02 #main_img02{
padding-right: 5px;
}

/* メイン商品ここまで
----------------------------------------------- */

#top_main{
width: 640px;
padding-left: 10px;
position:relative;
background-color: #fff;
float: left;
}


#top_main .top_main_title{
margin-bottom: 20px;
}

/* お知らせ内容 */
#topnews{
width: 640px;
padding-bottom: 15px;
overflow: hidden;
margin-left: -10px;
padding-right: 10px;
/*border-bottom: 1px solid #dedede;
background-color: #f7f5ef;
margin-left: 20px;*/
}

#topnews p a:hover img{
opacity: 0.7; 
 filter: Alpha(opacity=70); 
}
#topnews h2{
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #A798C2;
border-left: 5px solid #A798C2;
padding-left: 5px;
margin-bottom: 10px;
color:#8671AC;
}

#topnews h2 span{
color:#A798C2;
}

#topnews p{
font-size: 12px;
line-height: 1.8;
padding-left: 10px;
}

#topnews p span{
color:#8671AC;
}



/* キャンペーンブロック */

#top_main .items_block{
width: 640px;
zoom:1;
}

#top_main .items_block:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }

*+html .items_block02{
  padding-top: 15px;
  }

#top_main .cp_block{
width: 310px;
padding: 0 5px;
margin-bottom: 20px;
float: left;
}

#top_main .cp_block:after{
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }
 

#top_main .cp_block .cp_block_photo{
float: left;
width: 160px;
}

#top_main .cp_block .cp_block_text{
float: left;
width: 140px;
padding: 0 5px;
}

#top_main .cp_block .cp_block_text .item_name{
margin-bottom: 10px;
}

#top_main .cp_block .cp_block_text .item_detail{
text-align: right;
}

/* ご注文について以下 */
.top_payment_h3{
margin-bottom: 10px;
}

.top_main_h4{
color: #8671AC;
font-size: 12px;
padding-left: 20px;
padding-bottom: 7px;
margin-bottom:5px;
background: url("../img/top/border01.jpg") no-repeat;
background-position: bottom;
}

.top_payment_text{
padding-left: 25px;
width: 605px;
}
.top_payment_text02{
color: #ff6600;
padding-left: 25px;
}

.payment_btn,.payment_btn02,.payment_btn03{
padding-left: 25px;
margin-bottom: 20px;
}
/*
.payment_btn a{
display: block;
width:94px;
height:20px;
background: url("../img/top/detail_btn_a.jpg") no-repeat;
}

.payment_btn a:hover img{
visibility: hidden;
}
.payment_btn02 a{
display: block;
width:222px;
height:20px;
background: url("../img/top/detail_btn02_a.jpg") no-repeat;
}

.payment_btn02 a:hover img{
visibility: hidden;
}
.payment_btn03 a{
display: block;
width:188px;
height:20px;
background: url("../img/top/detail_btn03_a.jpg") no-repeat;
}

.payment_btn03 a:hover img{
visibility: hidden;
}--*/

/* 商品カテゴリ
----------------------------------------------- */
#side_category_block{
margin-bottom: 20px;
}

#side_category_block h3{
margin-bottom: 3px;
}
#side_category_block h3#cate01 a{
background: url("../img/side/cate01a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate01 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate02 a{
background: url("../img/side/cate02a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate02 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate03 a{
background: url("../img/side/cate03a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate03 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate04 a{
background: url("../img/side/cate04a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate04 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate05 a{
background: url("../img/side/cate05a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate05 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate06 a{
background: url("../img/side/cate06a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate06 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate07 a{
background: url("../img/side/cate07a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate07 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate08 a{
background: url("../img/side/cate08a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate08 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate09 a{
background: url("../img/side/cate09a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate09 a:hover img{
visibility: hidden;
}
#side_category_block h3#cate10 a{
background: url("../img/side/cate10a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate10 a:hover img{
visibility: hidden;
}

#side_category_block h3#cate11 a{
background: url("../img/side/cate11a.jpg") no-repeat;
display: block;
width: 230px;
height: 41px;
}

#side_category_block h3#cate11 a:hover img{
visibility: hidden;
}

#side_category_block .subcate{
margin-left: 10px;
}
#side_category_block .subcate h4{
margin-bottom: 3px;
letter-spacing: 0.20em;
}

#side_category_block .subcate h4 a{
background-image: url("../img/side/list_icon.jpg");
background-repeat: no-repeat;
background-position: left center;
/background-position: left 0;
padding-left: 16px;
}

#side_category_block .subcate h4 a:hover{
text-decoration: underline;
}



/* エリアリンク
----------------------------------------------- */

#side_banner01{
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
#side_banner01 a:hover img{
 opacity: 0.7; 
 filter: Alpha(opacity=70); 
 }

#link_block{
width: 880px;
border: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top:80px;
text-align:center;
font-size:12px;
}

#side_search_block{
	margin:0 auto;
	text-align:center;
	width:880px;
}
 
#side_search_block h4{
margin-left: 10px;
margin-bottom: 10px;
padding-top: 10px;
}
#side_search_block ul{
	width:880px;
	text-align:center;
	margin-bottom: 10px;
	margin: 0 auto;
}
#side_search_block ul li{
border-bottom: 1px solid #ccc;
margin-bottom: 3px;
padding-bottom: 3px;
float:left;
}

#link_gototop{
	clear:both;
}

#link_ul{
	margin:0 auto;
	text-align:center;
	padding:0 10px;
	border-bottom:1px dotted #C1B8CD;
}

#side_search_block ul li a{
color: #333;
background-image: url("../img/side/list_icon.jpg");
background-repeat: no-repeat;
background-position: left center;
/background-position: left 0;
padding-left: 14px;
color: #333;
font-size: 12px;
}

#side_search_block ul li a:hover{
color: #999;
}

#search_link{
margin-left: 10px;
}

/* モバイルブロック
----------------------------------------------- */
#mobile_block{
margin-bottom: 20px;

}

/* ニュース
----------------------------------------------- */
div#newsarea {
    width: 230px;
}

div#news_contents{
width: 228px;
border: 1px solid #ccc;
border-top: none;
font-size: 12px;
}

div#newsarea dl {
    padding: 10px ;
	padding-top: 0;
	}

div#newsarea dl.end {
   padding: 10px 0;
	padding-top: 0;
    background: url("") no-repeat bottom;
}

div#newsarea dl dt {
   color: #6A0000;
font-weight: bold;
padding: 10px 0;
  
}
div#newsarea dl dd{
 padding: 0 0 5px 5px;
  background: url("../img/side/news_border.jpg") no-repeat bottom;
}

/* おすすめ
----------------------------------------------- */
div#recomendarea {
    width: 640px;
    margin: 0 auto;
}

div.recomendblock {
    clear: both;
    width: 400px;
    padding: 10px 0;
    overflow: auto;
    background: url("../img/common/line_402.gif") no-repeat bottom;
}

div.recomendleft {
    float: left;
    margin: 0 5px 0 0;
}

div.recomendleft p {
    margin: 0 0 5px 0;
}

div.recomendright {
    float: right;
    width: 190px;
    position: relative;
}

div.recomendleft img, div.recomendright img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.recomendright p {
    margin: 0 0 5px 0;
}

div.recomendleft h3 {
    font-size: 100%;
}

div.recomendright h3 {
    font-size: 100%;
}

#bannar_01{
	margin:0 auto;
	text-align:center;
	width:880px;
	margin-bottom:20px;
}
#takuboku_b{
	margin-right:10px;
}