@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    *メインカラム用 1カラム時 [one_maincolumn]
    *メインカラム用 2カラム時 [two_maincolumn_left]
                              [two_maincolumn_right]
    *メインカラム用 3カラム時 [three_maincolumn]
    *サイドカラム用           [side_column]
    *商品詳細のオススメ商品   [whobought_area]
 */


/* ==============================================
ブロック共通
/* ============================================= */
#container .block_body {
    background-color: #fff;
}
.side_column {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
.side_column .block_outer {
    margin: 10px 7%;
}
.side_column .block_body,
.main_column .block_body {
    border: solid 1px #ccc;
    border-top: none;
}
.side_column .block_body .box {
    border: solid 1px #ccc;
    width: 145px;
}
.main_column .block_outer {
    margin-bottom: 20px;
}


/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}


/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
}
#category_area h2 {
}

/* タイトルの背景 オレンジ */
#recommend_area h2 {
	width:590px;
}


/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn {
    margin: 0px;
    clear: both;
}
div#bottomcolumn {
	float:left;
	width:1098;
    margin: 20px 0 0 0;
    clear: both;
	padding:15px 0 30px 0;
	border:solid 1px #CCC;
}



/* ===============================================
▼新着情報
=============================================== */
#newsbx {
	float:left;
	width:520px;
	border:solid 1px #E5E5E5;
	padding:0 9px 8px 9px;
	margin:10px 0 30px 0;
	overflow:hidden;
	background:#F7F7F8;
}
#newsbx h2 {
    float: left;
	width:520px;
	height:32px;
    background:url(../img/top/tlt_notice.png) no-repeat 0 0;
	border-bottom:solid 1px #E5E5E5;
	text-indent:-9000px;
	margin:5px 0 6px 0;
}
.newslist {
	float:left;
	width:520px;
	color:#333;
	font-size:12px;
	padding:9px 0 8px 0;
}

.newslist li {
	float:left;
	width:520px;
	line-height:18px;
	margin:7px 0;
}
.newslist .ndta {
    float: left;
    line-height: 18px;
    width: 80px;
	color:#39a2d2;
	font-size:12px;
}
.newslist .ntlt {
    float: left;
    line-height: 18px;
    width: 440px;
	font-size:13px;
}
.newslist .ntlt {
    color: #111;
    text-decoration: none;
}

.newslist dd {
	float:left;
	width:480px;
	line-height: 18px;
    padding: 10px 20px;
	margin:5px 0 0 0;
	line-height:18px;
	background:#FFF;
}

.newslist .ntlt a,
.newslist dd a {
	color:#333;
	text-decoration:none;
}

.newslist .ntlt a:hover,
.newslist dd a:hover {
	color:#333;
	text-decoration:underline;
}


#topbx			{
     float:left;
     width:830px;
     padding:0 0 20px 20px;
     text-align:left;
}

.mban {
	float:left;
	width:100%;
}

.mban li {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

.mban li a {
	float:left;
	width:100%;
	display:block;
}

.tban1 {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}

.tban1 li {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

.tban1 li a {
	float:left;
	width:100%;
	display:block;
}

.tban2 {
	float:left;
	width:100%;
	margin:10px 0;
}

#one_maincolumn .tban2 li {
	float:left;
	width:540px;
	margin:0 5px 2px 5px;
}

#two_maincolumn_right .tban2 li {
	float:left;
	width:410px;
	margin:0 8px 2px 7px;
}

.tban2 li a {
	float:left;
	width:100%;
	display:block;
}

.tban3 {
	float:left;
	width:100%;
	margin:10px 0;
}

#one_maincolumn .tban3 li {
	float:left;
	width:265px;
	margin:0 5px 2px 5px;
}

#two_maincolumn_right .tban3 li {
	float:left;
	width:200px;
	margin:0 6px 2px 6px;
}

.tban3 li a {
	float:left;
	width:100%;
	display:block;
}

#one_maincolumn .ntban1,
#one_maincolumn .ntban2 {
	float:left;
	width:550px;
	margin:2px 0 20px 10px;
}

#two_maincolumn_right .ntban1,
#two_maincolumn_right .ntban2 {
	float:left;
	width:300px;
	margin:2px 0 20px 10px;
}

.ntban1 li,
.ntban2 li {
	float:left;
	width:100%;
	margin:9px 0 0 0;
}

.ntban1 li a,
.ntban2 li a {
	float:left;
	width:100%;
	display:block;
}




/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
    padding: 10px;
}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
    padding: 10px 0;
    text-align: center;
}


/* ===============================================
▼カテゴリ
=============================================== */


.blocbx {
     float:left;
	 width:250px;
	 font-size:13px;
	 margin:10px 0 0 0;
	padding:0 0 20px 0;
	 background:#f7f8f8;
}

.blocbx h2 {
     float:left;
	 width:250px;
}

.blocbx h2 a  {
	 width:250px;
	 height:55px;
	 display:block;
	 text-indent:-9000px;
	 background:url(../img/side/title.png) no-repeat 0 0;
}


.blocbx dl  {
     float:left;
	 width:230px;
	background:#F8F8F8;
	padding:0 10px 0 10px;
}

