@charset "UTF-8";

/* ------------------------------------------------------------
	Reset
------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	display: block;
}

/* ------------------------------------------------------------
	HTML, Body, Anchor
------------------------------------------------------------ */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
	background: #eee;
}
body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	font-size: 13px;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
a {
	color: #039;
	-webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */
}


/*/////////////////////////////////////////////////////////////
[base adjust] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	Headings
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* ------------------------------------------------------------
	Lists
------------------------------------------------------------ */
ul {
	list-style: none;
}
/* ------------------------------------------------------------
	Tables
------------------------------------------------------------ */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
/* ------------------------------------------------------------
	Forms
------------------------------------------------------------ */
fieldset {
	border: none;
}
input, textarea, select, label {
	font-size: 100%;
	vertical-align: middle;
}
textarea {
	overflow: auto;
}
/* ------------------------------------------------------------
	Others
------------------------------------------------------------ */
img {
	border: none;
	vertical-align: middle;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
mark {
	font-weight: bold;
}
object {
	vertical-align: middle;
	outline: none;
}
blockquote, q {
	quotes: none;
}
q:before, q:after {
	content: '';
}
code {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #333;
	cursor: help;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
hr {
	display: none;
}
pre {
	font-family: monospace;
}

/*/////////////////////////////////////////////////////////////
[Layout] 
//////////////////////////////////////////////////////////////*/
/* --------------------------------------------------------
	.clearfix
-------------------------------------------------------- */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
   height: 1px;
   /*\*//*/
   height: auto;
   overflow: hidden;
   /**/
}
/* ------------------------------------------------------------
	header
------------------------------------------------------------ */
body > header {
	padding: 0;
}
body > header h1 > img {
	width: 100%;
	vertical-align: bottom;
}

/* ------------------------------------------------------------
	#content
------------------------------------------------------------ */
#content {
	margin-bottom: 10px;
}

h2 img, h3 img, h4 img{
	width: 100%;
}

#content .box_text{
	text-align: left;
	width: 95%;
	margin: 3px auto;
}

#content .box_text p{
	padding: 0 1em 0.5em;
}

#content .box_text ul{
	list-style: outside disc;
	margin-left: 1.5em;
}

#content .bz_all{
	background: url(../img/bg_pink.png) repeat 0 0;
}

#content .bz_1-3{
	background: url(../img/bg_yellow.png) repeat 0 0;
}

#content .box_app .app_left{
	float: left;
	margin: 0;
}

#content .box_app .app_right{
	float: right;
	margin: 0;
}

#content .box_app p.price{
	margin-bottom: 5px;
}

#content .box_app p.price strong{
	font-weight: 600;
	font-size: 105%;
}

#content .box_app p.episode{
	margin-top: 5px;
	font-size: 85%;
}

#content .box_app img.icon{
	margin-bottom: 5px;
}

#content .box_app ul{
	list-style: outside disc;
	margin-left: 1.5em;
}

#content #box_profile{
	text-align: left;
	width: 95%;
	margin: 0 auto 15px;
}

#content #box_profile p{
	padding: 0 1em 0.5em;
	font-size: 95%;
}


/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */
body > footer {
	text-align: center;
}

footer ul.sub_link {text-align: center;padding: 0 10px;margin: 0 auto;margin-bottom: 10px;width: 280px;font-size: 12px;}
footer ul.sub_link > li {
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px solid #666;
	white-space: nowrap;
}
footer ul.sub_link > li a {line-height: 1;}
footer ul.sub_link > li:nth-child(odd) {margin-left: 0;padding-left: 0;border-left: 0;}
footer ul.sub_link > li:nth-of-type(1) {margin-left: 30px;}
footer ul.sub_link > li:nth-of-type(2) {margin-right: 30px;}

footer p{
	text-align: center;
}

/* FOOTER COPYRIGHT STYLE */
footer p.copyright {
	font-family: Helvetica;
	background: url(../img/bg_footer.gif) no-repeat left top;
	background-color: #FFF;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	color: #FFF;
	padding: 20px 10px 10px;
	font-size: 10px;
	text-align: center;
}