*{
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
					
}

body {
width:100%;
min-width:1120px;
text-align:center;
margin: 0px auto;
padding: 0px;
position:relative;
background-image:url(img/body-back.png);
background-repeat:repeat;

}

a {
text-decoration:none;
color:#000066;
}

a:hover {
color:#FF6600;
font-weight:bold;
text-decoration:underline;
}

#main-menu a,#footer a, #footer .footer a {
color:#FFFFFF;
text-decoration:none;

}

#main-menu a:hover,#footer a:hover, #footer .footer a:hover {
color:#FFFFFF;
text-decoration:none;

}

a img { border: none; } 

a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


h1 {
font-size:12px;
text-align:left;
margin:0;
line-height:14px;
}

h2 {
font-size:2em;
line-height:150%;
font-weight:bold;
margin:30px 0;

}

h3 {
text-align:left;
width:100%;
line-height:150%;
padding:10px 20px;
margin:40px 0 30px;
font-size:1.5em;
font-weight:bold;
clear:both;
background-color:#F2F2F2;
border-bottom:1px dotted #000;
color:#000;
 -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777; 

}


h4 {
text-align:left;
width:100%;
line-height:150%;
padding:10px 20px;
font-size:1.3em;
font-weight:bold;
clear:both;
background-color:#666666;
color:#FFFFFF;
}

h5 {
text-align:left;
margin:0;
padding:0;
font-size:2em;
font-weight:bold;
line-height:150%;
color:#330;

}

h6 {
font-size:1.2em;
line-height:150%;
text-decoration:underline;
color:#990033;
line-height:30px;
margin:0;
padding:0;
}

#contents li {
	margin-bottom:15px;
}

p.bold {
font-weight:bolder;
}

p.set {
	font-size:14px;
}

span.bold {
font-weight:bold;
}

p.small {
font-size:10px;
color:#999999;
line-height:1.5em;
}

p.detail {
	font-size:1.5em;
	line-height:1.6em;
	font-weight:bold;
	color:#963;
	border-bottom:#930 2px solid;
}

span.striking {
font-weight:bold;
color:#996633;
text-decoration:underline;
}

span.item a {
font-weight:bold;
font-size:18px;
color:#993333;
text-decoration:none;
}

span.red {
color:#FF0000;
font-weight:bold;
}

span.bigred {
	color:#F60;
	font-weight:bold;
	font-size:125%;
}

/* ヘッダーメニューここから */

.campain {
	position:fixed;
	right:0;
	top:0;
	opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

#header {
width:100%;
min-width:1120px;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
background-color:#FFF;
}
#header > img {
	max-width: 100%;
	width: auto;
}
.header {
width:1120px;
margin:0 auto;
padding:0 80px;
text-align:center;
}

.header ul,li,img {
	box-shadow:none;
}

#main-menu {
	width:100%;
	min-width:1120px;
height:50px;
background-color:#3498db;
border-bottom: 1px solid #A7A7A7;
border-top: 1px solid #A7A7A7;
margin:0px auto;
 -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777; 
}

.main-menu {
width:1120px;
line-height:50px;
margin:0 auto;
padding:0 20px;
}

#main-menu ul {
list-style:none;
display:inline;
margin:0;
padding:0;
}

#main-menu ul li {
width:auto;
display:inline;
font-size:18px;
text-align:center;
margin:0 20px 0 0 ;
font-weight:bold;
color:#FFFFFF;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
    	transition: all 0.3s ease;
}

#main-menu ul li a:hover {
font-size:1.2em;
}

/* ヘッダーメニューここまで */


#container {
width:1120px;
padding:0 20px;
text-align:left;
margin:30px auto;
	
}

#top {
width:100%;
min-width:1120px;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
background-image:url(img/top-back.jpg);
background-repeat:repeat-x;
overflow:hidden;

}

#top2 {
width:1120px;
height:auto;
margin:0 auto;
padding:0 50px;
position:relative;
text-align:center;
}

img.buylink {
	position: absolute;
	top: 395px;
	right:60px;
}

/* サイドメニューここから */

#side-menu {
width:300px;
height:auto;
margin-right:30px;
float:left;
}


#side-menu img {
margin:0 0 20px 0 ;
	box-shadow: 0px 0px 10px #CCCCCC;
-moz-box-shadow: 0px 0px 10px #CCCCCC; /* Firefox */
-webkit-box-shadow: 0px 0px 10px #CCCCCC;  ; /* Chrome, Safari */ 
}


#category {
width:298px;
font-size:1em;
margin-bottom:20px;
border:#F2F2F2 1px solid;
background-color:#FFF;
overflow:hidden;
	box-shadow: 0px 0px 10px #CCCCCC;
