@charset "utf-8";

/* CSS Document */
* { margin:0; padding:0; }

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/


/* ------------------------------
 Base
------------------------------ */

html{  -webkit-text-size-adjust:100%; background:#1e1e1e; }

strong {
	font-weight: bold;
}
hr {
	display: none;
}
a {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
a:link,
a:visited,
a:active,
a:hover { /* FireFox �����N�I����̓_������� */
	overflow: hidden;
	outline: none;
}
.word-wrap{
	word-wrap: break-word;
	/word-wrap: normal;/*for IE6 IE7*/
}
img {
	border:none;
	vertical-align: bottom;
	/*display:block; */
	max-width:100%;
	height:auto;
	width:auto;
	zoom: 1;
	transform: scale(1,1);
	image-rendering:optimizeQuality;
	width /****/:auto;  /*IE8のみ適用*/
	width: auto\9;
	image-rendering:optimizeQuality;
}

sub {
	vertical-align: -1px;
}
li {
	list-style:none outside;
}

embed,
object,
video {
	max-width:100%;
}
	/*.onlySp {
		display: none!important;
	}*/


@media only screen and (min-width: 641px) {
	.onlySp {
		display: none!important;
	}
}
@media only screen and (max-width: 640px) {
	.onlyPc {
		display: none!important;
	}
}

/* ------------------------------
 font
------------------------------ */

@font-face {
	font-family: 'corporate';
	src: url(../font/logotypejp_mp_m_1.ttf), url(../font/logotypejp_mp_b_1.ttf);
}


/* ------------------------------
 Layout
------------------------------ */

body {
	position:relative;
	background: #000;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	color:#fff;
	font: 12px/1.8 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

#container {
	position:relative;
}

#contentWrap {
	margin:0 auto 0;
	min-width:320px;
	max-width:1060px;
}


#content {
	max-width:760px;
	/*min-width:320px;*/
	margin-left:3%;
	text-align:left;
	padding:0 0 5%;
	color:#333;
}


/* ------------------------------
 library
------------------------------ */
.fleft {
	float:left;
}
.fright {
	float:right;
}
.center {
	text-align:center;
}



.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

/* ------------------------------
Clearfix
------------------------------ */

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height:1px; clear:both; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ------------------------------
 media queries
------------------------------ */
/*
@media only screen and (min-width: 641px) {
	.onlySp { display:none; }
}
@media only screen and (min-width: 961px) {
	.onlyPc { display:none; }
}*/

@media only screen and  (min-width: 960px) {

}

@media only screen and  (max-width: 960px) {
	#content { width:98%; }
	p.copyright { padding-left:5px; }

}

@media only screen and  (min-width: 640px) and (max-width: 750px) {

}

@media only screen and  (max-width: 640px) {
	body {
		font: 13px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif, Arial, Verdana;
	}
}

@media only screen and  (max-width: 320px) {


}

@media only screen and  (min-width:751px) and (max-width: 850px) {


}


/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */
@media screen and (min-width: 320px) and (max-width: 499px) {}

/* tablet */
@media screen and (min-width: 500px) and (max-width: 1024px) {}

@media print {
	#header,#headerBottom,.footer {
		display:none;
	}
}