@charset "utf-8";

/************************************************
 共通設定
************************************************ */
body { font-size:72.5%; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:170%; letter-spacing:0.1em; background-color:#fff; }

/* 写真 */
img.picture { border:1px solid #ccc; }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display:block;
	margin:0;
	padding:0;
}


/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer { width:100%; margin:0 auto; text-align:center; }

/* コンテンツ */
#container { width:1020px; margin:0 auto; padding:10px 0 30px; text-align:left; background:#fff; }


/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column { padding:10px 0 0; }

/* 1カラム時 */
#main_column.colnum1 { width:80%; margin:0 auto; }

/* 2カラム時 (共通) */
#main_column.colnum2 { width:78%; }

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left { padding-left:1.5%; float:left; }

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right { width:786px; float:right; }

/* 3カラム時 */
#main_column.colnum3 { width:590px; padding:10px; float:left; }

/* サイドカラム
----------------------------------------------- */
.side_column { padding:10px 0 0; }
#leftcolumn { width:210px; float:left; }
#rightcolumn { width:200px; float:right; }

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
	margin:0px;
	background:#fff;
	text-align:left;
	clear:both;
 }

/* 下層コンテンツ */
#undercolumn { width:100%; margin:0 0 50px 0; }


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after { height:0px; display:block; clear:both; line-height:0px; visibility:hidden; content:"."; }
.clearfix { display:block; /* for IE8 */ }
.clear { clear:both; }

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
	color:#333;
	text-decoration:none;
}
a:link:hover,
a[href]:hover {
	color:#999;
	text-decoration:underline;
 }


