@charset "UTF-8";
/*
 * Radio Days - css file.
 * http://www.radiodays.jp/
 * 
 * --------
 * Path : /shared/css/common.css
 *
 */

/* --------------------------------------------------------------
 * 
 * Base
 *
 --------------------------------------------------------------*/ 
html,body	{height:100%;}
html > body	{height:auto;}
body		{font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic",  Osaka, sans-serif;}
*html body	{font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
body		{background:#f1efe5 url(/shared/images/background.gif); behavior:url("/shared/csshover.htc"); }
p, li, td, dt, dd, h1, h2, h3, h4, h5{line-height:1.6;}
/*p, li, td, dt, dd, h1, h2, h3, h4, h5, a{ behavior: url("/shared/iepngfix.htc"); }*/

#container	{width:100%;}
#content	{width:954px; margin:0 auto; padding:0 0 20px 0; position:relative; overflow:hidden;}

/* main */
#main				{width:713px; float:left; position:relative; background:url(/shared/images/lBoxB_top.png) no-repeat top left; padding:5px 0 0 0;}
#main .main-inner	{background:url(/shared/images/lBoxB_bottom.png) no-repeat bottom left; padding:0 0 5px 0; _padding-bottom:4px;}
#main .main-body	{background:url(/shared/images/lBoxB_bg.png) repeat-y top left; padding-bottom:15px; zoom:1; overflow:hidden;}
#main .main-wrapper	{width:713px; overflow:hidden;}
#main .main-wrapper #leftCol{padding:0 0 0 16px; width:210px;}
#main .main-wrapper #rightCol{padding:0 16px 0 0; width:455px;}
#main .main-wrapper #leftCol h3{border-bottom:1px solid #000; padding:0 0 8px 0; text-indent:-9999px; overflow:hidden; height:16px; line-height:1;}

#main #leftCol	{float:left; width:234px;}
#main #rightCol	{float:right; width:472px; position:relative;}
#side			{width:234px; float:right;}
#topic-path		{line-height:1; font-size:85%; margin:0 0 10px 0; _padding-top:2px;}

/* layout2 */
#main .layout2 #leftCol			{width:165px!important;}
.layout2 #leftCol h3			{margin:0;}
.layout2 #leftCol ul			{width:165px;}
.layout2 #leftCol ul li			{border-bottom:1px solid #E5E5E5; font-weight:bold; line-height:1; padding:8px 0; font-weight:bold;}
.layout2 #leftCol ul li a{display:block; line-height:1.4!important;}
*html .layout2 #leftCol ul li a{background-position:0 0.65em;}

.layout2 #leftCol li a.current	{color:#333;}
.layout2 #leftCol ul li.last	{margin-bottom:25px; border:none;}



#box-title			{background:url(../images/lBoxA_titleTop.gif) no-repeat top left; width:706px; margin:0 0 0 3px;}
.box-title-inner	{background:url(../images/lBoxA_titleBG.gif) repeat-y top left; padding:15px 0 18px 13px; overflow:hidden; margin-bottom:15px;}
#box-title h1		{height:23px; text-indent:-9999px; overflow:hidden;}
#box-title h1.list	{height:35px!important; margin-bottom:8px;}
#box-title .description{text-indent:-9999px; overflow:hidden;}
#box-title .detail-ttl{float:left; text-indent:-9999px; overflow:hidden;}
#box-title .detail-description{float:left; text-indent:-9999px; overflow:hidden; margin:7px 0 0 10px;}



/* myPage */
#myPageContentWrapper{width:472px; position:absolute; top:0; left:0; display:none;}
#myPageContent		{width:472px; display:none; background:url(../images/mypage_bottom.png) no-repeat bottom left; padding-bottom:4px;}
#myPageContent-inner{background:url(../images/mypage_BG.png) repeat-y top left; padding:8px 0;}


#myPageContent-inner{min-height:400px; _height:400px;}
#myPageContent-body{display:none;}
#myPageContentWrapper .closeBtn {width:75px; height:30px; z-index:170; padding-right:15px; float:right;}
#myPageContentWrapper .closeBtn a{width:75px; height:30px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/myPage-closeBtn.png) no-repeat top left;}
#myPageContentWrapper .closeBtn a:hover{background-position:0 -30px;}

#myPageContent .pageNavi{width:440px; margin:0 auto 8px auto; padding:0;  background:url(../images/dotLine.gif) repeat-x top left; padding:8px 0 0 0;}
#myPageContent .pageNavi h3	{width:440px; margin:0 auto; font-weight:bold; width:150px; float:left; line-height:1; padding-top:4px;}
#myPageContent .pageNavi .search-sortRight{float:left;}
#myPageContent .pageNavi-bottom{padding:10px 0 0 0;}
#myPageContent .pageNavi p,
#myPageContent .pageNavi li{font-size:85%;}

#myPageTable{width:440px; margin:0 auto 5px auto;}
#myPageTable .titleTitle{width:80px;}
#myPageTable .castTitle{width:95px;}
#myPageTable .priceTitle{width:50px;}
#myPageTable th.title{width:209px;}
#myPageTable th.cast{width:95px;}


/* sNavi */
#sNavi				{width:230px; float:right; margin:0 2px 0 0;}
#sNavi #cart a		{background:#666 url(/shared/images/cart_bottom.png) no-repeat bottom left; width:230px; padding:11px 0 10px 0; margin:0 2px 13px 0; display:block;}
#sNavi #cart a:hover{background:#333 url(/shared/images/cart_bottom_over.png) no-repeat bottom left; behavior:none;}
#sNavi #cart p		{display:block; line-height:1.8; color:#fff; font-size:92%; padding:3px 10px 0 10px; background:url(/shared/images/cart.png) no-repeat 94% 0;}
#sNavi ul			{position:relative;}
#sNavi li			{font-size:92%; font-weight:bold; padding:3px 0; line-height:1;}
#sNavi #rakuten		{position:absolute; top:3px; right:0; padding:0;}


/* --------------------------------------------------------------
 * 
 * Global Navigation
 *
 --------------------------------------------------------------*/ 
#navigation				{clear:both; width:954px; margin:0 auto 9px auto; overflow:hidden;}
#navigation #gNavi		{background:url(/shared/images/gNavi_bg.png) no-repeat top left; width:714px; height:44px; padding:2px 0 0 2px; float:left;}
#navigation #gNavi li	{float:left; text-indent:-9999px; overflow:hidden; margin:0;}
#navigation #gNavi li a	{display:block; height:40px; background-image:url(/shared/images/gNavi_label.gif);}
/* bg position */
#navigation #gNavi .comic-story a			{background-position:0 0; width:129px;}
#navigation #gNavi .comic-story a:hover,
#navigation #gNavi .comic-story a.current	{background-position:0 -40px;}
#navigation #gNavi .talk a					{background-position:-132px 0; width:136px;}
#navigation #gNavi .talk a:hover,
#navigation #gNavi .talk a.current			{background-position:-132px -40px;}
#navigation #gNavi .literature a			{background-position:-265px 0; width:142px;}
#navigation #gNavi .literature a:hover,
#navigation #gNavi .literature a.current	{background-position:-265px -40px;}
#navigation #gNavi .audio-book a			{background-position:-409px 0; width:80px;}
#navigation #gNavi .audio-book a:hover,
#navigation #gNavi .audio-book a.current	{background-position:-409px -40px;}
#navigation #gNavi .learning a				{background-position:-488px 0; width:109px;}
#navigation #gNavi .learning a:hover,
#navigation #gNavi .learning a.current		{background-position:-488px -40px;}
#navigation #gNavi .sound a					{background-position:-602px 0; width:110px;}
#navigation #gNavi .sound a:hover,
#navigation #gNavi .sound a.current			{background-position:-602px -40px;}

/* --------------------------------------------------------------
 * 
 * Search
 *
 --------------------------------------------------------------*/ 
#search							{position:relative;  float:right; background:url(/shared/images/search_field.png) no-repeat top left; margin:1px 0 0 0;}
#search form					{width:230px; height:46px; margin:0px 2px 0 0 ;}
#search #search-text			{width:180px; height:18px; border:1px solid #666; position:absolute; left:15px; top:11px;}
#search #search-btn				{position:absolute; right:15px; top:11px;}
.on								{background:url(/shared/images/search_field_on.png) no-repeat top left!important;}
#search_result					{position:absolute; width:710px; z-index:500; display:none;}
#search_result .content-top		{background:url(/shared/images/searchBG_top.png) no-repeat top right; height:10px; overflow:hidden; content:" ";}
#search_result .content			{background:url(/shared/images/searchBG.png) repeat-y top right; min-height:575px; _height:575px;}
#search_result .content-inner	{width:680px; padding:10px 15px;}
#search_result .content-bottom	{background:url(/shared/images/searchBG_bottom.png) no-repeat top right; height:10px; overflow:hidden; content:" ";}
#search_result #closeBtn		{position:absolute; top:-20px; left:15px; width:75px; height:25px; display:block; overflow:hidden; margin:0; padding:0;}
#search_result #closeBtn a		{background:url(/shared/images/closeBtn.gif) no-repeat 0 -25px; width:75px; height:25px; display:block; text-indent:-9999px; overflow:hidden;}
#search_result #closeBtn a:hover{background-position:0 0;}
.loadAnime{width:32px; height:32px; display:block; position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; z-index:50;}

/* search-table */
.selectTable	{width:680px; font-size:92%; font-weight:bold; color:#666; border:none;}
.selectTable p	{line-height:1.4;}
/* th */
.selectTable th			{text-indent:-9999px; overflow:hidden; padding:8px; background:#999 url(/shared/images/tableLine_w.gif) repeat-y top right;}
.selectTable th.price	{background:#999 none!important;}
.selectTable th {padding-top:8px!important; padding-bottom:8px!important; height:auto!important;}
.selectTable th span	{display:block; height:12px; width:100%;}
/* th title */
.selectTable .playerTitle	{width:24px; background:#999 url(/shared/images/tableTitle_watch.gif) no-repeat top left;}
.selectTable .categoryTitle	{width:103px; background:#999 url(/shared/images/tableTitle_category.gif) no-repeat top left;}
.selectTable .titleTitle	{width:283px; background:#999 url(/shared/images/tableTitle_title.gif) no-repeat top left;}
.selectTable .castTitle		{width:113px; background:#999 url(/shared/images/tableTitle_cast.gif) no-repeat top left;}
.selectTable .priceTitle	{width:73px; background:#999 url(/shared/images/tableTitle_price.gif) no-repeat top left;}
/* td */
.selectTable td				{cursor:pointer; padding:0 10px; border-top:1px solid #fff; background:url(/shared/images/tableLine_w.gif) repeat-y top right; vertical-align:middle;}
.selectTable .player		{width:22px; height:22px; padding-top:10px; padding-bottom:10px;}
.selectTable .player div	{line-height:0; margin:0; padding:0; height:22px;}
.selectTable .player object{height:20px;}
.selectTable .price{ padding-top:10px; padding-bottom:10px;}

/* price */
.selectTable td.price		{background-image:url(/shared/images/arrow_thumb.gif); background-position:bottom right; background-repeat:no-repeat;}
/* overlay */
#layer			{width:100%; height:100%; min-height:100%; z-index:100; position:absolute; top:0; left:0; display:none;}
body > #layer	{height:auto;}


/* --------------------------------------------------------------
 * 
 * Footer
 *
 --------------------------------------------------------------*/ 
#fNavi		{width:954px; margin:0 auto 15px auto; overflow:hidden; background:url(../images/dotLine_gray.png) repeat-x bottom left; padding:15px 0;}
#fNavi ul	{float:left;}
#fNavi li	{display:inline; font-weight:bold; margin:0 10px 0 0;}
#fNavi .pageTop		{float:right; padding:3px 0 0 0; font-weight:bold;}
#fNavi .pageTop a		{background:url(/shared/images/pateTopBtn.png) no-repeat 0 50%; padding:0 0 0 10px; line-height:1; text-decoration:none!important;}
#fNavi .pageTop a:hover{background:url(/shared/images/pateTopBtn_over.png) no-repeat 0 50%; text-decoration:underline!important;}
#fNavi #gMenu{background:url(../images/fnavi_gMenuBG.gif) no-repeat 100% 45%; padding:0 3px 0 0;}
#fNavi a{font-size:88%!important;}
#fNavi #sMenu{padding:0 0 0 15px;}

#footer				{width:954px; margin:0 auto; overflow:hidden;}
#footer .section		{float:left; width:230px;}
#footer .section ul	{margin:0 0 15px 0;}
#footer .section li	{font-size:92%;}
#footer .section li a	{line-height:1.8!important;}
#footer #copyright		{clear:both; border-top:1px solid #dcdcd1; padding:18px 0;}
#footer #copyright span{text-indent:0px; overflow:hidden; background:_url(/shared/images/copyright.gif) no-repeat top left; width:400px; height:14px; display:block; font-size:10px; color:#333;}
#footer h4{font-weight:bold; border-bottom:1px solid #c5c4bf; padding:0 0 8px 0; margin:0 0 10px 0; line-height:1.2;}
#footer h5{font-weight:bold; padding:0 0 5px 0;}
#footer-help		{width:460px!important; padding:0 20px 0 0;}
#footer-help .left	{float:left; width:230px;}
#footer-help .right	{float:right; width:210px;}
#footer-info		{float:right!important;}
 

/* Utilities -------------------------------------------------------------- */
#navigation:after,
#content:after,
#main:after
#fNavi:after,
#header:after,
.pageNavi:after,
.pageNavi .right:after,
#search-table .cast-list:after,
.main-wrapper:after,
#user-info:after,
#mNavi:after,
#mNavi ul:after,
#user-hello:after,
#myPageContentWrapper:after,
.box-title-inner:after,
#footer-help:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#navigation,
#content,
#main,
#fNavi,
#header,
.pageNavi,
.pageNavi .right,
#search-table .cast-list,
.main-wrapper,
#user-info,
#mNavi,
#mNavi ul,
#user-hello,
#myPageContentWrapper,
.box-title-inner,
#footer-help {
    zoom: 1;
}