body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	width:100%;
/*	line-height: 15px;	*/
}

/* ~~ エレメント / タグセレクター ~~ */

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
}  

li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

/*
li.relatebar {
	width:auto;
    margin:0 !important;
	padding:0 !important;
	background-image:url(/siteImage.php?fd=pc&fn=relate_bar);
	background-repeat:no-repeat;
	background-position:center middle;
	display:block; 
    font-size: 0px;
	border: none;
	vertical-align:bottom;
}
*/

li div {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

p {
	margin:0;
	padding:0;
}

img {
	vertical-align:bottom; 
    text-decoration:none;
	margin:0;
	padding:0;
}

a img { 
    text-decoration:none;
	border: none;
}


a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
/*  */
. {
	width:1090px;
	height:85px;
	padding:15px 0 0 0;
	margin:0;
}

. p,img {
	margin:0;
	padding:0;
}

/* contents css */

/* body */
#container {
    width: 1098px;
	background: #FFFFFF;
	margin: 0 auto;
	padding:0;
}


.contents {
	margin:0;
	padding:20px 0 0 15px;
}

/* header css */

.header {
	width:100%;
	margin:0;
	padding:0;
	display:block;
}

.headercontents {
    margin: 0;
    padding: 33px 0 0 15px;
}


.header_titlelogo {
    padding: 15px 5px 15px 0;
}

.header_detail1 {
    background-image: url("/siteImage.php?fd=pc&fn=new_top_qrbg3");
    background-repeat: no-repeat;
    height: 60px;
    line-height: 1.5;
    margin-top:-10px;
    padding: 12px 0 0;
    width: 336px;
}

.header_detail1 p {
	display:inline;
	font-size:12px;
	line-height: 20px;
}

.header_detail2 {
    height: 60px;
    line-height: 13px;
    margin: -5px 0 0;
    padding: 0 0 0 10px;
    width: 190px;
}


.header_detail3 {
    height: 45px;
    line-height: 1.3;
    padding: 15px 0 0 10px;
    margin: 0px;
}

/* main column */
.content {
	padding:0;
	width:720px;
	height:auto;
	float: left;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

#contentswrapper {
	height:100%;
	margin:0;
	padding:0;
	position: relative;
}

/* grand nav css */

#menubar {
	margin:5px 0 0;
	padding:0;
}

#menubar ul {
	margin:0;
	padding:0;
}
#menubar ul li {
	width:16%;
}

#menubar ul li span {
	margin:0;
	padding:0;
}


.symbolbar {
	margin:0;
	padding:0;
	font-size:1px;
}
.symbolbar img  {
	width:100%;
	margin:0;
	padding:0;
}

.symbolbarie8 {
	margin: -5px 0 0;
	padding:0;
	font-size:1px;
}
.symbolbarie8 img  {
	width:100%;
	margin:0;
	padding:0;
}

/* article css */

#article {
	margin:0;
	padding:0;
	background-image: url(/siteImage.php?fd=pc&fn=main_hea_bar);
	background-repeat:repeat-y;
}

.articlemain {
	margin:0;
	padding:10px 20px 0 20px;#52CCDF
}
.articlemain span {
	margin:0;
	padding:0;
	color:#52CCDF;
	font-weight:bolder;
	font-size:14px;
}


.rankinglist ul li  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.rankinglist ul li  a {
    text-decoration: none;
}


