@charset "utf-8";
@import "../_shared/css/common.css";
@import "../_shared/css/form.css";


#eyeCatch{
		background:#fff;
		border-bottom:1px solid #100b05;}

#eyeCatch .wrap{
		width:970px; height:303px;
		margin:0 auto;
		background:url(_shared/img/top/eyeCatch.jpg) 0 0 no-repeat;
		color:#111;
		position:relative;}

#eyeCatch .wrap p#siteDescription{
		position:absolute; top:129px; left:24px;
		line-height:1.7;}

#eyeCatch .wrap span#bgmCount{
		position:absolute; top:70px; left:36px;
		font-size:26px;}

#eyeCatch .wrap span#bgmDate{
		position:absolute; top:81px; left:120px;}


/* ↓↓↓ EXTENTION ↓↓↓ */



/*TITLE AREA-------------------*/

.titleArea{
		width:650px; height:38px;
		margin-bottom:12px;
		background:url(_shared/img/top/ico/newsLarge.gif) 0 0 no-repeat;
		position:relative;}

#notFound .titleArea{background:url(_shared/img/404/404.gif) 0 0 no-repeat;}

#factor{background:#f0f0f0 url(_shared/img/404/factor.gif) 0 0 no-repeat;}
#solution{background:#f0f0f0 url(_shared/img/404/solution.gif) 0 0 no-repeat;}

span.supText{
		position:absolute; top:3px; left:48px;
		width:auto; height:auto;
		font-size:10px;}

.openBtn{
		width:auto; height:19px;
		padding:7px 9px 0 26px;
		position:absolute; top:10px;
		color:#444;
		font-size:11px;
		border:1px solid #b5b3b5;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		cursor:pointer;}

#toBgmList{
		right:5px;
		background:#fff url(_shared/img/top/bg/toBgmList.gif) 7px 6px no-repeat;}

#toHome{
		right:5px;
		background:#fff url(_shared/img/404/toHome.gif) 9px 6px no-repeat;}



/*BGM LIST AREA-------------------*/

#main .articleB{
		width:541px; height:auto;
		text-align:left;
		color:#f0f0f0;
		font-size:11px;
		letter-spacing:1px;
		margin:0 0 20px 0;
		padding:8px 9px 8px 95px;
		background:#444;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		position:relative;}

#main #result{
		width:501px; height:auto;
		text-align:left;
		color:#f0f0f0;
		font-size:11px;
		letter-spacing:1px;
		margin:0 0 20px 0;
		padding:7px 9px 8px 135px;
		background:#444;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		position:relative;}

#main #result #resultHead{
		position:absolute; top:50%; left:22px;
		margin-top:-6px;}

#main #result #resultBody{
		padding:2px 12px 1px;
		background:#f0f0f0;
		color:#444;
		line-height:1.5;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;}

#main dl{
		margin:0 0 16px 0;
		padding:8px 10px 10px;
		width:623px; height:64px;
		letter-spacing:1px;
		line-height:1.2;
		background:#fff;
		border:1px solid #b5b3b5;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		position:relative;}

#main dl:hover{
		border:1px solid #dd858f;
		background:#fef8f9;}

#main dl dt.title{
		width:auto; height:auto;
		padding:4px 0 0 0;
		margin:0 0 3px 28px;
		line-height:1.5;
		font-size:13px;}

#main dl dt.title a{
		color:#38647A;}

#main dl dt img.thum{
		position:absolute; top:13px; left:16px;
		width:14px; height:14px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;}

#main dl dd{
		width:612px; height:auto;
		color:#222;
		font-size:11px;
		line-height:1.5;
		margin:0 0 0 6px; 
		padding:1px 0 3px 0;}

.subTitleArea{
		margin-top:30px;
		position:relative;}

.subTitleArea a{
		position:absolute; top:-3px; right:5px;
		border:1px solid #b7b5b7;
		font-size:11px;
		padding:2px 4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		background:#fff;}

#pickupLink{background:#f0f0f0 url(_shared/img/top/ico/link.gif) 2px 0 no-repeat;}

#pickup{
		width:auto; height:40px;
		border:none;
		background:none;
		padding:10px 0 25px 22px;
		position:relative;}

#pickup li{
		float:left;
		padding:0; margin:0 29px 0 0;
		width:60px; height:60px;
		overflow:hidden;
		display:block;
		background:#ccc;}

#pickup li img{
		width:60px; height:60px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;}

#pickup li p{
		position:absolute; top:-55px; left:0;
		width:615px; height:auto;
		padding:10px 15px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		background:#444;
		color:#fff;
		font-size:11px;
		display:none;}

#pickup li p span{
		width:auto; height:auto;
		display:block;
		line-height:1.5;
		font-size:14px;}

#foot .wrap{
		background:url(_shared/img/top/bg/footTop.gif) left bottom no-repeat;}

#footNavigation li{
		margin:0 50px;}


#foot .wrap #pageTop{
		position:absolute; top:85px; left:775px;
		width:auto; height:19px;
		padding:7px 9px 0 26px;
		color:#444;
		font-size:11px;
		border:1px solid #b5b3b5;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;}