@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}

* html body{
	text-align:center;
	}/* IE6でも中央配置*/
	
* html div.wrapper{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}

#p_title_oya{
	/*background-color: #366;*/
	height: 30px;
	width: 630px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	}

#p_title{
	/*background-color: #333;*/
	height: 30px;
	width: 250px;
	float: left;
	margin-right: 15px;
}

#p_title_youtubetarot{
	/*background-color: #C66;*/
	height: 30px;
	width: 160px;
	float: left;
	}

#p_title_youtubetarot h4{
	/*background-color: #96C;*/
	height: 23px;
	width: 160px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 7px;
	}

#p_title_youtubekabara{
	/*background-color: #C66;*/
	height: 30px;
	width: 130px;
	float: left;
	}

#p_title_youtubekabara h4{
	/*background-color: #993;*/
	height: 23px;
	width: 130px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 7px;
	}

#r_ko{
	/*background-color: #0FC;*/
	height: 1510px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}

#r_ko_text{
	/*background-color:#CC9;*/
	height: 20px;
	width: 630px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #F9F;
	}

#r_ko_spread{
	background-color: rgba(149, 0, 74, 0.5);/*背景に不透明度を指定。この記述だけではIEに適用されず、文字も不透明になるため下記と合わせて設定*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#7F95004a,EndColorStr=#7F95004a),Enabled=0;/*IE7にも不透明度適用*/
    height: 510px;
	width: 630px;
	margin-bottom: 20px;
	}

#r_ko_spreadl{
	/*background-color: #993;*/
	height: 510px;
	width: 246px;
	float: left;
	}

#r_ko_spreadl_zu{
	/*background-color: #0F9;*/
	height: 330px;
	width: 246px;
	float: left;
	background-image: url(../images/spread_zu.png);
	}

#r_ko_spreadr_ie{
	/*background-color: #C6C;*/
	height: 510px;
	width: 384px;
	float: left;
	}

#r_ko_spreadr{
	/*background-color: #C6C;*/
	height: 500px;
	width: 377px;
	float: left;
	padding-top: 10px;
	padding-left: 7px;
	}

#spreadc_ue{
	/*background-color: #CCC;*/
	height: 160px;
	width: 377px;
	margin-bottom: 5px;
	}

#spreadc_ue1{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	float: left;
	margin-right: 5px;
	}

#spreadc_ue2{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	float: left;
	margin-right: 5px;
	}

#spreadc_ue3{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	margin-right: 7px;
	float: right;
	}

#spreadc_naka{
/*	background-color: #9C6;
*/	height: 160px;
	width: 377px;
	margin-bottom: 5px;
	}

#spreadc_naka1{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	float: left;
	margin-right: 5px;
	margin-left: 62px;
	}

#spreadc_naka2{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	float: right;
	margin-right: 69px;
	}

#spreadc_shita{
/*	background-color: #0C9;
*/	height: 160px;
	width: 377px;
/*	margin-bottom: 10px;
*/	}

#spreadc_shita1{
/*	background-color: #F0C;
*/	height: 160px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	}

#r_ko_spread_textbox{
	background-color: rgba(149, 0, 74, 0.5);/*背景に不透明度を指定。この記述だけではIEに適用されず、文字も不透明になるため下記と合わせて設定*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#7F95004a,EndColorStr=#7F95004a),Enabled=0;/*IE7にも不透明度適用*/
	height: 940px;
	width: 630px;
	}

#r_ko_spread_text{
	/*background-color: #3F6;*/
	height: 920px;
	width: 610px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.25em;
	color: #FFC;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align:justify;  /*BOX内、両端揃え。下の記述とセットで使用*/
	text-justify:inter-ideograph;
	}

	*:first-child+html #r_ko_spread_text{
	line-height: 1.2em;
	padding-top: 15px;
	}/* IE7 とそれ以下のバージョンに対応 */

#link_oya{
/*    background-color: #366;
*/	height: 30px;
	width: 288px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	}

#link_youtubetarot{
	/*	background-color: #C66;
*/	height: 30px;
	width: 160px;
	float: left;
	}

#link_youtubetarot h4{
	/*	background-color: #96C;
*/	height: 23px;
	width: 160px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 7px;
	color: #936;
	}

#link_youtubekabara{
/*	background-color: #C66;
*/	height: 30px;
	width: 128px;
	float: left;
	}

#link_youtubekabara h4{
/*	background-color: #96C;
*/	height: 23px;
	width: 128px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 7px;
	}


.quickFlip{
	width: 120px;
	height: 160px;
}
 
.blackPanel {
	height: 160px;
	width: 120px;
}
.redPanel {
    height: 160px;
	width: 120px;
}