@charset "utf-8";
/* CSS Document */

/* スタイルシート初期化
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

img{
vertical-align: top;
}

body{
line-height:1.2;
xline-height:normal;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
content:”;
content:none;
}

:focus{
outline:0;
}

ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}

table{
border-collapse:collapse;
border-spacing:0;
font-size:12px;
}

/* 共通設定
----------------------------------------------- */

body{
	line-height:1.4;
	color:#333;
	background:#3DB4EB url(images/bg.png) repeat-x scroll 0 0;
	font-family:メイリオ,Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”Osaka”,”ＭＳ Ｐゴシック”,sans-serif;
	font-size: small !important; /* IE 7向け */
	xfont-size: x-small; /* IE 6以下 */
}

html>/**/body {
    font-size: 13px; /* モダンブラウザ向け */
}

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

a{
	text-decoration:none;
}

a:hover img{
filter:alpha(opacity=70);
opacity:0.7;
}

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

#header {
	width:1000px;
	margin:0 auto;
	background:transparent url(images/bg_header.png) repeat-x scroll 0 0;
	height:150px;
	position:relative;
}


#header_ads{
	border:5px solid #46C2F0;
	bottom:59px;
	position:absolute;
	right:20px;
}

#header h1{
	font-size:37px;
	font-weight:bold;
	height:60px;
	left:0;
	position:absolute;
	top:50px;
}

#header ul{
	border-left:1px solid #555555;
	bottom:14px;
	display:block;
	height:27px;
	position:absolute;
}

#header li{
	display:block;
	float:left;
	height:27px;
}

.current-cat{
	background:transparent url(images/menu_active.png) repeat-x scroll 0 0;
}

#header ul a{
	border-right:1px solid #555555;
	color:#FFF;
	display:block;
	font-family:helvetica,arial;
	font-size:1.1em;
	font-weight:bold;
	line-height:27px;
	padding:0 10px;
}

#header li a:hover {
	background: url(images/menu_on.png) repeat-x;
}

#header form{
	position: absolute;
	left: 350px;
	bottom: 14px;
}

#header form input {
	vertical-align: middle;
}

#findfield {
	color: #888;
	padding: 1px;
	width: 328px;
	margin-right: 2px;
}

#findbutton {
	width: 38px;
	height: 27px;
	background: url(images/find.png) no-repeat top;
	cursor: pointer;
	border:none;
}

#findbutton:hover {
	background: url(images/find.png) no-repeat bottom;
}

/*　共通要素 フッター 
----------------------------------------------- */

#footer {
	width: 1000px;
	background: #0d4176;
	margin: 0 auto 20px auto;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #c7e3ff;
	text-align: center;
	color: #fff;
	font-size: 0.85em;
}

#footer ul {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 600px;
}

#footer ul li {
	display: inline;
	font-weight: bold;
	line-height: 2em;
}

#footer ul a {
	color: #fff;
	background: url(images/round.png) no-repeat;
	background-position: right 5px;
	padding-right: 12px;
	margin-right: 7px;
}

#footer ul a:hover {
	color: #9becfd;
}

.copyrights {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 700px;
	border-top: 1px solid #426f9d;
	padding: 10px 0 0 0;
}

.copyrights a {
	color: #fff;
}

.copyrights a:hover {
	color: #9becfd;
}


/*　共通要素 コンテンツ
----------------------------------------------- */

#contents{
	margin:0 auto;
	display: block;
	background: #fff;
	width: 1000px;
}

/* 専門店カテゴリー一覧　*/
.top_reads {
	margin: 10px 0 0 0;
	background: #fcf2ae;
	xwidth: 310px;
	padding: 10px;
	overflow: hidden;
	border:1px solid #ddd;
}

.top_reads .pic {
	overflow: hidden;
}
.top_reads img {overflow:hidden}

.top_reads ul {
	display: block;
	border-bottom: 1px dotted #fff;
	border-top: 1px dashed #aaa;
	padding: 2px 0 0 0;
}
.top_reads div ,.subscribe div{
	width:100%;
	border-top: 1px dashed #aaa;
	background: #fff url(images/list_gradient.png) repeat-x;
	overflow: hidden;
}

.top_reads .h5,.subscribe .h5 ,.latest_stories .h5{
	font-size: 1.6em;
	margin: 0 0 5px 0;
	color: #fb007c;
	font-weight:bold;
}

.latest_stories .h5{
	margin-top:10px;
}

dl{
	margin-right:10px;
}

dt {
	clear:left;
	float: left;
	width: 6em;
	margin: 0 0 0.5em 10px;
	padding: 0;
	line-height: 120%;
	font-weight:bold;
}

dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 5em;
	padding: 0;
	line-height: 120%;
}

.top_margin{
	margin-top:10px;
}


