@charset "shift_jis";

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

Music Air Site Outline

+body
|
|---+div#container [100%]
    |
    |---div#header [100%]
    |
    |---+div#wrapper [1000px]
    |   |
    |   |---+div#subWrapper [780px]
    |   |   |
    |   |   |----div#centerColmun [510px]
    |   |   |
    |   |   |----div#leftColmun [230px]
    |   |
    |   |----div#rightColumn [220px]
    |
    |----div#footer [100%]


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

/* Base
----------------------------*/
body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:80%;
}

h1,h2,h3,h4,h5,h6,p{
	padding:0;
	margin:0;
	line-height:1.4em;
}

img {
	border:none;
	vertical-align:bottom;
}

ul{
	list-style:none;
	padding:0;
	margin:0;
}

dl,dt,dd{
	padding:0;
	margin:0;
}

form{
	margin:0;padding:0;
}

.inputText{
	border-top:2px solid #333;
	border-left:2px solid #333;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;	
}

fieldset{
	border:none;
	margin:0;
	padding:0;
}


/* Common
----------------------------*/

p.linkButton a{
	background:url(/image/layout/tmpl/arrow.gif) no-repeat 10px 50% #271B03;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px 2px 20px;
	display:block;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #663200;
	border-right:1px solid #663200;
}

p.linkButton{
	border:1px solid #271B03;
}

div.contentsWrapper{
	margin:0 0 10px 0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hidden for Mac IE \*/
*html .clearfix { height:1px; }
.clearfix { display:block; }
/* */




/* Frame
----------------------------*/
div#container {
	width:100%;
	min-width:1000px;
	text-align:left;
	background-color:#CCC;
}

div#header{
	width:100%;
}

div#wrapper{
	width:1000px;
	/*\*/
	margin:0 auto;
	/**/
}

div#subWrapper{
	float:left;
	width:750px;
	padding:0 10px;
}

div#centerColumn{
	float:left;
	width:510px;
}

div#leftColumn{
	float:left;
	width:230px;
	padding-right:10px;
}

div#rightColumn{
	float:right;
	width:220px;
	padding-right:10px;
}

div#footer{
	clear:both;
	width:100%;
}



/* Header
----------------------------*/
div#header{
	background:#FFB200;
	margin-bottom:10px;
}

div#headerBox{
	height:100px;
	position:relative;
	width:1000px;
	margin:0 auto;
}

div#header h1{
	width:340px;
	height:100px;
	background:url(/image/layout/tmpl/title.gif) no-repeat;
	text-indent:-9999px;
}

div#header h1 a{
	display:block;
	width:340px;
	height:100px;
}

div#header h1 a:focus{
	overflow:hidden;
}

div#headerRight{
	position:absolute;
	right:10px;
	top:10px;
	width:660px;
	text-align:right;
}

form.searchForm{
	margin-bottom:10px;
}

form.searchForm p{
	display:inline;
	font-weight:bold;
	margin-right:5px;
}

#searchInput{
	vertical-align:top;
	margin-right:5px;
}

div#topLinkButton{
	padding-bottom:5px;
}

p#sitemapLink a{
	padding-left:10px;
	background:url(/image/layout/tmpl/arrow-top.gif) 0px center no-repeat;
	color:#330;
}

/* Footer
----------------------------*/
div#footer{
	background:url(/image/layout/tmpl/footer-bk.gif);
}

div#footer ul{
	padding:20px 0;
	width:1000px;
	margin:0 auto;
	/*\*/
	text-align:center;
	/**/
}

div#footer li{
	display:inline;
	border-left:1px solid #FFF;
	padding:0 10px;
}

div#footer li a{
	color:#FFF;
	text-decoration:none;
}

div#footer li a:hover{
	text-decoration:underline;
}

li#footListLeft{
	border-left:none !important;
}

/* center
----------------------------*/
div#centerColumn div.contentsWrapper{
	background:url(/image/layout/tmpl/ct.gif) no-repeat center top #FFF;
}

div#centerColumn div.contentsBox{
	padding:10px;
	background:url(/image/layout/tmpl/cb.gif) no-repeat center bottom;
}

