@charset "utf-8";
/* =========================================================
   common style
   =======================================================*/

body {
	margin: 0;
	font-family: "ＭＳ ゴシック",Osaka;
/*	font-family: Osaka,"ＭＳ ゴシック";*/
}

img {
  border: 0;
}

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

.clearfix {
 zoom: 1;
 margin-bottom: 0;
}


div#feat {
	width: 960px;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

div#feat div {
	font-size: 12px;
	line-height: 16px;
}

div#feat td {
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}

div#feat a {
	color: #0084ff;
}

div#feat a:hover {
	color: #6000ff;
}

ol {
	margin: 0px;
	padding: 0px;
}

ol li {
	margin: 0px 0px 7px 25px;
	padding: 0px;
}


/* =========================================================
   content style
   =======================================================*/

/* TOP */

div.main_all {
	margin: 15px 0px 0px 0px;
}

div.main_01 {
	background: url(http://image.b-ch.com/contents/guide2/main_bg.jpg) repeat-y;
	width: 310px;
	float: left;
}

div.main_02,div.main_03 {
	background: url(http://image.b-ch.com/contents/guide2/main_bg.jpg) repeat-y;
	width: 310px;
	margin: 0px 0px 0px 15px;
	float: left;
}

div.main_01 div,div.main_02 div,div.main_03 div {
	margin: 5px 7px;
	font-family: Verdana;
}

div.main_01 div img,div.main_02 div img,div.main_03 div img{
	margin: 0px 0px 3px 0px;
}

div.main_bch {
	margin: 12px 0px 0px 0px;
	font-weight: bold;
}

div.main_question {
	margin: 12px 0px 10px 0px;
	float: left;
}

img.btn_qanda,img.btn_contact {
	margin: 4px 0px 10px 10px;
	float: left;
}

iframe.disp {
	margin: 12px 0px;
}

/* ------------ copyright ------------ */

div#feat div.totop {
	text-align: right;
	color: #0084ff;
	font-size: 10px;
	margin: 2px 23px;
}

div#feat div.copy {
  font-size: 10px;
  line-height: 120%;
  padding: 10px 10px 40px 20px;
}


/* ------------ copyright ------------ */




img.iframe_subtitle {
	margin: 12px 0px 12px 0px;
}

div#feat div.corner_title {
	font-size: 14px;
	font-weight: bold;
	color: #6000ff;
}

hr {
	border: none;
	height: 1px;
	background: #cccccc;
}

img.iframe_main {
	float: right;
}

div.iframe_link {
	padding: 16px 0px 0px 0px;
	text-align: center;
}

/* ★★★★★★★★★★★★★★★★★★ 01 ★★★★★★★★★★★★★★★★★★ */

form {
	margin: 0px;
}

div.payment_point {
	border: 1px #cccccc solid;
	padding: 5px 10px;
	width: 815px;
}

div#feat div.corner_title_monthly {
	font-size: 14px;
	font-weight: bold;
	color: #ff006d;
}

div.payment_about {
	margin: 0px 0px 0px 25px;
}

span.payment_caution {
	font-size: 10px;
}

span.payment_caution span {
	color: #ff0000;
}

div#feat div.corner_title_mobi {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	margin: 0px 0px 5px 0px;
}

div.guide_01_mobi_txt {
	float: left;
	margin: 5px 0px 0px 0px;
}

img.guide_01_mobi_img {
	float: left;
	margin: 0px 0px 0px 30px;
}

/* プレイヤーの使い方 */

div#guide-player {
  position: relative;
  margin-bottom: 20px;
}

div#guide-player p.subheading {
  margin-bottom: 16px;
  border-top: 3px solid #0084ff;
  padding-top: 8px;
}

div#guide-player p.img {
  margin-left: 44px;
}

div#guide-player p.line {
	margin: 0px 0px 0px 44px;
}

div#guide-player div.caution {
	margin: 0px 0px 0px 44px;
	background: url(http://image.b-ch.com/contents/guide2/guide_01/player_img_caution.jpg) no-repeat 0px -8px;
	font-size: 12px;
	line-height: 15px;
	padding: 10px 0px 18px 98px;
}

div#guide-player div.caution td{
	font-size: 12px;
	line-height: 15px;
	padding: 0px 10px 2px 0px;
}

div#guide-player div.caution div.caution_c {
	font-size: 10px;
	line-height: 15px;
}

table.guide_player {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	margin: 5px 0px 0px 27px;
}

td.guide_player_l {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	vertical-align: top;
	width: 440px;
}

td.guide_player_r {
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	vertical-align: top;
}

div.player_txt {
	padding: 4px 0px 7px 27px;
}

div.player_txt span {
	color: #000000;
}

img.player_icon {
	float: left;
	margin: 0px 7px 5px 0px;
}

p.player_detail {
	float: left;
	margin: 0px 0px 5px 0px;
}

p.player_detail_02 {
	float: left;
	margin: 5px 0px 5px 0px;
}

p.player_detail_03 {
	float: left;
	margin: 5px 15px 5px 0px;
}

td.player_playtime {
	vertical-align: top;
	padding: 5px 0px 0px 5px;
}

div.player_bookmark_caution {
	color: #000000;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
}

div.player_bookmark {
	margin: 7px 0px 0px 94px;
}

div.player_bookmark_txt {
	margin: 0px 0px 0px 25px;
}

div.player_txt_volume {
	padding: 4px 0px 7px 27px;
	background: url(http://image.b-ch.com/contents/guide2/guide_01/player_volume.gif) no-repeat 360px 0px;
}

/* ★★★★★★★★★★★★★★★★★★ 03 ★★★★★★★★★★★★★★★★★★ */

img.emblem {
	margin: 5px 0px;
}

span.emblem_get {
	font-weight: bold;
}

div.emblem_rule {
	padding: 5px 10px;
	background: #ebf5ff;
	border: 1px #0084ff solid;
}

div.emblem_caution {
	padding-top: 12px;
}