@charset "utf-8";
/*CSS INFOMATION=======================

BASECSS

File name : base.css
   
====================================*/



/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
html {  min-width:1000px; }

body { background: #fff;}


.spBox{
	display:none;
}



/* Header
 -------------------------*/
 
 
 
header{
	position:fixed;
	top:0;
	width:100%;
	overflow:hidden;
	min-width:960px;
	padding:20px 0;
	z-index:50;
	background:#000;
	-moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}



header h1{
	width:105px;
	padding:0 0 0 20px;
	z-index:999;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header.smaller h1 {
	width:85px;
	height:auto;
}
	

h1 img{
	width:100%;
	height:auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

h1 a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



h1 a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



header .twitter{
	position:absolute;
	top:18px;
	right:60px;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header.smaller .twitter{
	position:absolute;
	top:15px;
	right:55px;
	
}

.twitter a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.twitter a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}




header .facebook{
	position:absolute;
	top:18px;
	right:20px;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header.smaller .facebook{
	position:absolute;
	top:15px;
	right:15px;
}


.facebook a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.facebook a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}











header ul.nav{
	position:absolute;
	left:160px;
	top:32px;
	z-index:30;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header.smaller ul.nav{
	position:absolute;
	left:130px;
	top:27px;
	z-index:30;
}



ul.nav li{
	float:left;
	margin:0 25px 0 0;
	font-size:13px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

ul.nav li a{
	color:#fff;
}

ul.nav li a:hover{
	color:#bbb;
	text-decoration:none;
}

ul.nav li *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}


/* Footer
 -------------------------*/
footer{
	background:#000;
	width:100%;
	font-size:10px;
	color:#fff;
	z-index:999;
	padding:20px 0;
	text-align:center;
}

#footer{
	background:#000;
	width:100%;
	font-size:10px;
	color:#fff;
	z-index:999;
	padding:20px 0;
	text-align:center;
	position:fixed;
	bottom:0;
}

#pageTop{
	text-align:center;
	clear:both;
	background:#fff;
}

#pageTop a:hover img{
	margin:-10px 0 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#pageTop a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}




.copy{
	padding:10px 0 0;
	clear:both;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}




ul#bannerList{
	width:470px;
	margin:0 auto;
}

ul#bannerList li{
	float:left;
	padding:5px;
}

ul#bannerList li a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

ul#bannerList li a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



/* main
 -------------------------*/
#mainContents{
	width:100%;
	min-width:1200px;
	height:1024px;
	background:url(../images/bg_biri.png) top center;
	background-size:100% auto;
	position:relative;
	margin:0 0 0;
	overflow:hidden;
}

#newsArea{
	width:100%;
	position:absolute;
	bottom:0;
	background:#fff;
	z-index:30;
}

.newsInner{
	padding:10px 10px 0;
	font-size:11px;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
}

.news-ttl{
	background:#000;
	font-size:10px;
	padding:2px 5px;
	color:#fff;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
}

@media all and (min-width: 0px) and (max-width: 1280px) {
	
	


.charaMain01{
	width:34%;
	position:absolute;
	top:160px;
	left:50%;
	margin:0 0 0 -16%;
	z-index:10;
}


.charaMain01 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	
}


.charaMain01 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





















.charaMain02{
	width:17%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 9%;
	z-index:11;
}

.charaMain02 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain02 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain03{
	width:23%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -28%;
	z-index:11;
}


.charaMain03 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain03 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain04{
	width:29%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-0px 0 0 15%;
	z-index:9;
}


.charaMain04 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain04 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain05{
	width:26%;
	position:absolute;
	bottom:-70px;
	left:50%;
	margin:0 0 0 -47%;
	z-index:9;
}


.charaMain05 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain05 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain06{
	width:15%;
	position:absolute;
	bottom:190px;
	left:50%;
	margin:5px 0 0 -43%;
	z-index:8;
}


.charaMain06 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain06 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain07{
	width:25%;
	position:absolute;
	top:60px;
	left:50%;
	margin:0 0 0 2%;
	z-index:7;
}


.charaMain07 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain07 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain08{
	width:35%;
	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 10%;
	z-index:6;
}


