/*
	GlobalFont CSS 
*/


* BODYTD */

body {
	font-size:12px;
	color:#333333;
	line-height:140%;
}

td {
	font-size:12px;
	color:#333333;
	line-height:130%;
}

.big {
	font-size:16px;
}
.middle {
	font-size:15px;
}
.small {
	font-size:12px;
}

.site-seo {
	font-size:12px;
	color:#666666;
	line-height:130%;
}


/* Link */
a {
	color: #003399;
}
a:hover {
	color: #FF4210;
}
a:active {
	color: #FF4210;
}
a:visited {
	color: #0066cc;
}

HR {
  color: #cccccc;
}


@charset "shift_jis";


/*-------------------------
layout.css
-------------------------*/

html {	overflow-y:scroll;}

/* -----------------------------
		font size
----------------------------- */

#container {font-size: 0.75em;}

.s {		font-size: 0.83em;}
.m {		font-size: 1.0em;}
.l {		font-size: 1.17em;}
.b {		font-weight: bold;}

/* -----------------------------
		base layout
----------------------------- */

body {

}

#container {
	background: #fff;
	width:800px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}

/* -----------------------------
		header
----------------------------- */

#header {
	padding: 10px 0 0 0;
	_margin:10px auto 0px auto;
	margin: 0px auto;
	width: 800px;
	min-height:112px;
	_height:112px;
	text-align: center;
	position: relative;
}
#head_main {
	float:left;
	width:481px;
}
.hbanner {
	margin: 3px auto;
	text-align:left;
}

#logo {
	float:right;
	width:317px;
}

#hlink {
	text-align:right;
	float:right;
	margin: 31px 0px 0px 0px;
}

#hlink li {
	display:inline;
	margin: 0px;
	padding: 0px;
}

#hlink .li01 {	margin-right:6px;}

#hlink .li02 {}

#gnavi {
	width:800px;
	height:38px;
	margin: 0px;
	padding: 0px;
}

#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
}

/* \*//*/

#gnavi li {display:inline;}

/**/



/* -----------------------------
		footer
----------------------------- */

#footer a:link,

#footer a:visited {
	color:#787878;
}

#footer a:hover {
	text-decoration:none;
}

#footer {

/* 

	background: url(../site_data/cabinet/shop/img/wrap_end.gif) no-repeat left top;

 */

	text-align: left;
	margin: 0px auto 8px auto;
	padding: 8px 0px;
	clear: both;
	width: 800px;
}

#footer p {
	font:0.65em/1.5 verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background: #E2E2E2;
	margin: 0px;
	padding: 4px 8px;
	line-height:1.5;
	text-align:left;
	letter-spacing:1px;
}

#wrap {

/* 

	background: url(../site_data/cabinet/shop/img/wrap.gif) repeat-y 0px 0px;

 */
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	width: 800px;
}

#side {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 172px;
	float:left;
}

#inner-wrap {
	margin: 0px;
	padding: 0px;
	width: 615px;
	float:right;
}

#inner-contents {
	margin: 0px;
	padding: 0px;
	width: 394px;
	float:left;
}

#inner-side {
	margin: 0px;
	padding: 0px;
	width: 209px;
	float:right;
}


.side {
	background: url(../site_data/cabinet/shop/img/wrap_end.gif) no-repeat 1px 100%;

/* 
	background-color:#fff;
*/
}

.side h2,

.side h3 {
	margin: 0px;
	padding: 0px;
	height:auto;
	min-height: auto;
}

.side dl {

/* 
	margin: 0px 0px 8px 0px;
	border-bottom: solid 8px #fff;
 */
	border-bottom: solid 1px #999;
	margin: 0px 0px 8px 0px;
}

.side dt {

}

.side dd {
	_width:100%;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
/* 

 */

}

.side ul {

}

.side li {

}

.side_bana {
	margin: 0px 0px 8px 0px;
}

.side_item {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	border-bottom: solid 1px #999;
}

.side_item dl {
	margin-bottom:0px;
	border-bottom:none;
}

.side_item dl dt {
	text-align:center;
}

.side_item dl dd {
	border-bottom: none;
	padding-bottom:8px;
}