.top_reads .h6 {
	display: block;
	padding: 10px 10px 10px 5px;
	line-height: 1.2em;
	font-size: 1.3em;
	font-weight:bold;
}
.top_reads .h6 a {
	xcolor: #FB007C;
}
.top_reads .h6 a:hover {text-decoration: underline}


.top_reads span a ,.subscribe span a{

	font-size: 0.9em;
	background: url(images/sm_arrow.png) no-repeat right center;
	padding-right: 9px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right:6px;
}
.top_reads span a:hover ,.subscribe span a:hover {text-decoration: underline}

.top_reads .s,.subscribe span {display:inline;color:#111}

/* レコメンド*/
.top_gallery {
	background: #0b92be url(images/top_ph_back.png) repeat-x;
	padding: 8px;
	border-right:2px solid #fff;
}

.top_gallery .pic img {
	display: block;
	overflow: hidden;
	padding: 1px;
	background: #fff;
}

.top_gallery h1 {
	display: block;
	margin: 10px 0 0 0;
	font-size: 1.6em;
	line-height: 1.2em;
}
.top_gallery h1 a {
	color: #fff;
}
.top_gallery h1 a:hover {text-decoration:underline}

.top_gallery p {
	margin: 3px 0 0 0;
}
.top_gallery p a {
	color: #fff;
	line-height: 1.3em;
}

.top_gallery .ext {
	padding: 5px 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

.top_gallery .ext li {
	float: left;
	margin-right: 10px;
	line-height: 1.5em;
}

/*.top_gallery .ext  .readit a {color: #d6f5ff; background: url(images/sm_arrow_w.png) no-repeat right center; padding-right: 9px;}*/
.top_gallery .ext a {color: #d6f5ff; background: url(images/sm_arrow_w.png) no-repeat right center; padding-right: 9px;}
.top_gallery .ext .commentit a {color: #fff}
.top_gallery .ext a:hover {text-decoration: underline}

.focus_ph {
	display: block;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	border-top: 5px solid #eee;
	border-left: 5px solid #eee;
}

.focus_ph_item {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	zoom: 1;
}

.focus_ph img {
	overflow: hidden;
}

.focus_ph .pic {
	float: left;
	margin-right: 10px;
}

.focus_ph .pic-alt {
	float: right;
	margin-left: 10px;
}

.focus_ph .h2 {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
}
.focus_ph .h2 a {
	color: #000;
}
.focus_ph. h2 a:hover {text-decoration:underline}

.focus_ph p {
	margin: 3px 0 0 0;
	line-height: 1.3em;
}
.focus_ph p a {
	color: #333;
}

.last_photos {
	border-top: 5px solid #c2f1ff;
	border-left: 5px solid #c2f1ff;
	padding: 10px 0 0 10px;
}

.last_photo {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	zoom: 1;
}

.sponsors {
	border: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
}

.title {
	font-weight: bold;
	color: #aaa;
}

.item {margin: 20px 0 0 0}
.item a {
	color: #000;
	font-weight: bold;
}
.item a:hover {text-decoration: underline}
.item p {
	line-height: 1.4em;
	padding: 2px 0 2px 0;
}
.item span {
	color: #fb059b;
	font-weight: normal;
	font-size: 0.9em;
}

.box_type_a{
	clear:both;
	background-color:#fff;
}

.box_type_a .pic {
	float: left;
	margin-right: 10px;
}

.box_type_a .pic-alt {
	float: right;
	margin-left: 10px;
}

.box_type_a img {
	overflow: hidden;
}

.box_type_a .h3 {
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight:bold;
}
.box_type_a .h3 a {
	color: #000;
}
.box_type_a .h3 a:hover {text-decoration:underline}

.box_type_a p {
	margin: 3px 0 0 0;
	line-height: 1.3em;
}
.box_type_a p a {
	color: #333;
}



/* 共通要素　右メニュー　
 * ----------------------------------------------- */

.top_reads {
	margin: 10px 0 0 0;
	background: #fcf2ae;
	xwidth: 310px;
	padding: 10px;
	overflow: hidden;
	border:1px solid #ddd;
}

.top_reads .pic {
	overflow: hidden;
}
.top_reads img {overflow:hidden}

.top_reads ul {
	display: block;
	border-bottom: 1px dotted #fff;
	border-top: 1px dashed #aaa;
	padding: 2px 0 0 0;
}
.top_reads div ,.subscribe div{
	width:100%;
	border-top: 1px dashed #aaa;
	background: #fff url(images/list_gradient.png) repeat-x;
	overflow: hidden;
}

.top_reads .h5,.subscribe .h5 ,.latest_stories .h5{
	font-size: 1.6em;
	margin: 0 0 5px 0;
	color: #fb007c;
	font-weight:bold;
}

.top_reads span a, .subscribe span a, #maincontents  .like, #contents  .like{
	background:transparent url(images/sm_arrow.png) no-repeat scroll right center;
	font-size:0.9em;
	font-weight:bold;
	margin-right:6px;
	padding-right:9px;
	display:inline;
}

#info_box{
	padding:0;
}

#info_box h4{
	color:#fff;
	background:#600972 none repeat scroll 0 0;
	padding:5px;
	border-bottom:1px solid #fff;
	font-size:1em;
}

#info_box div{
background:#EDDBF7 none repeat scroll 0 0;
}