.blocbx dt      {
     float:left;
	 width:205px;
	 color:#111;
	 padding:7px 0 7px 25px;
	 text-decoration:none;
	 display:block;
	 background:#f7f8f8 url(../img/lisk/lisk.png) no-repeat 5px 9px;
	 margin:10px 0 0 0;
	 border-bottom:dotted 1px #B9C6D4;
}

.blocbx dt:hover      {
	 color:#FFF;
	 text-decoration:none;
	 background:#64c5dc url(../img/lisk/lisk.png) no-repeat 5px 9px;
}

.blocbx dd   {
     float:left;
	 width:230px;
	 font-size:13px;
	 padding:0 0 10px 0;
}

.blocbx dd ul   {
	 width:210px;
	 padding:5px 10px 10px 10px;
	 background:#FFF;
}

.blocbx dd ul li   {
	 width:187px;
	 padding:5px 0 5px 23px;
	 background:url(../img/lisk/lisk2.png) no-repeat 7px 8px;
	 border-bottom:dotted 1px #d9d6d6;
	 margin:5px 0 0 0;
}

.blocbx dd ul li h3   {
	 width:100%;
	 font-weight:normal;
}

.blocbx dd ul li h3 a   {
	 width:100%;
	 display:block;
	 line-height:17px;
	 color:#333;
	 text-decoration:none;
}

.blocbx dd ul li h3 a:hover   {
	 color:#0146b5;
	 text-decoration:underline;
}


.blocbx2 {
	float:left;
	width:220px;
	border:solid 1px #e5e5e5;
	margin:20px 0 10px 0;
}

.blocbx2 h2 {
	float:left;
	width:220px;
	font-size:14px;
	color:#333;
	text-align:center;
	padding:7px 0 7px 0;
	line-height:20px;
	border-bottom:solid 1px #CCC;
	background:#f7f7f7;
}

/* ===============================================
▼カテゴリ
=============================================== */
#categorytree {
	float:left;
	width:220px;
	padding:16px 0;
	background:#f8f8f8;
}

#categorytree li {
	float:left;
	width:190px;
    padding:1px 15px 1px 15px;
}

#categorytree li h3 {
	float:left;
	width:190px;
}
#categorytree li h3 a {
	float:left;
	width:190px;
	height:30px;
    display: block;
}





#catebx {
	float:left;
	width:190px;
	padding:0 10px 5px 10px;
	background:#FFF;
	letter-spacing:0;
}

#catebx .noca,
#catebx .level1  {
	float:left;
	width:97%;
	height:24px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	border-bottom:dotted 2px #ccc;
	margin:10px 0 3px 0;
	padding:5px 0 0 3%;
	text-decoration:none;
	background:none;
}

#catebx h4 a,
#catebx .level2  {
	float:left;
	width:173px;
	padding:3px 0 3px 12px;
	margin:2px 0 2px 15px;
	display:block;
	color:#333;
	text-decoration:none;
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	background:url(../../../../img/lisk/lisk7.gif) no-repeat 0 5px;
}

#catebx .level3  {
	float:left;
	width:158px;
	color:#333;
	padding:2px 0 2px 40px;
	background:#FFF url(../img/lisk/lisk11.png) no-repeat 28px 8px;
}

#catebx .level1:hover {
	text-decoration:underline;
}

#catebx h4 a:hover,
#catebx .level2:hover,
#catebx .level3:hover {
	color:#111;
	text-decoration:underline;
}




.tno {
	float:left;
	width:210px;
	border:solid 5px #e5e5e5;
}

.tno dt {
	float:left;
	width:210px;
	color:#333;
	font-size:5px;
	text-indent:-9000px;
}

.tno dt strong {
	float:left;
	width:50%;
}

.tno dt span {
	float:left;
	width:50%;
}

.tno dd {
	float:left;
	width:190px;
	font-size:12px;
	color:#555;
	line-height:15px;
	padding:0 10px 15px 10px;
}


.sbanbx1 {
	float:left;
	width:222px;
}

.sbanbx1		{
     float:left;
	 width:250px;
	 margin:15px 0 0 0;
}

.sbanbx1 li   {
     float:left;
	 width:250px;
	 margin:5px 0 5px 0;
}

.sbanbx1 li a   {
	 width:248px;
	 display:block;
	 border:solid 1px #E6E6E6;
}

.sbanbx2 {
     float:left;
	 width:248px;
	 margin:20px 0 0 0;
}

.sbanbx2 li {
     float:left;
	 width:248px;
}

.sbanbx2 li a {
     float:left;
	 width:248px;
	 height:120px;
	 border:solid 1px #E6E6E6;
     display:block;
}



/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    margin-top: 1em;
    border: none;
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    float: left;
    margin-bottom: 8px;
    width: 420px;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    width: 100px;
    float: left;
    font-size: 90%;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: right;
    width: 300px;
    vertical-align: bottom;
    text-align: left;
}
#container div#login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}