.side_item dl dd ul {
	line-height:1.3;
}

.side_item dl dd ul li {
	margin: 0px 8px;
	padding: 6px 0px;
	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;
}

.side_item dl dd ul li a {
	width:152px;
	clear:both;
	display:block;
	margin: 0px auto;
}

.side_item dl dd ul li a img {
	vertical-align:middle;
	margin-right:3px;
	display:inline;
	float:left;
}

.side_item dl dd ul li a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* 

 */

.lineup li {

}

.juice li a {
	_height:22px;
	min-height:22px;
}

.gem li a {
	_height:22px;
	min-height:22x;
}

.set li a {
	padding-top:10px;
	_height:33px;
	min-height:33px;
}

.juice li a img {
	margin-top:-2px;
}

.gem li a img {
	margin-top:-2px;
}

.set li a img {
	margin-top:-7px;
}

.side_list {
	margin: auto;
}

.side_list dl {
	_width:172px;
	border-bottom:none;
}

.side_list ul {

/* 

	_border-left: solid 1px #999;

 */

	padding-bottom:8px;

}

/* 

#modeTop

	.side_list ul {

	_border-left: none;

}

 */

.side_list ul li {

	_height:1%;

	margin: 0px 8px;

	padding: 6px 0px;

	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;

}

.side_list ul li a {

	display:block;

	width:152px;

	background-position: 0px 2px;

	background-repeat:no-repeat;

	padding-left:15px;

}

.info_list li a {

	background-image: url(../site_data/cabinet/shop/img/arrow.gif) ;

}

.read_list li a {

	background-image: url(../site_data/cabinet/shop/img/arrow_ye.gif) ;

}

.side h2 {

	margin: 0px auto;

	text-align:center;

}

.side_frame {

	width:172px;

	_width:170px;

	margin: 0px 0px 0px 1px;

}

.side_frame dl {
	border-bottom: none;
}

.side_frame dd {

}



.side_frame iframe {
	width:170px;
	height:300px;
	margin: 0px;
}

.side_powerd {
	width:172px;
	margin: 0px 0px 0px 1px;
}

.side_powerd dl {
	border-bottom:none;
	margin-bottom: 0px;
}

.side_powerd dd {
	border-bottom:none;
	padding-bottom:0px;
}

/* 

 */

.side_powerd p {
	padding-top:8px;
	padding-right:8px;
	padding-left:8px;
	_height:1%;
	margin: 0px;
}

.side_powerd p img {
	margin-bottom:5px;
	display:block;
}

.side_powerd dd {
	margin-bottom:0px;

/* 

	padding-bottom:55px;

 */

}

.info img {
	margin-top: 25px;
}



.marukai {

	/* 

	position:absolute;
	bottom:0px;
	left: 1px;

	 */

	margin: 0px;
	padding: 0px;
}

.marukai img {
	margin:0px 0px 13px 10px;
}

/* -----------------------------
		popup blank link
----------------------------- */

a.popup {
	background:  url(../site_data/cabinet/shop/img/i_blank.gif) no-repeat 0px 2px;
	padding-bottom:3px;
	padding-left:18px;
}

a.blank {
	background:  url(../site_data/cabinet/shop/img/i_blank.gif) no-repeat 0px 2px;
	padding-bottom:3px;
	padding-left:18px;
}

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

.red {
	color:#f04d3e;
}

.blue {
	color:#5d51d0;
}



/* -----------------------------
		common
----------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;

}

/* -----------------------------
		clear
----------------------------- */

#wrap:after,

#header:after,

.entry:after,

.nich:after,

.profile:after,

.profileWrap:after,

.section:after,

.pagetop:after

 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#wrap,

#header,

.entry,

.nich,

.profile,

.profileWrap,

.section,

.pagetop {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/

* html #wrap,

* html #header,

* html .entry,

* html .nich,

* html .profile,

* html .profileWrap,

* html .section,

* html .pagetop { height: 1%; }



#wrap,

#header,

.entry,

.nich,

.profile,

.profileWrap,

.section,

.pagetop { display: block; }

/* End hide from IE-mac */


/* -----------------------------
		dotline
----------------------------- */



.pagetop a
 {
	overflow: hidden;
}



/* \*//*/



.pagetop a
 {
	overflow: visible;
}



/**/

/*-------------------------
base.css
-------------------------*/
/* -----------------------------
	reset elements
----------------------------- */



h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}

ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;

	padding: 0px;
	list-style-type: none;
}