.charaMain08 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain08 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



.charaMain09{
	width:35%;
	position:absolute;
	bottom:90px;
	left:50%;
	margin:0 0 0 20%;
	z-index:8;
}


.charaMain09 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain09 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



.charaMain10{
	width:43%;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -38%;
	z-index:6;
}


.charaMain10 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain10 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
}


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



.charaMain01{
	width:37%;
	position:absolute;
	top:200px;
	left:50%;
	margin:0 0 0 -17%;
	z-index:10;
}


.charaMain01 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition-timing-function:ease-in-out;
}


.charaMain01 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}


.charaMain02{
	width:18%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 9%;
	z-index:11;
}

.charaMain02 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain02 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain03{
	width:23%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -29%;
	z-index:11;
}


.charaMain03 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain03 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain04{
	width:27%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 13%;
	z-index:9;
}


.charaMain04 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain04 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain05{
	width:26%;
	position:absolute;
	bottom:-110px;
	left:50%;
	margin:0 0 0 -47%;
	z-index:9;
}


.charaMain05 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain05 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain06{
	width:15%;
	position:absolute;
	bottom:230px;
	left:50%;
	margin:0 0 0 -43%;
	z-index:8;
}


.charaMain06 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain06 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}





.charaMain07{
	width:25%;
	position:absolute;
	top:30px;
	left:50%;
	margin:0 0 0 3%;
	z-index:7;
}


.charaMain07 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain07 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}




.charaMain08{
	width:32%;
	position:absolute;
	top:120px;
	left:50%;
	margin:0 0 0 12%;
	z-index:6;
}


.charaMain08 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain08 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



.charaMain09{
	width:31%;
	position:absolute;
	top:50%;
	left:50%;
	margin:-14% 0 0 20%;
	z-index:8;
}


.charaMain09 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain09 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



.charaMain10{
	width:42%;
	position:absolute;
	top:50px;
	left:50%;
	margin:0 0 0 -37%;
	z-index:6;
}


.charaMain10 img{
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.charaMain10 img:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
}




















/* contents
 -------------------------*/

#container {
	position:relative;
	min-width:1000px;
	/*background: url(../images/main_img01.jpg) no-repeat 50% 50%;*/
    background-size: cover;
	background-size:100% auto;
	height:100%;
	
}



nav{
	margin:50px 0 0;
	position:fixed;
	left:30px;
	top:90px;
	z-index:999;
	display:none;
}

nav li{
	color:#fff;
	font-size:13px;
	
}

nav li a{
	color:#fff !important;
	text-decoration:none;
}









/*-----------------------------------------

  =WORKS
-----------------------------------------*/

#box2nd{
	background:#fff !important;
	overflow:hidden;
	padding:120px 0 80px;
}

.ttlA{
	font-size:26px;
    line-height: 1.8;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	height:250px;
	margin:20px 0 50px -30px;
	position:relative;
	left:50%;
}


#contents{
	width:960px;
	margin:0 auto;
}

.listA li{
	float:left;
	margin:8px;
	position:relative;
	}


.listA li .imgBox{
	width:303px;
	height:303px;
	display:block;
}

.listA li a {
	
}

.listA li img{
	transition: 0.2s;
}