-moz-box-shadow: 0px 0px 10px #CCCCCC; /* Firefox */
-webkit-box-shadow: 0px 0px 10px #CCCCCC;  ; /* Chrome, Safari */ 
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	}
	
#category ul {
list-style:none;
margin:0 ;
padding:0 ;
}
	
#category li a {
width:298px;
height:auto;
line-height:150%;
padding:10px 20px;
border-bottom:dotted #999999 1px;
background-color:#FFF;
display:block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
    	transition: all 0.3s ease;
}

#category li:first-child {
	background-color:#3498db;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:0;
	line-height:60px;
}

#category li:last-child a {
border:none;
}

#category li a:hover {
	background-color:#2980b9;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	
}

ul#ranking {
	width:49%;
	margin:0;
	padding:0;
	margin-bottom:20px;
	list-style:none;
	padding-left:20px;
}

#ranking li {
	width:100%;
	line-height:200%;
	font-size:14px;
	padding:5px 0 ;
	padding-left:70px;
	border-top:#999 1px dotted;
}

#ranking li:last-child {
	border-bottom:#999 1px dotted;
}

li.r1 {background-image:url(img/r2-1.gif);
background-repeat:no-repeat;
background-position:left;
}

li.r2 {background-image:url(img/r2-2.gif);
background-repeat:no-repeat;
background-position:left;
}

li.r3 {background-image:url(img/r2-3.gif);
background-repeat:no-repeat;
background-position:left;
}

li.r4 {background-image:url(img/r2-4.gif);
background-repeat:no-repeat;
background-position:left;
}

li.r5 {background-image:url(img/r2-5.gif);
background-repeat:no-repeat;
background-position:left;
}

li.r6 {background-image:url(img/r2-6.gif);
background-repeat:no-repeat;
background-position:left;
}

#ranking img {
	margin:0;
	padding:0;
}


/* サイドメニューここまで */


/* メインコンテンツここから */

#contents {
width:750px;
padding:25px;
background-color:#FFF;
line-height:160%;
height:auto;
margin:0 0 30px 0;
float:right;
overflow:hidden;
font-size:1em;
	box-shadow: 0px 0px 10px #CCCCCC;
-moz-box-shadow: 0px 0px 10px #CCCCCC; /* Firefox */
-webkit-box-shadow: 0px 0px 10px #CCCCCC;  ; /* Chrome, Safari */ 
}

#contents p {
	margin:20px 0;
	line-height:150%;
}

#hako {
	width:100%;
	height:200px;
	background-color:#9C0;
}

#contents a {
	text-decoration:underline;
}

#position-relative {
	position:relative;
}

#link-left {
width:49%;
height:auto;
margin:10px 10px 10px 0px;
float:left;
overflow:visible;
clear:both;
}

#link-right {
width:49%;
height:auto;
margin:10px 0px ;
float:right;
overflow:visible;
}

#item-img {
width:300px;
height:auto;
float:left;
margin:20px 0;
}

#detail {
width:50%;
margin:20px 0 20px 20px;
float:right;
}


#detail table {
width:100%;
border-spacing:0;
border-collapse:collapse;
}

#detail tr {
border-bottom:#CCCCCC solid 1px;
}

#detail th {
width:160px;
line-height:30px;
font-size:12px;
text-align:right;
padding-right:10px;
}

#detail td {
width:170px;
text-align:left;
padding-left:10px;
}

#cart {
margin:20px 0 ;
text-align:right;
}


#nayami {
width:300px;
height:auto;
margin-left:10px;
margin-bottom:10px;
overflow:visible;
font-size:14px;
float:left;
list-style:none;
text-align:left;

}

#nayami li {
	line-height:24px;
	
}
	


img.strong01 {
position:absolute;
top:60px;
left:15px;
}

img.strong02 {
position:absolute;
top:60px;
left:240px;
}

img.strong03 {
position:absolute;
top:60px;
left:465px;
}

img.strong04 {
position:absolute;
top:130px;
left:15px;
}

img.strong05 {
position:absolute;
top:130px;
left:240px;
}

img.strong06 {
position:absolute;
top:130px;
left:465px;
}


#abc th,td {
padding:5px;
}

/* アイテム一覧用 */

#item-list {
width:100%;
height:auto;
margin:20px 0 ;
overflow:hidden;
display:block;

}

#item-left {
width:48%;
height:auto;
float:left;
margin:10px 0;
display:block;
}

#item-right {
width:48%;
height:auto;
float:right;
margin:10px 0;
display:block;
}

#item-left2 {
width:320px;
height:250px;
float:left;
margin:10px 20px 10px 0px;
}