img {
	border: none;
}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

hr {
	height: 0px;
	border: none;
	margin: 0.5em auto 0.5em auto;
	-moz-float-edge: margin-box;
	-moz-box-sizing: border-box;
	clear: both;
	display: none;
}

ul img, dl img, ol img, object, embed {
	vertical-align: bottom;
}



/* -----------------------------
	font size
----------------------------- */

body{ font-size: 12px; }

html>body{ font-size: 16px }

*:first-child+html body{ font-size: 100% } 


/* -----------------------------
	base
----------------------------- */


body {
	font-family: "ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", osaka, sans-serif;
	color: #666;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}

/* ---------- MacIE 文字化け対策 */

textarea, select, input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka, sans-serif;
	color: #333;
}

/* ---------- MACIE以外 */

@media screen {
	textarea, select, input {
		font-family: "ＭＳ Ｐゴシック",Verdana, Arial,  sans-serif;

	}

}





table {

	font-size: 1em;

	border: none;

}

select option,

select optgroup {
	font-style:normal;
}


/* -----------------------------
	link
----------------------------- */

a {
	text-decoration: underline;
}

a:link {
	color: #666;
}

a:visited {
	color: #787878;
}

a:hover,

a:active {
	color:#f04d3e;
}

/*-------------------------
style-top.css
-------------------------*/
/* \*//*/

@import "mac.css";

/**/

p {
	line-height:1.5;
	margin-bottom:1em;
}

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

	ランキング

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

.side_ranking {
	font-size:0.83em;
}

.side_ranking ul {
	margin: 0px 7px;
}

.side_ranking li {
	margin: 0px auto;
	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;
	padding: 5px 0px 5px 0px;
}

.side_ranking li.end {
	background-image:none;
}

.side_ranking table {

}

.side_ranking td {
	vertical-align:top;
}

.side_ranking td img {
	float:left;
	display:inline;
	margin-right:5px;
}

/* -----------------------------
	読みもの
----------------------------- */

.side_read {

}

.side_read h3 {
	padding-top:9px;
}

.side_read li {
	margin: 0px 10px;
	padding-bottom:5px;
}

.side_read p {

	font-size:0.83em;

	line-height:1.3;

	padding-top:3px;

	margin: 0px auto;

}

.side_ranking dd,

.side_read dd,

.side_new dd,

.side .side_voice {

	border-bottom:none;

	margin-bottom:0px;

}

.side_voice h3 {

	font-size:1em;

	font-weight:normal;

	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;

	padding: 7px 0px 7px 0px;

}

.side_voice h3 img {

	margin-top:-9px;

	margin-right:5px;

}

.side_voice .section {

	padding-top:7px;

	margin: 0px 7px 5px 7px;

}

.side_voice p {

	padding-top:7px;

	line-height:1.3;

}

.more {

	text-align:right;

	margin: 0px 8px 8px 0px;

}



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

	新商品

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

.side_new {

	font-size:0.83em;

	line-height:1.5;



}

.side_new ul {

	margin: 0px 7px;

}

.side_new li {

	margin: 0px auto;

	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;

	padding: 5px 0px 5px 0px;

}

.side_new li.end {

	background-image:none;

}

.side_new li img {

	float:left;

	display:inline;

	margin-right:5px;

}







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

	おすすめ

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

#recommend {

	margin-bottom:10px;

}

#recommend h2 {

}

#recommend .section {

	border-right: solid 1px #999;

	border-bottom: solid 1px #999;

	border-left: solid 1px #999;

	padding: 10px 15px;

}

#recommend .section img {

	display:block;

	margin-bottom:5px;

}

#news {

	margin-bottom:10px;

}

#news a:link,

#news a:visited {

}

#news a:hover {

}

