@charset "UTF-8";
/* ===============================
 *
 *      Star Plus One
 *
 * =============================== */
/* -------------------------------
 *     Reset styles
 * ------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
b {
	font-weight:bold;
}

/* -------------------------------
 *     Base styles
 * ------------------------------- */
body {
	padding-top:1.2em;
 	font: 100% "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "MS Pゴシック", sans- serif;
 	color: #333;
 	background:url(../img/bg_01.png) repeat 0 0;
}
a:link,
a:visited {
  color: #60BCBF;
  text-decoration: underline;
  outline: none;
}
a:hover,a:active, a:focus {
  color: #00CAD1;
  text-decoration: none;
}
a:hover .MdOv {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
hr {
  display: none;
}

/* -------------------------------
 *     Layout styles
 * ------------------------------- */
.ExJsOn body {
	padding-top:0;
}
.LyWrapper {
	position:relative;
	width:1020px;
	margin:0 auto;
	background:#FFF;
}
.LyHeader {
	position:absolute;
	left:-3px;
	top:-2px;
}
#index .LyHeader {
	left:0px;
}
.LyHeader p {
	position:absolute;
	left:0;
	top:2px;
}
.LyHeader p a {
	display:block;
	width:1026px;
	height:206px;
	background:#FFF\9;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
.LyHeader p a span {
	position:absolute;
	left:779px;
	display:block;
	width:36px;
	height:28px;
	background:url(../img/btn_02.png) no-repeat;
	text-indent:-9999px;
}
.LyHeader p a:hover span {
	background-position:0 -28px;
}
.LyHeader div {
	position:absolute;
	left:90px;
	top:328px;
}
.LyContainer {
	padding:238px 0 0 22px;
}
#index .LyContainer {
	padding:540px 0 0 22px;
}
.LySub {
	position:relative;
	z-index:2;
	width:220px;
	float:left;
	margin:-47px 22px 0 0;
	font-size:75%;
}
#index .LySub {
	margin:-34px 22px 0 0;
}
.LyNav {
	margin-bottom:5px;
	padding:0 10px 10px;
	background:url(../img/bg_02.png) repeat 0 0;
}
.LyNav dl {
	overflow:auto;
	height:300px;
	padding:0 10px 10px;
	background:#FFF;
}
.LyNav dt {
	color:#EF7127;
	font-size:84%;
}
.LyNav dt img {
	padding-right:6px;
	vertical-align:middle;
}
.LyNav dd {
	margin-bottom:20px;
	line-height:1.5;
}
.LyNav ul {
	margin-top:10px;
}
.LyNav li a:link,
.LyNav li a:visited {
	display:block;
	padding:8px 0 8px 37px;
	background:url(../img/ic_01.png) no-repeat 11px 11px #52A8A5;
	border-bottom:#FFF 1px dotted;
	text-decoration:none;
	color:#FFF;
	*zoom:1;
}
.LyNav li a:hover {
	background-color:#00CAD1;
	color:#FFF;
}
.LyNav li:last-child a {
	border-bottom:none;
}
#about .LyNav .about a,
#game .LyNav .game a,
#staff .LyNav .staff a {
	background-color:#3e7e7c;
}
.LyBnr {
	margin-bottom:15px;
	line-height:0;
	font-size:0;
}
.LyBnr li {
	margin-bottom:5px;
}
 .LyMain {
	float:left;
	width:532px;
	margin-right:22px;
}
.LyAside {
	float:left;
	width:180px;
}
.LyAside ul {
	line-height:0;
	font-size:0;
}
.LyAside li {
	margin-bottom:5px;
}
.LyQr {
	margin-bottom:19px;
}
.LyQr div {
	display:none;
}
.LyQr p img {
	padding:14px 0;
}
.LySmartphone {
	display:none;
	margin-bottom:19px;
}
.LyArticle {
	clear:both;
	margin-bottom:24px;
}
.LyArticle h2 {
	margin-bottom:17px;
}
.LyArticle h3 {
	margin-bottom:10px;
}
.LyFooter {
	margin-top:33px;
	padding:12px 0;
	border-top:#333 1px dotted;
	text-align:center;
	font-size:75%;
}
.LyNoScript {
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	width:100%;
	background:#C00;
}
.LyNoScript p{
	text-align:center;
	font-size:88%;
	color:#FFF;
}

/* -------------------------------
 *     Module styles
 * ------------------------------- */
.MdDisplayNone {
	display:none;
}
.MdComingSoon {
	margin:100px 0 70px;
}
.MdTopicPath {
	float:left;
	width:430px;
	margin-bottom:12px;
	font-size:75%;
}
.MdData {
	text-align:right;
	font-size:63%;
	color:#B4B4B4;
}

/* MdPagetop */
.MdPagetop {
	float:right;
	margin-top:12px;
}
.MdPagetop a {
	display:block;
	width:96px;
	height:18px;
	background:url(../img/btn_01.png) no-repeat 0 0;
	text-indent:-9999px;
}
.MdPagetop a:hover {
	background-position:0 -18px;
}

