/* CSS Document */

#os2015 {}

#os2015 #category ul li{
		float:left;
		margin-bottom:20px;
		margin-left:15px;
}
#os2015 #category ul li:nth-child(2n){
		margin-right: 0px;
}


/* anime area */
.solidline {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: solid 1px #fff;
}
.dashedline {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: dashed 1px #fff;
}
.dottedline {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: dotted 1px #fff;
}
#os2015 h2{
	font-size:18px;
	font-weight:bold;
	background-image:none !important;
}
#os2015 h2:before {
  content: "\f061";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding-right:8px;
}
#os2015 h3{
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0px;

}
#os2015 h5{
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0px;

}
.f_black { color:#333333; }

#os2015 h3:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding-right:5px;
}

#os2015 .bg_anime {
	background: url(../img/os2015/bg_a.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#F18101;
	padding:160px 250px 20px 20px;
}
#os2015 div.txt_1 {
	color: #FFFFFF;
	width: 450px;
}
#os2015 div.txt_4 {
	color: #FFFFFF;
	width: 465px;
}
#os2015 div.txt_3 {
	color: #FFFFFF;
	width: 480px;
}
#os2015 div.bg_seiyu .txt_2 {
	color: #c34386;
	width: 640px;
	position:absolute;
	top:680px;
	left:35px;
}
#os2015 div.bg_illust .txt_2 {
	color: #6eb92c;
	width: 640px;
	position:absolute;
	top:1540px;
	left:35px;
}
#os2015 div.bg_game .txt_2 {
	color: #00a6ba;
	width: 640px;
	position:absolute;
	top:888px;
	left:35px;
}

#os2015 .bg_anime .btn {
	position:absolute;
	width:200px;
	top:310px;
	left:490px;
}
/* seiyu area */
#os2015 .bg_seiyu {
	background:url(../img/os2015/bg_s.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#E83078;
	padding:160px 250px 20px 20px;
}

#os2015 .bg_seiyu .btn {
	position:absolute;
	width:200px;
	top:-366px;
	left:457px;
}
/* illust area */
#os2015 .bg_illust {
	background:url(../img/os2015/bg_i.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#6FBA2C;
	padding:160px 250px 20px 20px;
}
#os2015 .bg_illust .btn {
	position:absolute;
	width:200px;
	top:-1232px;
	left:456px;
}
/* game area */
#os2015 .bg_game {
	background:url(../img/os2015/bg_g.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#00A7BA;
	padding:160px 250px 20px 20px;
}
#os2015 .bg_game .btn {
	position:absolute;
	width:200px;
	top:-578px;
	left:455px;
}
/* novel area */
#os2015 .bg_novel {
	background:url(../img/os2015/bg_n.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#016DB8;
	padding:160px 250px 20px 20px;
}
#os2015 .bg_novel .btn {
	position:absolute;
	width:200px;
	top:310px;
	left:490px;
}
/* figure area */
#os2015 .bg_figure {
	background:url(../img/os2015/bg_f.jpg) no-repeat top left;
	_width: 430px;
	position:relative;
	margin-bottom: 20px;
	background-color:#EA4621;
	padding:160px 250px 20px 20px;
}
#os2015 .bg_figure .btn {
	position:absolute;
	width:200px;
	top:310px;
	left:490px;
}

#os2015 .b_bottom {
	padding-bottom:10px;
	border-bottom:#00a5da 1px dashed;
	margin-bottom:10px;
}
#os2015 p.w590 {
	width:590px;
}
#os2015 .w600 {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#os2015 .o_f20 {
	font-size: 153.9%;
	color:#e94620;
}
#os2015 .maparea {
	position:relative;
	margin-bottom:40px;
}
#os2015 .maparea img.rosen {
	position:absolute;
	top:225px;
	left:458px;
}
#os2015 .maparea img.qr {
	position:absolute;
	top:523px;
	left:277px;
}
#os2015 .b_ttl {
	border-left: #0080cc 5px solid;
	font-size:182%;
}
#os2015 .info table tr td {
	padding-bottom:15px;
}

.privilege2 {
  border: 2px solid #0080cc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px 20px;
  margin-bottom: 40px; }
  
.privilege2 h1.tokuten {
    color: #0080cc;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px; }
.privilege2 ul {
    font-size: 0; }
.privilege2 ul li {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 33.3%; }
.privilege2 ul li:nth-child(2) {
        text-align: center; }
.privilege2 ul li:last-child {
        text-align: right; }


#os2015 .indent {
	text-indent: -1em;
	padding-left: 1em;
}

#os2015 .left {
	float: left;
	text-align: justify;
	width: auto;
}
#os2015 .right {
	float: right;
	text-align: justify;
	width: auto;
}


#os2015 .center { text-align: center; }
#os2015 .clear { clear:both; }
#os2015 .break { page-break-after: always; }
#os2015 .bold { font-weight: bold; }
.f10px { font-size: 77%; }
.f11px { font-size: 85%; }
.f12px { font-size: 93%; }
.f13px { font-size: 100%; }
.f14px { font-size: 108%; }
.f15px { font-size: 116%; }
.f16px { font-size: 123.1%; }
.f17px { font-size: 131%; }
.f18px { font-size: 138.5%; }
.f19px { font-size: 146.5%; }
.f20px { font-size: 153.9%; }
.f21px { font-size: 161.6%; }
.f22px { font-size: 167%; }
.f23px { font-size: 174%; }
.f24px { font-size: 182%; }
.f25px { font-size: 189%; }
.f26px { font-size: 197%; }
strong { font-weight: bold; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr27 { margin-right: 27px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr43 { margin-right: 43px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml13 { margin-left: 13px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml28 { margin-left: 28px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
/* 03：Clear Fix Hack (Float Clear Hack) (Float Clear Hack)
 http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html
=============================================== */

.clearfix:after {  
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */


2
3
4
5
6
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  .css_selector {
    background-color: OrangeRed;
  }