@charset "UTF-8";

/* **************************************
*Since: 2008-5-21
*Modified: 2008-5-29
           2008-6-26
************************************** */

#add-title {
	color:#aaa;
	font-weight:normal;
	width:860px;
	margin:0 auto;
	padding:4px 10px;
	font-size: 0.9em;
}

#add-mb8 {
	margin:0 0 8px;
}


#add-wrap {
	background:#2a2a2a;
}

/* flash
---------------------------------------------------------------------------------------- */
#flash{
	/*background:url(../common/images/bg_gra01.gif) repeat-x bottom;*/
	height:481px;
}

#container{
	margin-top:-10px;
}
/* topbtn
---------------------------------------------------------------------------------------- */
#topbtn{
	margin-bottom:13px;
}
#topbtn p{
	float:left;
	margin-right:13px;
}
#topbtn p.right{
	margin-right:0;
	width:278px;
	height:45px;
	background:url(../images/topbtn3_bk.png) no-repeat;
}
#topbtn p.right a.spr{
	display:block;
	width:278px;
	height:23px;
}
#topbtn p.right a.tky{
	display:block;
	width:278px;
	height:23px;
}
#topbtn p.right a:hover img{
	filter:alpha(opacity=0); /*IE*/
	opacity:0;
	
}

/* mainContent
---------------------------------------------------------------------------------------- */
#mainContent{
	width:330px;
	float:left;
	padding:0px 0px 15px 0px;
	*padding:0px 0px 5px 0px;
}

#mainContent h2{
	position:relative;
	width:330px;
	margin:0px 0px 0px 0px;
}

#mainContent h2 span,
#sideContent h2 span{
	position:absolute;
	top:-1px;
	right:0px;
	background:url(../common/images/icon_arrow01.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
	font-size:85%;
}

#mainContent h2 span a:hover{
	text-decoration:none;
}


/*Best3*/
#mainContent table.best3{
	width:330px;
	margin-bottom:10px;
	*margin-bottom:25px;
}

#mainContent table.best3 .noneBorder{
	background:none;
}

#mainContent table.best3 p{
	padding:7px 0px;
}

#mainContent table.best3 th{
	font-size:85%;
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
}

#mainContent table.best3 th p {
	margin:0px 0px 10px 0px;
}

#mainContent table.best3 th p.bestPH{
	float:left;
	margin:0px 10px 10px 0px;
}
#mainContent table.best3 th p.best01,
#mainContent table.best3 th p.best02,
#mainContent table.best3 th p.best03{
	float:left;
	margin-top:6px;
	padding:0px 0px 0px 13px;
	background-position:left 0.25em;
	background-repeat:no-repeat;
}

#mainContent table.best3 th p.best01 {background-image:url(../images/icon_number01.gif);}
#mainContent table.best3 th p.best02 {background-image:url(../images/icon_number02.gif);}
#mainContent table.best3 th p.best03 {background-image:url(../images/icon_number03.gif);}

#mainContent table.best3 td{
	font-size:85%;
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
	line-height:1;
}

#mainContent table.best3 td p{
	line-height:1.2;
}

/*news*/
#mainContent table.news{
	width:330px;
}

#mainContent table.news .noneBorder{
	background:none;
}

#mainContent table.news p{
	padding:7px 0px;
}

#mainContent table.news th{
	width:70px;
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
}

#mainContent table.news th img{
	margin:3px 0px;
}

#mainContent table.news th p{
	color:#777;
	letter-spacing:-1px;
}

#mainContent table.news td{
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
}

#mainContent table.news td img{
	float:right;
	margin:-2px 10px 12px 30px;
}

#mainContent table.news td a.new{
	display:block;
	float:none;
	margin:0;
}
#mainContent table.news td a.new img{
	float:none;
	margin:0;
}

#mainContent table.news td p{
	font-size:85%;
	color:#777;
	line-height:1.2;
}

#mainContent table.news td p a{
	font-size:120%;
	display:block;
	margin:5px 0px 2px 0px;
}

#mainContent table.news td p small{
	display:inline;
	margin:0px 0px 0px 0px;
}






/* sideContent
---------------------------------------------------------------------------------------- */
#sideContent{
	width:360px;
	float:right;
	margin-top:19px;
	padding:0px 0px 15px 0px;
	*padding:0px 0px 5px 0px;
}

#sideContent h2{
	position:relative;
	width:360px;
	clear:both;
	padding:0px 0px 0px 0px;
}


#sideContent ul li{
	float:left;
	margin:2px 0px 10px 0px;
}

#sideContent ul li.right{
	float:right;
	margin:2px 0px 10px 0px;
}

#sideContent .banner_works03{
	clear:both;
	padding-top:5px;
	margin-bottom:5px;
}
#sideContent .banner_works0{
	margin-bottom:5px;
}


/*topics*/
#sideContent table.topics{
	width:360px;
	margin:0px 0px 20px 0px;
}

#sideContent table.topics .noneBorder{
	background:none;
}

#sideContent table.topics p{
	padding:7px 0px;
}

#sideContent table.topics th{
	width:70px;
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
}

#sideContent table.topics th img{
	margin:3px 0px;
}

#sideContent table.topics th p{
	color:#777;
	letter-spacing:-1px;
}

#sideContent table.topics td{
	background:url(../common/images/bg_border01.gif) repeat-x bottom;
	vertical-align:top;
}

#sideContent table.topics td img{
	float:right;
	margin:-2px 10px 12px 30px;
}

#sideContent table.topics td a.new{
	display:block;
	float:none;
	margin:0;
}
#sideContent table.topics td a.new img{
	float:none;
	margin:0;
}

#sideContent table.topics td p{
	font-size:85%;
	color:#777;
	line-height:1.2;
}

#sideContent table.topics td p a{
	font-size:120%;
	display:block;
	margin:0px 0px 5px 0px;
}


#sideContent table.topics td p small{
	display:block;
	margin:0px 0px 5px 0px;
}



#sideContent .site{
	padding-top:0px;
	*padding-top:10px;
	margin-bottom:25px;
	*margin-bottom:10px;
}
#sideContent .site h2{
	margin-bottom:5px;
}

#sideContent .site div p{
	float:left;
	margin-right:6px;
	margin-bottom:0;
}
#sideContent .site div p.right{
	margin-right:0;
}
#sideContent .site p.kokoro{
	clear:both;
	padding-bottom:6px;
}


.system{
	margin-left:140px;
	width:722px;
	float:right;
	padding-bottom:20px;
}

#glNavi{
	margin-top:2px;
	padding-bottom:0;
}