/*------------------------------------------------------
CSS version:2006/10/30. By:weave Co,. Ltd
------------------------------------------------------*/

/* ################################################### */
/* #              TOPのCSS　　　　　                 # */
/* ################################################### */

/* Flashがオフの時のCss */
a,a:visited {
	text-decoration:underline;
}
.TGlobalNavi ul {
	list-style:none;
}
.TGlobalNavi li {
	float:left;
	margin-right:10px;
	font-size:12px;
	line-height:18px;
}

/* TOP専用コンテンツCSS */
div#TContent {
	clear:both;
	padding-top:8px;
	background-color:#FFF3EC;
}

#InfoMain h2 {
	width:800px;
	height:25px;
	margin:8px 0 0 0;
	padding:2px 0 0 25px;
	background:url(/img/bg_info.jpg) no-repeat;
	font-weight:bold;
}
#InfoMain p {
	background:#FFF;
	border-bottom:1px solid #B4BAC6;
	border-left:1px solid #B4BAC6;
	border-right:1px solid #B4BAC6;
	padding:10px 25px;
	margin:0;
	text-align:center;
}



/* トップバナーエリア */
div#BannerArea img.img1{
	float:left;
}
div#BannerArea a.img2{
	/* float:right; */
	padding-left:3px;
}

/* bottomoバナーエリア */
div#BannerArea2{
	width: 800px;
	margin-top:6px;
	margin-bottom:8px;
}

div#BannerArea2 img.img1{
	float:left;
	margin-right: 8px;
}

div#BannerArea2 div img.img2{
	float:left;
	margin-right: 8px;
}


/* トップメイン　 */
div.TMain {
	clear:both;
	padding-top:4px;
}


div.TMain h2 {
	/* TOPのH2はすべて画像なので、共通のプロパティ */
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.and-more {
	text-align:right;
	font-size:10px;
	margin:0;
	clear:both;
	line-height: 10px;
}

.and-more a{
	letter-spacing:1px;
	text-decoration:none;
	margin-right:8px;
	line-height: 10px;

}
.and-more a:hover {	color:#99ebfe; }

div.TArea01 .and-more a {	color:#FFF; }
div.TArea02 .and-more {
	padding-bottom:14px;

}



/* １カラム目 */
div.TOP-C1{
	width:218px;
	float:left;
}
div.TArea01 {
	background-color:#8FC321;
	background-image:url(/img/t_area1_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:9px;
}
div.TArea01 h2{
	background-image:url(/img/header_menu.gif);
	width:218px;
	height:30px;
	font-size:30px;
	line-height:30px;
}
div.TArea01 ul {
	margin-top:8px;
	margin-right:10px;
	margin-left:10px;
	list-style:none;
}
div.TArea01 li {
	background-image: url(/img/tarea01_li_back.gif);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:10px;
}
div.TArea01 li.no1 {
	background-image: url(/img/li_no.1.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li.no2 {
	background-image: url(/img/li_no.2.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li.no3 {
	background-image: url(/img/li_no.3.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li.no4 {
	background-image: url(/img/li_no.4.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li.no5 {
	background-image: url(/img/li_no.5.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li.no6 {
	background-image: url(/img/li_no.6.jpg);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:8px;
	font-size:12px;
	line-height:12px;
	padding-bottom:8px;
	padding-left:30px;
}
div.TArea01 li a,div.TArea01 li a:visited{
	text-decoration:none;
	color:#FFF;
}
div.TArea01 li a:hover {
	text-decoration:none;
	color:#99ebfe;
}

/* ２カラム目 */

div.TOP-C2{
	width:290px;
	float:left;
	margin-left:8px;
}


div.TArea02{
	background-image:url(/img/t_area2_bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
/* For Other MacIE \*/
div.TArea02 h2{
	background-image:url(/img/top_img2.jpg);
	width:290px;
	height:65px;
	font-size:65px;
	line-height:65px;
}


/* For Other MacIE End */ 

/* For MacIE \*//*/
div.TArea02 h2{
	background-image:url(/img/top_img2.jpg);
	width:290px;
	height:90px;
	text-indent:0px;
}

/* For MacIE End */ 



div.TArea02 ul{
	padding-top:9px;
	margin-left:10px;
	list-style:none;
}
div.TArea02 li{
	background-image: url(/parts/images/list/icon_list02.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding-bottom:9px;
	padding-left:10px;
	font-size:12px;
	line-height:16px;
	color:#525252;
}

div.TArea02 li.nolist{
	background:none;
	padding-left:0px;
	padding-bottom:3px;
}


div.TArea02 li a:hover {
	color:#99ebfe;
}

div.TArea03{
	background-color:#FFF;
	background-image:url(/img/t_area2_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-bottom:5px;
}
div.TArea03 h2{
	background-image:url(/img/header_access.jpg);
	width:290px;
	height:30px;
	font-size:30px;
	line-height:30px;
}
div.TArea03 .f-right {
	float:left;
	color:#006699;
	padding:4px 4px 0 4px;
}
div.TArea03 .f-right h3{
	font-size:10px;
	margin-bottom:5px;
	line-height:130%;
}
div.TArea03 .f-right p{
	font-size:10px;
	line-height:16px;
}
div.TArea03 .f-left {
	float:left;
	padding:4px 0 0 4px;
}


/* ３カラム目 */
div.TOP-C3{
	width:276px;
	float:left;
	margin-left:8px;
	margin-bottom:10px;
}

div.TArea04{
	background-image:url(/img/t_area3_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}
div.TArea04 h2{
	background-image:url(/img/header_whatsnew.gif);
	width:276px;
	height:30px;
	font-size:30px;
	line-height:30px;
}
.back-border {
	background-image:url(/img/t_area4_mi.gif);
	background-repeat:repeat-y;
	background-position:top left;
}
.back-border2 {
	background-image:url(/img/t_area3_mi.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

div.TArea04 ul {
	padding-top:13px;
	width:255px;
	margin-left:10px;
	list-style:none;
	clear:both;
}
div.TArea04 li {
	background-image: url(/img/tarea04_li_back.gif);
	background-position:1px left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	font-size:12px;
	line-height:12px;
	padding-bottom:6px;
	padding-left:12px;
	clear:both;
}

li#empty {
	background-image: none;
	margin-bottom:12px;
	font-size:10px;
	line-height:1px;
	padding-bottom:8px;
	padding-left:12px;
}

div.TArea04 li a{	text-decoration:none; }
div.TArea04 li a:hover { color:#99ebfe; }

div.TArea05 {
	margin-top:4px;
	background-color:#33CC66;
}

div.back-list {
	float: left;
}

div.blue-gradation {
	background-image: url(/img/blue.jpg);
	clear:both;
	background-position: 54px;
	padding: 5px 0;
}

/* ランキングリンク  */
#RankingLinks{
	font-size:9px;
	color:#888;
	padding:3px 0;
	line-height:12px;
	background-color:#FFFCFA;
}
#RankingLinks a{
	text-decoration:none;
	color:#666;
	display:block;
}
#RankingLinks a .title {
	color:#069;
}
*html #RankingLinks {
	font-size:8px;
}
*+html body #RankingLinks {
	font-size:7px;
}
	#RankingLinks ul {
		list-style:none;
		font-weight:normal;
	}
	
	#RankingLinks li{
		float:left;
		width:157px;
		margin-right:7px;
	}
		#RankingLinks li.pattern1{
			width:105px;
			margin-left:5px;
		}
		#RankingLinks li.pattern2{
			width:170px;
		}