@charset "UTF-8";
/* ------------------------------
 Editorial
------------------------------ */

/*	Common Style
--------------------------------------*/

h1, h2, h3, h4, p, ol, ul, dl, table {
	margin-bottom:1em;
}
strong {
	font-weight:bold;
}
/*	Hypertext
--------------------------------------*/

a {
	color:#0099ff;text-decoration:none;
}/*リンクされた文字*/
a:link {
}/*未訪問のリンク*/
a:visited {
	color:#0099ff;text-decoration:none;
}/*訪問後のリンク*/
a:hover {
	text-decoration:underline;
}/*マウスをのせた時*/
a:focus {
}/* 選択された時*/
a:active {
}/*クリック中*/

/* ------------------------------
 全体
------------------------------ */
#wrapper {
	line-height:1.0;
}

.require{
	color:#C00;
	font-weight:bold;
}

div#content .section,
div#content-colum1 .section{
	margin:0 0 20px 10px;
}

div#content.left .section{
	margin:0 0 20px 0px;
}

div#content .content-link{
	text-align:right;
}

div#content .link{
	background:url(../images/icon_link.gif) right no-repeat;
	padding-right:20px;
}

/* ------------------------------
 共通ヘッダー
------------------------------ */

/*	div#header
--------------------------------------*/
div#header .inner {
	padding:17px 10px 0 10px;
}
div#header h1 {
	width:173px;
    /*height:47px;*/
    height:100px;
	/*background:url(../images/logo.gif) no-repeat;*/
	background:url(../images/logo.png) no-repeat;
	background-size: 100%;
	text-indent:-9999px;
	margin:0;
	padinng:0;
	float:left;
	display:inline;
}
div#header h1 a {
	/*width:173px;
	height:47px;
	background:url(../images/logo.gif) no-repeat;*/
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
}
div#header .search {
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
    width:750px;

}

div#header .search input {
	margin:0px;
	padding:0px;
	vertical-align:top;
}
div#header .search img {
	margin:0px;
	padding:0px 10px 0px 0px;
}

div#header .search table {
	width:585px;
	text-align:left;
	margin:0 0 0 20px;
	padding:0px;
	float:right;
}

div#header .search table th {
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px 2px;
}

div#header .search table td {
	margin:0px;
	padding:0px 2px;
}

div#header .search #header_search_btn {
	margin-top: 5px;
}
/* ------------------------------
 　大カテゴリー
------------------------------ */
div#category {
	margin:0 0 10px 0;
}

div#category ul{
	margin:0;
}


div#category ul li{
	float:left;
	display:inline;
}

/* ------------------------------
 　左ナビゲーション
------------------------------ */
div#nav.left{
	/*background:url(../images/nav_texture.gif) repeat-y;*/
}

div#nav.left .top{
	/*height:10px;
	background:url(../images/nav_top.gif) no-repeat;*/
}

div#nav.left .inner{
	padding:10px 10px 15px 10px;
	border:1px solid #CCC;
	margin-bottom:5px;
}

div#nav.left .inner h3{
	background:url(../images/nav_h3_bg.gif) no-repeat;
	color:#FFF;
	height:25px;
	padding:5px;
}

div#nav.left .bottom{
	height:10px;
	/*background:url(../images/nav_bottom.gif) no-repeat;*/
}

/* ------------------------------
 　右ナビゲーション
------------------------------ */
/*
div#nav.right{
	background:url(../images/nav_right_texture.gif) repeat-y;
}

div#nav.right .top{
	height:10px;
	background:url(../images/nav_right_top.gif) no-repeat;
}

div#nav.right .inner{
	padding:0 10px;
}

div#nav.right .inner h3{
	background:url(../images/nav_right_h3_bg.gif) no-repeat;
	color:#FFF;
	height:25px;
	padding:0 5px;
}

div#nav.right .bottom{
	height:10px;
	background:url(../images/nav_right_bottom.gif) no-repeat;
}

div#nav ul.menu li{
	border-bottom:1px dotted #AAA;
	padding:3px 0;
}
*/

/* ------------------------------
 　メインコンテンツ
------------------------------ */
div#content-colum1 h3,
div#content h3{
	background:url(../images/content_h3_bg.gif) no-repeat;
	height:40px;
	padding:10px;
	margin:0;
}