.listA li img:hover{
		-webkit-transform: translate(5px,5px);
		-moz-transform: translate(5px,5px);
		-ms-transform: translate(5px,5px);
		-o-transform: translate(5px,5px);
		transform: translate(5px,5px);
		
		/*filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/

}



.listA .txtBox{
	text-align:center;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:20px 0 30px;
	width:303px;
	height:40px;
}

/*

.listA li{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
   
   
   
   	border-radius: 150px;       
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px; 
}

*/


.listB {
	margin:0 0 50px;
}


.listB li{
	margin:-70px 0 0;
	padding:100px 0 30px;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #eee;
	}


.listB li .imgBox{
	width:200px;
	height:200px;
	display:block;
	float:left;
}

.listB li .imgBox img{
	width:100%;
	height:auto;
}


.listB .txtBox{
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:20px 0 30px;
	float:right;
	width:700px;
}

.listB .txtBox h3{
	font-size:26px;
	padding:0 0 25px;
}


.listB .txtBox p{
	font-size:16px;
	line-height:1.6;
	padding:0 0 15px;
}




.listC {
	width:980px;
	overflow:hidden;
	clear:both;
}

.listC li{
	width:22.7%;
	margin:0 20px 20px 0;
	float:left;
}

.listC li img{
	width:100%;
	height:auto;
	margin:0 0 10px;
}


.listC p {
	padding:0 10px 0 0;
	line-height:1.3 !important;
	height:80px;
}

.listC p span{
	font-size:12px;
	
}

.charaA{
	width:268px !important;
}







@media all and (min-width: 0px) and (max-width: 1270px) {


#worksContents{
	width:100%;
	height:1024px;
	min-height:730px !important;
	position:relative;
	overflow:hidden;
	margin:0 0 0;
}


.charaWorks01{
	width:55%;
	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 -29%;
	z-index:10;
}

.charaWorks02{
	width:50%;
	position:absolute;
	top:85px;
	left:50%;
	margin:0 0 0 -25%;
	z-index:10;
}

.charaWorks03{
	width:500px;
	position:absolute;
	top:70px;
	left:50%;
	margin:50px 0 0 -270px;
	z-index:10;
}


.charaWorks04{
	width:64%;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -39%;
	z-index:10;
}

.charaWorks05{
	width:64%;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -36%;
	z-index:10;
}


.charaWorks06{
	width:50%;
	position:absolute;
	top:-40px;
	left:50%;
	margin:0 0 0 -34%;
	z-index:10;
}

.charaWorks07{
	width:75%;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -38%;
	z-index:10;
}

.charaWorks08{
	width:500px;
	position:absolute;
	top:70px;
	left:50%;
	margin:50px 0 0 -285px;
	z-index:10;
}



.charaWorks09{
	width:60%;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -32%;
	z-index:10;
}




.worksInner{
	position:relative;
	min-width:1100px;
	/*max-width:1450px;*/
	margin:0 auto;
}










.works-txt{
	position:absolute;
	top:100px;
	right:30px;
	z-index:30;
}


.works-menu{
	position:absolute;
	top:100px;
	left:10px;
	z-index:30;
	width:230px;
}

.works-menu li{
	font-size:13px;
    line-height: 1.4;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:25px;
	height:550px;
	margin:20px 0 50px;
	float:right;
	
}

.works-menu li a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

.works-menu li *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}


.wm{
	width:50px;
}
	


.works-txt h3{
	font-size:28px;
    line-height: 1.4;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	margin:20px auto 50px;
	float:right;
	font-weight:bold;
}

.works-txt h4{
	font-size:16px;
    line-height: 1.8;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	margin:20px auto 50px;
	float:right;
	font-weight:bold;
}

.works-txt p{
	font-size:14px;
    line-height: 1.8;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	height:400px;
	margin:20px auto 50px;
	float:right;
}

ul.btnArea{
	width:200px;
	position:absolute;
	top:530px;
	right:40px;
	z-index:50;
}

.btnArea li{
	float:right;
	margin:0 0 5px;
	
}

.btnArea li a{
	display:block;

	padding:3px 10px 2px;
	margin:0 0 0 5px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	border:1px solid #555;
}

.btnArea li a:hover{
		background:#000;
	color:#fff;
	text-decoration:none;
}

.btnArea li * {
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnAreaB{
	width:191px;
	position:absolute;
	top:560px;
	right:40px;
	text-align:right;
	z-index:50;
	border:1px solid #555;
}

.btnAreaB a{
	font-size:18px;
	display:block;
		font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
		background: url(../images/slide_navright.png) right center no-repeat;
		background-size:20px 20px;
		padding:5px 25px 5px 5px;
}

.btnAreaB a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;
}

.btnAreaB *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}
}

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


#worksContents{
	width:100%;
	height:1024px;
	position:relative;
	overflow:hidden;
	margin:0 0 0;
}


.charaWorks01{
	width:55%;
	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 -29%;
	z-index:10;
}

.charaWorks02{
	width:50%;
	position:absolute;
	top:85px;
	left:50%;
	margin:0 0 0 -25%;
	z-index:10;
}