/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 { font-size:100%; line-height:150%; }
.sale_price { color:#f00; }
.normal_price { font-size:90%; }
.point { color:#f00; font-weight:bold; }
.user_name { font-weight:bold; }
.recommend_level { color:#ecbd00; }

.attention { color:#f00; font-weight:bold; }
.attention2 { padding-top:5px; color:#f00; padding-left:1em; text-indent:-1em; }
.attentionSt { color:#f00; font-weight:bold; }
.st { font-weight:bold; }
.mini { font-size:90%; }


/* 行揃え
----------------------------------------------- */
.alignC { text-align:center; }
.alignR { text-align:right; }
.alignL { text-align:left; }
.pricetd em { font-weight:bold; }


/* フォーム
----------------------------------------------- */
select { border:solid 1px #ccc;  }
input[type='text'],
input[type='password'] {
	border:solid 1px #ccc;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.box40  { width: 40px; }
.box60  { width: 60px; }
.box100 { width:100px; }
.box110 { width:110px; }
.box120 { width:120px; }
.box130 { width:130px; }
.box140 { width:140px; }
.box145 { width:145px; }
.box150 { width:150px; }
.box240 { width:240px; }
.box300 { width:300px; }
.box320 { width:320px; }
.box350 { width:350px; }
.box380 { width:380px; }
.box400 { width:400px; }
.box430 { width:430px; }
.box450 { width:450px; }

/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
	margin-bottom:5px;
 }

.no_entry { color:#aaa; }

/* タイトル
----------------------------------------------- */
h2.title { margin-bottom:10px; padding:5px 0 5px 45px; font-size:170%; color:#333; border-top:solid 3px #e60002; border-bottom:solid 3px #e60002; background:url(../img/background/bg_tit_sub_icon.png) no-repeat left 50%; background-color:#fff; }
h2.title_mp { margin-bottom:10px; padding:5px 0 5px 45px; font-size:170%; color:#333; border-top:solid 3px #ff9000; border-bottom:solid 3px #ff9000; background:url(../img/background/bg_tit_sub_icon_mp.png) no-repeat left 50%; background-color:#fff; }
h3.title_mp_s { margin-bottom:10px; padding:10px 0 0 5px; font-size:150%; color:#ff9000; border-bottom:solid 3px #ff9000; }

#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {
	margin:0 0 10px 0;
	padding:5px 0 10px;
	font-size:120%;
	color:#f60;
	background:url("../img/background/line_01.gif") repeat-x left bottom;
}

div#undercolumn_login .login_area h4 {
	padding-left:15px;
	background:url("../img/icon/ico_arrow_05.gif") no-repeat left;
}


/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap { min-height:150px; background:url(../img/common/header_bg.png) repeat-x top #fff; }

#header { margin:auto; width:1020px; }

#site_description { width:100%; height:23px; font-size:90%; font-weight:normal; text-align:left; color:#fff; line-height:23px; }

#header_utility { float:right; width:580px; }

#errorHeader { color:#F00; font-weight:bold; font-size:12px; background-color:#FEB; text-align:center; padding:5px; }


/* ロゴ
----------------------------------------------- */
#logo_area { width:200px; padding:20px 0 0 0; text-align:left; float:left; }

div.header_mail_tel { width:340px; margin:5px 0 0 160px; float:left;  }
div.header_mail_tel p{ padding:0 5px; float:left;  }


/* グローバルメニュー
----------------------------------------------- */

#gnav { width:100%; height:50px; overflow:hidden; }
#gnav {
	background: #b3b3b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #b3b3b3 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b3b3b3 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b3b3b3 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b3b3b3 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b3b3b3 0%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
#gnav ul { width:1020px; height:50px; margin:0px auto 0 auto; }
#gnav li { width:161px; height:50px; list-style:none; border-right:solid 1px #9d9d9d; border-left:solid 1px #535353; float:left; }
#gnav li:first-child { width:40px; }

#gnav li a{ width:100%; height:33px; padding-top:17px; color:#fff; text-decoration:none; display:block; }
#gnav li a{
	background: #050505; /* Old browsers */
	background: -moz-linear-gradient(top,  #050505 0%, #6c6c6c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050505), color-stop(100%,#6c6c6c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #050505 0%,#6c6c6c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #050505 0%,#6c6c6c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #050505 0%,#6c6c6c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #050505 0%,#6c6c6c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#6c6c6c',GradientType=0 ); /* IE6-9 */
}

#gnav li a{ height:50px\9; padding-top:0\9; line-height:50px\9; } /*IE8*/
#gnav li.mm7 a{ height:40px\9; padding-top:5px\9; padding-bottom:5px\9; line-height:20px\9; }

#gnav li:nth-child(1) a{ height:50px; padding-top:0; line-height:18px; }
#gnav li:nth-child(5) a{ height:42px; padding-top:8px; line-height:18px; }

#gnav li a:hover { color:#ffff00; background:#000; }


/* ヘッダーナビ
----------------------------------------------- */
div#header_navi { float:right; width:409px; height:38px; }
div#header_navi ul li { display:block; float:left; }
div#header_navi ul li.mypage, div#header_navi ul li.entry { margin-top:6px; }


/* パンくず
----------------------------------------------- */

ul.breadcrumb { padding:0 0 5px; }
ul.breadcrumb li { display:inline; }
ul.breadcrumb li a{ padding-right:10px; margin-right:10px; background:url(../img/icon/icon_breadcrumb.png) right 50% no-repeat; }

div.breadcrumb { padding:0 0 5px; }
div.breadcrumb div { display:inline; }
div.breadcrumb div a{ padding-right:10px; margin-right:10px; background:url(../img/icon/icon_breadcrumb.png) right 50% no-repeat; }


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

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

#pagetop { position:fixed; bottom:80px; right:50px; display:none; }
#pagetop a { width:60px; height:60px; display:block; }

footer#footer_wrap { width:100%; padding:0 0 20px 0; margin:0 auto; background-color:#000; }

nav#footer_navi { width:100%; padding:30px 0; margin:0; border-top:solid 1px #ccc; }
nav#footer_navi {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#footer_menu { width:1020px; margin:0 auto; padding:0; }

ul.f_menu { width:235px; padding:30px 0 0 0; margin:0 10px; float:left; }
ul.f_menu li{ width:100%; margin-bottom:5px; font-size:12px; line-height:20px; text-align:left; text-indent:15px; background:url(../img/common/f_menu_icon.png) 0 0 no-repeat; }
ul.f_menu a{ color:#555; text-decoration:none; }
ul.f_menu a:hover{ color:#cc0000; text-decoration:underline; }

ul.f_menu_c { width:235px; padding:30px 0 0 0; margin:0 10px; float:left; }
ul.f_menu_c li{ margin-bottom:5px; font-size:12px; line-height:20px; text-align:left; text-indent:13px; }
ul.f_menu_c a{ color:#555; text-decoration:none; }
ul.f_menu_c a:hover{ color:#cc0000; text-decoration:underline; }

ul.f_menu_c2 { width:240px; padding:10px 0 0 0; margin:0 10px; float:left; }

#footer { width:1020px; margin:10px auto 0 auto; padding-top:10px; border-top:solid 1px #ccc; }

.flevel1 { width:100%; font-weight:bold; background:url(../img/common/f_menu_icon.png) 0 0 no-repeat; }
.flevel2 { width:95%; padding-left:5%; background:url(../img/common/f_menu_icon.png) 5% 0 no-repeat; }

.tit_fm01 { background:url(../img/common/fm_icon01.png) 0 0 no-repeat; }
.tit_fm02 { background:url(../img/common/fm_icon02.png) 0 0 no-repeat; }
.tit_fm03 { background:url(../img/common/fm_icon03.png) 0 0 no-repeat; }

aside.fb_bloc { width:1020px; height:30px; padding:20px 0 0 0; margin:0 auto 0 auto; text-align:left; /* background-color:#fff; border-top:solid 1px #ccc; */ }

ul#fotter_menu { width:100%; margin:0px; padding:5px 0 20px 0; float:left; }
ul#fotter_menu li{ font-size:12px; color:#aaa; text-align:center; color:#777; float:left; }
ul#fotter_menu a{ color:#fff; text-decoration:none; }
ul#fotter_menu a:hover{ color:#fff; text-decoration:underline; }

#copyright { width:100%; padding:10px 0 30px 0; font-size:80%; color:#fff; text-align:center; float:left; }


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area { margin-top:10px; width:100%; text-align:center; }
.btn_area a:hover{ text-decoration:none; }

.btn_area li { padding-right:10px; display:inline; }


/* 完了メッセージ
----------------------------------------------- */
div#complete_area { margin-bottom:20px; }
div#complete_area .message,
div#undercolumn_entry .message {
	margin-bottom:20px;
	line-height:150%;
	font-weight:bold;
	font-size:120%;
}
div#complete_area .shop_information { margin-top:40px; padding:20px 0 0 0; border-top:solid 1px #ccc; }
div#complete_area .shop_information .name { margin-bottom:10px; font-weight:bold; font-size:140%; }

/*-------------------------------------------------
ダイアログ
----------------------------------------------- */
.dialog-modal {
    display: none;
    background: #FFFFFF;
}
.dialog-inner {
    padding: 1.5em;
}

/*-------------------------------------------------
新着情報ページャー
----------------------------------------------- */

div.pn_prev a{ width:80px; height:30px; margin:3px; line-height:30px; text-align:center; display:block; float:left; }
div.pn_next a{ width:80px; height:30px; margin:3px; line-height:30px; text-align:center; display:block; float:left; }

.this_pn { width:30px; height:30px; margin:3px; color:#fff; text-align:center; line-height:30px; border:solid 1px #aaa; background-color:#dd1d1d; display:block; float:left; }
.pn_link { width:30px; height:30px; margin:3px; text-align:center; line-height:30px; border:solid 1px #aaa; display:block; float:left; }
.pn_link:hover { background-color:#f5bfbf; }
/*-------------------------------------------------
タイプ別ランキング
----------------------------------------------- */
.opp-tape-rank, .opp-nontape-rank {
    margin-bottom: 42px;
}

/* DONMAI */
#whatsopp strong {
	font-weight: normal;
}
/* DONMAI */