@charset "UTF-8";
@import url("header.css");
@import url("contents.css");
@import url("footer.css");
@import url("navi.css");
@import url("index.css");
@import url("topics.css");

/* CSS Document */

div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote{
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font: 0.8em/1.8em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../img/bg_con_over.png) repeat-x;
}

form input {
	height: 20px;
	margin-bottom: 20px;
}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

ul,li {list-style: none;}

ol,li {
	margin: 0;  /************* 数値を入れるとlightviewの表示に問題 **************/
}

a img {border:0;}

a:link, a:visited, a:hover {
    color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #0066CC;
}

.rollover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.arrow {
	background: url(../img/ya.gif) no-repeat left;
	padding-left: 20px;
}
.arrow2 {
	background: url(../img/ya_ft.gif) no-repeat left;
	padding-left: 15px;
	margin-left: 10px;
	text-decoration: underline;
	font: 0.85em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.border {
	border: 1px solid #CCC;
}

/************* #clearfix **************/
/* blowser（Firefox Opera Safari） */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* blowser（Win IE7  Mac IE5） */
.clearfix { display: inline-block; }

/* blowser（Win IE5 & 6） */
/* Hides from IE-mac */
* html .clearfix {
	height: 1px;
}
.clearfix { display: block; }
/* End hide from IE-mac */

/************* #layout **************/
.bottom10 {margin-bottom: 10px;}
.bottom20 {margin-bottom: 10px;}
.bottom30 {margin-bottom: 30px;}
.bottom40 {margin-bottom: 40px;}
.top10 {margin-top: 10px;}
.top20 {margin-top: 20px;}
.top70 {margin-top: 70px;}
.margin5 { margin: 5px }
.margin_l_5 {margin-left: 5px;}
.margin_l_15 {margin-left: 15px;}
.margin_l_30 {margin-left: 30px;}

#new_release .none {display: none;}
.indent {
	font-size: 0.9em;
	color: #666;
}
.align1 { text-align:left;}
.align2 { text-align:center;}
.align3 { text-align:right;}
	
/************* #deco **************/
.font_ss {
	color: #333333;
	font: 0.85em 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.font_sss input {/*自動再生ボタンの文字サイズ*/
	font-size: 0.75em;
}

.font_l {
	font-size: 1.3em;
	font-weight: bold;
}
.text_red {color: red;}
.text_blue {color: #06C;}
.text_gray {color: #666666;}

.sub_ss {
	color: #666;
	font: 0.85em/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 6px;
	width: 220px;
	padding-top: 4px;
}
.bg_gray {
	background: #FCFCFC;
	width: 620px;
	border: 3px solid #E7E7E7;
	margin-left: 15px;
	margin-top: 10px;
	padding: 5px 5px 5px 15px;
}
.link_title {
	font: bold 1.1em "ＭＳ ゴシック", "Osaka−等幅";
	margin-left: 5px;
	padding-top: 15px;
	background: url(../img/plus.png) no-repeat left 14px;
	padding-left: 20px;
	height: 20px;
}
.fl_img {
	padding:3px;
	background: url(../img/dot_gray_sya2.gif);
}