div#centerColumn h2.programHead{
	background:url(/image/layout/tmpl/news-head.gif) no-repeat center top #FFF;
	color:#FFF;
	font-size:110%;
	padding:5px 10px;
}

div#centerColumn div#guidance h4,
div#centerColumn div#mailmagGuidance h4{
	background:url(/image/layout/tmpl/news-bg.gif) no-repeat 390px top #271B03;
	color:#FFF;
	padding:2px 10px;
	font-size:100%;
	margin-bottom:10px;
}

div#centerColumn div#guidance p.howtoBuy{
	margin:0.5em 0 1em;
	color:#900;
}

div#recommendInfo div.contentsBox,
div#topNews div.contentsBox
{
	padding-top:0;
}

div#flashBox{
	margin:0 0 10px 0;
}

div.shoppingBanner{
	margin:-2px 0 10px 0;
}

*html div.shoppingBanner{
	margin-top:0;
}

*+html div.shoppingBanner{
	margin-top:0;
}


ul.infoList{
	margin-bottom:3px;
}

ul.infoList li{
	border-bottom:1px solid #999;
	padding:10px 0;
}

ul.infoList li:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

ul.infoList li { display:inline-block; }


/* Hidden for Mac IE */
*html ul.infoList li { height:1px; }
ul.infoList li { display:block; }
/* */

ul.infoList .listThumb{
	border:1px solid #000;
	float:left;
}

ul.infoList .listText{
	padding-left:110px;
}

ul.infoList .listTextNoImg{
}

ul.infoList p.infoTitle{
	font-size:120%;
	font-weight:bold;
}

ul.infoList p.infoBody{
	margin:5px 0;
}

div.infoBody{
	width:100%;
}

ul.infoList p.infoDate{
	text-align:right;
}

p.detailLink{
	width:5em;
	line-height:1.1;
}

ul#dvdList .listText{
	padding-left:100px;
}

ul#dvdList .dvdTitle{
	padding:5px;
	font-weight:bold;
	background:#CCC;
	font-size:110%;
	margin-bottom:10px;
}

ul#dvdList div.listText p.howtoBuy{
	margin:0.5em 0 1em;
	color:#900;
}

div#dvdHeader{
	padding-bottom:10px;
}
p.dvdData em{
	font-style:normal;
	font-weight:bold;
	color:#F00;
}

ul.infoList p a img.shopButton{
	display:block;
	margin:0.5em 6px 0.5em 0;
	width:244px;
	float:left;
}

p.dvdData a img.shopButton{
	margin:0.5em 6px 0.5em 0;
}

p.dvdMore{
	width:50px;
	margin:0.5em 0;
	float:left;
}

div#dvdHeader p.howtoBuy{
	margin:0.5em 0 1em;
	color:#900;
}


div#dvdHeader p.jacketImg{
	float:left;
	padding-right:12px;
}	

div#dvdContents{
	clear:both;
	background:url(/image/dvd/line_dot.gif) repeat-x 0 10px;
	padding-top:20px;
}




/* Artist Info */

#artistInfo h4{
	font-size:140%;
	padding-bottom:20px;
}


#artistInfo dt{
	display:block;
	color:#666;
	border-bottom:1px solid #666;
	background:url(/image/layout/tmpl/artist-list.gif) no-repeat 0 center;
	padding-left:15px;
	font-weight:bold;
}

#artistInfo dd{
	padding:10px 10px 20px 10px;
}

#artistInfo #dvdContents dd{
	padding:10px 10px 5px 10px;
}


#artistInfo #profImage{
	float:left;
	padding-right:20px;
	background:#FFF;
}

ul#NameSearchList{
	margin-left:10px;
}

ul#NameSearchList li{
	width:110px;
	float:left;
	text-align:center;
	border:1px solid #271B03;
	margin:0 5px 5px 0;
}

ul#NameSearchList li a{
	background:#271B03;
	padding :5px 0;
	text-decoration:none;
	color:#FFF;
	display:block;
	font-weight:bold;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #663200;
	border-right:1px solid #663200;
}


