@charset "utf-8";

/*body--------------------------------------------------------------*/

body
{
	margin		: 0px auto;
	padding		: 0px;
	background-color: #f6f4e6;
	text-align	: center;
	color		: #777;
	font-size	: 13px;
	line-height	: 160%;
	font-family: "Trebuchet MS", Arial, Helvetica, "ＭＳ Ｐゴシック";
}


.header
{
	background-image 	: url(../mega-images/logo-bg.gif);
	background-position	: center 0;
	background-repeat	: repeat-x;
	text-align	: center;
	white-space:nowrap;
}

.contents-bg
{
	background-image 	: url(../mega-images/rank-bg.gif);
	background-position	: center 0;
	background-repeat	: repeat-y;
}

#bottom-sp
{
	padding: 0px;
	margin: 0px;
	background-image 	: url(../mega-images/footer-bg.gif);
	background-repeat	: repeat-x;
	height				: 64px;
	text-align			: center;
}

.footer-sp
{
	width				: 970px;
	margin		: 0px auto;
	margin				: 15px;
	text-align			: center;
}

.cart
{
	padding-top		: 10px;
	padding-bottom	: 10px;
}


#left
{
	background-image 	: url(../mega-images/left-back.gif);
	background-repeat	: repeat-y;
	color				: #666;
}

.menu
{
	margin		: 10px 10px 20px 15px;
}

.sub-menu
{
	margin		: 30px 10px 20px 15px;
}



/*item------------------------------------------------------------*/

.itemname
{
	font			: bold 12px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	padding-top		: 5px;
}


.itemname-kanren
{
	font			: bold 12px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	padding-top		: 5px;
	color			: #38a7da;
}


.itemname-kanren a
{
	color			: #38a7da;
}


.kibou
{
	font			: normal 14px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #888;
}

.mini_price
{
	font			: bold 20px/1.2 Century Gothic, "ＭＳ Ｐゴシック", Osaka;
	letter-spacing	: -1px;
	color			: #FF3300;
}

.tax
{
	font			: bold 12px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #888;
}

.points
{
	font			: bold 12px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #58cfe8;
}

.zaiko
{
	font			: bold 12px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #5ead00;
}

.zaiko-l
{
	font			: bold 18px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #5ead00;
	padding-top		: 30px;
}



.waribiki_price
{
	font			: bold 24px/1.2 Century Gothic, "ＭＳ Ｐゴシック", Osaka;
	letter-spacing	: -1px;
	color			: #FF3300;
}

.list_line
{
	border-bottom	: 1px dashed #777;
	padding-top		: 15px;
	padding-bottom	: 10px;
}

.no-list_line
{
	padding-top		: 0px;
	padding-bottom	: 20px;
}


.side_line
{
	border-right	: 1px dashed #777;
}




/*top------------------------------------------------------------*/

.ranking-title
{
	font			: normal 24px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	letter-spacing	: -2px;
	color			: #444;
	text-align		: left;
	border-left		: solid 2px #F90;
	padding			: 5px 8px 5px 10px;
	margin			: 0px auto 10px auto;
	width			: 700px;
}

.ranking-title-sp
{
	margin			: 0px auto;
	width			: 700px;
	padding-bottom	: 20px;
	text-align		: left;
}

#table_news
{
	margin		: 0px auto;
	width:720px;
	text-align	: left;
}


.news_line
{
	border-bottom	: solid 1px #ceccc3;
}

.osusume-title
{
	font			: normal 24px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	letter-spacing	: -2px;
	color			: #ff3300;
	text-align		: left;
	border-left		: solid 2px #ff3300;
	border-bottom	: solid 1px #ceccc3;
	padding			: 5px 20px 8px 10px;
	margin			: 0px auto 20px auto;
	width:680px;
}

.osusume-title strong
{
	font-weight: normal;
}


.osusume-title-sp
{
	margin			: 0px auto;
	width			: 680px;
	padding-bottom	: 20px;
	text-align		: left;
}




/*detail------------------------------------------------------------*/

.catch
{
	font			: normal 26px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #fc5904;
	letter-spacing	: -1px;
}
.catch-time
{
	font			: normal 48px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #fc5904;
	letter-spacing	: -1px;
}
.catch-itemname
{
	font			: normal 24px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
/*	color			: #ef2700; */
	color			: #81381b;
	letter-spacing	: -1px;
	padding-top		: 10px;
	padding-bottom	: 10px;

}