#info_box .info{
	padding:10px;
	margin-bottom:10px;
}

.subscribe {
	border:1px solid #ddd;
	border-bottom: 1px dashed #c3e1e9;
	background: #dff8ff;
	padding: 10px;
	margin: 10px 0 10px 0;
}

/*　メイン
----------------------------------------------- */

#leftcolumn{
	width:660px;
	padding:10px;
	float:left;
}

#rightcolumn{
	width:320px;
	float:left;
}

/*　リスト
----------------------------------------------- */
#list_contents {
	float: left;
	margin: 10px 20px 20px 20px;
	width: 690px;
	display: inline;
}

#list_contents h2{
	border-bottom:1px solid #CCCCCC;
	color:#F5006E;
	font-size:2.4em;
	margin:0 0 5px;
}

.list_nav{
	border-bottom:1px solid #DDD;
	margin:0 0 15px;
	padding:5px;
}

.list_box{
	margin-bottom:10px;
	height:100%;
}

#contents ul{
	clear:both;
}

#contents li{
	float:left;
}

#contents li img{
	margin-bottom:5px;
}

.list_box a {
	display:block;
	font-weight:bold;
	width:150px;
	border:1px solid #ddd;
	padding:5px 5px 10px 5px;
	margin-right:10px;
	position:relative;
}

#keyword_item .list_box a{
	padding:3px 3px 10px 3px;
	margin-right:5px;
}

#keyword_item h2,#contents h2{
	border-bottom:1px solid #CCCCCC;
	color:#F5006E;
	font-size:2em;
	xmargin:0 0 5px;
}

#contents h2 span{
	color:#999;
	font-size:13px;
}

#keyword_item h3{
	padding:3px;
	background:#FFFFFF url(images/list_gradient.png) repeat-x scroll 0 0;
	font-size:1.5em;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
}

#keyword_item h3 a{
	background:transparent url(images/sm_arrow.png) no-repeat scroll right center;
	font-size:12px;
	font-weight:bold;
	margin-right:6px;
	padding-right:9px;
	display:inline;
	position:absolute;
	right:0;
	bottom:3px;
}

.middle_rec_price{
	text-align:right;
	margin-bottom:5px;
	position:absolute;
	bottom:0px;
	right:5px;
}

.list_box a:link{
color:#000;
text-decoration:none;
}

.list_box a:visited{
color:#000;
text-decoration:none;
}

.list_box a:hover{
text-decoration:underline;
color:#666;
}

.list_right{
	float: right;
	width: 265px;
	padding: 0 5px 20px 0px;
}

.list_light h2 {
	margin: 15px 0 0 0;
	font-size: 1.8em;
	border-bottom: 3px solid #000;
	color: #000;
}

.paging{
	margin:20px 0;
	text-align:center;
	position: relative
}

.paging div{
	display:inline;
}

.paging .current,.disabled ,.paging a{
background:#EEE none repeat scroll 0 0;
border:1px solid #CCC;
color:#CCC;
margin-left:4px;
padding:2px 4px;
}

.paging a:link,.paging a:visited{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #999999;
color:#666666;
text-decoration:none;
}

.paging .current{
	background:#333333 none repeat scroll 0 0;
	color:#FFFFFF;
}

.pagination {
	margin-bottom:10px;
}

.pagination a{
	background:transparent url(images/sm_arrow.png) no-repeat scroll right center;
	font-weight:bold;
	margin-left:15px;
	padding-right:9px;
	color:#666;
}

.pagination a:hover{
	text-decoration:underline;
}

.pagination a:visited{
	color:#666;
}

/*　商品詳細
----------------------------------------------- */

#maincontents{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #D1D1D1;
	border-left:none;
	float:left;
	margin:10px 0 0;
	padding:10px ;
	width:658px;
}

.deteal_right{
	float: right;
	width:310px;
	padding: 0 5px 20px 0px;
}

/*カート*/
.cart_box{
position:relative;
height:300px;
padding:15px 0;
margin-bottom:10px;
background: #fff url(images/list_gradient.png) repeat-x;
}

.cart_img{
float:left;
margin-right:10px;
border:1px solid #ccc;
}

#maincontents h2{
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 3px 0 3px 0;
	background: #d8f7ff;
}


.item_name{
color:#666666;
}

