/*///// INDEX.CSS /////*/
/* Last Update 2010-01-06 */

/*///// CONTENT /////*/
/*
1. SERVICE MENU
2. CONTENTS AREA
*/

html {
	background: #fdf7ee url(../images/htmlBg.jpg) repeat-x left top;
}
/*/// 1. SERVICE MENU ///*/
div#productMenu {
width: 940px;
height: 190px;
margin: 0 auto;
position: relative;
text-align: left; /* forIE5 */
}
div#productMenu {
	background: url(../images/productMenu.jpg) repeat-x left top;
	}
#productMenu p.intro {
	position: absolute;
	top: 50px;
	left: 21px;
	}
	#productMenu div.lineUp {
	width: 590px;
	height: 163px!important;
	position: absolute;
	left: 340px;
	background-color: #004d9f;
	overflow: hidden;
	margin-top: 10px;
	}
		/* kwicks */
		.pruductList {
			list-style: none;
			position: relative;
			top: 20px;
			left: 12px;
			margin: 0;
			padding: 0;
			width: 755px;
			height: 115px;
		}
		.pruductList li{
			display: block;
			overflow: hidden;
			padding: 0;
			cursor: pointer;
			float: left;
			width: 185px;
			height: 115px;
			margin-right: 5px;
		}
		#youji { 
			background-image: url('../images/productYouji.gif');
		}
		#damo {
			background-image: url('../images/productDamo.gif');
		}
		#wapples {
			background-image: url('../images/productWapples.gif');
		}
		/*#productMenu div.lineUp div#productYouji {
		float: left;
		padding-top: 24px;
		padding-left: 48px;
		}
		#productMenu div.lineUp div#productDamo {
		float: right;
		padding-top: 24px;
		padding-right: 10px;
		}
			#productMenu p.shortCut {
			position: absolute;
			top: 126px;
			}
				p.shortCut img {
				vertical-align: top;
				}*/

/*/// 2. CONTENTS AREA ///*/
div#content {
	padding-top: 20px;
	background: url(../images/contentBg.gif) no-repeat left bottom;
	overflow: hidden!important;
}
#trend h2,
#info h2,
#movie h2,
#speedtest h2 {
	margin-left: 10px;
}
#trend .pspe,
#info .pspe,
#movie p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#content h2 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-right: 10px; 
}
	div#content div.content {
	margin: 0 18px 1em;
	line-height: 1.5;
	}
	#content #info .content h3 {
		background-image: none;
		padding-left: 0;
	}

div#content div#trend {
	width: 310px;
	float: left;
}
#content #news {
	clear: left;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0 0 30px 0;
}
	#news dl {
	overflow: auto;
	height: 130px;
	border-top:3px outset #AAA;
	border-right:3px outset #CCC;
	border-bottom:3px outset #CCC;
	border-left:3px outset #AAA;
	font-size: 90%;
	padding: 10px;
	background-color: #FFF8E6;
	}
		#news dl dt {
		width: 230px;
		float: left;
		clear: left;
		font-weight: normal;
		}
			#news dl dt img {
			margin-right: 10px;
			}
		#news dl dd{
		margin-left: 220px;
		margin-bottom: 10px;
		}
/*test*/
div#content div#info {
	width: 310px;
	float: left;	/*position: relative;
	left: 7px!important;
	left: 0;*/
}
	div#content div#trend div.content {
	margin: 0 0 1em; /* 92行目の設定を解除 */
	}
	/* trend内のバナーに枠線を付ける */
	div#content div#trend a {
	display:block;
	width: 290px;
	padding: 2px;
	position: relative;
	left: 10px;
	}
	div#content div#trend a:hover {
	padding: 0;
	border: 2px solid #C96;
	}
		div#content div#trend a img {
		vertical-align: bottom;
		}
	div#content div#trend .image {
	margin-bottom: 0;	
	}
	div#content div#trend p.moreinfo {
	padding-left: 8px;
	margin-left: 12px;
	padding-top: 5px;
	margin-top: -2px;
	}
div#content div#movie {
	width: 310px;
	float: right;
}
div#content div#movie p,
div#content div#info p {
	font-size: 80%;
 	margin: 0;
}
div#content div#speedtest {
	width: 310px;
	float: right;
	margin-top: 20px;
	font-size: 80%;
}
	/*// 2-1. INFORMATION //*/
	div#info dt {
	background-image: url(../images/link.gif);
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	div#info dd {
	margin-bottom: 10px;
	margin-left: 20px;
	}

/*//// FONT SIZE ////*/
div#content div.content {
	font-size: 80%;
}
.hr {
	border-top-width: 5px;
	border-top-style: double;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*//// ARROW ////*/
div.content ul {
	list-style: disc;
}
#content .content li {
	margin-left: 16px;
}
#hrindex {
	float: left;
	padding-right: 15px;
}
	#hrindex img {
	border: 1px solid #FFF;
	}
#foot #privacy{
	text-align: right;
}
.content a {
	color: #333;
}
#news {
	font-size: 90%;
}
.pspe, #news, #info, .content {
	margin-left: 10px;
}
.content dl{
	margin-top: -7px;
}
.content dt{
	margin-left: 10px;
}
.content h3{
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	padding-left: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC00;
}