/* ===============================================
▼検索
=============================================== */
div#search_area .block_body {
    padding: 10px;
}
div#search_area .block_body .btn {
    text-align: center;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background:url(../img/side/blockbdy.gif) repeat-y 0 0;
}
#calender_area .block_body {
    padding: 10px 0;
    background-color: #f1f9fc;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 150px;
    margin: 0 auto 5px;
    font-size: 90%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area .off {
    color: #f00;
}
#calender_area .today {
    background-color: #FFF99D;
    font-weight: bold;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用 2カラム時 [two_maincolumn_left]
                            [two_maincolumn_right]
   メインカラム用 3カラム時 [three_maincolumn]
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body,
#whobought_area .product_item {
    margin-bottom: 10px;
    padding: 10px 0 10px;
    border: none;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p,
#whobought_area .product_item p {
    margin: 0 0 5px 0;
}

#recommend_area .block_body img,
#whobought_area .product_item img {
    margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
    font-size: 100%;
    font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}


/* 画像
----------------------------------------------- */
/* メインカラム用 */
.main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
    margin-bottom: 10px;
    float: left;
    width: 90px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}


/* 左右の振り分け
----------------------------------------------- */


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#one_maincolumn #recommend_area .block_body .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right #recommend_area .block_body .productContents,
#two_maincolumn_left #recommend_area .block_body .productContents,
#two_maincolumn_right #whobought_area .productContents,
#two_maincolumn_left #whobought_area .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 3カラム時*/
#three_maincolumn #recommend_area .block_body .productContents,
#three_maincolumn #whobought_area .productContents {
    float: right;
    width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
    clear: both;
}



/* ---------------------------------------------- */




#contact {
	width:225px;
	height:120px;
	display:block;
	text-indent:-9000px;
	background:#F8F8F8 url(../img/side/tel.png) no-repeat 0 0;
}


#newbx {
    float: left;
	width:742px;
	color:#353535;
	margin:50px 0 0 0;
}

#newbx h2 {
    float: left;
	width:740px;
	height:30px;
	text-indent:-9000px;
	border-top:dotted 1px #DDD;
	border-bottom:dotted 1px #DDD;
	margin:0 0 5px 0;
	background: url(../img/side/newitem.gif) no-repeat center 0;
}

.logbx    {
	width:180px;
	background:#f8f8f8;
    border: 1px solid #B5B7BA;
	padding:5px 10px 5px 10px;
	margin:10px 0 10px 10px;
}


#login_form {
	background:#f3f4f3;
	padding:10px 0 0 0;
}
#login_form input {
	font-size:12px;
	padding:2px 0 2px 0;
}
.fogotpwd {
    width: 200px;
	margin:0 0 0 10px;
	padding:10px 0 10px 0;
	border-top:dotted 1px #CCC;
}
.fogotpwd a {
	color:#333;
	text-decoration:underline;
}
.fogotpwd a:hover {
	color:#333;
	text-decoration:none;
}


.blocbx .btn {
	text-align:center;
	padding-bottom:10px;
}

#cart_area {
	width:180px;
	background:#f8f8f8;
    border: 1px solid #B5B7BA;
	padding:5px 10px 5px 10px;
	margin:10px 0 10px 10px;
}

#cart_area p {
	width:180px;
}

.catten,
.cprice {
	color:#A00000;
	text-align:right;
	padding:0 5px 0 20px;
}



/* ===============================================
▼カレンダー
=============================================== */


#cal {
	float:left;
	width:220px;
	padding:0 0 5px 0;
	border-bottom:solid 1px #283343;
	text-indent:-9000px;
	background:url(../img/side/calendar.png) no-repeat 0 center;
}

#calinfo {
	width:220px;
	border-left: none;
    border-top: none;
	margin:0;
}

#calinfo td.caltd {
    width: 201px;
	border-bottom: none;
    border-right: none;
	padding:0 0 10px 9px;
}

table.caltb {
	margin:0 !important;
}

table.caltb {
    border: none;
    width: 200px;
    margin: 0 0 0 10px;
    font-size: 90%;
	border-left: 1px solid #b5b7ba;
}
table.caltb td {
    padding: 2px 3px;
    text-align: center;
	border-bottom: 1px solid #b5b7ba;
    border-top: 1px solid #b5b7ba;
	background:#FFF;
}
table.caltb th {
    padding: 1px 3px;
    text-align: center;
	background-color:#f7f7f8;
	border-top:solid 1px #b5b7ba;
	border-bottom:solid 1px #b5b7ba;
}
table.caltb .month {
	font-size:11px;
	color:#777;
	text-align:right;
	background:none;
	margin:0;
}
table.caltb .off {
    color: #F00;
}
table.caltb .today {
    font-weight: bold;
	background:none;
}
.blocbx .information {
	float:left;
	width:210px;
	color:#eb7245;
	padding: 0 0 0 10px;
}





.infobx {
	float:left;
	width:1100px;
	letter-spacing:0;
	margin:0 0 10px 0;
}
.gbx {
	float:left;
	width:346px;
	color:#CCC;
	padding:0 20px 20px 0;
	margin:10px 0 0 0;
	background:url(../img/foot/fline.png) no-repeat right 0;
}

.gbx2 {
	float:left;
	width:326px;
	color:#CCC;
	padding:0 20px 20px 20px;
	margin:10px 0 0 0;
}