.item_name,.cart_box h3{
font-size:180%;
font-weight:bold;
margin-bottom:10px;
margin-left:10px;
line-height:1.5;
color:#F5006E;
}

.cart_box h3 span{
	color:#333;
}

.cart_fix{
width:345px;
position:absolute;
top:175px;
right:0;
}

.price{
font-size:120%;
margin-bottom:5px;
text-align:right;
padding-right:5px;
font-weight:bold;
}

.price span{
font-size:250%;
color:#F5006E;
}

/**********************
Social bookmarks
************************/
.sharingb {
	background: #fff;
	margin: 10px 0 20px 0;
	display: block;
	overflow: hidden;
	padding: 2px 0 2px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.sharing {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	background: #eee;
	height: 22px;
	overflow: hidden;
}

.sharing .post-to {
	float: left;
	display: block;
	background: #ddd;
	padding: 0 5px 0 5px;
	height: 22px;
	line-height: 22px;
	border-right: 1px solid #fff;
}
.sharing a {
	float: left;
	display: block;
	height: 22px;
	line-height: 22px;
	border-right: 1px solid #fff;
}
.sharing a:hover {text-decoration: none}

.dg, .gl, .su, .fb, .yh, .tn, .ml ,.mo{
	padding-left: 26px;
	padding-right: 5px;
}

.yh{
	padding-left:30px;
}

.dg {background: url(http://d.hatena.ne.jp/images/b_entry.gif) no-repeat 5px center}
.dg:hover {background: #faea9e url(http://d.hatena.ne.jp/images/b_entry.gif) no-repeat 5px center}
.gl {background: url(http://clip.livedoor.com/img/icon/clip_border.gif) no-repeat 5px center}
.gl:hover {background: #faea9e url(http://clip.livedoor.com/img/icon/clip_border.gif) no-repeat 5px center}
.su {background: url(images/newsing_ico.gif) no-repeat 5px center}
.su:hover {background: #faea9e url(images/newsing_ico.gif) no-repeat 5px center}
.fb {background: url(images/delicious_ico.gif) no-repeat 5px center}
.fb:hover {background: #faea9e url(images/delicious_ico.gif) no-repeat 5px center}
.yh {background: url(http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_01.gif) no-repeat 5px center}
.yh:hover {background: #faea9e url(http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_01.gif) no-repeat 5px center}
.tn {background: url(images/post/technorati.png) no-repeat 5px center}
.tn:hover {background: #faea9e url(images/post/technorati.png) no-repeat 5px center}
.ml {background: url(images/post/email.png) no-repeat 5px center}
.ml:hover {background: #faea9e url(images/post/email.png) no-repeat 5px center}
.mo {background: url(images/mooos.gif) no-repeat 5px center}
.mo:hover {background: #faea9e url(images/mooos.gif) no-repeat 5px center}

.rec_box {
	margin-bottom:20px;
}

.rec_box a{
display:block;
color:#000;
}

.rec_box a:link{
color:#000;
}

.rec_box a:visited{
color:#000;
}

.rec_box a:hover{
text-decoration:none;
color:#666;
}

.img_box{
float:right;
padding:0 0 0 10px;
margin-left:10px;
width:300px;
background-color:#fff;

}

.img_box img{
margin-bottom:10px;
}

.spec{
clear:both;
line-height:1.6;
margin-bottom:20px;
}

#spec_box{
	margin-top:10px;
	background-color:#eee;
	border:1px dotted #ddd;
	padding:10px;
}

.spec_head{
font-size:120%;
font-weight:bold;
margin-bottom:10px;
}

.fixnav2 {
	clear:both;
	border-top: 1px solid #d5d5d5;
	xborder-bottom: 1px solid #d5d5d5;
	padding: 3px 0 0 0;
	margin: 10px 0 15px 0;
}

.pnav {
	padding: 8px 10px 0px 10px;
	font-weight: bold;
}
.pnav a {color: #000
	display:block;
}
.pnav a:hover {text-decoration: underline}
.pnav a:hover span {text-decoration: underline}
.pnav a{
	font-size: 0.9em;
	display: block;
	line-height: 1.4em;
	color: #1d6b9d;
	padding: 0 0 0 0;
	background:#FFFFFF url(images/list_gradient.png) repeat-x scroll 0 0 ;
	margin-bottom:5px;
	border-bottom:1px dotted #d5d5d5;
	height:1%;
}

.pnav img{
	float:left;
	margin-right:5px;
	border:1px solid #ddd;
}

.text{
color:#333333;
display:block;
font-weight:normal;
line-height:1.6;
padding-top:5px;
}

.deteal_box{
line-height:1.7;
margin-bottom:10px;
font-size:14px;
}

.bold{
	font-weight:bold;
}

.red{
	color:#F5006E;
}