/* Program List */
div#programList p.topicPath{
	border-bottom:1px solid #000;
	padding:0 5px 5px 5px;
}

div#programList dt{
	padding:5px 10px;
	font-size:120%;
	font-weight:bold;
	background:#370303;
	color:#FFF;
	margin-top:10px;
}

div#programList dd{
	margin-bottom:20px;
	padding:5px 10px 10px 10px;
	border:1px solid #370303;
}

div#programList p.programDate{
	font-weight:bold;
}


div#programList p.programBody{
	padding-top:10px;
}

div#programList p.programArtist{
	padding-top:10px;
}


/* program Table */

table#programTable{
	border-collapse:collapse;
}

table#programTable td,th{
	vertical-align:top;
	border:1px solid #000;
}

table#programTable td{
	padding:5px;
	border-bottom:5px solid #333;
}

table#programTable th{
	text-align:center;
	background-color:#EFEFEF;
	color:#000;
	padding:3px;
}

table#programTable td.programTime{
	text-align:center;
}

table#programTable .programTitle{
	padding:3px 5px;
	font-size:120%;
	font-weight:bold;
	background:#370303;
	color:#FFF;
	margin:5px 0;
}

table#programTable .programBody{
	padding:5px 10px;
}

ul.timeList{
	text-align:center;
	padding:15px 10px;
}

ul.timeList li{
	padding:3px 10px;
	font-weight:bold;
	display:inline;
	border-right:1px solid #000;
}

ul.timeList li a{
	font-weight:normal;
}

ul.timeList .firstTime{
	border-left:1px solid #000;
}

div.programDate{
	padding:5px;
	font-weight:bold;
	background:#FFF;
	border-bottom:1px dotted #000;
	color:#000;
	font-size:110%;
	
}

div.programDate a{
	font-size:90%;
	font-weight:normal;
}

div.programDate{
	text-align:center;
}

div.programDate span{
	padding:0 130px;
}


div#centerColumn div#whatMaBox{
	background:url(/image/layout/tmpl/what-bg.gif) no-repeat center top #FFF;
}


div#centerColumn h2.headLine{
	padding:0 0 10px 0;
}

div#centerColumn h2.headLine2{
	background:url(/image/layout/tmpl/headline-bg.gif) no-repeat center top;
	width:510px;
	height:60px;

}

div#centerColumn h2.headLine3{
	font-size:120%;
	color:#FFF;
	padding-left:20px;
}

div#centerColumn h2.headLineText{
	background:url(/image/layout/tmpl/headline-bg.gif) no-repeat;
	line-height:52px;
	padding:0 0 0 30px;
	font-size:120%;
	margin:0 0 10px 0;
	height:52px;
	color:#FFF;
}

p#whatMaBody{
	color:#FFF;
	padding:0 0 0 150px;
}

ul#channelList{
	padding:10px 0 20px 5px;
	border-bottom:1px solid #999;
}

ul#channelList li{
	float:left;
	margin-top:10px;
}
ul#channelList li,
ul#channelList li a{
	width:234px;
	height:154px;
	display:block;
	text-indent:-9999px;
}

li#chRock{background:url(/image/what-ma/rock-ov.gif) no-repeat;margin-right:10px;}
li#chRock a{background:url(/image/what-ma/rock.gif) no-repeat;}

li#chJazz{background:url(/image/what-ma/jazz-ov.gif) no-repeat;}
li#chJazz a{background:url(/image/what-ma/jazz.gif) no-repeat;}

li#chWorld{background:url(/image/what-ma/world-ov.gif) no-repeat;margin-right:10px;}
li#chWorld a{background:url(/image/what-ma/world.gif) no-repeat;}

li#chClassic{background:url(/image/what-ma/classic-ov.gif) no-repeat;}
li#chClassic a{background:url(/image/what-ma/classic.gif) no-repeat;}

li#chGakki{background:url(/image/what-ma/gakki-ov.gif) no-repeat;margin-right:10px;}
li#chGakki a{background:url(/image/what-ma/gakki.gif) no-repeat;}

