@charset "utf-8";

@import url(base.css);
@import url(contents.css);

/* ------------------------------------------------------------------------
    HTML5 block
------------------------------------------------------------------------  */

article, section, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* ------------------------------------------------------------------------
    common
------------------------------------------------------------------------  */
* {
	margin:0;
	padding:0;
}
html {
	font-size:75%;
	line-height:2em;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing:0.1em;
}

body {
	background-color: #1e1e1e;
	color: #fff;
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin:0;
}

img {
	border:none;
	padding:0;
	margin:0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

table {
	width:100%;
}

.hov > a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
}

/* ------------------------------------------------------------------------
    padding
------------------------------------------------------------------------  */
.pl100 {
	padding-left:100px;
}
.pl20 {
	padding-left:20px;
}
.pl15 {
	padding-left:15px;
}
.pl10 {
	padding-left:10px;
}
.pl05 {
	padding-left:5px;
}
.pb60 {
	padding-bottom:60px;
}
.pb50 {
	padding-bottom:50px;
}
.pb40 {
	padding-bottom:40px;
}
.pb35 {
	padding-bottom:35px;
}
.pb30 {
	padding-bottom:30px;
}
.pb25 {
	padding-bottom:25px;
}
.pb20 {
	padding-bottom:20px;
}
.pb15 {
	padding-bottom:15px;
}
.pb10 {
	padding-bottom:10px;
}
.pb05 {
	padding-bottom:5px;
}
.pb1em {
	padding-bottom:1em;
}
.pb1.5em {
	padding-bottom:1.5em;
}
.pb2em {
	padding-bottom:2em;
}
.pt40 {
	padding-top:40px;
}
.pt35 {
	padding-top:35px;
}
.pt30 {
	padding-top:30px;
}
.pt25 {
	padding-top:25px;
}
.pt20 {
	padding-top:20px;
}
.pt15 {
	padding-top:15px;
}
.pt10 {
	padding-top:10px;
}
.pt05 {
	padding-top:5px;
}
.mb05 {
	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;
}
.mt05 {
	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;
}
.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.ml50 {
	margin-left:50px;
}
.ml60 {
	margin-left:60px;
}
.ml70 {
	margin-left:70px;
}
.ml80 {
	margin-left:80px;
}
.ml90 {
	margin-left:90px;
}
.ml100 {
	margin-left:100px;
}

/* ------------------------------------------------------------------------
    text
------------------------------------------------------------------------  */
.f08 {
	font-size:0.8em;
}
.f09 {
	font-size:0.9em;
}
.f11 {
	font-size:1.1em;
}
.f12 {
	font-size:1.2em;
}
.f13 {
	font-size:1.3em;
}
.f14 {
	font-size:1.4em;
}
.f15 {
	font-size:1.5em;
}
.f16 {
	font-size:1.6em;
}
.f17 {
	font-size:1.7em;
}
.f18 {
	font-size:1.8em;
}
.f19 {
	font-size:1.9em;
}
.f20 {
	font-size:2.0em;
}
.fwb {
	font-weight:bold;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}
.gray {
	color:#323232;
}
.green {
	color:#649100;
}
.orange {
	color:#dc5a14;
}
.red {
	color:#b40000;
}
.brown {
	color:#b4aa78;
}
.black {
	color:#323232;
}
.lh16 {
	line-height:16px;
}
.lh18 {
	line-height:18px;
}
.lh20 {
	line-height:20px;
}
.lh24 {
	line-height:24px;
}
.lh30 {
	line-height:30px;
}
.lh36 {
	line-height:36px;
}
.ti {
	text-indent:-1em;
	padding-left:1em;
}
.wbka {
	word-break:keep-all;
}

/* ------------------------------------------------------------------------
    float
------------------------------------------------------------------------  */
.fl {
	float:left;
}
.fr {
	float:right;
}
.cb {
	clear:both;
}