@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
}

ol, ul{
    list-style:none;
	
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	font: 12px/1.5em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.small {
	font: 10px/1.3em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #666;
}

body {
	margin: 0;
	padding: 0;
	color: #000000;
}

a {
	color:#06C;
	text-decoration: none;
}
a:link, a:visited {
	text-decoration: none;
	color:#939;
}
a:hover,a:active {
	text-decoration:underline;
	text-align: left;
}

.c-both {
	clear: both;
}

li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}

/*PHOTO*/
.picture {
    border: 0px solid #ccc;
}

#header {
	padding: 10px 0px 0px 0px;
	width :935px;
	margin: 0 auto;
	clear: both;
}

#header h1 a {
	float: left;
	height: 30px;
	width: 258px;
	display: block;
	outline: 0;
	text-indent: -9999px;
	background: url(../../../../common/img/logo.gif) no-repeat;
}
/* -------------------------------------------------- */

#specialbnr {
	float: left;
	display: block;
	margin: 50px 0px 10px 200px;
	height: 100px;
	width: 760px;
	outline: 0;
}

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

#header .menu {
	float: right;
	margin: 0px 0px 10px;
}

#header .menu li {
	float: left;
	display: inline;
	font-size: 0;
}

#header .menu .entry a {background: url(../../../../common/img/btn_entry.gif);}
#header .menu .cart a {background: url(../../../../common/img/btn_cart.gif); }

#header .menu .entry a,
#header .menu .cart a{
	outline: 0;
	float: left;
	height: 30px;
	width: 120px;
	display: block;
	text-indent: -9999px;
}

#header .menu .entry a:hover,
#header .menu .cart a:hover{
	background-position: 0px -30px;
}

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

#header .menu_sub {
	float: right;
	clear: both;
}

#header .menu_sub li {
	margin: 0px 0px 0px 10px;
	float: left;
	display: inline;
	font-size: 0;
}

#header .menu_sub .guide a {background: url(../../../../common/img/mbtn_guide.gif); }
#header .menu_sub .contact a {background: url(../../../../common/img/mbtn_contact.gif); }

#header .menu_sub .guide a,
#header .menu_sub .contact a{
	outline: 0;
	float: left;
	height: 20px;
	width: 70px;
	display: block;
	text-indent: -9999px;
}

#header .menu_sub .guide a:hover,
#header .menu_sub .contact a:hover{
	background-position: 0px -20px;
}

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


#footer #pagetop a:hover {
	background-position: 0px -20px;
}


#menu li {
	padding:0;
	margin:0;
	list-style: none;
	display: inline;
	font-size: 0;
}

#menu .menu_box .home a {background: url(../../../../common/img/h_btn_home.gif); width: 84px;}
#menu .menu_box .about a {background: url(../../../../common/img/h_btn_about.gif); width: 187px;}
#menu .menu_box .sell a {background: url(../../../../common/img/h_btn_sell.gif); width: 135px;}
#menu .menu_box .buy p {background: url(../../../../common/img/h_btn_buy.gif); width: 135px;}
#menu .menu_box .select a {background: url(../../../../common/img/h_btn_select.gif); width: 129px;}

#menu .menu_box .home a,
#menu .menu_box .about a,
#menu .menu_box .sell a,
#menu .menu_box .buy p,
#menu .menu_box .select a{
	float: left;
	height: 30px;
	outline: 0;
	display: block;
	text-indent: -9999px;
}

#menu .menu_box .home a:hover,
#menu .menu_box .about a:hover,
#menu .menu_box .sell a:hover,
#menu .menu_box .buy a:hover,
#menu .menu_box .select a:hover{
background-position: 0px -30px;
}

#top #menu .menu_box .top a {background-position: 0px -80px;}
#product #menu .menu_box .product a {background-position: 0px -80px;}
#company #menu .menu_box .company a {background-position: 0px -80px;}
#contact #menu .menu_box .contact a {background-position: 0px -80px;}