div#content-wide h3{
	background:url(../images/wide_h3_bg.gif) no-repeat;
	height:40px;
	padding:10px;
	margin:0;
}

h4.heading{
	margin:20px 0 5px 0;
}

h4.subheading{
	padding:0 0 2px 0;
	border-bottom:1px solid #ccc;
}

h4.bgcolor{
	padding:5px;
	background:#FF6;
}

.fig,
.inquiry{
	margin:10px auto;
	text-align:center;
	}

.content-link{
	text-align:right;
}

/*エラー表示*/
.error{
	padding:3px;
	border:2px solid #F00;
	color:#F00;
	background:#FCC;
}

/*フレーム囲み*/

.frame{
	padding:10px;
	border:5px solid #e4e4e4;
	}

.frame_line{
	padding:10px;
	border:1px solid #e4e4e4;
	}
.frame_line2{
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #e4e4e4;
}

.frame_round_top{
	background:url(../images/frame_round_top.gif) no-repeat;
	width:950px;
	height:35px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:2;
	font-size:140%;
	margin-top:40px;
}

.frame_round_top2{
	background-color:#c01406;
	width:950px;
	height:35px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:2;
	font-size:140%;
	margin-top:40px;
}

.frame_blue{
	padding:10px;
	border:1px solid #5ec8e6;
}

.frame_red{
	padding:10px;
	border:1px solid #c01406;
}


/* 商品詳細用に追加 */

table.tbproductdetail {
  border-collapse:collapse;
  width:100%;
}
table.tbproductdetail th{
  border-bottom: 1px dashed #CCCCCC;
  height:33px;
  vertical-align:top;
  padding-top:2px;
  width:40%;
}

table.tbproductdetail td {
  border-bottom: 1px dashed #CCCCCC;
  height:33px;
  vertical-align:top;
  padding-top:2px;
}



/*画像配置*/
img.middle{
	vertical-align:middle;
}

/*外部リンクアイコン*/
a.outlink {
	background:url(../images/icon_outlink.gif) no-repeat right;
	padding-right:20px;
}

/*内部リンクアイコン*/
a.link {
	background:url(../images/icon_link.gif) no-repeat right;
	padding:5px 20px 5px 0;
}

/*日付表示*/
p.date{
	color:#666;
	font-size:90%;
	border-bottom:1px dotted #AAA;
	padding:3px;
	text-align:right;
	}

.small{font-size:90%;margin:0;}
.require{color:#F00;}

.small input{font-size:90%;margin:0;}

/* ------------------------------
 　お知らせ
------------------------------ */
dl.news dd{
	border-bottom:1px dotted #AAA;
	padding-bottom:3px;
	margin-bottom:5px;
}


/* ------------------------------
 　検索枠
------------------------------ */
#content .search{
	margin:0 0 30px 0;
	background:#f4f4f4;
	padding:10px;
}

#content .search h4{
	height:23px;
	padding:2px 0 0 10px;
	background:url(../images/search_h4_bg_red.gif) repeat-x;
	/*border:1px solid #c01406;*/
	color:#FFF;
	font-size:110%;
}


/* ------------------------------
 　注目ワード付き検索枠
------------------------------ */
#content .search_word{
	width:630px;
	height:87px;
	background:url(../images/texture_search_word630.gif) no-repeat;
	position:relative;
}

#content .search_word .inner{
	padding:10px;
}

#content .search_word .word{
	position:absolute;
	top:52px;
	left:18px;
}

#content .search_word .word img{
	vertical-align:text-top;
}

/* ------------------------------
 　ページング
------------------------------ */
div.pagenav{
	margin-bottom:10px;
	text-align:center;
}

a.back{
	background:url(../images/arrow_back.gif) no-repeat left;
	padding-left:10px;
}

a.next{
	background:url(../images/arrow_next.gif) no-repeat right;
	padding-right:10px;
}
/* ------------------------------
 　ピックアップ
------------------------------ */
#content h3.pickup{
    width:630px;
    height:63px;
    background:url(../images/t/t_pickup630.gif) no-repeat;
    margin:0;
    padding:0;
}

#content h3.pickup span.sub{
    text-align:right;
    float:right;
    padding-top:20px;
    font-size:90%;
    font-weight:normal;
}