.charaWorks03{
	width:620px;
	position:absolute;
	top:70px;
	left:50%;
	margin:50px 0 0 -320px;
	z-index:10;
}


.charaWorks04{
	width:64%;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -39%;
	z-index:10;
}

.charaWorks05{
	width:64%;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -36%;
	z-index:10;
}


.charaWorks06{
	width:50%;
	position:absolute;
	top:-40px;
	left:50%;
	margin:0 0 0 -34%;
	z-index:10;
}

.charaWorks07{
	width:75%;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -38%;
	z-index:10;
}

.charaWorks08{
	width:620px;
	position:absolute;
	top:70px;
	left:50%;
	margin:50px 0 0 -350px;
	z-index:10;
}



.charaWorks09{
	width:60%;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -32%;
	z-index:10;
}




.worksInner{
	position:relative;
	min-width:1100px;
	/*max-width:1450px;*/
	margin:0 auto;
}










.works-txt{
	position:absolute;
	top:100px;
	right:30px;
	z-index:30;
}


.works-menu{
	position:absolute;
	top:100px;
	left:30px;
	z-index:30;
	width:230px;
}

.works-menu li{
	font-size:13px;
    line-height: 1.4;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:25px;
	height:550px;
	margin:20px 0 50px;
	float:right;
}

.works-menu li a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

.works-menu li *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}


.wm{
	width:50px;
}
	


.works-txt h3{
	font-size:32px;
    line-height: 1.4;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	margin:20px auto 50px;
	float:right;
	font-weight:bold;
}

.works-txt h4{
	font-size:18px;
    line-height: 1.8;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	margin:20px auto 50px;
	float:right;
	font-weight:bold;
}

.works-txt p{
	font-size:16px;
    line-height: 1.8;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	width:60px;
	height:470px;
	margin:20px auto 50px;
	float:right;
}

ul.btnArea{
	width:200px;
	position:absolute;
	top:620px;
	right:40px;
	z-index:50;
}

.btnArea li{
	float:right;
	margin:0 0 5px;
	
}

.btnArea li a{
	display:block;

	padding:3px 10px 2px;
	margin:0 0 0 5px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	border:1px solid #555;
}

.btnArea li a:hover{
		background:#000;
	color:#fff;
	text-decoration:none;
}

.btnArea li * {
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnAreaB{
	width:191px;
	position:absolute;
	top:650px;
	right:40px;
	text-align:right;
	z-index:50;
	border:1px solid #555;
}

.btnAreaB a{
	font-size:18px;
	display:block;
		font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
		background: url(../images/slide_navright.png) right center no-repeat;
		background-size:20px 20px;
		padding:5px 25px 5px 5px;
}

.btnAreaB a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;
}

.btnAreaB *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}
}


































.btnAreaC{
	width:150px;
	text-align:center;
	z-index:50;
	border:1px solid #555;
}

.btnAreaC a{
	font-size:13px;
	display:block;
		font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
		background: url(../images/slide_navright.png) right center no-repeat;
		background-size:20px 20px;
		padding:5px 5px 5px 5px;
}

.btnAreaC a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;
}

.btnAreaC *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}





.btnAreaD{
	width:200px;
	text-align:center;
	z-index:50;
	border:1px solid #555;
}

.btnAreaD a{
	font-size:13px;
	display:block;
		font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
		background: url(../images/slide_navright.png) right center no-repeat;
		background-size:20px 20px;
		padding:5px 5px 5px 5px;
}

.btnAreaD a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;
}

.btnAreaD *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}




.btnAreaE{
	width:300px;
	text-align:center;
	z-index:50;
	border:1px solid #555;
}

.btnAreaE a{
	font-size:13px;
	display:block;
		font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
		background: url(../images/slide_navright.png) right center no-repeat;
		background-size:20px 20px;
		padding:5px 5px 5px 5px;
}

.btnAreaE a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;
}

.btnAreaE *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}


	


/*-----------------------------------------

  =Profile
-----------------------------------------*/
.profileBox{
	font-size:16px;
    line-height: 1.8;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	width:800px;
	position:relative;
	left:50%;
	margin:20px 0 20px -400px;
	padding:20px 0 0;
}