.catch-small
{
	font			: normal 24px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color:#F60;
	letter-spacing	: -1px;
	margin-bottom:20px;
}

.tools
{
	font			: normal 24px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color: #F30;
}

.price-big
{
	font			: normal 60px/1.0 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #f83901;
	letter-spacing	: -3px;
}

.price-small
{
	font			: bold 14px/1.0 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #f83901;
	letter-spacing:0px;
}

.dis
{
	font			: normal 14px/1.8 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #777;
	text-align		: left;
	margin-top		: 60px;
	padding-bottom	: 30px;
	width			: 700px;
}

.dis-s
{
	margin-top		: 20px;
	margin-bottom	: 20px;
}

.dis h3
{
	font			: normal 24px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	letter-spacing	: -2px;

	color			: #ff7403;
	text-align		: left;
	border-bottom:solid;
	border-bottom-color:#ceccc3;
	border-bottom-width:1px;
	border-left:solid;
	border-left-color:#ff7403;
	border-left-width:4px;
	padding:10px 20px 10px 16px;
	margin-bottom:20px;
}

.dis p
{
	color		: #666;
	padding-left:20px;
	padding-top:0px;
	margin-bottom:20px;
}


.spec-sp
{
	background-image 	: url(../mega-images/spec-bg.gif);
	background-repeat	: repeat-y;
	width				: 718px;
	margin-top			: 30px;
	margin-bottom		: 30px;
	margin-left		: auto;
	margin-right		: auto;
}

.spec
{
	padding			: 20px 30px 20px 30px;
	text-align		: left;
}

.voice-sp
{
	background-image 	: url(../mega-images/voice-bg.gif);
	background-repeat	: repeat-y;
	width				: 718px;
	margin-top			: 30px;
	margin-bottom		: 30px;
	margin-left		: auto;
	margin-right		: auto;
}

.voice
{
	text-align		: left;
	width				: 630px;
	overflow			: auto;
	padding				: 20px;
	margin-top			: 20px;
	margin-bottom		: 20px;
	background-color: #ffffff;
	margin-left		: auto;
	margin-right		: auto;
}

.voice li

{
	padding			: 3px 15px 5px 27px;
	background		: url(../mega-images/how.png) no-repeat 0px 3px;
	list-style-type	: none;
float:left;
}


.voice-name
 {
	color			: #777777;
	font			: bold 14px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
}

.voice-star
 {
	color			: #fb3d03;	
	font			: normal 18px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	margin-bottom	: 5px;
	margin-top	: 5px;
}
.voice-comment
 {
	color			: #777777;	
	font			: normal 16px/1.5 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	margin-bottom	: 5px;
}
 .voice-itemname
 {
	color			: #fb5103;
	font			: bold 13px/1.5 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	border-bottom	: dashed;
	border-color	: #dadada;
	border-bottom-width	:1px;
	padding-bottom	: 15px;
	padding-top	: 5px;
	margin-bottom	: 15px;
}

 .voice-title
 {
	border-left	: solid 1px #dadada;
	padding	: 15px;
	margin-bottom	: 15px;
}

.kanren-item
{
	width				: 700px;
	text-align			: left;
	color		: #58cfe8;	
	font		: bold 18px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	border-left:solid;
	border-color:#58cfe8;
	border-left-width:3px;
	padding-left:10px;
	margin-bottom:20px;
	margin-left		: auto;
	margin-right		: auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
}

.kanren-comment
{
	width			: 700px;
	margin-top		: 8px;
	margin-bottom	: 8px;
	text-align		: left;
	margin-left		: auto;
	margin-right		: auto;
	font		: normal 13px/1.7 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
}


.main-image-bgs
{
	margin		: 0px auto;
}


/*cate------------------------------------------------------------*/


.catelist-sp
{
	background-image 	: url(../mega-images/catelist-bg.gif);
	background-repeat	: repeat-y;
	width				: 732px;
	margin-left		: auto;
	margin-right		: auto;
}

.catelist
{
	padding			: 0px 20px 0px 20px;
	text-align		: left;
}

.cate-setumei
{
	width			: 680px;
	margin-top		: 15px;
	margin-bottom	: 30px;
	text-align		: left;
	margin-left		: auto;
	margin-right		: auto;
	font		: 13px/1.7 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
}

