@charset "utf-8";
/*----------------------------------------*/
/*                 全般                   */
/*----------------------------------------*/

/* タグ リセッタ */
*{
	margin:0;
	padding:0;
}
img{border:none;}
li {list-style: none;}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/* ブロック関連クラス */
.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.none{display:none;}
.txtCenter{text-align:center;}

/* フォント */
.f10{font-size:10px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.green{color:#339933;}
.pink {
	color: #FF33CC;
}


/* Padding */
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}
#gotoTop {
	text-align: right;
	padding: 10px 0px 5px;
}


/* リンク */
a{outline:0;}
a:link,
a:visited {
	color: #0033CC;
}
a:hover{
	text-decoration:none;
	color:#0033CC;
}

body {
	margin: 0px;
	padding: 0px;
	background: #DDF4FF;
	color:#333;
	font: 12px/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#wrapper {
	background: #FFFFFF;
	width: 880px;
	margin: 0px auto;
	border-right: 1px solid #55C8FF;
	border-left: 1px solid #55C8FF;
}
#header {
	height: 108px;
	background: url(../img/bg_head.jpg) no-repeat right bottom;
	padding-top: 8px;
	padding-left: 20px;
}


#header h1{
	font-size:14px;
	font-weight:bold;
	color:#2F84C9;
}

#header p{
	font-size:10px;
	color:#2F84C9;
	line-height:120%;
	padding:5px 0 0 0;
}



#menu{
	width:878px;
	clear:both;
	margin:0 1px;

}

#menu ul {
	height:45px;
}

#menu li {
	float:left;
	list-style-type: none;
}

#menu li a{
	text-indent:-9999px;
	height:45px;
	display:block;
}


#menu li.menu01 a{background: url(../img/menu01.jpg) no-repeat; width:172px;}
#menu li.menu02 a{background: url(../img/menu02.jpg) no-repeat; width:207px;}
#menu li.menu03 a{background: url(../img/menu03.jpg) no-repeat; width:218px;}
#menu li.menu04 a{background: url(../img/menu04.jpg) no-repeat; width:73px;}
#menu li.menu05 a{background: url(../img/menu05.jpg) no-repeat; width:111px;}
#menu li.menu06 a{background: url(../img/menu06.jpg) no-repeat; width:97px;}


#menu li.menu01 a:hover{background: url(../img/menu01_o.jpg) no-repeat; width:172px;}
#menu li.menu02 a:hover{background: url(../img/menu02_o.jpg) no-repeat; width:207px;}
#menu li.menu03 a:hover{background: url(../img/menu03_o.jpg) no-repeat; width:218px;}
#menu li.menu04 a:hover{background: url(../img/menu04_o.jpg) no-repeat; width:73px;}
#menu li.menu05 a:hover{background: url(../img/menu05_o.jpg) no-repeat; width:111px;}
#menu li.menu06 a:hover{background: url(../img/menu06_o.jpg) no-repeat; width:97px;}



#contents {
	padding: 6px 6px 0px;
}

#contents td{
	padding: 5px 10px;
	text-align:left;
}

#main-area{
	float: left;
	width: 688px;	
	
}

#leftMenu {
	float: left;
	width: 190px;
	padding-right: 14px;
}
#leftMenu a {
	color: #333333;
	text-decoration: none;
	font-size:14px;
}
#leftMenu a:hover {
	color: #333333;
	text-decoration: underline;
}