/*-- nenpyou --*/
#nenpyou{
	width:940px;
	margin:20px auto;

}



#nenpyou_box{
	width:800px;
	margin:0 auto;
	padding:30px 0 50px;
}

#nenpyou_box td{
	padding:10px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size:14px;
}

/*-----------------------------------------

  =special
-----------------------------------------*/
.ttlB{
	font-size:24px;
	border-bottom:1px solid #eee;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:30px 0 8px;
	margin:0 0 20px;
	clear:both;
}

.ttlC{
	font-size:32px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:10px 0 0;
	margin:0 0 20px;
	clear:both;
}

.ttlD{
	font-size:42px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:10px 0 8px;
	margin:0 0 20px;
	clear:both;
}

.ttlE{
	font-size:45px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	line-height:45px;
	padding:10px 0 8px;
	margin:0 0 5px;
	clear:both;
	color:#e5007f;
	border-bottom:1px solid #ccc;
}


.ttlF{
	font-size:50px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding:10px 0 8px;
	margin:0 0 20px;
	clear:both;
}

.ttlG{
	font-size:47px;
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	line-height:55px;
	padding:10px 0 8px;
	margin:0 0 5px;
	clear:both;
	color:#e5007f;
}




.txtA{
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size:24px;
	padding:30px 0 50px;
	line-height:1.5;
}

.txtB{
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size:18px;
	padding:30px 0 50px;
	line-height:1.5;
}


.specialBox{
	padding:35px;
	border:1px solid #5d6cd2;
	margin:0 0 20px !important;
}


.specialBox .ttl-special{
	font-size:24px;
	margin:0 0 30px;
	padding:10px 15px;
	color:#fff;
	background:#5d6cd2;
}


.specialBoxB{
	padding:35px;
	border:1px solid #e5007f;
	margin:0 0 20px !important;
}


.specialBoxB .ttl-special{
	font-size:24px;
	margin:0 0 30px;
	padding:10px 15px;
	color:#fff;
	background:#e5007f;
}




.specialBox h4{
	font-size:20px;
	padding:0 0 10px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	margin:0 0 10px;
	padding-left:1em;
text-indent:-1em;
}

.specialBox p, .specialBoxB p{
	font-size:14px;
	padding:0 0 20px;
	line-height:1.8;
}

.special-chara ul{
	width:1000px;
	overflow:hidden;
}

.special-chara li{
	width:468px;
	margin:0 20px 20px 0;
	float:left;
	border:1px solid #5d6cd2;
}

.special-chara li .sc-name{
	background:#5d6cd2;
	color:#fff;
	text-align:center;
	padding:10px 15px;
}

.special-chara li .sc-img{
}

.special-chara li .sc-txt{
	padding:15px;
	text-align:1.8;
}


.specialBox .leftBoxB{
	width:200px;
	float:left;
}

.specialBox .rightBoxB{
	width:660px;
	float:right;
}

.specialBox .leftBoxC, .specialBoxB .leftBoxC{
	width:560px;
	float:left;
}

.specialBox .rightBoxC, .specialBoxB .rightBoxC{
	width:300px;
	float:right;
}


.specialBox td{
	font-size:14px;
	padding:5px 0;
}
	
.twidth{
	font-weight:bold;
}

.kamachi-comment{
	border:1px solid #000;
}

.kamachi-comment .comment-inner{
	padding:15px 15px 0;
}

.ttl-special-kamachi{
	background:#000;
	padding:10px 15px;
	color:#fff;
	font-size:18px;
}


.gaiyou{
	position:relative;
}

.gaiyou-logo{
	position:absolute;
	bottom:50px;
	right:150px;
}

.marur{
	vertical-align: sub !important;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
}

/*-----------------------------------------

  =media
-----------------------------------------*/
.kakioroshi{
	font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	overflow:hidden;
	padding:0 0 50px;
}


.kakioroshi h3{
	width:350px;
	border-left:3px solid #555;
	padding:0 0 0 10px;
	margin:30px 0 15px;
}
.kakioroshi ul{
	margin:0 0 0 0;
}

.kakioroshi li{
	font-size:14px;
	padding:0 0 10px;
}

