@charset "utf-8";



/*===================================================================

//  共　通　設　定

//=================================================================*/



body{ min-width:1024px; margin:0; padding:0; font-family:"游ゴシック体", "Yu Gothic",YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-style:normal;}

/**いずれなくす**/
body,td,div,li,p {font-size:12px; line-height:16px;  font-style:normal;}
img       {border:none;}
a         {text-decoration:underline; overflow:hidden; color:#006b92;}
a:hover   {color:; text-decoration:underline; color:#FF0000;}

/**floatクリア設定**/
.clear    {clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr {display:none; border:none; height:0px;}

.clear2    { border-bottom:1px solid #ccc; padding:5px 0 0 0; margin:0 0 5px 0; clear:both; }
.clear2 hr {display:none; border:none; height:0px;}

/**ライン設定**/
hr.style-border { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

/**タイトル**/
h1{ background:#5b1700; font-size:12px; height:12px; line-height:12px; font-weight:normal; margin:0; padding:3px; text-align:right; color:#fff; }

/**パンクズ設定**/
.pain{ border-radius:3px; background:#eee; text-align:left; padding:5px; margin:0 0 10px 0;}

/**リンク画像の半透明設定**/
a img.img_link{ background:none!important; }
a:hover img.img_link{ opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:none !important; }


/*===================================================================
//  レイアウト初期値 width 1024px
//=================================================================*/

#head_body{ width:980px; padding:0 22px; margin:0 auto; height:111px;}/**ヘッダーセンターレイアウト**/
#contetns{ width:980px; padding:0 22px; margin:0 auto;}/**メインコンテンツ**/
#contens_left{ width:195px; float:left;}/**全共通左サイドメニュー**/
#contents_right{ width:220px; float:right;}/**トップページのみ右サイドメニュー**/
#contents_topbody{ width:500px; float:left; padding:0 30px; }/**トップページ用コンテンツ**/
#contents_body{ width:775px; float:right; }/**第二階層 コンテンツ**/

.footer_body{ width:980px; padding:0 22px; margin:0 auto; }/**フッター第1階層 コンテンツ**/

/*===================================================================
//  ヘッダー共通設定
//=================================================================*/

#head{ background:url(../images/defult/head/head_back.gif) repeat-x; margin:0 0 20px 0;}/**ヘッダーバック**/
#head #head_rogo{ background:url(../images/defult/head/rogo.png) no-repeat; width:286px; height:71px; float:left; text-indent:-9999px; }

#head_body #head_lang { float:right; width:220px; height:26px; background:url(/images/defult/head/head_btn.png) no-repeat; }
#head_body #head_lang ul{ list-style:none; margin:0; padding:0 0 0 80px;}
#head_body #head_lang ul li{ margin:0; padding:0; float:left;}
#head_body #head_lang ul li a{ display:block; width:70px; height:24px; text-indent:-9999px;}

#head_spring { background:url(../images/defult/head/head_back_repeat.gif) repeat-x; margin:0 0 20px 0;}
#head_spring #head_body { background:url(../images/defult/head/head_v7.jpg) no-repeat;}
#head_spring #head_rogo{ width:213px; height:71px; float:left; text-indent:-9999px; }
#head_spring #text_news{ width:350px; float:left; margin:18px 0 0 0px;  padding:6px 0 0 78px;}


#head_winter { background:url(../images/defult/head/head_back_repeat.gif) repeat-x; margin:0 0 20px 0;}
#head_winter #head_body { background:url(../images/defult/head/head_winter.jpg) no-repeat;}
#head_winter #head_rogo{ width:213px; height:71px; float:left; text-indent:-9999px; }
#head_winter #text_news{ width:350px; float:left; margin:18px 0 0 0px;  padding:6px 0 0 78px;}

#head_autumn { background:url(../images/defult/head/head_back_repeat.gif) repeat-x; margin:0 0 20px 0;}
#head_autumn #head_body { background:url(../images/defult/head/head_autumn.jpg) no-repeat;}
#head_autumn #head_rogo{ width:213px; height:71px; float:left; text-indent:-9999px; }
#head_autumn #text_news{ width:350px; float:left; margin:18px 0 0 0px;  padding:6px 0 0 78px;}

/**JQUERY テキストニュース設定**/
#head #text_news{ background:url(../images/defult/head/head_news_back.png) no-repeat; width:350px; float:left; margin:35px 0 0 20px;  padding:6px 0 0 78px;}
ul.marquee {
/* required styles */ display: block; padding: 0 ; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden;
/* optional styles for appearance */ width: 347px; height: 26px; }
ul.marquee li { margin:0; padding:0;
/* required styles */ position: absolute; top: -999em; left: 0;	display: block;
white-space: nowrap; /* keep all text on a single line */
/* optional styles for appearance */ font: 12px padding: 15px 5px; }
#head_tel{ float:right; padding:0 10px; width:200px;}


/**ヘッダー最下層PR告知**/
.description{ border-bottom:1px solid #ccc; text-align:center; padding:3px 0; background:#eee;}
.description img{ vertical-align: middle;}
.description ul{ margin:0 auto; padding:0; list-style:none; width:980px; line-height:12px; color:#777; }
.description li{ display:table-cell; vertical-align: central; margin:0; padding:2px 15px;  list-style:none; border-right:1px solid #ddd; }
.description li:last-child{ border:none;}
.description ul:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
	

/*===================================================================
//  左サイド共通設定
//=================================================================*/

#contens_left .menu_box{ border-radius:5px; background:#eaeaea; padding:6px; border:1px solid #c3c3c3; margin:0 0 10px 0;}
#contens_left .menu_box h3{ margin:0; padding:0;}

ul.left_btn_menu { list-style:none; margin:0; padding:0;}
ul.left_btn_menu li{ width:181px;  margin:0; padding:0;}
ul.left_btn_menu li{ width:181px; text-indent:-9999px; }
ul.left_btn_menu li a{ display:block;}
ul.left_btn_menu .btn_newuser a{ background:url(../images/defult/left/btn_newuser.png) 0 0 no-repeat; height:40px; margin:0 0 5px 0;}/**新規会員登録**/
ul.left_btn_menu .btn_newuser a:hover{ background:url(../images/defult/left/btn_newuser.png) -181px 0 no-repeat;}
ul.left_btn_menu .btn_mypage a{ background:url(../images/defult/left/btn_mypage.png) 0 0 no-repeat; height:37px; margin:0 0 5px 0;}/**マイページ**/
ul.left_btn_menu .btn_mypage a:hover{ background:url(../images/defult/left/btn_mypage.png) -181px 0 no-repeat;}
ul.left_btn_menu .btn_form a{ background:url(../images/defult/left/btn_form.png) 0 0 no-repeat; height:49px;}
/**買い物カゴ**/
ul.left_btn_menu .btn_form a:hover{ background:url(../images/defult/left/btn_form.png) -181px 0 no-repeat;}
ul.left_btn_menu .btn_zaiko a{ background:url(../images/defult/left/btn_zaiko.png) 0 0 no-repeat; height:44px; margin:0 0 5px 0;}/**在庫フォーム**/
ul.left_btn_menu .btn_zaiko a:hover{ background:url(../images/defult/left/btn_zaiko.png) -181px 0 no-repeat;}

ul.left_btn_menu .btn_simekiri a{ background:url(../images/defult/left/btn_simekiri.png) 0 0 no-repeat; height:40px;}/**〆切情報**/
ul.left_btn_menu .btn_simekiri a:hover{ background:url(../images/defult/left/btn_simekiri.png) -181px 0 no-repeat;}

ul.left_btn_menu .btn_siryo a{ background:url(../images/defult/left/btn_siryo.png) 0 0 no-repeat; height:40;}/**〆切情報**/
ul.left_btn_menu .btn_siryo a:hover{ background:url(../images/defult/left/btn_siryo.png) -181px 0 no-repeat;}

ul.left_btn_menu .btn_sehaba a{ background:url(../images/defult/left/btn_sehaba.png) 0 0 no-repeat; height:40px;}/**背幅計算**/
ul.left_btn_menu .btn_sehaba a:hover{ background:url(../images/defult/left/btn_sehaba.png) -181px 0 no-repeat;}

ul.left_btn_menu .btn_glory a{ background:url(../images/defult/left/btn_glory.png) 0 0 no-repeat; height:40px;}/**背幅計算**/
ul.left_btn_menu .btn_glory a:hover{ background:url(../images/defult/left/btn_glory.png) -181px 0 no-repeat;}



.title_pngup{ margin:-8px 0 0 0; padding:0;}/***原稿作成の前に**/
ul.text_list{ margin:0; list-style:none; padding:5px; border:1px solid #a0a0a0; background:#fff; border-radius:0 0 5px 5px;}
ul.text_list li{ border-top:1px solid #fff; border-bottom:1px solid #d7d7d7; background: url(../images/defult/left/left_list_icon.png) 5px 7px no-repeat #eee; padding:5px 5px 5px 20px; }

/***はじめてのお客様へ**/
#contens_left .menu_box_02{ border-radius:5px; background:#dce691; padding:6px; border:1px solid #c3c3c3; margin:0 0 10px 0;}
#contens_left .menu_box_02 h3{ margin:0; padding:0;}
ul.text_list_02{ margin:0; list-style:none; padding:5px; border:1px solid #a0a0a0; background:#fff; border-radius:0 0 5px 5px;}
ul.text_list_02 li{ border-top:1px solid #fff; border-bottom:1px solid #d7d7d7; background:#eff6c3; padding:5px 5px 5px 5px; font-weight:bold; }

ul.btn_oshiete{ margin:0; list-style:none; padding:0px; background:#fff;}
ul.btn_oshiete li{ margin:0; padding:0;}
ul.btn_oshiete li a{ display:block; width:181px; height:30px; margin:0; padding:0; text-indent:-999px;}
ul.btn_oshiete li.menu_01 a{ background: url(../images/defult/left/btn_oshiete.gif) -181px 0px no-repeat;}
ul.btn_oshiete li.menu_01 a:hover{ background: url(../images/defult/left/btn_oshiete.gif) 0 0px no-repeat;}
ul.btn_oshiete li.menu_02 a{ background: url(../images/defult/left/btn_oshiete.gif) -181px -30px no-repeat;}
ul.btn_oshiete li.menu_02 a:hover{ background: url(../images/defult/left/btn_oshiete.gif) 0 -30px no-repeat;}


ul.banner{ margin:0; padding:0; list-style:none;}
ul.banner li{ margin:0 0 5px 0;}

/**サイドバナーコンテンツライン**/
#contens_left .underline{ padding:0 0 10px 0; border-bottom:1px solid #ccc; margin:0 0 10px 0;}

/*===================================================================
//  フッター
//=================================================================*/

#footer{ margin:20px 0 0 0;}
#page-top {	text-align: right;	margin-top: 20px;}
#page-top a { color:#666; text-decoration: none; }
#page-top a:hover {	text-decoration: underline;}
#page-top {	position: fixed; bottom: 20px; right: 20px; font-size: 77%;}
#page-top a { background: #666; text-decoration: none; color: #fff;	width: 100px; padding: 30px 0; 	text-align: center;	display: block;	border-radius: 5px;}
#page-top a:hover {	text-decoration: none;	background: #999;}

/**第一階層**/
#footer_textlink{ text-align:center; background:#fff; padding:10px; margin:0; border-top:1px solid #ccc; }/**第一階層テキストリンク**/
#footer_textlink li{ display:inline;}
/**第二階層**/
#footer_item{ background:#666; border-top:1px solid #ccc;}
#footer_ul h4{ padding: 10px; font-size:14px; font-weight:bold; margin:0;}
#footer_ul a{ color:#fff; text-decoration:none; }
#footer_ul a:hover{ color:#FC0; text-decoration:underline;}
#footer_ul ul{ list-style:none; margin:0; padding:0;}
#footer_ul li{ margin:0 0 0 15px; }
#footer_ul ul.left{ width:48%; float:left; }
#footer_ul ul.right{ width:48%; float:left; }
#footer_item01{ color:#fff; width:170px; float:left; margin:0 1px 0 0; background:#91df4e; height:210px;}/**早期割引商品**/
#footer_item02{ color:#fff; width:290px; float:left; margin:0 1px 0 0; background:#52c6e6; height:210px;}/**通常商品**/
#footer_item03{ color:#fff; width:200px; float:left; margin:0 1px 0 0; background:#ed564d; height:210px;}/**特急商品**/
#footer_item04{ color:#fff; width:315px; float:left; margin:0 1px 0 0; background:#767676; height:210px;}/**グッズ商品**/

/**第三階層**/
#footer_info{ background:url(../images/defult/footer/footer_03back.gif) repeat-x #1f1f1f;}
#footer_info .tel{ padding:15px 5px; float:right; margin:0;}
#footer_info .copy{ text-align:center; padding:5px; clear:both; margin:0;}

/*===================================================================
//  トップページメインコンテンツ
//=================================================================*/

/**ゴールデンスペースCSS**/
.coin-slider { overflow: hidden; zoom: 1; position: relative; z-index:0; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; border-radius:5px; box-shadow: 0px 0px 5px #bbb; float: left; border: 1px solid #B8C4CF; color: #006391; text-indent: -1000px; }
.cs-active { background-color: #006391; color: #FFFFFF;  }
.cs-title { width:500px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; display:none; }
#golden p{ margin:0 0 0 0;}/**ゴールデンスペース調整**/
#contents_topbody p.banner{ margin:5px 10px; text-align:center;}/***トップページ用 480px単独バナー***/

/**ニュースコンテンツ**/
#news_body{ border-radius:5px;  border:5px solid #ebebeb; margin:10px; }
#news_body h3{ margin:-15px 0 0 0; padding:0; line-height:0px; }
#news_body ul{ padding:10px; margin:-5px 0 0 0; list-style:none;}
#news_body li{ border-bottom:1px solid #ccc; padding:5px 0px; margin:0;}
#news_body a.more{ font-size:10px; color:#fff; text-decoration:none; display:block; background:#a6a6a6; border-radius:3px; padding:5px 10px; float:right; margin:-23px 10px 0 10px; font-family:Arial, Helvetica, sans-serif;}


/**新商品**/

#new_item{ margin:5px 10px;}
#new_item ul{ margin:10px 0; padding:0; list-style:none;}
#new_item li{ margin:0; padding:0; float:left; margin:2px; width:155px;}



#digital_book{ margin:10px;}
#digital_book h4{ margin:0; padding:0;}
#digital_book .body{ background:#eee; border:1px solid #ccc; border-radius:0 0 3px 3px; padding:3px;}
#digital_book dl.left{ margin:0; padding:0; float:left; width:318px; }
#digital_book dl.left dd{ margin:0; padding:6px 2px; float:left; width:200px;}
#digital_book dl.left dt{ margin:0; padding:6px 0px; float:left; width:108px;}

#digital_book dl.right { margin:0; padding:2px; width:146px; float:right; border-left: 1px solid #ccc; }
#digital_book dl.right dd{ margin:0; padding:0; }
#digital_book dl.right dt{ margin:0; padding:0; }


/*===================================================================
//  トップページ右サイド
//=================================================================*/

#contents_right .menu_box{ border-radius:5px; text-align:center; background:#eaeaea; padding:2px; border:1px solid #c3c3c3; margin:0 0 10px 0;}
#contents_right .menu_box ul{ margin:0; padding:0; list-style:none; }
#contents_right .menu_box li{ margin:0; padding:0; list-style:none; }
#contents_right .banner{ margin:0 0 10px 0;}

/*===================================================================
// アイテムページ右サイド
//=================================================================*/

#item_right h4{ margin:0; padding:0 ; height:26px;}
#item_right ul{ margin:0 0 10px 0;  list-style:none; padding:5px; border:1px solid #a0a0a0; background:#fff; border-radius:0 0 5px 5px;}
#item_right ul li{ border-top:1px solid #fff; border-bottom:1px solid #d7d7d7; background: url(../images/defult/left/left_list_icon.png) 5px 7px no-repeat #fff; padding:5px 5px 5px 20px; }

/**blog.eikou.com**/
#blog_body{ border-radius:0 0 5px 5px;  border:3px solid #ebebeb; margin:0 0 10px 0; }
#blog_body h3{ margin:-15px 0 0 0; padding:0; line-height:0px; }
#blog_body ul{ padding:5px; margin:-5px 0 0 0; list-style:none;}
#blog_body li{ border-bottom:1px solid #ccc; padding:4px 0px; margin:0; font-size:10px;}
#blog_body a.more{ font-size:10px; color:#fff; text-decoration:none; display:block; background:#a6a6a6; border-radius:3px; padding:5px 10px; float:right; margin:-23px 10px 0 10px; font-family:Arial, Helvetica, sans-serif;}



/*===================================================================
//  トップページ 繁忙期カレンダー 2014.01.20
//=================================================================*/
.cal { border:3px solid #eee; background:#ccc;}
.cal th{ padding:3px; text-align:center;}
th.calsun { background:#0089d0; color:#fff; }
.cal td{  padding:3px;text-align:center; }
th.calweek { background:#eee;}
th.calsat { background:#fff; }
.tddevent_01 { background:#f4acb0; color:#000; font-weight:bold;}/**超繁忙**/
.tddevent_02 { background:#ffe5a6; color:#000; font-weight:bold;}/**繁忙**/
.tddevent_03 { background: #F00; color:#fff; font-weight:bold;}/**未イベント**/
.tddevent_04 { background:#0089d0; color:#fff; font-weight:bold;}/**祝日**/
.tddevent_04 a{ color:#FF9;}/**祝日**/

.tddevent_04 strong { color:#FC0;}/**祝日**/
.tdd {background:#fff; color:#666;}
.tdd strong { color:#F00;}
.tddevent_01 strong { color:#F00;}/*超繁忙 *祝日**/
.tddevent_02 strong { color:#F00;}/**繁忙 祝日**/
.tddevent_03 strong { color:#F00;}/**未イベント 祝日**/

#cal_left{ width:49%; float:left;}
#cal_right{ width:49%; float:right;}
.teb_title{ border-radius:3px 3px 0 0 ; border:3px solid #eee; border-bottom:0px; display:block; padding:5px; color:#0092b7; text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */	}

.title_calender{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
margin:0 0 8px 0; padding:10px ; border:1px #ccc solid; border-radius:5px; 
box-shadow:2px 2px 3px #ccc; color:#555; }
.title_calender span{ font-size:12px; font-weight:normal;}