.gbx3 {
	float:left;
	width:346px;
	color:#CCC;
	padding:0 0 20px 20px;
	margin:10px 0 0 0;
	background:url(../img/foot/fline.png) no-repeat right 0;
}

.gbx h3   {
	float:left;
	width:100%;
	font-size:17px;
	padding:0 0 10px 0;
}

.gbx2 h3,
.gbx3 h3   {
	float:left;
	width:324px;
	font-size:13px;
	padding:5px 11px;
	background:#424548;
}

.gbx h3 strong   {
	float:left;
}

.gbx2 h3 strong,
.gbx3 h3 strong   {
	float:left;
}

.gbx h3 span   {
	float:left;
	color:#d72829;
	padding:0 0 0 5px;
}

.gbx2 h3 span,
.gbx3 h3 span   {
	float:right;
	width:20px;
	text-align:center;
}

.gbx2 h3 span a,
.gbx3 h3 span a   {
	float:right;
	width:100%;
	color:#a1a2a4;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

.gbx2 h3 span a:hover,
.gbx3 h3 span a:hover   {
	text-decoration:none;
}


.cusbx {
	float:left;
	width:254px;
	padding:15px 0 15px 70px;
	border:solid 1px #46494c;
	background:url(../../../../img/custom.png) no-repeat 20px center;
}

.cudl {
	float:left;
	width:200px;
}

.cudl dt {
	float:left;
	width:100%;
}

.cudl dd {
	float:left;
	width:100%;
	font-size:11px;
	line-height:14px;
	color:#999;
	margin:5px 0 0 0;
}

.cusbx .p4 {
	float:left;
	width:44px;
	font-size:11px;
}

.cusbx .p4 a {
	float:left;
	width:100%;
	height:40px;
	background:url(../../../../img/more.png) no-repeat center center;
	text-indent:-9000px;
}

.incon {
	float:left;
	width:324px;
	border-top:solid 1px #46494c;
	border-bottom:solid 1px #46494c;
	border-left:solid 1px #46494c;
	padding:0 0 0 1px;
	margin:10px 0 0 0;
}

.incon li {
	float:left;
	width:108px;
}

.incon li a {
	float:left;
	width:107px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	color:#999;
	padding:40px 0 6px 0;
	border-right:solid 1px #46494c;
	text-decoration:none;
}

.incon li a:hover {
	color:#999;
	text-decoration:underline;
}

.incon li.fic1 a {
	background:url(../../../../img/ficon1.png) no-repeat center 10px;
}

.incon li.fic2 a {
	background:url(../../../../img/ficon2.png) no-repeat center 10px;
}

.incon li.fic3 a {
	background:url(../../../../img/ficon3.png) no-repeat center 10px;
}




.infobx .p1 {
    float: left;
    width: 100%;
	font-size:13px;
	line-height:20px;
}

.infobx .p2 {
	float:left;
	width:100%;
	font-size:27px;
	line-height:31px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	border-bottom:solid 1px #46494c;
}

.infobx .p3 {
	float:left;
	width:97%;
	color:#999;
	padding:0 0 0 3%;
	font-size:12px;
	line-height:22px;
	background:url(../../../../img/lisk/lisk7.gif) no-repeat 0 5px;
}

.infobx .p3 {
	float:left;
	width:100%;
}


.infobx .p3 a {
	color:#d72829;
	text-decoration: underline;
}

.infobx .p3 a:hover {
	text-decoration:none;
}



.p4 {
    float: left;
    width: 96%;
	font-size:12px;
	line-height:20px;
	padding:5px 2% 10px 2%;
}

.p4 a {
	color: #CCC;
	text-decoration:underline;
}

.p4 a:hover {
	color: #CCC;
	text-decoration:none;
}


.payul {
    float: left;
    width: 96%;
	font-size:12px;
	line-height:20px;
	padding:0 0 0 4%;
	margin:7px 0 0 0;
	background:url(../../../../img/lisk/lisk7.gif) no-repeat 0 4px;
}

.payul li {
    float: left;
    width: auto;
	padding:0 10px 0 0;
	background:url(../../../../img/lisk/lisk7.gif) no-repeat right 4px;
}




.ptl2 {
    float: left;
    width: 60px;
}

.infobx .ful {
	float:left;
	width:100%;
	font-size:12px;
	margin:5px 0 0 0;
}

.infobx .ful li {
	line-height:18px;
	padding:0 0 0 15px;
	margin:5px 0 5px 0;
	background:url(../../../../img/lisk1.png) no-repeat 0 4px;
}

.infobx .ful li a {
	color:#FFF;
	text-decoration:underline;
}

.infobx .ful li a:hover {
	text-decoration:none;
}




.fpul {
	float:left;
	width:100%;
	font-size:12px;
	background:#FFF;
	margin:5px 0 5px 0;
}

.fpul li {
	float:left;
	width:50%;
	height:32px;
	padding:5px 0 5px 0;
}
.guide .p3 {
	width:100%;
}

.guide .ful {
	font-size:12px;
	padding:10px 0 10px 10px;
}

.guide .ful li {
	line-height:18px;
	padding:0 0 0 10px;
	background:url(../img/foot/lisk.gif) no-repeat 0 5px;
}

.guide .ful li a {
	color:#353535;
	text-decoration:underline;
}

.guide .ful li a:hover {
	text-decoration:none;
}




#recomend_area {
	float:left;
	width:1100px;
	margin:50px 0 0 0;
}