#content h3.pickup span.main{
    text-align:left;
    float:left;
    padding:20px 0 0 80px;
}

#content .frame_bottom{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

#content .box{
    width:140px;
    float:left;
    margin:8px;
}

#content .box .box_img{
    text-align:center;
    margin:10px 0;
}

#content .separate630{
    background:url(../images/texture_separate630.gif) 1px 0 repeat-y;
}

/* ------------------------------
 　閲覧情報レコメンド
------------------------------ */
#content h3.pickupRecommend{
	width:100%;
	height:40px;
	background:url(../images/t/t_pickup630_orange.gif) no-repeat;
	background-size:contain;
	margin:0;
	padding:0;
}

#content h3.pickupRecommend span.sub{
	text-align:right;
	float:right;
	padding-top:20px;
	font-size:90%;
	font-weight:normal;
}

#content h3.pickupRecommend span.main{
	text-align:left;
	float:left;
	padding:20px 0 0 80px;
}

#content .frameRecommend_bottom{
	margin-top:10px;
	padding-left:10px;
    background-color: #ffd1a8;
}

#content .boxRecommend{
	width:21%;
	height:132px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1.1%;
	margin-right:1.1%;
	padding:3px;
    border: 1px solid #febb7f;
    /* border: 1px solid #ccc;*/
	background-color: #ffffff;
}

#content .boxRecommend .boxRecommend_img{
	text-align:center;
	margin:10px 0;
}

#content .separate630Recommend{
	/* background:url(../images/texture_separate630.gif) 1px 0 repeat-y; */
}