/* MdTxt */
.MdTxt01 {
	text-align:center;
	color:#B53840;
	font-size:75%;
}
.MdContent04 .MdTxt02 {
	margin-bottom:.5em;
	padding-left:50px;
	font-size:63%;
	color:#999;
}

/* MdList */
.MdList01 {
	padding-left:11px;
}
.MdList01 li {
	display:inline;
}
.MdList02 {
	margin-top:-16px;
	padding-top:7px;
	text-align:right;
	line-height:1;
}
.MdList02 li {
	display:inline;
	padding-left:14px;
	font-size:63%;
}
.MdList02 .MdPost {
	padding-left:99px;
	background:url(../../matome/img/bg_list.png) no-repeat 0 50%;
}
.MdList02 img {
	vertical-align:middle;
}
.MdList03 li {
	display:inline-block;
	padding-right:15px;
	margin:0 10px 10px 0;
	border-right:#333 1px solid;
	line-height:1.1;
}
.MdList04 {
	word-spacing: -1em;
	display: table;
	display: block\9;
	width: 548px;
	margin-right:-17px;
}
.MdList04 li {
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	word-spacing: normal;
	vertical-align:top;
	margin:0 17px 17px 0;
}
.MdList04 li span {
	display:block;
	height:118px;
	overflow:hidden;
	border:#333 1px solid;
}
.MdList04 li a {
	display:table-cell;
	height:118px;
	vertical-align:middle;
}
.MdList04 .preview {
	display: none;
}
.MdList04 a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -50px;
	z-index: 10;
}
.MdList04 li p {
	width:118px;
	font-size:75%;
}
.MdList05 {
	margin-bottom:1em;
}
.MdList05  dt {
	float:left;
	width:8em;
}
.MdList05  dd {
	padding-left:8em;
}
.MdList06 li {
	list-style:decimal inside;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:1em;
}
.MdCaption {
	color:#900;
}


/* MdIndex */
.MdIndex01 {
	padding-bottom:12px;
}
.MdIndex01 h2 {
	margin-bottom:5px;
}
.MdIndex01 ul {
	line-height:0;
	font-size:0;
	padding-left:4px;
}
.MdIndex01 li {
	display:inline;
	padding-right:5px;
}
.MdIndex01 li img {
	padding-bottom:8px;
}
.MdIndex02 {
	padding-bottom:14px;
}
.MdIndex02 h2 {
	margin-bottom:17px;
}
.MdIndex02 li {
	margin-bottom:19px;
}
.MdIndex02 li a  {
	clear:both;
	line-height:1.55;
	font-size:125%;
	text-decoration:none;
}
.MdIndex02 li a img {
	display:block;
	float:left;
	padding-right:10px;
	vertical-align:top;
}
.MdIndex02 li a span {
	display:block;
	margin-top:-5px;
	padding-left:74px;
	text-decoration:underline;
}
.MdIndex02 li a:hover span {
	text-decoration:none;
}
.MdIndex02 li p {
	padding-left:74px;
	line-height:1.57;
	font-size:88%;
}
.MdIndex03 h2 {
	padding-bottom:17px;
}
.MdIndex03 li {
	margin-bottom:5px;
	padding:0 13px 5px 34px;
	background:url(../img/ic_02.png) no-repeat 13px 2px;
	border-bottom:#333 1px dotted;
	line-height:1.56;
}

/* MdContent */
.MdContent01 {
	background:url(../../about/img/bg_02.png) repeat-y;
}
.MdContent01Inner {
	padding-bottom:472px;
	background:url(../../about/img/bg_03.png) no-repeat 0 100%;
}
.MdContent01Inner div {
	padding:20px 20px 0;
	background:url(../../about/img/bg_01.png) no-repeat 0 0;
	color:#FFF;
	text-align:center;
}
.MdContent01Inner div p {
	margin-bottom:1.5em;
	line-height:1.56;
}
.MdContent02 {
	margin-bottom:32px;
}
.MdContent03 {
	overflow:hidden;
	line-height:1.57;
	font-size:88%;
}
.MdContent03 div {
	margin-bottom:18px;
	text-align:center;
}
.MdContent03 h3 {
	font-size:16px;
	font-weight:bold;
}
.MdContent03 h4 {
	margin-bottom:1em;
	font-size:14px;
	font-weight:bold;
}
.MdContent03 ul {
	margin-bottom:1em;
}
.MdContent03 p {
	margin-bottom:1em;
}
.MdContent03  .MdDlist01 dt {
	font-weight:bold;
}
.MdContent03  .MdDlist01 dd {
	margin-bottom:1em;
	padding-left:1em;
}
.MdContent03  .MdDlist01 li {
	list-style:disc inside;
	padding-left:1em;
	text-indent:-1em;
}
.MdContent04 {
	margin:22px 0;
	padding-bottom:20px;
}
.MdContent04 h3 {
	margin-bottom:0;
}
.MdContent04 p {
	padding:0 22px;
	line-height:1.57;
	font-size:88%;
}
.MdContent04.MdContent04a {
	background:url(../../game/img/bg_01.png) no-repeat 0 100%;
}
.MdContent04.MdContent04b {
	background:url(../../game/img/bg_02.png) no-repeat 0 100%;
}
.MdContent04.MdContent04c {
	background:url(../../game/img/bg_03.png) no-repeat 0 100%;
}
.MdContent05 {
	margin-top:-1px;
	padding-top:35px;
	padding-bottom:12px;
	background:url(../../special/img/label_01.png) no-repeat 100% 0;
	border-bottom:#B63941 1px dotted;
	line-height:1.57;
	font-size:88%;
}
.MdContent05.ExFirstChild {
	padding-top:0;
	background:none;
}
.MdContent05.ExLastChild {
	padding-bottom:0;
	border-bottom:0;
}
.MdContent05 .MdRight {
	float:right;
	margin-left:22px;
}
.MdContent05 .MdCenter {
	margin-bottom:1em;
	text-align:center;
}
.MdContent05 h3 {
	font-size:117%;
	font-weight:bold;
	color:#B63941;
}
.MdContent05 p {
	margin-bottom:1em;
}
.MdContent05 img {
	margin-bottom:22px;
}