#recomend_area h2 {
    float: left;
	width:1100px;
	height:30px;
	line-height:27px;
	text-indent:-9000px;
	border-top:dotted 1px #DDD;
	border-bottom:dotted 1px #DDD;
	margin:0 0 5px 0;
	background:url(../img/side/bestitem.gif) no-repeat center 0;
}

.recobx  {
	float:left;
	width:100%;
	margin:10px 0 20px 0;
}

.recobx h2  {
	float:left;
	width:100%;
	margin:0 0 1px 0;
	background:url(../img/lisk/lisk9.png) repeat-x 0 bottom;
}



.rst1  {
	float:left;
	font-size:20px;
	color:#000;
	line-height:40px;
	padding:0 0 0 15px;
	background:url(../../../../img/lisk/stlt2.png) no-repeat 0 7px;
}

.rst2  {
	float:right;
	font-size:13px;
	color:#CCC;
	line-height:30px;
	font-weight:normal;
	padding:5px 20px 0 0;
}

.rspa1  {
	float:left;
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
	line-height:40px;
}

.rspa2  {
	float:right;
	margin:5px 0 0 0;
}

#one_maincolumn .srbx  {
	float:left;
	width:1095px;
	padding:10px 0 10px 5px;
	background:#F3F3F3;
}

#two_maincolumn_right .srbx  {
	float:left;
	width:844px;
	padding:10px 0 10px 8px;
	background:#F3F3F3;
}


.product_it1  {
    float: left;
    width: 200px;
	padding:0 0 5px 0;
	margin:10px 9px 10px 9px;
}

.product_it1 .productimg  {
    float: left;
    width: 198px;
	text-align:center;
	border:solid 1px #e0e0e0;
}

.product_it2  {
    float: left;
    width: 192px;
	padding:0 0 5px 0;
	margin:10px 9px 10px 9px;
}

.product_it2 .productimg  {
    float: left;
    width: 190px;
	text-align:center;
	border:solid 1px #e0e0e0;
}


.product_it1 .productimg a,
.product_it2 .productimg a  {
    float: left;
    width: 100%;
	display:block;
}

.productconts  {
    float: left;
    width: 100%;
}

.productconts h3  {
    float: left;
    width: 100%;
	font-size:12px;
	line-height:14px;
	max-height:28px;
	margin:0 0 14px 0;
	overflow:hidden;
	padding:15px 0 5px 0;
	border-bottom:solid 1px #DDD;
}

.productconts h3 a  {
    float: left;
	width:100%;
	display:block;
	font-size:13px;
	color:#222;
	font-weight:normal;
	text-decoration:none;
}

.productconts h3 a:hover  {
	text-decoration:underline;
}

.rtxt  {
    float: left;
    width: 100%;
	font-size:11px;
	line-height:15px;
	color:#444;
	height:30px;
	overflow:hidden;
}

.productconts .sale_price,
.listprice  {
    float: left;
    width: 100%;
	color:#222;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}



.rtxt a  {
	color:#444;
	text-decoration:none;
}

.productconts .sale_price a,
.listprice a  {
	color:#222;
	text-decoration:none;
}

.rtxt a:hover,
.productconts .sale_price a:hover,
.listprice a:hover  {
	text-decoration:underline;
}


.photobx  {
	float:left;
	width:1230px;
	margin:10px 0 20px 0;
}
.photobx h2  {
	float:left;
	width:1230px;
	height:100px;
	text-indent:-9000px;
	background:url(../img/top/realphoto.png) no-repeat center center;
}
.phtxt  {
	float:left;
	width:100%;
	padding:5px 0;
	color:#333;
	text-align:center;
	border-bottom:solid 1px #999;
}


/* ===============================================
▼パンクズ
=============================================== */
#pankuzu{
	float: left;
	width:515px;
	padding:0 0 0 13px;
}
#toppage {
	float:left;
	width:40px;
	display:block;
	text-indent:-9000px;
	background:url(../img/conts/home.gif) no-repeat 0 0;
	margin:1px 5px 0 0;
}

div#pagebox {
	position: fixed;
	width:50px;
	z-index:99999;
	margin: -20px 0 0 85%;
}
.pagetop {
    display: none;
    width: 100%;
}


/* faq box ---------------------------- */
.category_box    {
    float: left;
    width: 850px;
	padding:0 0 20px 0;
}
.category_box h3    {
    float: left;
    width: 820px;
	font-weight:normal;
	color:#333;
	font-size:14px;
	padding:0 0 10px 30px;
	background:url(../img/lisk/lisk3.gif) no-repeat 0 -4px;
	margin:30px 0 0 0;
}

#faqbx    {
    float: left;
    width: 850px;
    color: #9A9AA6;
	border-top:solid 1px #ccc;
}