li#chInfo{background:url(/image/what-ma/info-ov.gif) no-repeat;}
li#chInfo a{background:url(/image/what-ma/info.gif) no-repeat;}

ul#channelList li a:hover{
	background:none;
}

ul#channelList li a:focus{
	overflow:hidden;
}

div#whatMaLinks{
	padding-top:10px;
	text-align:center;
}

div#centerColumn .mov{
	margin:10px auto;
	text-align:center;
}

div#programDetailBody img {
	float:right;
}

/*artist*/
div#centerColumn div#artistBox{
	background:url(/image/layout/tmpl/artist-bg.jpg) no-repeat center top #FFF;
}

div#centerColumn div#artistBox2{
	background:url(/image/layout/tmpl/artist-bg2.gif) no-repeat center top; margin:0;
}

/* time table*/

div#nextday,div#nextday a,
div#lastday,div#lastday a{
	float: left;width:48px;height:36px;
	text-indent:-9999px;
}

div#lastday  {background:url(/image/timet/lastday-ov.jpg);}
div#lastday a{background:url(/image/timet/lastday.jpg);}

div#nextday{background:url(/image/timet/nextday-ov.jpg);}
div#nextday a{background:url(/image/timet/nextday.jpg);}

div#lastday a:hover,div#nextday a:hover{
	background:none;
}
/*\*/
div#lastday a:focus,div#nextday a:focus{
	overflow: hidden;
}

/* Link */
dl.linkList p.linkTitle{
	font-size:120%;
	font-weight:bold;
}

/* Left 
----------------------------*/
/* Common */
div#leftColumn div.contentsWrapper{
	background:url(/image/layout/tmpl/lt.gif) no-repeat center top #161209;
	color:#FFF;
}

div#leftColumn div.contentsWrapper a{
	color:#FFCC00
}

div#leftColumn div.contentsBox{
	background:url(/image/layout/tmpl/lb.gif) no-repeat center bottom;
	padding:10px;
}


/* Calendar */
div#calendar {
	text-align:center;
}

/*\*//*/

div#calendar{
	width:230px;
}

div#calendar .contentsBox{
	width:210px;
}

/**/

div#calendar table{
	width:200px;
	border-collapse: collapse;
	margin:0 auto;
}

div#calendar caption{
	margin:0 auto;
	padding-bottom:5px;
}

div#calendar caption a{
	color:#FFF !important;
	text-decoration:none;
}

div#calendar caption a:hover{
	color:#FC0 !important;
}

div#calendar caption #calendarTitle{
	margin:0 20px;
}

div#calendar td,
div#calendar th{
	border:1px solid #000;
	text-align:center;
}

div#calendar th{
	background:#524D4D;
}

div#calendar td{
	background:#FFF;
	color:#000;
}

div#calendar td a{
	color:#333 ! important;
	text-decoration:none;
	display:block;
	padding:3px 0
}


div#calendar td a:hover{
	background-color:#CCFFFF;
}


div#calendar td.today{
	background-color:#FFB200;
}

/* lmenu pdf list */
h4.pdfHead{
	background:url(/image/layout/tmpl/menu-list1.gif) 0 center no-repeat;
	padding-left:10px;
	font-weight:normal;
	cursor:pointer;
	color:#FFCC00;
	text-decoration:underline;
	font-size:100%;

}

ul.pdfList{
	line-height:2em;
	padding-left:10px;
}


/* Menu List */
ul#mainList ul li{
	border:none;
	padding-top:5px;
	padding-bottom:5px;
}

ul#mainList li{
	border-bottom:1px solid #56431B;
	background:url(/image/layout/tmpl/menu-list1.gif) 0px 15px no-repeat;
	padding:10px 0 10px 10px;
}

ul#mainList li#activMenu{
	background:url(/image/layout/tmpl/menu-list2.gif) 0px 15px no-repeat;
}

ul#mainList ul#childList1 li{
	background:url(/image/layout/tmpl/menu-list3.gif) 0px 10px no-repeat;
}

ul#mainList ul#childList2 li{
	background:url(/image/layout/tmpl/menu-list4.gif) 0px 8px no-repeat;
	padding-left:13px;
}