.cate-setumei h2
{
	font		: bold 18px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color		: #FF3300;	
	letter-spacing	: -0.5px;
	margin-top:30px;
	margin-bottom:20px;
	border-left:solid #FF3300 2px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
}

.cate-setumei-comment
{
	margin-top		: 8px;
	text-align		: left;
}

.shop-comment
{
	text-align		: left;
	color		: #4e9806;	
}



/*free------------------------------------------------------------*/


.free-sp
{
	background-image 	: url(../mega-images/free-bg.gif);
	background-repeat	: repeat-y;
	width				: 732px;
	margin-top			: 30px;
	margin-bottom		: 80px;
	margin-left		: auto;
	margin-right		: auto;
}

.free
{
	padding			: 0px 15px 10px 15px;
	text-align		: left;
}


/*guide------------------------------------------------------------*/

.guide-sp
{
	width			: 670px;
	margin-top		: 15px;
	margin-bottom	: 30px;
	text-align		: left;
	font			: normal 13px/1.6 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	margin-left		: auto;
	margin-right	: auto;
}

/*other------------------------------------------------------------*/

.pan_navi-l
{
	border-top		: 1px dashed #999;
	padding-top		: 15px;
	margin			: 10px 0px 5px 15px;
	text-align		: left;
}

.pan_navi-l strong
{
	font			: bold 14px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #5ead00;
}

.site-h1
{
	padding-top		: 15px;
	margin			: 10px;
	text-align		: left;
}

.site-h1 strong
{
	font			: bold 14px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #5ead00;
}

.kensaku_comment
{
	background-color	: #f4eeb8;
	width				: 700px;
	padding				: 10px 13px 10px 13px;
	text-align			: left;
	margin				: 15px 0px 0px 0px;
	margin-left		: auto;
	margin-right	: auto;
}

.web-strong
{
	font		: bold 18px/1.1 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color		: #FF3300;	
	letter-spacing	: -1px;
	margin-top	: 5px;
}


.image-sp
{
	margin-bottom	: 30px;
	background-color: #fff;
	padding-top		: 50px;
	padding-bottom	: 30px;
	width			: 720px;
	margin-left		: auto;
	margin-right	: auto;
}

.image-sp p
{
	padding-bottom	: 50px;
}

.image-main
{
	margin-bottom	: 15px;
	background-color: #fff;
	padding-top		: 20px;
	padding-bottom	: 20px;
	width			: 720px;
}


.api
{
	font			: bold 14px/1.0 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #2ebff6;
}


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


div,p,form,map
{
	margin		: 0px;
	padding		: 0px;
}

img
{
	border		: 0px;
}

h1,h2,h3,h4,h5,h6
{
	font-size	: 12px;
	margin		: 0;
}

/*Opera用*/