/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}
/* フォント
----------------------------------------------- */
legend { display: none; }
label { cursor: pointer; }

img { vertical-align: top; }
object { outline: none; }
strong { font-weight: bold; }

.price { color: #ff0000; font-weight: bold; }
.attention { color: #FF484E; }
.mini { font-size: 90%; }
em {
    font-style: normal;
    color: #ff0000;
}
/* テーブル共通指定
----------------------------------------------- */
table  {
    margin: 10px auto 0 auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    font-weight: normal;
}
table td {
    vertical-align:middle;
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
}
table td.alignC {
    vertical-align:middle;
    text-align:center;
}
table td.alignR {
    vertical-align:middle;
    text-align:right;
}
div.tblareabtn {
	display:inline-block;
	float:right;
	margin:20px 0;
}

.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
    color: #FF484E
}
div#completetext {
    /*width: 470px;*/
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* ------------------------------------------------------------
	1. container
   ------------------------------------------------------------ */

#container {
	width:auto;
	height:auto;
	background:#fff;
	margin:0 0 0 0px;
	float:none;
}

/* ------------------------------------------------------------
	2. wrap
   ------------------------------------------------------------ */

#wrap {
	width:980px;
	height:auto;
	background:#fff;
	margin:0px auto;
}


/* ------------------------------------------------------------
	3. inner
   ------------------------------------------------------------ */

#inner {
	width:940px;
	height:auto;
	background:#fff;
	text-align:left;
	margin:0px auto;
}

/* ------------------------------------------------------------
	5. left_menu
   ------------------------------------------------------------ */

#left_menu {
	width:160px;
	height:auto;
	min-height:100%;
	background:#fff;
	margin:0px 20px 20px 0px;
	float:left;
	color:#333;
}


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* テキストフィールド
----------------------------------------------- */
input,
select,
textarea {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

br.clr {
	clear:both;
}

input[type='text'] {
    border: solid 1px #ccc;
}

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

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

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

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

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

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

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}
/* ------------------------------------------------------------
	6. content
   ------------------------------------------------------------ */

#contents {
	width:760px;
	height:auto;
	min-height:100%;
	background:#fff;
	/*line-height:1.4em;*/ /* contents内全体の文章の行の高さ */
	margin:0px auto 20px auto;
	color:#333;
}


/* ################################################################################
	[left_menu] Setting left_menu styles
   ################################################################################ */

#left_menu .search {
	margin-bottom:5px;
}

#left_menu .search dl dt {
	display:inline-block;
	float:left;
	width:95px;
	margin-bottom:2px;
}

#submitbtn {
	margin-top:0px;
	margin-left:10px;
}

#search_text {
	width:122px;
}

#left_menu .search form input {
	font-size:100%;
	line-height:1.2;
}

#left_menu img.grayline {
     margin:10px 0 10px 0;
}

#left_menu img.leftmenu_title {
	margin:0 0 0 0;
}

#left_menu img.leftmenu_title_second {
	margin:20px 0 12px 0;
}

#left_menu img.leftmenu_subtitle {
	margin:17px 0 2px 0;
}

#left_menu img.leftmenu_banner {
	margin:10px 0 0 0;
}

#left_menu img.leftmenu_special_banner {
	margin:0 0 20px 0;
}

#left_menu img.leftmenu_banner_top {
	margin:20px 0 0 0;
}

#left_menu img.leftmenu_bookinfomation {
	margin:20px 0 0 0;
}

#left_menu ul li {
	background: #fff url(../img/side/leftmenu_point.gif) no-repeat 3px 75%;  /* 項目の背景 */
	*background: #fff url(../img/side/leftmenu_point.gif) no-repeat 3px 83%;  /* 項目の背景 */
	font-size:77%;
	line-height:1;
}

