@charset "utf-8";

/* Main Frame------------------*/
div#contents {
	width:460px;
}

div#sideMenu {
	width:250px;
}


/* Main Visual------------------*/

div#container {
	border-top:none;
}

div#mainArea {
	border:none;
	padding:0 10px 10px;
}

div#container {
	border-top:none;
}

div#topHeader {
	height:245px;
	position:relative;
}

h1 {
	width:247px;
	text-align:center;
	border-top:5px solid #cc0000;
	padding:20px 0 10px 0;
}

#mainVisual {
	background:#cc0000;
	padding-left:13px;
	border-top:5px solid #000;
	position:absolute;
	top:0;
	right:0;
}

#ranking {
	z-index:1;
	position:absolute;
	bottom:0;
}

#ranking li {
	font:91.4%/1.2 normal;
	*font-size:9px;
	width:100%;
	width:260px;
	height:38px;
	overflow:hidden;
}
#ranking li a {
	padding:7px 20px 0 36px;
	display:block;
	color:#666666;
	height:100%;
}
#ranking li#rank_01{
	background:url(../img/rank_01.gif) no-repeat;
}
#ranking li#rank_02{
	background:url(../img/rank_02.gif) no-repeat;
}
#ranking li#rank_03{
	background:url(../img/rank_03.gif) no-repeat;
}

#topHeader .font_10px {
	width:247px;
	height:51px;
	overflow : hidden;
	text-align:center;
}

/* Products Link------------------*/
ul.products li {
	margin-top:10px;
}
ul.products li a {
	display:block;
	height:97px;
	width:460px;
	position:relative;
}
ul.products p.tit {
	font-size:117%;
	*font-size:14px;
	font-weight:bold;
	color:#000000;
	margin-left:50px;
	height:30px;
	overflow:hidden;
}
ul.products p.desc {
	font-size:83%;
	*font-size:9px;
	color:#666666;
	width:160px;
	height:80px;
	overflow:hidden;
	position:absolute;
	right:15px;
	top:10px;
}
ul.products li img {
	margin:15px 0 25px 15px;
}
ul.products li.v4 {
	background:url(../img/bn_v4.gif) no-repeat;
}
ul.products li.sp {
	background:url(../img/bn_sp.gif) no-repeat;
}
ul.products li.ds {
	background:url(../img/bn_ds.gif) no-repeat;
}
ul.products li.mobile {
	background:url(../img/bn_mobile.gif) no-repeat;
}


ul.products li.ad {
	background:url(../img/bn_v4.gif) no-repeat;
}

ul.products li.ls {
	background:url(../img/bn_ds.gif) no-repeat;
}

ul.products li.sr {
	background:url(../img/bn_sp.gif) no-repeat;
}

ul.products li.ot {
	background:url(../img/bn_ds.gif) no-repeat;
}

/* Contact------------------*/

div#contactBox {
	width:250px;
	background:#e3eded url(../img/bg_l_contact.gif) no-repeat 0 100%;

}

div#contactBox a,
div#contactBox p,
div#contactBox .left
{
	margin-left:40px;
}


/* Side Area------------------*/

#sideMenu ul li {
	padding-left:23px;
}

li.v4{
	background:url(../img/ico_v4.gif) no-repeat 0 0.2em;
}

li.sp{
	background:url(../img/ico_sp.gif) no-repeat 0 0.2em;
}

li.ds{
	background:url(../img/ico_ds.gif) no-repeat 0 0.2em;
}

li.mobile{
	background:url(../img/ico_mobile.gif) no-repeat 0 0.2em;
}

/* News------------------*/

#sideMenu #news li {
	padding:0.3em 0 0.3em 23px;
	border-bottom:1px solid #d9d9d9;
	background-position:0 0.5em;
}


/* News Icon------------------*/

#sideMenu div#newsico {
	margin-top:1em;
	background:url(../img/bg_l_news_01.gif) no-repeat 0 0;
	padding-top:3px;
}

#sideMenu div#newsico ul li {
	float:left;
	font-size:84%;
	line-height:20px;
}

#sideMenu div#newsico ul li.v4,
#sideMenu div#newsico ul li.ds
{
	width:80px;
}

#sideMenu div#newsico ul li.sp,
#sideMenu div#newsico ul li.mobile
{
	width:110px;
}

#sideMenu div#newsico div {
	padding-bottom:3px;
	background:url(../img/bg_l_news_02.gif) no-repeat 0 100%;
}

#sideMenu div#newsico ul {
	height:1%;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	padding-left:5px;
}

#sideMenu div#newsico ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}