#faqbx2    {
    float: left;
    width: 850px;
    color: #9A9AA6;
	margin:0 0 30px 0;
}

#faqbx dt,
#faqbx2 dt     {
    width: 810px;
	color:#333;
	font-size:13px;
	padding:10px 10px 10px 30px;
}

#faqbx dt span,
#faqbx2 dt span,
#faqbx dd span,
#faqbx2 dd span       {
	font-size:15px;
	font-family: "Nanum Gothic","Tahoma",Arial,Helvetica,Tahoma,sans-serif;
}

#faqbx dt span,
#faqbx2 dt span       {
	color:#018ae7;
}

#faqbx dd span,
#faqbx2 dd span       {
	color:#e73c07;
}

#faqbx dd,
#faqbx2 dd    {
    width: 810px;
	color:#444;
	padding:10px 10px 20px 30px;
	background:#f8f8f8;
}

#faqbx dd a,
#faqbx2 dd a    {
	color:#A00000;
	text-decoration:underline;
}

#faqbx dd a:hover,
#faqbx2 dd a:hover    {
	color:#A00000;
	text-decoration:none;
}

dl.accordion-menu .a-m-t  {
	  cursor: pointer;
}


html.accordion-menu-js dt.a-m-t  {
      cursor: pointer;
	  zoom: 1;
}


html.accordion-menu-js dd.a-m-d  {
      display: none;
}


html.accordion-menu-js dd.a-m-d-expand  {
      display: block;
}


html.accordion-menu-js dd.a-m-d-before-expand  {
      overflow: visible;
	  visibility: hidden;
	  z-index: -1;
	  display: block;
}


html.accordion-menu-js dd.a-m-d-anim  {
      overflow: hidden;
	  display: block;
}


/* ===============================================
▼クーポン
=============================================== */
#coupon_area {
	clear:both;
	margin-bottom:5px;
}
#coupon_area .block_body {
	border:none;
}
#coupon_area #title {
	font-size:120%;
	padding:5px;
	background-color:#eee;
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_area .date_area {
	margin-bottom:10px;
}
#coupon_area .date_area .name {
	font-weight:bold;
	color:#F00;
	border-left: #FF3737 5px solid;
	padding-left:5px;
	margin-bottom:5px;
}
#coupon_area .date_area .discount {
	font-weight:normal;
}
#coupon_area .date_area .comment {
	display:block;
	margin-bottom:5px;
}
#coupon_area .date_area .condition {
	background-color:#f5f5f5;
	padding:5px;
}