/* MdBlock */
.MdBlock01 {
	min-height:64px;
	height:auto !important;
	height:64px;
	margin-bottom:18px;
	padding-bottom:18px;
	border-bottom:#CCC 1px dotted;
}
.MdBlock01 .MdThum01 {
	float:left;
	margin-right:15px;
	padding-top:3px;
	*zoom:1;
}

/* MdTable */
.MdTable01 {
	width:100%;
	margin-bottom:25px;
	border-top:#333 1px dotted;
	font-size:88%;
}
.MdTable01 th,
.MdTable01 td {
	padding:14px;
	border-bottom:#333 1px dotted;
	line-height:1.57;
}
.MdTable01 th {
	width:172px;
	background:#F2F2F2;
	text-align:left;
	color:#B63941;
	font-weight:bold;
}

/* MdLead */
.MdLead01 {
	min-height:394px;
	height:auto !important;
	height:394px;
	margin-bottom:30px;
}
.MdLead01  h2 {
	margin-top:-380px;
	padding-left:11px;
	font-size:125%;
	font-weight:bold;
}
.MdLead01 p {
	width:240px;
	margin-bottom:10px;
	padding-left:11px;
	line-height:1.56;
}
.MdLead02 {
	padding-bottom:15px;
	margin-bottom:30px;
	background:url(../../matome/img/bg_main.png) no-repeat  0 100%;
	*zoom:1;
}
.MdLead02  h2 {
	margin-top:-68px;
	padding:0 75px 0 11px;
	font-size:125%;
	font-weight:bold;
}
.MdLead02 p {
	margin-bottom:30px;
	padding:0 75px 0 11px;
	line-height:1.56;
}
.MdLead02 div {
	margin-top:32px;
	text-align:right;
}
.MdLead03 {
	margin-bottom:37px;
}
.MdLead03 ul {
	margin:-55px 0 0 5px;
}
#matome-audio-drama .MdLead03 ul {
	margin-top:0;
}
#matomeTemp .MdLead02 {
	color:#B63941;
}
#matome01 .MdLead01 {
	color:#EA618E;
}
#matome02 .MdLead01 {
	color:#DEB925;
}
#matome03 .MdLead01 {
	color:#378DB7;
}
#matome04 .MdLead01 {
	color:#9e7a53;
}
#matome05 .MdLead01 {
	color:#EF7127;
}
#matome06 .MdLead01 {
	color:#9268a2;
}
#matome07 .MdLead01 {
	color:#f5bc7e;
}
#matome08 .MdLead01 {
	color:#75994f;
}
#matome09 .MdLead01 {
	color:#88a6d6;
}
#matome10 .MdLead01 {
	color:#e5d367;
}
#matome11 .MdLead01 {
	color:#383946;
}

p.f_color_red { color: #ff0000; }

/* -------------------------------
 *     Clearfix styles
 * ------------------------------- */
.LyContainer,
.MdIndex02 li,
.MdContent05,
.MdList05 {
  *zoom: 1;
}
.LyContainer:before, .LyContainer:after,
.MdIndex02 li:before, .MdIndex02 li:after,
.MdContent05:before, .MdContent05:after,
.MdList05:before, .MdList05:after {
  content: "";
  display: table;
}
.LyContainer:after,
.MdIndex02 li:after,
.MdContent05:after,
.MdList05:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}


/* -------------------------------
 *     lightbox styles
 * ------------------------------- */
#lightbox{
	background-color:#eee;
	padding: 20px;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
/*#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
*/
#closeButton{ top: 2px; right:0; }
#overlay{
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background: #000;
	filter:alpha(opacity=50);
	opacity: 0.5;
}