@charset "utf-8";

/*-- HTMLタグ基本設定 --*/
@import url("default.css");

/*-- 汎用クラス、共通スタイルレイアウト設定[header,footerなど] --*/
@import url("common.css");


/*-- 個別設定 --*/
/*******************************
	header
*******************************/

#header h1,
#header h2{
display:none;
}

#topheader table tr{
width:980px;
text-align:center;
}

#topheader table tr td.ad{
width:980px;
text-align:center;
}


#topheader table tr td.ad_left{
width:880px;
text-align:center;
}
#topheader table tr td.ad_right{
width:100px;
text-align:right;
vertical-align:bottom;
}


#topheader table tr td.tdl{
width:450px;
text-align:left;
}

#topheader table tr td.tdr{
width:450px;
text-align:right;
}

#topheader table tr td.tdl_bnr{
width:450px;
height:95px;
text-align:left;
vertical-align:top;
}

#topheader table tr td.tdr_bnr{
width:450px;
height:95px;
text-align:left;
vertical-align:top;
}


/*******************************
	hot_news
*******************************/
#hot_news .section{
position:relative;
}
#hot_news .upper_contents{
margin:0 0 10px 0;
width:940px;
}
#hot_news .upper_contents .section{
width:454px;
}
#hot_news .upper_contents .section .left_contents{
	width:295px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#hot_news .upper_contents .section .right_contents{
	width:150px;
}
#hot_news .upper_contents p.btn a{
background:#40C6E0;
right:160px;
color:#FFFFFF;
}
#hot_news .upper_contents p.btn02 a{
right:160px;
color:#40C6E0;
padding:5px;
}

#hot_news .lower_contents{
width:940px;
}
#hot_news .lower_contents .section{
width:295px;
}
#hot_news .lower_contents .section .left_contents{
padding:0 0 30px 0;
width:185px;
}
#hot_news .lower_contents .section .right_contents{
width:100px;
}
#hot_news .lower_contents .center{
float:left;
margin-left:11px;
}
#hot_news .lower_contents p.btn a{
right:110px;
color:#FFFFFF;
}
#hot_news .lower_contents p.btn02 a{
right:110px;
color:#40C6E0;
}

/*******************************
	shop
*******************************/
#shop.contents{
/*position:relative;*/
}
#shop a{
	color:#FFFFFF;
}
/*イソジン前
#shop .bn{
position:absolute;
top:15px;
right:20px;
}
*/
/*イソジン後*/
#shop .bn{
padding-top:0px;
padding-bottom:10px;
text-align:right;
right:20px;
}


#shop h4{
padding:0 0 5px 0;
}
#shop h5{
width:285px;
background:#FF781A;
float:left;
}
#shop .fan{
width:285px;
background:#5cc22b;
float:left;
}
#shop .section{
width:295px;
}
#shop em.new{
display:block;
float:left;
margin-right:3px;
}
#shop p.sales_detail{
padding:15px 0 0 0;
color:#FF781A;
font-weight:bold;
}
#shop p.sales_detail_fan{
padding:15px 0 0 0;
color:#5cc22b;
font-weight:bold;
}
#shop p.sales_detail em.price{
font-size:125%;
font-style:normal;
}
#shop p.sales_detail em.preprice{
display:block;
font-size:75%;
font-style:normal;
}

#shop p.sales_detail_fan em.price{
font-size:125%;
font-style:normal;
}
#shop p.sales_detail_fan em.preprice{
display:block;
font-size:75%;
font-style:normal;
}

#shop .upper_contents,
#shop .center_contents,
#shop .lower_contents{
margin:0 0 10px 0;
width:940px;
}
#shop .section .left_contents{
width:165px;
}
#shop .section .right_contents{
width:130px;
}
#shop .center{
float:left;
margin-left:11px;
}
#shop .reception p{
padding:0 0 3px 0;
}

/*******************************
	movie
*******************************/
#movie a{
color:#FF4D74;
}
#movie h5{
background:#FF4D74;
}
#movie .section{
width:455px;
position:relative;
}

#movie .left_contents{
padding:0 0 10px 0;
width:200px;
}
#movie .right_contents{
width:240px;
}
#movie p.btn a{
background:#FF4D74;
right:240px;
color:#FFFFFF;
}

/*******************************
	onair_drama
*******************************/
#onair_drama a{
color:#69C242;
}
#onair_drama.contents{
/*width:430px;*/
/*width:535px;*/
/*width:645px;*/
width:585px;
float:left;
padding-bottom: 0px;
}
#onair_drama li{
float:left;
padding:0 10px 0 0;
}
#onair_drama li.lastItem{
padding:0;
}