#left_menu ul li a {
	display: block;
	padding: 11px 0 0 10px; /* リンクエリアのパディング（上右下左） */
	text-decoration: none; /* テキストの下線（なし） */
	position: relative; /* IE6用 */
	_height:10px ;/*IE6用高さ指定*/
	_padding: 10px 0 0 10px; /*IE6用 リンクエリアのパディング（上右下左） */
}

/* ################################################################################
	[contents] Setting contents styles
   ################################################################################ */

#contents div.contents_image_area {
	display:inline-block;
	margin-bottom:11px;
}

#contents .hotitem_area {
	float:left;
	width:400pix;
	height:auto;
	font-size:77%;
	line-height:1.4;
}

#contents .hotitem_area .hotitem_title {
	width:400px;
	height:auto;
}

#contents .hotitem_area .hotitem_table_area {
	width:400px;
	height:auto;
	margin-top:20px;
}

#contents .hotitem_area table {
	display:inline-table;
	float:left;
	width:130px;
	height:auto;
}

#contents .hotitem_area table.hotitem_table {
	margin:0 5px;
}

#contents .hotitem_area table {
    margin: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
}
#contents .hotitem_area td {
    padding: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

#contents .hotitem_list_area {
	float:left;
	width:650pix;
	height:auto;
	font-size:77%;
	line-height:1.4;
}

#contents .hotitem_list .hotitem_list_title {
	width:650pix;
	height:auto;
}

#contents .hotitem_list .hotitem_list_table_area {
	width:650pix;
	height:auto;
	margin-top:20px;
}

#contents .hotitem_list .hotitem_list_table_area img.item_icon {
	margin-left:1px;
}

#contents .hotitem_area .hotitem_table_area img.item_icon {
	margin:0 1px 5px 0;
}

#contents .hotitem_area .hotitem_table_area p.item_name {
	margin:10px 0 0 0;
}

#contents .hotitem_list table {
	display:inline-table;
	float:left;
	width:130px;
	height:auto;
}

#contents .hotitem_list table.hotitem_list_table {
	margin:0 5px;
}

#contents .hotitem_list table {
    margin: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
}

#contents .hotitem_list td {
    padding: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

#search_zero table {
    margin: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
}

#search_zero td {
    padding: 0 0 0 0;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

#contents .line_through {
	text-decoration:line-through;
}

#contents .color_red {
	color:#ff484e;
}

#contents .category_name {
	color:#666;
}

#contents .soldout {
	color:#ff484e;
	font-weight:bold;
	margin-top:4px;
}

#contents .news_area {
	float:left;
	width:160px;
	height:auto;
	font-size:77%;
	margin:0 20px;
	line-height:1.8;
}

#contents .news_area img.check_twitter {
	float:right;
}

#contents .news_area dl dt {
	font-weight:bold;
	border-top:solid #cccccc;
	border-width:1px;
	padding-top:14px;
	padding-bottom:10px;
}

#contents .news_area dl dt.news_top {
	border:none;
	padding-top:20px;
	padding-bottom:10px;
}

#contents .news_area dl dd {
	margin-bottom:10px;
}

#contents .news_area a {
	border-bottom:1px dotted #333;
}


#contents .ranking_area {
	float:right;
	width:160px;
	height:auto;
	font-size:77%;
	line-height:1.3;
}

#contents .ranking_area .ranking_title {
	width:160px;
	height:auto;
	margin-bottom:20px;
}

#contents .ranking_area div.ranking_image {
	position:static;
	float:left;
	width:70px;
	height:auto;
	margin-right:20px;
}

#contents .ranking_area div.ranking_text {
	float:left;
	width:70px;
	height:auto;
	text-align:left;
	margin-bottom:15px;
}

#contents .ranking_area div.ranking_text img {
	margin-bottom:15px;
}



#footer {
	margin: 0 auto;
	width: 935px;
	padding: 20px 0px 10px 0px;
	clear: both;
	display: block;
} 


div.alert_stock_mall{
    color: #CC0309;
    text-align: center;
    background: #FFF0F0;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #FFCCCC;
}
div.alert_stock_mall p{
    font-weight: bold;
}