#item-right2 {
width:320px;
height:250px;
float:left;
margin:10px 0px 10px 10px;
}

#item-rank {
width:18%;
height:auto;
margin:10px 0px 10px 10px ;
float:left;
}

#item-list ul {
margin:0;
padding:0;
list-style:none;
}

#item-list li {
width:30%;
height:auto;
margin:10px;
padding:10px;
float:left;
display:block;
}

#result {
width:20%;
margin-left:15px;
float:left;
}

#result-left {
width:50%;
float:left
}

img.waku {
border:#CCCCCC 1px solid;
}

span.small {
font-size:12px;
}

table.etc {
width:650px;
  border-collapse: collapse;
  border-spacing: 0;
  margin:20px 0 20px 20px ;
  padding:0;
}

table.etc tr {
height:45px;
}

table.etc th {
width:200px;
border-bottom:#999999 solid 1px;
}

table.etc td {
width:480px;
border-bottom:#999999 solid 1px;
font-size:14px;
}

/* 3列コンテンツここから */

ul#three {
margin:10px 0 ;
padding:0;
display:inline;
list-style:none;
clear:both;
}


ul.three {
margin:10px 0 ;
padding:0;
display:inline;
list-style:none;
clear:both;
}

li.three {
width:220px;
height:auto;
margin:0 10px 0 0 ;
padding:0;
float:left;
}

li.three-last {
width:220px;
height:auto;
margin:0 ;
padding:0;
float:left;
}

/* パンくず */

#pankuzu {
width:100%;
margin:0;
padding:0;

}

ul.pankuzu {
width:auto;
list-style:none;
margin:0;
font-size:12px;
padding:0;
}

li.pankuzu {
display:inline;
}


/* キャンペーンページ */

#campain {
width:660px;
height:auto;
padding:20px;
margin-top:20px;
background-color:#FFCC66;
border:1px #CCCCCC solid;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	}

/* セットメニュー */

#set-item {
	width:100%;
	height:auto;
	margin:20px 0;
	padding:0;
	border:2px solid #999;
	display:block;
	overflow:hidden;
	clear:both;
	

}

.set-left {
	width:28%;
	height:100%;
	padding:20px 10px;
	margin:0;
	float:left;
	display:block;
	background-color:#FFF;
}

.set-right {
	width:68%;
	height:auto;
	padding:10px;
	margin:0;
	float:right;
	display:block;
	text-align:left;
	background-color:#F2F2F2;
}


/* メインコンテンツここまで */

/* フッターここから */

#footer {
width:100%;
min-width:1120px;
height:auto;
margin:0;
padding:0;
background-color:#3498db;
clear:both;
overflow:hidden;

}

.footer, #footer .footer {
width:1080px;
height:auto;
font-size:12px;
color:#FFFFFF;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}
#footer .footer {
	padding: 20px 0 0;
}

#footer ul {
width:360px;
height:auto;
list-style:none;
margin:0;
padding:15px;
float:left;
text-align:left;
}


#footer li {
line-height:20px;
padding-left:20px;
}

#footer li.first {
font-size:18px;
font-weight:bold;
line-height:24px;
padding-left:0;
padding-bottom:10PX;
margin-top:20px;
}

span.copyright {
width: 960px;
margin:10px auto;
clear: both;
font-size: 12px;
color:#fff;
display:block;
}


/* font sizer */
#controls {	
	float:right; 
}
#controls li {
	float:left;
	display:block;
	list-style-type:none;
	margin-right:5px;	
}

a#fs-minus, a#fs-plus {
	outline: 0 none;	
}

.news {
	width:100%;
	height:auto;
	padding:15px;
	margin-bottom:20px;
	background-color:#FFF;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
 
}

/*　ソーシャルボタン　*/

.socialbox {
    float: left;
    display: inline-block;
    margin: 0 0 15px 10px;
    
}

.hatena-box{min-width:80px;max-width:125px;}
.facebook-box{min-width:70px;max-width:115p;}
.twitter-box{min-width:87px;max-width:90px;}
.gplus-box{min-width:50px;max-width:80px;}
.pocket-box{min-width:60px;max-width:115px;}

.fb-like iframe {
    max-height: none;
    overflow:visible;
    z-index:75;
}

#spLinkBlockInPc{
display:none;
}
	
a .order {
	font-size:1.5em;
	font-weight:bold;
	background-color:#2ecc71;
	color:#fff;
	padding:20px 0;
	width:100%;
	margin-top:20px;
	text-align:center;
	border-radius:5px;

}

#detail a {	text-decoration:none;}

.reset {
	clear:both;
}