ul#mainList ul#childList3 li{
	background:url(/image/layout/tmpl/menu-list5.gif) 0px 8px no-repeat;
	padding-left:13px;
}

ul#mainList ul li ul li{
	background:url(/image/layout/tmpl/menu-list6.gif) 0px 10px no-repeat !important;
}

/* Right
----------------------------*/
div#rightColumn .contentsWrapper{
	background:url(/image/layout/tmpl/rt.gif) center top no-repeat #161209;
	vertical-align:bottom;
	padding-top:10px;
}

div#rightColumn .contentsBox{
	background:url(/image/layout/tmpl/rb.gif) center bottom no-repeat;
	padding-bottom:10px;
}

div#rightColumn .contentsHead{
	margin:0 10px;
}

div#rightColumn .contentsBody{
	margin:0 10px;
	background:#FFF;
	padding:10px;
}

div#rightColumn .contentsHead img{
	vertical-align:bottom;
}

#dvdGuidance h5{
	text-align:center;
	font-size:110%;
	color:#FFF;
	padding-bottom:5px;
}

#presentBox .contentsHead{
	text-align:center;
	background:#ECE8E9;
	padding-top:5px;
}

#presentTitle{
	font-weight:bold;
}

/*TUNING FEED
----------------------------*/
div#leftColumn #tuningFeedBox{
	text-align:center;
	width:200px;
	padding:15px ;
}

*html div#leftColumn #tuningFeedBox{
	padding:15px 5px 15px 15px;
}

#tuningFeedBox img{
	margin-left:-10px;
}

ul#tuningFeed{
	text-align:left;
	background:#fff;

	border-bottom:1px solid #000;
}

ul#tuningFeed li{
	padding:4px 5px 4px 12px;
	background:url(/image/layout/button/link.gif) no-repeat 0 3px;
	border-bottom:1px solid #AAAAAA;
}

div#leftColumn  ul#tuningFeed li a{
	color:#0000ff;
}	

div#leftColumn  ul#tuningFeed li a:link {
	color:#0000ff;
}	

div#leftColumn  ul#tuningFeed li a:visited{
	color:#800080;
}	


/*SkyPerfecTV FEED
----------------------------*/
div#leftColumn #skyperfectv{
	text-align:center;
	width:200px;
	padding:15px ;
}

*html div#leftColumn #skyperfectv{
	padding:15px 5px 15px 15px;
}

#skyperfectv img{
	margin-left:-10px;
}



/*Mail Present form
----------------------------*/
#mailMagBox fieldset{
	list-style:none;
	border:1px solid #999;
	margin:0;
	padding:0;
	width:487px;
}


#mailMagBox h3{
	margin:0;
	padding:0;
	font-weight:normal;
}

#mailMagBox h3 img{
	vertical-align:bottom;
}

.mailForm dl{
	position:relative;
	border-bottom:1px solid #999;
	width:487px;
}

.mailForm dt{
	position:absolute;
	margin:0;
	height:3em;
	line-height:3em;
	padding-left:10px;
	width:120px;
	font-weight:bolder;
	border-right:1px solid #999;
}

.mailForm dd{
	padding:10px 0;
	margin:0;
	font-size:95%;
	border-left:130px solid #eee;
}

.mailForm2{
	border-bottom:1px solid #999;
	width:487px;
	background-color:#eee;
}

.mailForm input, select, textarea,.preForm2 input, select, textarea{
	font-size:100%;
}

.mailForm2 p{
	padding-top:8px;
	width:40px;
	float:left;
	clear:both;
	text-align:center;
}


.mailForm2 dl{
	width:446px;
	float:right;
	background-color:#fff;
	border-left:1px solid #999;
	border-top:1px solid #999;
}

.bordertopP{
	border-top:1px solid #999;
}

.mailForm2 dt{
	margin:10px 10px 0;
}

.mailForm2 dd{
	margin:10px;
}

.belowQ{
	background-color:#eee;
	border-left:1px solid #999;
	border-right:1px solid #999;
	width:487px;
	text-align:center;
	line-height:200%;
	height:25px;
}