/*******************************
	mail_magazine
*******************************/
#mail_magazine a{
color:#69C242;
}
#mail_magazine.contents{
margin:0 0 0 18px;
width:150px;
float:left;
position:relative;
}
#mail_magazine .subContents{
padding:10px 10px 40px 10px;
height:67px;
}
#mail_magazine p.btn a{
background:#69C242;
position:absolute;
bottom:37px;
/*bottom:20px;*/
right:20px;
color:#FFFFFF;
}

/*******************************
	mobile
*******************************/
#mobile a{
color:#69C242;
}
#mobile.contents{
/*width:320px;*/
/*width:205px;*/
/*width:105px;*/
width:150px;
float:right;
}
#mobile .left_contents{
/*width:185px;*/
/*width:85px;*/
width:130px;
text-align: center;
}
#mobile .right_contents{
width:107px;
}



/*******************************
	list
*******************************/
#list h3{
padding:3px 0 15px 0;
}
#list .section{
margin:0 0 10px 0;
position:relative;
}
#list .section.lastItem{
margin:0;
padding-bottom:5px;
}
#list .left_contents{
width:100px;
}
#list .right_contents{
width:820px;
}

#list h4{
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #cccccc;
font-size:110%;
}
#list .date{
display:block;
float:left;
}
#list em.new{
display:block;
float:left;
padding:0 0 0 5px;
}
#list p.btn a{
right:0;
color:#FFFFFF;
float:right;
width:40px;
}

#list p.btn_tops a{
right:0;
color:#FFFFFF;
}


/*******************************
	detail
*******************************/
#detail h3{
padding:3px 0 15px 0;
}
#detail .section{
margin:0 0 5px 0;
padding:0;
border:none;
position:relative;
}
#detail .left_contents{
width:200px;
}
#detail .right_contents{
padding:0 0 0 0;
width:730px;
}

#detail h4{
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #cccccc;
font-size:110%;
}
#detail .date{
display:block;
float:left;
}
#detail em.new{
display:block;
float:left;
padding:0 0 0 5px;
}
#detail .left_contents ul li{
margin:0 0 10px 0;
}#detail .left_contents ul li.lastItem{
margin:0;
}
#detail .outline{
margin:0 0 20px 0;
}
#detail .outline p{
margin:0 0 1em 0;
line-height:150%;
}

#detail ul.navi{
text-align:right;
}
#detail ul.navi li{
display:inline;
margin:0 0 0 10px;
}
#detail ul.navi li a{
white-space:nowrap;
padding:7px 15px;
background:#40C6E0;
color:#FFFFFF;
line-height:26px;
}

.bbs_pan{
	width:740px;
	margin:0 auto;
}


.bbs_lead { 
width: 740px; 
margin: 0px; 
padding: 10px; 
text-align:left;
color:#666;
}


/*#topmain{
position:relative top: 0px; width:980px;
}*/

#topheader{
	width:980px;
	
	}
	
h1.invi,
h2,invi{
	text-indent: -9999px;
	font-size:100%;
	margin:0px;
	padding:0px;
	height:0px;
}

#header_swf{
	vertical-align:top;
	
	}

.btn_top{
	float:right;
	background:#40C6E0;
	color:#FFFFFF;
	padding:5px 15px 6px 12px;
	margin-right:11px;
}

.btn_top a{
right:110px;
color:#FFFFFF;
}

.btn_sho{
	float:right;
	background:#40C6E0;
	color:#FFFFFF;
	padding:5px 15px 5px 12px;
	margin-right:0px;
}

.btn_sho a{
right:110px;
color:#FFFFFF;
}

/**---brn,icon---**/
#bnr p.bnr_right{
	/*position:absolute;
	width:287px;
	right:185px;
	top: 2177px;*/
	float:right;
	margin:10px 10px;
}

p.icon_new{
	margin:-10px 0 4px;
}

.toiawase{
	padding:10px;
	background-color:#FFFFFF;
	margin:0 auto;
	height:85px;
	
}

.toi_left{
	width:310px;
	float:left;
	
}

.toi_right{
	float:right;
	
}



/*****************************

サウンドトラック

*****************************/

#sound.contents{
position:relative;
}

#sound a{
color:#FF781A;
}
#sound .bn{
position:absolute;
top:15px;
right:20px;
}
#sound h4{
padding:0 0 5px 0;
}
#sound h5{
width:444px;
background:#FF781A;
float:left;
}
h5#blue{
background:#1a98ff;
}
#sound .section{
width:454px;
}
#sound em.new{
display:block;
float:left;
margin-right:3px;
}
#sound p.sales_detail{
padding:15px 0 0 0;
color:#FF781A;
font-weight:bold;
}
#sound p.sales_detail em.price{
font-size:150%;
font-style:normal;
font-weight:bold;
}
#sound p.sales_detail em.preprice{
display:block;
font-size:75%;
font-style:normal;
}