.axbt    {
	float:left;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 10px;
	line-height:18px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #222;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #222;
    background: -moz-linear-gradient(center top, #555 0%,#222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555),color-stop(1, #222));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
	margin:0 10px 0 0;
}


.axbt2    {
	float:left;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 20px;
	line-height:25px;
	padding:10px 20px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #e22204;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    display: block;
    background: #e22204;
    background: -moz-linear-gradient(center top, #ec5c45 0%,#e22204 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec5c45),color-stop(1, #e22204));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
	margin:0 10px 0 0;
}
.axbt2:hover    {
	float:left;
    color: #ffff00 !important;
	text-decoration:none !important;
    font-size: 20px;
	line-height:25px;
	padding:10px 20px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #006400;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    display: block;
    background: #008800;
    background: -moz-linear-gradient(center top, #008800 0%,#006400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008800),color-stop(1, #006400));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
	margin:0 10px 0 0;
}

.axbt3    {
	float:left;
	width:80%;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 14px;
	line-height:20px;
	padding:5px 10%;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #e22204;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #e22204;
    background: -moz-linear-gradient(center top, #ec5c45 0%,#e22204 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec5c45),color-stop(1, #e22204));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}
.axbt3:hover    {
	float:left;
	width:80%;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 14px;
	line-height:20px;
	padding:5px 10%;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #222;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #222;
    background: -moz-linear-gradient(center top, #555 0%,#222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555),color-stop(1, #222));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
	margin:0 10px 0 0;
}

.axbt4    {
	float:left;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 12px;
	line-height:20px;
	padding:2px 10px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #222;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #222;
    background: -moz-linear-gradient(center top, #555 0%,#222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555),color-stop(1, #222));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}

.axbt4:hover    {
	float:left;
    color: #FFF !important;
	text-decoration:none !important;
    font-size: 12px;
	line-height:20px;
	padding:2px 10px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
	letter-spacing:-0.5px;
    border: 1px solid #e22204;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #e22204;
    background: -moz-linear-gradient(center top, #ec5c45 0%,#e22204 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec5c45),color-stop(1, #e22204));
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}


.mli,
.mli2 {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%;
	background:#FFF;
}

.mli3 {
    float: left;
    margin: 10px 0 20px 0;
    width: 560px;
	background:#FFF;
}

#one_maincolumn .mli li,
#one_maincolumn .mli p {
    float: left;
    width: 168px;
	text-align:center;
	margin:0 8px 5px 7px;
}

#two_maincolumn_right .mli li,
#two_maincolumn_right .mli p   {
    float: left;
    width: 168px;
	text-align:center;
	margin:0 1px 5px 1px;
}


.mli3 p {
    float: left;
    width: 106px;
	text-align:center;
	margin:0 3px 5px 3px;
}

.mli li a,
.mli p a {
    float: left;
    width: 160px;
	height:85px;
	border:solid 4px #e5e5e5;
}

.mli3 p a {
    float: left;
    width: 104px;
	height:68px;
	border:solid 1px #e5e5e5;
}


#one_maincolumn .mli2 li {
    float: left;
    width: 168px;
	text-align:center;
	margin:0 8px 5px 7px;
}

#two_maincolumn_right .mli2 li,
#two_maincolumn_right .mli2 p {
    float: left;
    width: 168px;
	text-align:center;
	margin:0 1px 5px 1px;
}

.mli2 li a,
.mli2 p a {
    float: left;
    width: 160px;
	border:solid 4px #e5e5e5;
}

.mli li a:hover,
.mli2 li a:hover,
.mli p a:hover,
.mli2 p a:hover {
	border:solid 4px #333;
}

.mli3 p a:hover {
	border:solid 1px #333;
}



#one_maincolumn .mdl {
    float: left;
    width: 200px;
	margin:10px 9px 0 9px;
	border:solid 1px #e5e5e5;
}

#two_maincolumn_right .mdl {
    float: left;
    width: 200px;
	margin:10px 6px 0 5px;
	border:solid 1px #e5e5e5;
}

.mdl h3 {
    float: left;
    width: 185px;
	color: #333;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	padding:10px 5px 5px 10px;
}

.mdl h3 strong {
	color: #3f5f7e;
}

.mdl .tmp1 {
    float: left;
    width: 80px;
	padding:2px 0;
}

.mdl .tmp2 {
    float: left;
    width: 115px;
	height:45px;
	font-size:12px;
	line-height:15px;
	overflow:hidden;
	padding:0 5px 0 0;
}

.mdl .tmp3 {
    float: left;
    width: 200px;
	margin:10px 0 0 0;
}

.mdl2 {
    float: left;
    width: 850px;
	margin:10px 0 0 0;
}

.mdl2 .tmp1 {
    float: left;
    width: 200px;
	padding:10px 0;
}

.mdl2 h3 {
    float: left;
    width: 610px;
	color: #111;
	font-size:25px;
	line-height:30px;
	font-weight:normal;
	padding:10px 0 5px 20px;
}

.mdl2 h3 strong {
	color: #8b95b1;
}

.mdl2 .tmp2 {
    float: left;
    width: 590px;
	color: #555;
	font-size:13px;
	line-height:20px;
	padding:10px 20px;
	background:#F8F8F8;
}

#tmyt {
    float: left;
    width: 100%;
	text-align:center;
	margin:40px 0 20px 0;
}

.mdl2 .tmp3 {
    float: left;
    width: 100%;
	text-align:center;
	margin:20px 0 20px 0;
}

.tmp4 {
    float: left;
    width: 100%;
	color: #666;
	font-size:13px;
	line-height:23px;
	margin:10px 0 10px 0;
}

.tmpi {
    float: left;
    width: 94%;
	padding:0 0;
	margin:10px 3% 10px 3%;
}

.tmp5 {
    float: left;
    width: 94%;
	color: #444;
	font-size:13px;
	line-height:23px;
	margin:10px 0 10px 0;
	padding:20px 3%;
	background:#F8F8F8;
}

.maul {
    float: left;
    width: 97%;
	color: #333;
	font-size:15px;
	line-height:23px;
	margin:10px 0 10px 3%;
}

.maul li {
    float: left;
    width: 100%;
	margin:5px 0 5px 0;
}

.maul li span {
    float: left;
    width: 90px;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(../../../../img/lisk/lisk8.png) no-repeat 0 center;
}

.intbx {
    float: left;
    width: 330px;
	font-size:14px;
	line-height:20px;
	color: #555;
	text-align:center;
	padding:270px 260px 170px 260px;
	background:url(../../../../img/top/intro.jpg) no-repeat 0 0;
	background-size:100%;
	margin:20px 0 20px 0;
}

.intbx strong {
	font-weight:normal;
}

.rvbl {
    float: left;
    width: 850px;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #DDD;
}

.rvbl dt {
    float: left;
    width: 140px;
	border:solid 1px #E6E6E6;
}

.rvbl dt a {
    float: left;
    width: 140px;
	display:block;
}

.rvbl dd {
    float: left;
    width: 700px;
	padding:0 0 0 8px;
}

.rvbl dd h3 {
    float: left;
    width: 100%;
	font-size:13px;
	line-height:18x;
	color: #466c8a;
}

.rvbl dd .rlev {
    float: left;
    width: 100%;
}

.rvbl dd .recommend_level {
    float: left;
    width: 50%;
}

.rvbl dd .reviewer {
    float: left;
    width: 50%;
	text-align:right;
}

.rvbl dd .rtxt {
    float: left;
    width: 100%;
	font-size:12px;
	line-height:18x;
	color: #666;
	margin:5px 0 0 0;
}



.aboutbx	{
     float:left;
     width:100%;
	 margin:20px 0 0 0;
}

.aboutbx h3		{
     float:left;
     width:97%;
     text-align:left;
     font-size:17px;
     color:#16406b;
	 font-weight:bold;
     padding:3px 0 0 3%;
	 margin:30px 0 10px 0;
	 background:url(../../../../img/lisk/stlt2.png) no-repeat 0 0;
}

.aboutbx h3 strong		{
     float:left;
     text-align:left;
	 margin:0 20px 0 0;
	 line-height:23px;
}

.aboutbx h3 span		{
     float:left;
     text-align:left;
     font-size:12px;
     color:#CCC;
	 font-weight:normal;
}


#map_canvas		{
     float:left;
     width:100%;
	 height:340px;
	 border:solid 1px #E6E6E6;
	 margin:20px 0 50px 0;
}


.infobox {
	float:left;
	width:810px;
	font-size:12px;
	padding:20px 0 20px 20px;
	margin:20px 0 20px 0;
}

.infobox h3 {
	float:left;
	width:800px;
	color:#50555d;
	font-size:15px;
	padding:0 0 0 5px;
}

.infobox h3.lin1 {
}

.infobox h3.lin2 {
	background:url(../img/lisk/02.png) no-repeat 0 0;
}

.inftb {
	float:left;
	width:800px;
	 font-size:13px;
	 text-align:left;
	background:#baceef;
	margin:10px 0 0 0;
}

.inftb th {
	width:200px;
	font-weight:bold;
	padding:10px 0 10px 20px;
	background:#eef5fa;
	color:#3b3e78;
}

.inftb td {
	width:580px;
	padding:10px 0 10px 20px;
	background:#FFF;
	color:#454545;
	font-size:13px;
	line-height:23px;
}

.inftb td .ctx {
	padding:5px 0;
}


.inot {
	float:left;
	width:710px;
	margin:10px 0 20px 0;
}


.inot h4 {
	float:left;
	width:670px;
	padding:5px 0 0 25px;
	color:#2171d5;
	line-height:20px;
	background: url(../img/lisk/lisk8.png) no-repeat 10px 10px;
}


.inot ul {
	float:left;
	width:675px;
	padding:0 0 0 25px;
	color:#454545;
}

.inot2 {
	float:left;
	width:460px;
	margin:10px 0 20px 0;
}


.inot2 h4 {
	float:left;
	width:435px;
	padding:5px 0 0 25px;
	color:#2171d5;
	line-height:20px;
	background: url(../img/lisk/lisk8.png) no-repeat 10px 10px;
}


.inot2 ul {
	float:left;
	width:430px;
	padding:0 0 0 25px;
	color:#454545;
}

.infobox ul li {
	padding:10px 0 3px 15px;
	background:url(../img/info/line.png) no-repeat 0 bottom;
}

.infobox ul li span {
	width:100px;
	padding:0 10px 0 0;
}



.kmp {
	float:left;
	width:230px;
	border:solid 1px #E6E6E6;
	margin:10px 0 20px 18px;
}



/* リスト */

.bestbx {
     float:left;
     width:100%;
	 margin:20px 0 20px 0;
}

.btlt {
     float:left;
     width:100%;
}

.lislider {
     float:left;
     width:100%;
	 border:solid 1px #E6E6E6;
	margin: 0 auto;
	z-index: 1;
}


.slick-prev,
.slick-next {
    top: 50%;
    display: block;
    width: 30px;
	height:30px;
	font-size: 12px;
	opacity: 0.75;
	color:none;
	background-size:100%;
	text-indent:-9000px;
	z-index: 3;
}

.slick-prev {
    left: -25px;
	background:url(../../../../img/fprev.png) no-repeat 0 0 !important;
	background-size:100% !important;
}

.slick-next {
    right: -25px;
	background:url(../../../../img/fnext.png) no-repeat 0 0 !important;
	background-size:100% !important;
}


/* ===============================================
▼inavi
=============================================== */



#unavi		{
      float:left;
	  width:100%;
	  margin:0 0 30px 0;
}

#unavi li		{
      float:left;
	  width:23%;
	  font-size:12px;
	  padding:0 1%;
}

#unavi li a		{
      float:left;
	  color:#333;
	  width:100%;
	  height:10px;
	  display:block;
	  font-size:13px;
	  line-height:18px;
	  text-align:center;
	  padding:85px 0 25px 0;
	  border:solid 1px #27669f;
	  border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
}

#unavi li a:hover		{
	  color:#d72829;
}

.uic1 a		{
	  background:#F8F8F8 url(../../../../img/info/icon/1.png) no-repeat center 15px;
	  background-size:30%;
}

.uic2 a		{
	  background:#F8F8F8 url(../../../../img/info/icon/2.png) no-repeat center 15px;
	  background-size:30%;
}

.uic3 a		{
	  background:#F8F8F8 url(../../../../img/info/icon/3.png) no-repeat center 15px;
	  background-size:30%;
}

.uic4 a		{
	  background:#F8F8F8 url(../../../../img/info/icon/4.png) no-repeat center 15px;
	  background-size:30%;
}


.infobxtxt  {
    float: left;
    width: 96%;
	color:#222;
	font-size:13px;
	line-height:1.5;
	padding:0 2%;
}