@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      common.css
 Author:         Crea.,Inc.
 Style Info:     ���ʕ����̃X�^�C��(�w�b�_�[�A�t�b�^�[�A���̑��p�[�c)


-------------------------------------------------*/





/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	background: #fef8e1;
}






/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
	background: #fef8e1;
}
#header .section{
	text-align: left;
}

#header .section h1{
}


/*==-----------------------------------------------
navigation
-------------------------------------------------*/
#nav{
}
#nav ul li{
	height: 25px;
	overflow: hidden;
	float:left;
}
#nav ul li a{
	display:block;
	width:100%;
	padding-top:100px;
	background-repeat: no-repeat;
	background: url(../image/common/nav/nav.gif) no-repeat;
	margin:0 15px 0 0;
}

#nav ul li.index a{
	width:55px;
	background-position:0 0;
}
#nav ul li.info a{
	width:105px;
	background-position:-70px 0;
}
#nav ul li.live a{
	width:50px;
	background-position:-190px 0;
}
#nav ul li.prof a{
	width:65px;
	background-position:-255px 0;
}
#nav ul li.photo a{
	width:55px;
	background-position:-335px 0;
}
#nav ul li.disc a{
	width:110px;
	background-position:-405px 0;
}
#nav ul li.mg a{
	width:125px;
	background-position:-530px 0;
}
#nav ul li.fan a{
	width:85px;
	background-position:-670px 0;
}
#nav ul li.blog a{
	width:50px;
	background-position:-770px 0;
}
#nav ul li.report a{
	width:105px;
	background-position:-835px 0;
	margin:0;
}

#nav ul li.index a:hover{background-position:0 -25px;}
#nav ul li.info a:hover{background-position:-70px -25px;}
#nav ul li.live a:hover{background-position:-190px -25px;}
#nav ul li.prof a:hover{background-position:-255px -25px;}
#nav ul li.photo a:hover{background-position:-335px -25px;}
#nav ul li.disc a:hover{background-position:-405px -25px;}
#nav ul li.mg a:hover{background-position:-530px -25px;}
#nav ul li.fan a:hover{background-position:-670px -25px;}
#nav ul li.blog a:hover{background-position:-770px -25px;}
#nav ul li.report a:hover{background-position:-835px -25px;}

#index #nav ul li.index a{background-position:0 -25px;}
#info #nav ul li.info a{background-position:-70px -25px;}
#live #nav ul li.live a{background-position:-190px -25px;}
#prof #nav ul li.prof a{background-position:-255px -25px;}
#photo #nav ul li.photo a{background-position:-335px -25px;}
#disc #nav ul li.disc a{background-position:-405px -25px;}
#mg #nav ul li.mg a{background-position:-530px -25px;}
#fan #nav ul li.fan a{background-position:-670px -25px;}
#blog #nav ul li.blog a{background-position:-770px -25px;}
#report #nav ul li.report a{background-position:-835px -25px;}

/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	text-align: left;
}

#contents #inner{
}



/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	background: #FFFFFF;
}

#main h3{
	background:#675345 url(../image/common/subtitle.gif) 0 50% no-repeat;
	color:#FFFFFF;
	padding:2px 0 2px 24px;
}

#main h4{
	background:url(../image/common/icon.gif) 0 50% no-repeat;
	margin:0 10px 5px 10px;
	padding:0 0 0 16px;
}

#main p.img_right{
	float:right;
	clear: both;
}
#main p.img_left{
	float:left;
	clear: both;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	text-align: center;
	background: #675345 url(../image/common/footer/footer.gif) 0 0 repeat-x;
	color:#FFFFFF;
}


#footer .section{
	text-align: left;
}

#footer .section #other{
	padding-top:25px;
	height:35px;
}

#footer .section #other li{
	float:left;
	text-indent:-9999px;
	height:15px;
}

#footer .section #other li a{
	background:url(../image/common/footer/footer_nav.gif) no-repeat;
	display:block;
	height:35px;
}

#footer .section #other li.contact a{
	width:150px;
	background-position:0 0;
	margin:0 12px 0 0;
}
#footer .section #other li.sitemap a{
	width:80px;
	background-position:-160px 0;
	margin:0 4px 0 0;
}
#footer .section #other li.usage a{
	width:90px;
	background-position:-240px 0;
	margin:0;
}

#footer .section #other li.contact a:hover{background-position:0 -35px;}
#footer .section #other li.sitemap a:hover{background-position:-160px -35px;}
#footer .section #other li.usage a:hover{background-position:-240px -35px;}


#footer .section p.copyright{
	clear:both;
	text-align: left;
	margin:5px 0 0 0;
	font-size:85%;
}

#footer ul.banner{
	clear:both;
	text-align:left;
	float:right;
	margin:-60px 0 0 0;
}

#footer ul.banner li{
	float:left;
	margin:0 8px 0 0;
}

#footer ul.banner li.rectangle {
	width: 146px;
}

#footer ul.banner li a{
	background:#FFFFFF;
	display:block;
}

#footer ul.banner li img{
	width: 100%;
}

#footer ul.banner li.banner_right{
	float:left;
	margin:0;
}

#footer ul.banner li a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

#footer ul.banner li.twitter,
#footer ul.banner li.facebook{
	margin-top:7px;
}

#footer ul.banner li.youtube{
	margin:10px 15px 0 0;
}



/*==-----------------------------------------------
breadcrumb
-------------------------------------------------*/

p.breadcrumb{
	font-size: 0.85em;
	margin-bottom: 10px;
}



/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
p.pagetop{
	clear:both;
}
p.pagetop a{
	text-indent:-9999px;
	display:block;
	float:right;
	width:62px;
	height:20px;
	background:url(../image/common/pagetop.gif) 0 0 no-repeat;
	margin:0 20px 10px 0;
}

p.pagetop a:hover{background-position:0 -20px;}

/*==-----------------------------------------------
rerurn list
-------------------------------------------------*/
p.rerurn_list{
	clear:both;
}
p.return_list a{
	text-indent:-9999px;
	display:block;
	float:right;
	width:72px;
	height:20px;
	background:url(../image/common/rerurn_list.gif) 0 0 no-repeat;
	margin:0 20px 10px 0;
}

p.return_list a:hover{background-position:0 -20px;}




/*==-----------------------------------------------
paging
-------------------------------------------------*/

ul.paging {
	margin: 0;
	text-align: center;
	clear:both;
}

ul.paging li {
	display: inline;
	margin: 0 5px 0 5px;
}

ul.paging li a {
	display: inline-block;
	height:18px;
	position: relative;
	text-indent:9999px;
}

ul.paging li.prev a{
	width:48px;
	background:url(../image/common/prev.gif) 0 0 no-repeat;
}
ul.paging li.latest a{
	width:65px;
	background:url(../image/common/latest.gif) 0 0 no-repeat;
}
ul.paging li.next a{
	width:48px;
	background:url(../image/common/next.gif) 0 0 no-repeat;
}

ul.paging li.return_list a{
	width:65px;
	background:url(../image/common/return_list.gif) 0 0 no-repeat;
}

ul.paging li.return a{
	width:80px;
	background:url(../image/common/return.gif) 0 0 no-repeat;
}




ul.paging li a:hover{background-position:  0 -18px;}