.kakioroshi .mainImg{
	background:url(../images/kouzou/kouzou_img.png) right top no-repeat;
	padding:0 0 0px 10px;
	position:relative;
}

.kakioroshi .fukidashi{
	width:350px;
	border-bottom:1px solid #333;
	padding:0 0 5px;
	margin:15px 0 12px;
}

.kakioroshi .gray{
	color:#999 !important;
}

.kakioroshi p{
	line-height:1.8;
	padding:0 0 20px;
}


.newIcon{
	font-size:10px;
	color:#fff;
	background:#ee0000;
	padding:2px 5px;
	margin:-2px 5px 0 0;
	letter-spacing:1.5px;
}

.newIconB{
	color:#fff;
	background:#ee0000;
	padding:7px 10px 5px;
	margin:0 0 0 3px;
	letter-spacing:1.5px;
}



.leftBoxA{
	width:520px;
	float:left;
}

.rightBoxA{
	width:400px;
	float:right;
}

.leftBoxB{
	
}

.rightBoxB{
	
}


.iconNovel{
	background:#000;
	padding:7px 5px 5px;
	color:#fff;
	width:150px;
	text-align:center;
}


.iconMen{
	background:#0c85eb;
	padding:7px 5px 5px;
	color:#fff;
	width:100px;
	text-align:center;
	margin:10px 0 20px;
}


.iconWomen{
	background:#e84997;
	padding:7px 5px 5px;
	color:#fff;
	width:100px;
	text-align:center;
	margin:0 0 20px;
}


.novel-charabox{
	overflow:hidden;
}

.novel-charabox .charaImg{
	width:65px;
	float:left;
}

.novel-charabox .charaImg img{
	width:100%;
	height:auto;
}

.novel-charabox .chara-txt{
	width:320px;
	float:right;
}



/*-----------------------------------------

  =JS FADE
-----------------------------------------*/

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}





@media all and (min-width: 0px) and (max-width: 1279px) {
.progress {
	background:#000;
	/*background: url(../img/opening.gif) top left no-repeat;*/
	background-img:cover;
    color: rgb(255, 255, 255);
    height: 100%;
    position:fixed;
	overflow:hidden;
    width: 100%;
	top:0;
	z-index:99999;
}
.progress-bar { 
    border-top: 1px solid #ddd;
    position: absolute;
    top:50%;
    width: 0%;
	display:none;
}
.progress-text {
	font-size:180px;
	line-height:180px;
	font-family: 'Oswald', sans-serif;
	color:#fff;

}
.progress-complete .progress-bar {
    border-top-color: #ccc;
}


#opening{
	font-size:140px;
	line-height:140px;
	font-family: 'Oswald', sans-serif;
	color:#fff;
}

#openingB{
	font-size:140px;
	line-height:140px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	color:#fff;
	font-weight:bold;
}
}


@media screen and (min-width: 1280px){
.progress {
	background:#000;
	/*background: url(../img/opening.gif) top left no-repeat;*/
	background-img:cover;
    color: rgb(255, 255, 255);
    height: 100%;
    position:fixed;
	overflow:hidden;
    width: 100%;
	top:0;
	z-index:99999;
}
.progress-bar { 
    border-top: 1px solid #ddd;
    position: absolute;
    top:50%;
    width: 0%;
	display:none;
}
.progress-text {
	font-size:200px;
	line-height:200px;
	font-family: 'Oswald', sans-serif;
	color:#fff;

}
.progress-complete .progress-bar {
    border-top-color: #ccc;
}


#opening{
	font-size:200px;
	line-height:200px;
	font-family: 'Oswald', sans-serif;
	color:#fff;
}

}



/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color: #333;text-decoration:underline;}
a:focus {color:#333;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}



/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

*/

/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSSS{
	font-size:55%;
}

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-size:150%;
	font-weight:bold;
}

.fontB{
font-weight:bold;
}

.fontBlue{
	/*color:#1275bb;*/
	color:#000;
	font-weight:bold;
}

.fontRed{
	color:#F00;
}


/*----------------------------------------
	
	=COLOR
-----------------------------------------*/
.grey{
	color:#ccc;
}