/* * * * * * * * * * * * * * * * * *
 base.css
* * * * * * * * * * * * * * * * * */

/* reset, common
--------------------------------- */
* {margin:0; padding:0; list-style:none;}

body{
margin:0;
padding:0;
line-height:1.6;
font-size:80%;
color:#EEE;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

width: 100%;
background-color: #1d1d1d;
overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}

img{border:none;vertical-align:bottom;}

a:link{
	color: #DDD;
	outline : none ;
	text-decoration: underline;
}
a:visited{
	color: #DDD;
	outline : none ;
	text-decoration: none;
}
a:hover{
	color: #DDD;
	outline : none ;
	text-decoration: none;
}

/* fonts */
.f_min {
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.f_osw {
font-family: 'Oswald', sans-serif;
}

.font_s {font-size: 90%;}

.red {color: #FF0000;}

/* float */
.l {float: left;}
.r {float: right;}

.center, .img {text-align: center;}

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

.none {display: none;}

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

.shadow_tx {
	text-shadow: 3px 3px 5px #000;
	filter: glow(color=#000000,strength=3px);
	}
	
.shadow {
	box-shadow: 2px 2px 10px #000; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
	text-shadow: 1px 1px 3px #000;  
	}


/* opacity */
a:hover img.op {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.btn{
	cursor: pointer;
}
.btn:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* margin */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.mll0 {margin-left: 40px;}


.l3{
	padding: 10px 0;
	margin-right: 5px;
	float: left;
	width: 25px;
	height: auto;
}

.taC{
	text-align: center;
}
.taR{
	text-align: right;
}