.questionBox{
	width:487px;
}

.joinbuttonBox{
	width:487px;
	height:40px;
	background-color:#999;
	text-align:center;
	clear:both;
}

.joinbuttonBox input{
	margin:12px 0;
}
	
.sslBox{
	margin:10px 0;
	width:487px;
	background-color:#eee;
}
.sslBox p{
	padding:10px;
}

.returnPage{
	text-align:center;
}

div#mailMagBottom{
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

div#mailMagBottom img{
	margin-top:5px;
}


h3#whatMail{
	color:#C00;
}

p#mailText1{
	color:#006383;
	font-weight:bold;
	margin:10px 0;
}

p#mailText2{
	color:#C00;
	font-weight:bold;
	padding:10px 0;
}

div#mailInfoImg img{
	vertical-align:bottom;
	margin:2px 0;
}

ol.presentList{
	list-style:none;
	border:1px solid #999;
	margin:0;
	padding:0;
	width:487px;
}

ol.presentList li{
	border-top:1px solid #999;
	padding:10px;
}

ol.presentList li img{
	float:left;
}

ol.presentList li p.howtoBuy{
	margin:0.5em 0 1em;
	color:#900;
}


mailMagBox h3{
	margin:0;
	padding:0;
	font-weight:normal;
}

h3 img{
	vertical-align:bottom;
}

.no{
	width:31px;
	float:left;
	padding:5px 0;
	font-weight:bold;
	text-align:center;
}

.body{
	width:319px;
	float:left;
}

.pre{
	border:1px solid #999;
	background:url(/image/present/tmpl/pre-bg.gif) repeat-y #FFF;
	width:350px;
	float:left;
	margin-left:10px;
}

.pre p{
	line-height:1.6em;
	padding:5px 10px;
}

.pre .preDate{
	border-top:1px solid #999;
}

div#mailMagBottom{
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

div#mailMagBottom img{
	margin-top:5px;
}



h3#whatMail{
	color:#C00;
}

p#mailText1{
	color:#006383;
	font-weight:bold;
	margin:10px 0;
}

p#mailText2{
	color:#C00;
	font-weight:bold;
	padding:10px 0;
}

div#mailInfoImg img{
	vertical-align:bottom;
	margin:2px 0;
}

ol.presentList{
	list-style:none;
	border:1px solid #999;
	margin:0;
	padding:0;
	width:487px;
}

ol.presentList li{
	border-top:1px solid #999;
	padding:10px;
}

ol.presentList li img{
	float:left;
}

#mailMagBox h3{
	margin:0;
	padding:0;
}

h3 img{
	vertical-align:bottom;
}

.preNo{
	width:31px;
	float:left;
	padding:5px 0;
	font-weight:bold;
	text-align:center;
}

.preBody{
	width:319px;
	float:left;
}

.preImg{
	float:left;
}

.preList{
	float:right;
	width:350px;
}

.spePre{
	border:1px solid #999;
	background:url(/image/present/tmpl/pre-bg.gif) repeat-y #FFF;
	width:350px;
	float:left;
}

.pre{
	border:1px solid #999;
	background:url(/image/present/tmpl/pre-bg.gif) repeat-y #FFF;
	width:350px;
	float:left;
	margin-left:10px;
}

.pre p,.spepre p{
	line-height:1.6em;
	padding:5px 10px;
}

.pre .preDate,.spepre .preDate{
	border-top:1px solid #999;
}

.preshousai{
	font-size:95%;
	margin:10px 5px 10px 0;
	float:left;
}

.ouboenter{
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#dedede;
	width:487px;
	font-weight:bolder;
	font-size:90%;
	margin-bottom:20px;
}

.pretitle{
	font-weight:bolder;
}

.daredemo{
	float:left;
	width:300px;
	margin:10px 0;
	padding-left:5px;
}

.oubobt{
	float:right;
	width:180px;
	margin:10px 0;
}
a.goods:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/* info mobilesite */

ul.mobileSiteAccess li{
	margin:10px 0 0;
}