/* ------------------------------
 　ランキング
------------------------------ */
#content h3.ranking{
	width:630px;
	height:50px;
	background:url(../images/heading_ranking.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

/* 背景色 */
.num1{background:#fcfade;}
.num2{background:#f4f4f4;}
.num3{background:#f6ece1;}
.light{background:#fff;}
.dark{background:#f4f4f4;}

/* 評価 */
.star img{
	vertical-align:text-top
}

/* ------------------------------
 　レコメンド商品
------------------------------ */
.recommend{
	margin:0 0 20px 0;
}

.recommend .block{
	width:180px;
	margin:0 5px;
	float:left;
	display:inline;
	text-align:center;
}

.recommend .block .pic{
	margin:5px 0;
}

/* ------------------------------
 　各種ボタン
------------------------------ */
/* 通常時 */
input.btn {
    font-weight:bold;
    border:2px solid #a3d8f9;
    border-right-color:#3ba8ed;
    border-bottom-color:#3ba8ed;
    color:#086fb1;
    width:auto;
    text-decoration:none;
    padding:3px 8px;
    margin-right:10px;
				background:url(../images/btn_bg.gif) repeat-x 0 0;
}
/* マウスオーバー時 */
input.btn:hover {
    border:2px solid #1e72a7;
    border-right-color:#a3d8f9;
    border-bottom-color:#a3d8f9;
				cursor:pointer;
}

/* 小さいボタン通常時 */
input.btn_s {
    font-weight:bold;
    border:2px solid #a3d8f9;
    border-right-color:#3ba8ed;
    border-bottom-color:#3ba8ed;
    color:#086fb1;
    width:auto;
    text-decoration:none;
    padding:1px 8px;
				background:url(../images/btn_bg.gif) repeat-x 0 0;
}
/* 小さいボタンマウスオーバー時 */
input.btn_s:hover {
    border:2px solid #1e72a7;
    border-right-color:#a3d8f9;
    border-bottom-color:#a3d8f9;
				cursor:pointer;
}


/*　購入者ログイン画面用に追加*/
input.btnb_login {
    font-weight:bold;
    border:2px solid #FFC0CB;
    border-right-color:#F08080;
    border-bottom-color:#F08080;
    color:#086fb1;
    width:64px;
    height:24;
    text-decoration:none;
    padding:3px 8px;
    margin-right:10px;
	background:url(../images/btn_b_login.gif) repeat-x 0 0;
}

input.btnb_new {
    font-weight:bold;
    border:2px solid #FFC0CB;
    border-right-color:#F08080;
    border-bottom-color:#F08080;
    color:#086fb1;
    width:64px;
    height:24;
    text-decoration:none;
    padding:3px 8px;
    margin-right:10px;
	background:url(../images/btn_b_new.gif) repeat-x 0 0;
}


/* ------------------------------
 　画像ボタン
------------------------------ */
/* ボタン細幅 */
input.btn_orange_ss {
    width:107px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_orange_ss.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_orange_ss:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_blue_ss {
    width:107px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_blue_ss.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_blue_ss:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_gree_ss {
    width:107px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_gree_ss.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_gree_ss:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_red_ss {
    width:190px;
	height:60px;
    text-decoration:none;
    margin-right:100px;
	border:none;
	background:url(../images/step1.png) repeat-x 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
}

input.btn_red_ss:hover {
    cursor:pointer;
	/*background-position:bottom;*/
}

/* 購入者　ユーザー属性確認画面*/
input.btn_red {
    width:266px;
	height:53px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/btn_next_mypage.gif) repeat-x 0 0;
}

input.btn_red_kakunin {
    width:266px;
	height:53px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/btn_kakunin.gif) repeat-x 0 0;
}


/* ボタン中幅 */
input.btn_orange_s {
    width:157px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_orange_s.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_orange_s:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_blue_s {
    width:157px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_blue_s.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_blue_s:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_gree_s {
    width:157px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_gree_s.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_gree_s:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_red1_s {
    width:186px;
	height:56px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/step2.png) repeat-x 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
}

input.btn_red1_s:hover {
    cursor:pointer;
	/*background-position:bottom;*/
}

input.btn_red2_s {
    width:343px;
	height:68px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/step3.png) repeat-x 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
}

input.btn_red2_s:hover {
    cursor:pointer;
	/*background-position:bottom;*/
}

input.btn_red3_s {
    width:342px;
	height:68px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/step4.png) repeat-x 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
}

input.btn_red2_s:hover {
    cursor:pointer;
	/*background-position:bottom;*/
}

input.btn_recom {
    width:114px;
	height:38px;
    text-decoration:none;
    margin-right:10px;
	border:none;
	background:url(../images/recom.png) repeat-x 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
}

input.btn_recom:hover {
    cursor:pointer;
	/*background-position:bottom;*/
}

/* ボタン広幅 */
input.btn_orange {
    width:227px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_orange.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_orange:hover {
    cursor:pointer;
				background-position:bottom;
}

input.btn_blue {
    width:227px;
				height:35px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_base_blue.gif) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}

input.btn_blue:hover {
    cursor:pointer;
				background-position:bottom;
}


/* ------------------------------
 　購入者の商品詳細ページ用ボタン
------------------------------ */

input.btn_buy_red {
    width:126px;
				height:45px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_buy_red.png) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}
input.btn_next_seller_blue {
    width:126px;
				height:45px;
    text-decoration:none;
    margin-right:10px;
				border:none;
				background:url(../images/btn_next_seller_blue.png) repeat-x 0 0;
				font-size:120%;
				font-weight:bold;
				color:#FFF;
}





/* ------------------------------
 　各種テーブル
------------------------------ */
table.normal th,
table.normal td{
	padding:4px;
	border:1px solid #ccc;
}

table.normal th{
	background:#f4f4f4;
	text-align:left;
	font-weight:bold;
}

table.underline th,
table.underline td{
	padding:4px;
	border-bottom:1px solid #ccc;
}

table.normal th{
	background:#f4f4f4;
	text-align:left;
	font-weight:bold;
}

table.normal table.noborder{
	margin:0;
}

table.normal table.noborder th,
table.normal table.noborder td{
	border:none;
	padding:2px;
}


/*ボーダーなし */
table.noborder th,
table.noborder td{
	padding:6px;
}

table.noborder th{
	text-align:center;
}

table.noborder th.title{
	background:#F90;
	border:1px solid #fff;
}


/* 金額表示（折返しなし） */
table.normal  th.price{
	text-align:center;
}

td.price{
	text-align:right;
	white-space: nowrap;
}

td.button{
	text-align:center;
}

/*オレンジテーブル（検索など） */
#content table.search td{
	border:1px solid #FFF;
	padding:4px;
	background:#feecbf;
}

#content table.search th{
	background:#F90;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	padding:4px;
	border:1px solid #FFF;
}

/* ------------------------------
 　タブ
------------------------------ */
ul.tab{
	margin:0;
	padding:0;
}

ul.tab li{
	float:left;
	width:100px;
	height:30px;
	color:#fff;
	font-weight:bold;
	background:url(../images/texture_tab.png) no-repeat;
	margin-right:5px;
	line-height:2;
	_line-height:1.6;
	font-size:110%;
	text-align:center;
}

ul.tab li a{
	width:100px;
	height:30px;
	color:#fff;
	font-weight:bold;
	background:url(../images/texture_tab.png) no-repeat;
	display:block;
}

ul.tab li a:visited{
	width:100px;
	height:30px;
	color:#fff;
	font-weight:bold;
	background:url(../images/texture_tab.png) no-repeat;
	display:block;
}

ul.tab li a:hover{
	text-decoration:none;
	background-position:bottom;
	color:#06C;
}

/* ------------------------------
 共通フッター
------------------------------ */
#footer {
	clear: both;
	width: 950px;
	height: 130px;
	margin:10px auto 0px auto;
	padding:0;
	background: #FFFFFF;
	text-align:left;
}
#footer #footer_box {
	float: left;
	display: block;
	width: 950px;
	height: 215px;
	background:url(../images/footer_box_bg.gif) repeat-x;
	margin-top:10px;
}
#footer #footer_box #footer_mark {
	float: left;
	display: block;
	width: 204px;
	height: 213px;
	margin-top: 15px;
	margin-bottom: 1px;
}
#footer #footer_box #footer_menu {
	float: left;
	display: block;
	width: 720px;
	height: 215px;
	padding-left: 15px;
	padding-top: 15px;
}
#footer #footer_box #footer_menu #f_menu1 {
	float: left;
	display: block;
	width: 680px;
	height: 82px;
	margin-bottom: 20px;
}
#footer #f_menu2 {
	text-align: center;
	margin: 0 auto;
}
#footer #footer_menu3 {
	float: left;
	display: block;
	width: 950px;
	/*height: 120px;*/
	/*background:url(../images/footer_box_bg120.gif) repeat-x;*/
	border-top: 1px solid black;
	border-bottom: 1px dotted gray;
	margin-top:10px;
	margin-bottom: 1px;
}
#footer #footer_menu3 a {
	color: #999999;
}
#footer #footer_menu3 a:hover {
	color: #02b6eb;
}
#footer #f_menu3 {
	text-align: center;
	margin: 0 auto;
	padding-top:50px
}