/*--*/
#lMabout{
	padding-bottom:6px;
}
#lMabout li {
	border: 1px solid #DBDBDB;
	line-height: 32px;
	height: 32px;
}
#lMabout li a{
	padding-left: 18px;
	display:block;
	background: #FFFFFF url(../img/tr_glay.gif) no-repeat 6px center;
}
#lMabout li a:hover{
	background:#EBEBEB url(../img/tr_glay_o.gif) no-repeat 6px center;
}
/*--*/
#lMcontents{
	padding-bottom:6px;
}
#lMcontents li {
	border-top: 1px solid #FFB3B3;
	border-right: 1px solid #FFB3B3;
	border-left: 1px solid #FFB3B3;
}
#lMcontents .bottom{
	border-bottom: 1px solid #FFB3B3;
}
#lMcontents li a{
	padding:10px 10px 10px 18px;
	display:block;
	background: #FFECF5 url(../img/tr_pink.gif) no-repeat 6px center;
}
#lMcontents li a:hover{
	background:#FFD9EB url(../img/tr_pink_o.gif) no-repeat 6px center;
}
/*--*/
#lMreview{
	padding-bottom:6px;
}
#lMreview dt {
	background: url(../img/lm_review.jpg) no-repeat;
	text-indent: -9999px;
	height: 42px;
	width: 190px;
}
#lMreview dd {
	border-top: 1px solid #FFCC99;
	border-right: 1px solid #FFCC99;
	border-left: 1px solid #FFCC99;
}
#lMreview .bottom{
	border-bottom: 1px solid #FFCC99;
}
#lMreview dd a{
	padding:10px 10px 10px 18px;
	display:block;
	background: #FFFFCC url(../img/tr_orange.gif) no-repeat 6px center;
}
#lMreview dd a:hover{
	background:#FFEBA4 url(../img/tr_orange_o.gif) no-repeat 6px center;
}
/*--*/
#lMreport{
	padding-bottom:6px;
}
#lMreport dt {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #00A8FF;
	padding:5px;
}
#lMreport dd {
	border-top: 1px solid #95DDFF;
	border-right: 1px solid #95DDFF;
	border-left: 1px solid #95DDFF;
}
#lMreport .bottom{
	border-bottom: 1px solid #95DDFF;
}
#lMreport dd a{
	padding:10px 10px 10px 18px;
	display:block;
	background: #DDF4FF url(../img/tr_blue.gif) no-repeat 6px center;
}
#lMreport dd a:hover{
	background:#BBE9FF url(../img/tr_blue_o.gif) no-repeat 6px center;
}
/*--*/
#lMcategory{
	padding-bottom:6px;
}
#lMcategory dt {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #62DA58;
	padding:5px;
}
#lMcategory dd {
	border-top: 1px solid #62DA58;
	border-right: 1px solid #62DA58;
	border-left: 1px solid #62DA58;
}
#lMcategory .bottom{
	border-bottom: 1px solid #62DA58;
}
#lMcategory dd a{
	padding:10px 10px 10px 18px;
	display:block;
	background: #E2FFDD url(../img/tr_green.gif) no-repeat 6px center;
}
#lMcategory dd a:hover{
	background:#C4FFBB url(../img/tr_green_o.gif) no-repeat 6px center;
}
/*--*/
#lMHearCare{
	padding-bottom:6px;
}
#lMHearCare dt {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #C08EE6;
	padding:5px;
}
#lMHearCare dd {
	border-top: 1px solid #BE8BE4;
	border-right: 1px solid #BE8BE4;
	border-left: 1px solid #BE8BE4;
}
#lMHearCare .bottom{
	border-bottom: 1px solid #BE8BE4;
}
#lMHearCare dd a{
	padding:10px 10px 10px 18px;
	display:block;
	background: #F4DDFF url(../img/tr_purple.gif) no-repeat 6px center;
}
#lMHearCare dd a:hover{
	background:#ECC4FF url(../img/tr_purple_o.gif) no-repeat 6px center;
}



#center {
	float: right;
	width: 470px;
	padding-right: 14px;
}
#maniaNoKami {
	margin-bottom: 10px;
}
#maniaNoKami .pink {
	font-size: 14px;
	font-weight: bold;
	color: #FF33CC;
	display: block;
	padding: 5px;
}
#maniaNoKami img {
	float: left;
	margin-right: 5px;
}
#maniaNoKami p {
	padding: 7px;
}

#reviewsList {
	clear: both;
	margin-bottom: 10px;
}
#reviewsList p {
	font-weight: bold;
	color: #FFFFFF;
	background: #FF7B0F;
	text-align: center;
	display: block;
	height: 55px;
	line-height: 27px;
}
#reviewsList ul {
	display: block;
	padding: 10px;
}
#reviewsList li {
	display: block;
	float: left;
	width: 225px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
#gokui {
	background: url(../../img/gokui.jpg) no-repeat;
	padding-top: 68px;
}
#gokui div {
	display: block;
	clear: both;
	padding-bottom: 10px;
}
#gokui .cmpTtl {
	background: url(../img/bg_center.jpg) no-repeat;
	height: 24px;
	width: 470px;
	line-height: 24px;
	font-weight: bold;
	color: #0084C4;
	text-indent: 5px;
}
#gokui span {
	font-size: 14px;
	color: #006666;
	display: block;
	font-weight: bold;
	padding: 10px 5px;
}
#gokui .red {
	font-weight: bold;
	color: #FF0000;
}
#special ul {
	padding: 10px;
}
#special li {
	padding: 5px;
	font-weight: bold;
}
#whatsnew p {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #18B9F5;
	text-indent: 10px;
	height: 24px;
	line-height: 24px;
}
#whatsnew ul {
	padding: 10px;
}
#whatsnew li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#right {
	float: right;
	width: 178px;
	border-right: 1px solid #C1EBFF;
	border-left: 1px solid #C1EBFF;
}
#rankTtl {
	font-weight: bold;
	color: #FFFFFF;
	background: #18B9F5;
	line-height: 20px;
	height: 40px;
	text-align: center;
}
.toRankList {
	padding: 7px;
	text-align: right;
	display: block;
}
#ranks {
	margin: 0px auto;
	width: 170px;
	padding-top:5px;
}
#rankFirst,#rankSecond,#rankThird,#rankSpecial{
	padding-bottom:10px;
}
#ranks .rankNo {
	background: #18B9F5;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 3px 3px 10px;
}
#ranks .rankDisc {
	font-weight: bold;
	display: block;
	padding: 7px;
}
#ranks .comment {
	font-size: 10px;
	width: 160px;
	margin: 0px auto;
	padding: 10px;
}

#ranks img {
	margin: 0px auto;
	display: block;
}

#footer {
	clear: both;
	border-top: 1px solid #C1EBFF;
}
#footer .links {
	text-align: center;
	padding: 5px;
}
#footer .links a {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

#copyright {
	background: #18B9F5;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24px;
	height: 24px;
}