.fltrt {  
	float: right;
	margin:0;
}
.fltlft { 
	float: left;
	margin-right:0;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* contents css */ 

h1 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

h3 {
	margin:0;
	padding:0;
}

.comlogo {
	padding:0;
	margin:0;
	display:inline;
}

.comlogo img {
	padding: 20px 0 0 0;
}

.sidebar1 {
	float: right ;
	width: 300px;
	height: auto;
	background: #FFFFFF;
	padding: 0 0 50px 20px;
	right:0;
	display:block;
	position:relative;
	margin-left: -370px;
}

div.vbox-top {
width: 350px;
padding: 30px 0 0;
background-image: url(/siteImage.php?fd=pc&fn=testbox_top);
background-position: center top;
background-repeat: no-repeat;
text-align: left;
}

div.vbox-middle {
padding: 0;
background-image: url(/siteImage.php?fd=pc&fn=testbox_middle);
background-position: center top;
background-repeat: repeat-y;
text-align: left;
}

div.vbox-bottom {
padding: 0 30px 35px;
background-image: url(/siteImage.php?fd=pc&fn=testbox_bottom);
background-position: center bottom;
background-repeat: no-repeat;
text-align: left;
}

.vbox2-right {
	background:url(/siteImage.php?fd=pc&fn=testbox2_right) no-repeat top right;
	padding-right:20px;
}
.vbox2-left {
	background:url(/siteImage.php?fd=pc&fn=testbox2_left) no-repeat top left;
	padding-left:20px;
}
.vbox2-middle{
	background:url(/siteImage.php?fd=pc&fn=testbox2_middle) repeat-x;
}

.vbox2-middle div{
	padding:0;
}

div.vbox3-top {
width: 620px;
padding: 30px 0 0;
background-image:url(/siteImage.php?fd=pc&fn=brelate_top);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
text-align: left;
}

div.vbox3-middle {
padding: 0;
background-image: url(/siteImage.php?fd=pc&fn=brelate_middle);
background-position: center top;
background-size: contain;
background-repeat: repeat-y;
text-align: left;
margin-top:5px;
}

div.vbox3-bottom {
padding: 0 40px 40px 0px;
background-image: url(/siteImage.php?fd=pc&fn=brelate_bottom);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
text-align: left;
}

div.vbox3-bottom ul {
	margin:0;
	padding:0 0 0 20px;
}

div.vbox3-bottom ul li {
	margin:0;
	padding:10px 0 10px 0;
	display:block;
	background-image:url(/siteImage.php?fd=pc&fn=relate_bar);
	background-repeat:no-repeat;
	background-position:center bottom;
	
}

div.vbox3-bottom dt {
	float:left;
}

div.vbox3-bottom dt h3 {
	font-size:16px;
}

div.vbox3-bottom dd {
	float:right;
    margin:0;
	padding:0 5px 0 0;
	font-size:14px;
	width:120px;
}
div.vbox3-bottom dd p {
	margin:0;
	padding:0;
	text-align:left;
	color:#1F84AE;
	font-weight:bold;
}

.listmore {
	float:right;
	color: #1F84AE;
	margin:0;
	padding:5px 0;
}

.listmore img {
	margin:0;
	padding:0 5px 0 0;
}


.subkaitei {
	width:350px;
	height:160px;
	background-image:url(/siteImage.php?fd=pc&fn=sub_katei);
	background-repeat:no-repeat;
}

.listmore img,.prolink img {
	vertical-align:baseline;
}

.vbox3-bottom ul li img {
	margin:0;
	padding:0 10px 0 0 ;
}

.productbox {
	margin:0;
	padding:10px 0 0 0;
	background-image:url(/siteImage.php?fd=pc&fn=relate_bar);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.propic {
	width: 52px;
	padding: 0 10px;
	margin:0;
}

.protxt {
	width:220px;
	padding:0 5px 0 0;
	margin:0;
	font-size:14px;
}

.prolink {
	margin:0;
	padding:0 0 10px 0;
}

.prolink  img {
    vertical-align:middle;
	padding:0 5px 0 0;
}

.productbox2 {
	margin:0;
	padding:10px 0;
	background-image:url(/siteImage.php?fd=pc&fn=relate_bar);
	background-repeat:no-repeat;
	background-position:center bottom;
	line-height: 13px;
}

.productbox2_detail {
	margin:0;
	padding:0;
}

.propic2 {
	width: 85px;
	padding:0 10px;
	margin:0;
}

.protxt2 {
	width:190px;
	padding:0 5px 0 0;
	margin:0;
	font-size:11px;
}

.protxt2 p {
	margin:0;
	padding:0 0 2px 0;
	border:none;
	border-bottom: 2px solid;
	font-size:12px;
	font-weight: bold; 
}

.akahoninfo {
	margin:0;
	padding:10px 0 0 0;
	width:300px;
	height:217px;
	background-image:url(/siteImage.php?fd=pc&fn=katei_akahon);
	background-repeat:no-repeat;
	background-size: contain;
}

.akahonabout {
	width:140px;
	margin:0;
	padding:40px 15px 0;
	font-size:12px;
	line-height:1.1;
	float: left;
}

.akahonabout img {
	padding:0;
	margin-right: -5px;
}

.akahonabout p {
	color:#E01A12;
	display:inline;
}

.akahonkanshu {
	margin:0;
	padding:0 10px;
	float:right;
	font-size:10px;
	color:#E01A12;
	line-height:11px;
}

.akahonimg {
	width:300px;
	margin:0 auto;
	padding: 1px 10px 3px;
}

.akahonimg img {
	margin:0 auto;
	padding: 10px 2px;
}
	
.protxt2 span {
	padding:3px 0; 
}

.protxt2 span.price {
	font-weight: bold; 
}

.protxt2 div {
	padding-top:5px;
}

.subtitleimg {
	margin:0;
	padding:10px 0 0 0;
}

.snsmenu {
	margin:0;
	padding:10px 0;
}

.snsmenu img {
	margin:0;
	padding:5px 0;
}

.menubtn {
	width:120px;
	height:30px;
	float:left;
	margin:0;
	padding:0;
}




.kijititle {
	margin:0;
	padding: 10px;
	background-color:#EAFAFB;
}

#articlefoot {
	margin:0;
	padding:0;
}



.newslistbtn {
	width:144px;
	margin:0 auto;
	padding:15px 0;
}


div.rankinglist ul {
	margin:0;
	padding:0;
}

div.rankinglist ul li {
	margin:0;
	padding:10px;
	display:block;
	background-image:url(/siteImage.php?fd=pc&fn=relate_bar);
	background-repeat:no-repeat;
	background-position:center bottom;	
}

div.rankinglist ul li h3 {
	font-size:12px;
	vertical-align:middle;
	
}


div.rankinglist ul li img {
	vertical-align:middle;
	padding:0 10px 0 0;
}

#main {
	margin:0;
	padding:0 0 30px 0;
	width:100%;
	height:auto;
	display:block;
}