#sound .upper_contents,
#sound .center_contents,
#sound .lower_contents{
margin:0 0 10px 0;
width:940px;
}
#sound .section .left_contents{
width:285px;
}
#sound .section .right_contents{
width:150px;
}
#sound .center{
float:left;
margin-left:11px;
}
#sound .reception p{
padding:0 0 3px 0;
}
#sound .reception{
padding-left:20px;
}
#sound .reception h4{
padding-top:5px;
}


/*****************************
イソジン
*****************************/

#shop .section_iso{
width:915px;
border:solid 1px #CCCCCC;
padding:10px;
}

#shop .section_iso .left{
width:70%;
}

#shop .section_iso .right{
width:25%;
vertical-align:bottom;
}

#shop .section_iso h5{
background:#FF781A;
width:100%;
float:left;
font-size:14px;
line-height:1.2em;
font-weight:bold;

}

.isotex{
float:left;
padding:10px;
width:640px;
line-height:120%;
}

.isotex_b{
font-weight:bold;
font-size:14px;
}

.isotex_c{
font-size:14px;
}

.isomovie{
padding:10px;
float:left;
}

.isomovie a{
padding:10px;
float:left;
margin-right:130px;
margin-left:10px;
}

em.price_b{
font-size:130%;
font-style:normal;
}

/*****************************
RYU・黒田福美
*****************************/

.sign{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	background:#fffcaa;
	width:55%;
	padding:5px;
}


#select form{
	text-align:right;
	margin:0 0 3px 0;
	
}

/***************************
お知らせ
**************************/

.news{
	text-align:left;
	padding:5px;
	margin:5px auto;
	line-height:1.5;
	width:500px;
	
}

.news_l{
	float:left;
	padding:5px 10px;

}

.news_r{
	float:right;
	padding:5px 10px;

}

.ttl_box{
	background:url(../img/title_box.gif) no-repeat;
	padding-top:25px;
	
}

.ttl_box2{
	background:url(../img/title_box2.gif) no-repeat;
	padding-top:13px;
	
}

.news1{
	margin:0 0 0px 0;
	padding:4px 10px;
	color:#FFFFFF;
	font-size:100%;
	background:#40C6E0;
	border-left:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;
}

.news2{
	margin:0 0 0px 0;
	padding:4px 10px;
	color:#40C6E0;
	font-size:100%;
	background:#FFFFFF;
	border-left:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;
}

a.hanmaga_news:link {
	color:#000000;
	text-decoration:none;
}

a.hanmaga_news:visited {
	color:#000000;
	text-decoration:none;
}

a.hanmaga_news:hover {
	color:#FF9933;
	text-decoration:underline;
}

a.hanmaga_news:active {
	color:#FF9933;
	text-decoration:none;
}	






/* for shop.html
----------------------------------------------*/
div.fifteenperOFF {
	padding: 10px 0;
	text-align: right;
}

div.productArea {
	width: 950px;
	margin: 0 0 10px 0;
}
div.productArea h5 {
	width: 285px;
	background: #FF781A;
}
div.productArea h5.green {
	background: #5CC22B !important;
}
div.productArea h6 {
	font-size: 12px;
}
div.productArea div.productBlock {
	float: left;
	width: 295px;
	margin: 0 10px 10px 0;
	padding:10px 0 0 10px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	/*min-height:300px;*/
	/*height: auto !important;*/
	height: 340px;
}
div.productArea div.productBlock div.productDetail {
	float: left;
	width: 165px;
}
div.productArea div.productBlock div.productPict {
	float: right;
	width: 130px;
}
p.price {
	color: #FF781A;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.0em 0 0 0;
}
p.priceGreen {
	color: #5CC22B;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.0em 0 0 0;
}
p.priceBlue {
	color: #1a98ff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.0em 0 0 0;
}

p.price span {
	font-size: 12px;
}
p.notice {
	font-size: 10px;
}
p.notice02 {
	color: #FF781A;
	font-size: 10px;
	font-weight: bold;
}
p.noticeGreen {
	color: #5CC22B;
	font-size: 10px;
	font-weight: bold;
}
p.noticeBlue {
	color: #1a98ff;
	font-size: 10px;
	font-weight: bold;
}



/* clearfix for shop.html
----------------------------------------------*/
.productArea:after,
.productBlock:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.productArea,
.productBlock {
	display: inline-table;zoom:1;
}
/* Hides from IE-mac \*/
* html .productArea,
* html .productBlock {
	height: 1%;
}
.productArea,
.productBlock {
	display: block;
}
/* End hide from IE-mac */