html:first-child body
{
font: 12px/1.5 "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


a
{
	color           : #fc5904; 
	text-decoration : underline;
}


a:visited
{
	color           : #fc5904; 
	text-decoration : underline;
}


a:hover
{
	color           : #CC3333; 
	text-decoration : underline;
}


a:active
{
	color           : #ff3300; 
	text-decoration : underline;
}

tr a
{
	color           : #fc5904; 
	text-decoration : underline;
}

tr visited
{
	color           : #fc5904; 
	text-decoration : underline;
}

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


ul

{
	margin			: 0px;
	padding			: 0px;
	text-align		: left;
	list-style-type	: none;
}


#left li

{
	padding			: 0px 0px 0px 15px;
	background		: url(../mega-images/list-icon.gif) no-repeat 0px 4px;
	list-style-type	: none;
}



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



.menu

{
	font-size:12px;
}

.menu a

{
	color           : #bf5c3d; 
	text-decoration : none;
}



.sub-menu a

{
	color           : #bf5c3d; 
	text-decoration : none;
}

.menu a:visited

{
	color           : #bf5c3d; 
	text-decoration : none;
}

.sub-menu a:visited

{
	color           : #bf5c3d; 
	text-decoration : none;
}


.menu a:hover

{
	color           : #f62600; 
	text-decoration : underline;
}


.menu a:active

{
	color           : #f62600; 
	text-decoration : underline;
}


.guide_sub ul

{
	margin			: 0px;
	padding			: 0px 0px 0px 0px;
	text-align		: left;
	list-style-type	: none;
}

.guide_sub li

{
	padding			: 0px 0px 5px 30px;
	background		: url(../mega-images/icon_con.gif) no-repeat 0px 2px;
	list-style-type	: none;
}


/*--------------------------
	trivia_comment                 
----------------------------*/

.trivia_comment
{
	width			: 700px;
	margin			: 0px auto;
}


.trivia_comment h1
{
	font			: normal 24px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	letter-spacing	: -2px;
	color			: #444;
	text-align		: left;
	border-left		: solid 2px #ff3300;
	padding			: 20px 8px 20px 20px;
	margin			: 20px auto 5px auto;
	width			: 700px;
}

.trivia_comment h2
{
	font			: normal 24px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	letter-spacing	: -2px;
	color			: #ff3300;
	text-align		: left;
	border-left		: solid 2px #ff3300;
	border-bottom	: solid 1px #ceccc3;
	border-top		: solid 1px #ceccc3;
	border-right	: solid 1px #ceccc3;
	padding			: 10px 20px 10px 14px;
	margin			: 40px auto 20px auto;
	width			: 660px;
	background-color: #FFF;
}

.trivia_comment h3
{
	font			: normal 18px/1.2 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
	color			: #ff3300;
	text-align		: left;
	border-left		: solid 1px #999;
	padding			: 15px 20px 15px 14px;
	margin			: 30px auto 10px 20px;
	width			: 640px;
}

.trivia_comment p
{
	margin			: 0px auto;
	width			: 660px;
	padding-top		: 8px;
	padding-bottom	: 8px;
	text-align		: left;
	font			: normal 16px/1.7 "Trebuchet MS", Osaka, "ＭＳ Ｐゴシック";
}

.trivia_comment strong
{
	color			: #5ead00;
}

.trivia_comment ul
{
  padding      : 20px 0px 20px 20px;
}

.trivia_comment li
{
  padding      : 5px 0px 5px 35px;
  background    : url(../mega-images/icon-title.png) no-repeat 0px 3px;
  text-align    : left;
}



.item_comment
{
	font				: normal 16px/1.6 Trebuchet MS, Osaka, 'ＭＳ Ｐゴシック';
	color				: #777;
	text-align			: left;
	width				: 700px;
	margin				: 25px auto 20px auto;
}


.guide_sub
{
	width			: 680px;
	margin-top	: 20px;
	margin-bottom	: 40px;
	text-align		: left;
	margin-left	:inherit;
	font-size	:14px;
	line-height	:180%; 
	color		:#666;
}



/* Classic Skin */

table#vsTable {
position: relative;
z-index: 2;
border: none;
border-bottom: 2px solid #303030;
border-collapse: collapse;
margin: 0 auto;
border-right: 1px solid #c7c7c7;
width: 100%;
font-size: 12px;
}

table#vsTable td {
padding: 10px 0;
border-bottom: 1px solid #e7e7e7;
vertical-align: middle;
text-align: center;
background: #f7f7f7;
color: #707070;
}


table#vsTable tr td div.yes, table#vsTable tr td div.no, table#vsTable tr td div.partial {
height: 14px;
}

table#vsTable tr td.cat div, table#vsTable tr td.title div {
height: auto;
}

table#vsTable td.cat div {
text-align: left;
padding: 0 10px;
}

table#vsTable td.title {
background: #303030;
font-size: 14px;
color: #f7f7f7;
vertical-align: middle;
text-align: center;
}

table#vsTable .cat {
text-align: left;
background: #eee;
border-left: 1px solid #c7c7c7;
}

table#vsTable td.title.cat {
background: none !important;
border: none;
border-bottom: 1px solid #c7c7c7;
cursor: default !important;
}

table#vsTable td.title.cat div {
display: none;
}

table#vsTable tr td.cat:hover {
background: #fff;
}

table#vsTable tr td.title:hover {
background: #404040;
}

table#vsTable tr td:hover {
background: #fff;
}

table#vsTable div.yes {
background: url(images/yes.png) no-repeat center center;
}

table#vsTable div.no {
background: url(images/no.png) no-repeat center center;
}

table#vsTable div.partial {
background: url(images/partial.png) no-repeat center center;
}

table#vsTable .title .editable input {
color: #fff;
}

.cate_set
{
margin:10px;
}

.tb_set
{
margin:10px;
text-align: center;
}

.tb_set2
{
margin:10px;
}