.contentswrapper {
	width:720px;
	margin:0;
	padding:0 0 30px 0;
}

#footer {
    position:absolute;
    bottom:0px;
	width:100%;
	height:50px;
	background-color:#FEF8E0;
	margin:0;
	padding:0;
	display:block;
}


#ftsmall {
	font-size:12px;
	padding-top: 20px;
}

#ftsmall ul {
	position: relative;
	left: 50%;
	float: left;
}

#ftsmall li {
	color:#2489ce;
	position: relative;
	left: -50%;
}

#ftsmall li span {
	color: #666;
	margin:0;
	padding:0;
}



.fnt10 {
	font-size:10px;
}
.fnt12 {
	font-size:12px;
}
.fnt14 {
	font-size:14px;
}
.fnt16 {
	font-size:16px;
}
.fnt18 {
	font-size:18px;
}

.indent {
	text-indent:-5px;
}

.numWrap {
color:#25afc2;
position:relative;
overflow:hidden;
font-size:16px;
}

.numWrap .num {
position: relative;
left: 50%;
float: left;
padding: 0;
}

.numWrap .num:after {
clear:both;
}


.numWrap .num li {
position: relative;
left: -50%;
float: left;
font-weight: bold;
height: 25px;
margin-left: 10px;
padding-top: 10px;
text-align: center;
vertical-align: middle;
width: 30px;
}

.numWrap .num li.on {
background-color: #74d7e5;
color: #fff;
}

.numWrap .num li.leftCont, .numWrap .num li.rightCont {
width: 60px;
}
.numWrap .num li.leftCont{
	margin-left:0px;
}

.contentslist ul li{
	color: #333333;
	list-style: none;
	background-repeat: no-repeat;
	padding:0px 0px 12px 24px;
}

.contentslist ul li span{
	font-size: 80%;
	color: #878787;
	line-height: 200%;
}


.productstr1 {
    padding-top: 10px;
}

.productstr2 {
    padding-top: 4px;
}

.productstr3 {
    padding-top: 4px;
    font-weight: bold;
    margin-bottom:10px;
}

.productlink {
    color: #414958;
    text-decoration: underline;
    margin: 0 5px 15px 0;
    font-size:11px;
    text-align: right;
}

.productlink img {
    margin-right: 5px;
}

.prolink2 {
	margin:0;
	padding:0 0 10px 0;
	font-size: 11px;
	margin-top: 15px;
}

.prolink2  img {
    vertical-align:middle;
	padding:0 5px 0 0;
}

.topbanner {
	margin:0;
	padding:5px 0;
	text-align:center;
}

.topbanner img {
	margin:0;
	padding:5px 0;
}