.news_scroll {

	width:392px;

	_width:394px;

	border-right: solid 1px #999;

	border-bottom: solid 1px #999;

	border-left: solid 1px #999;

	padding: 4px 0px;

}

.news_scroll_body {



	overflow-y: auto;

	height: 133px;

	width:387px;

}

#news ul {

	font-size:0.83em;

/* 

	width:392px;

	_width:394px;

 */

	padding-bottom:10px;

}



html #news ul {

scrollbar-track-color:#ffffff;

scrollbar-face-color:#ffffff;

scrollbar-shadow-color:#ccc;

scrollbar-darkshadow-color:#ffffff;

scrollbar-highlight-color:#ccc;

scrollbar-3dlight-color:#ffffff;

scrollbar-arrow-color:#ccc;

}

#news li {

	line-height:1.5;

	margin: 0px 8px 0px 8px;

	padding: 5px 0px 7px 0px;

	background: url(../site_data/cabinet/shop/img/dot.gif) repeat-x left bottom;

}

#news .date {

	display:block;

	width:3em;

	background: url(../site_data/cabinet/shop/img/arrow_mini.gif) no-repeat 0px 4px;

	padding-left:12px;

}

#news .entry_title {

	display:block;

	margin: -1.5em 0px 0px 4.5em;

}



#gem {

}

#gem .section {

	border-right: solid 1px #999;

	border-bottom: solid 1px #999;

	border-left: solid 1px #999;

	margin-bottom:10px;

}

#gem table {

	width:378px;

	margin: 12px 0px 0px 13px;

	line-height:1.5;

}

#gem td {

	vertical-align:top;

	width:49%;

	padding-right:8px;

	padding-bottom:5px;

}

#gem td img {

	display:block;

	margin-bottom:5px;

}

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

	期間限定

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

#limit {

	margin-bottom:10px;

}

#limit h2 {

}

#limit .section {

	border-right: solid 1px #999;

	border-bottom: solid 1px #999;

	border-left: solid 1px #999;

	padding: 10px 15px 5px 15px;

}

#limit .section img {

	display:block;

	margin-bottom:5px;

}



.pagetop {

	display:none;

}



.main {

	width:100%;

	margin: 0px 0px 12px 0px;

	line-height:1.5;

}

.main td {

	width:49%;

	vertical-align:top;

	padding-bottom:5px;

}

.main td.li01 {

	padding-right:8px;

}

.main td.li02 {

}

.main td img {

	display:block;

	margin: 0px auto 5px auto;

	text-align:center;

}



.main2column {

	width:100%;

	line-height:1.5;

}

.main2column .section {

	width:192px;

	float:left;

}

.main2column .end {

	float:right;

}



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

	clearfix

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

.side_new li:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.side_new li {

display: inline-table;

min-height: 1%;

}

/* Hides from IE-mac \*/

* html .side_new li { height: 1%; }



.side_new li { display: block; }

/* End hide from IE-mac */



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

	print css

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



#container {

	border: none;

	width: 100%;

}

#header {

	width: 100%;

}

#footer {

	width: 100%;

}

#gnavi {

	height:1px;

	border-bottom: solid 4px #88B64A;

}

#gnavi ul {

	display:none;

}



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

	head

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



#contents h1 {

	border: solid 1px #999;

	padding: 6px 10px;

	height:1em;

}

#contents h2,

#contents h3 {

	padding: 6px 10px;

}

#contents div h2,

#contents div h3 {

	border: none;

	padding: 0px;

}

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

	FAX

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



#modeFax {

}

#modeFax .pagetop {

	display:none;

}

#modeFax h1 {

	display:none;

}

#modeFax h2 {

	font-size:1.33em;

	padding: 0px;

	margin: 5px 0px;

	height:1em;

}

#modeFax .key,

#modeFax .path {

	display:none;

}

#modeFax #menu {

	display:none;

}

#modeFax #header {

	height:78px;

}

#modeFax #hlink,

#modeFax #footer {

	display:none;

}

#modeFax #contents {

	float:none;

	width:650px;

}

.note_fax {

	display:none;

}

.format {

	margin-bottom:7px;

}

/* mac ie */



#gnavi li {

	width:114px;

}