html > body #footer #f_menu2 {
	text-align: center;
	margin: 0 auto;
	padding-top:0px
}/* Win IE6 以外のモダンブラウザに適用 */
/* { float: left; display: block; width: 500px; height: 40px;} */
#footer #footer_box #footer_menu a {
	color: #999999;
}
#footer #footer_box #footer_menu a:hover {
	color: #02b6eb;
}



/*各マイページ用フッタ start*/


#footer #footer_box #footer_menu_mypage {
	float: left;
	display: block;
	width: 720px;
	padding-left: 15px;
	padding-top: 5px;
}

/*各マイページ用フッタ end*/


#footer #f_menu2_1 {
	text-align: center;
	margin: 0 auto;
	padding-top:15px;
	border-top:1px dotted #cccccc;
}
html > body #footer #f_menu2_1 {
	text-align: center;
	margin: 0 auto;
}




/*	.clearfix
--------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

/* KIKAN_UNNYOU-1085 【レコメンド機能】[開発]閲覧情報に紐づくレコメンド */
/* TOP */
a.fc000{
    color: #000 !important;
}
a:hover.fc000{
    color: #0000FF !important;
}
/* 購入者マイページ */
.recommends ul{
    display: inline-block;
}
.recommends ul li{
    display: inline-block;
    border-bottom: 1px dotted #AAA;
    padding-bottom: 7px;
    margin-bottom: 7px;
    width: 100%;
}
.recommends ul li:last-child{
    border-bottom: none;
    margin-bottom: -10px;
}
.recommends ul li a.recommend_img{
    float: left;
    clear: both;
    width: 50px;
}
.recommends ul li a.recommend_txt{
    float: right;
    width: 170px;
    margin-left: 3px;
    color: #000;
}
.recommends ul li a:hover.recommend_txt{
    color: #0000FF;
}