@charset "utf-8";
/*- @ font
---------------------------------------------------------------*/
body {
    font-size:13px;
    *font-size:small;
    *font:x-small;
	}
	
h1, h2, h3, h4, h5 {
	font-size:108%;/*14px*/
	}
	
table {
	font-size:inherit;
    font:100%;
	}
	
#box,td,th {
	text-decoration:none;
	line-height:1.5;
	color: #fff;
	font-family:'verdana','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	}
	
a {
	color:#fff;
	}
a:link {
	text-decoration:underline;
	color:#fff;
	}
a:visited {
	text-decoration:underline;
	color:#fff;
	}
a:hover {
	text-decoration:none;
	color:#fff;
	}
a:focus {
	overflow:hidden;
	}
/****************************************************************
 ** 基本 1280px以上
****************************************************************/
html {
	width:100%;
	min-width:800px;
	height:100%;
	min-height:600px;
}
/*---------------------------------------------------------------
	@ body
---------------------------------------------------------------*/
body {
	width:100%;
	min-width:1024px;
	height:100%;
	min-height:600px;
	background-color:#000;
	text-align:left;
	overflow:hidden;
}
/*---------------------------------------------------------------
	@ box
---------------------------------------------------------------*/
#box {
	position:relative;
	z-index:10;
	height:100%;
	min-height:600px;
	color:#fff;
	overflow:hidden;
 	/zoom:1;
}
/*---------------------------------------------------------------
	@ navs
---------------------------------------------------------------*/
#navs {
	position: relative;
	float:left;
	margin-right:20px;
	min-height:600px;
	width:330px;
	height:100%;
	background-color:#FFF;
}
#navs .nav {
	position:relative;
	height:100%;
}
#m1, #m2 {
	position:relative;
	width:114px;
	height:50%;
	min-height:300px;
	overflow:hidden;
	text-align:right;
}
#m1 .bg, #m2 .bg {
	display:block;
	position:relative;
	z-index:1;
	height:100%;
	min-height:300px;
	width:auto;
	vertical-align:top;
	text-align:right;
}
#m1 .bg img, #m2 .bg img {
	position:absolute;
	top:0;
	right:0;
}
#m1 a, #m2 a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
}
#m1 b, #m2 b {
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	width:51px;
	height:100%;
	background-color:rgba(0,0,0,.6);
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4000000, endcolorstr=#B4000000, gradienttype=0);  
}
#m1 b {
	top:5px;
}
#m1 b img, #m2 b img {
	position:relative;
	top:10px;
}

#bnrs {
	position:absolute;
	bottom:20px; left:auto;
	text-align:center;
	width:100%;
}
#bnrs p {
	color:#000;
}
#bnrs li {
	display:inline;
}
/*---------------------------------------------------------------
	@ contents
---------------------------------------------------------------*/
#scrollHelper {
	border-top:5px #C00 solid;
	height:100%;
	overflow:hidden;
	overflow-y:scroll;
	/zoom:1;	
}
#contentsWrap {
	position:relative;
	min-height:600px;
	overflow:hidden;
}
/*---------------------------------------------------------------
	@ main
---------------------------------------------------------------*/
#main {
	position:relative;
	padding-right:60px;
}
#pankuzu {
	margin-bottom:20px;
	overflow:hidden;
	/zoom:1;
}
#pankuzu li {
	float:left;
	margin-right:10px;	
}
.contbox {
	padding:15px;
	margin:0 auto 14px;
	width:840px;
	background-color: rgba(0,0,0,.7);
	overflow:hidden;
  	/zoom:1;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4000000, endcolorstr=#B4000000, gradienttype=0);  
}
.contbox .title {
	padding-right:18px;
}
.contbox .item {
	padding-left:18px;
	border-left:1px #fff dotted;
	overflow:hidden;
	height:100%;
}
.section {
	margin-bottom:40px;	
}
/*---------------------------------------------------------------
	@ copyright
---------------------------------------------------------------*/
/* #copyright {
	position:absolute;
	top:40px; right:40px;
} */
#copyright {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: 420px;
}
/*---------------------------------------------------------------
	@ bgimg
---------------------------------------------------------------*/
#toplineHelper {
	position:absolute;
	top:0; left:0;
	width:100%; height:5px;
	border-top:5px #C00 solid;
	overflow:hidden;
}

#bgimg {
	position:fixed;
	top:0; left:330px;
	z-index:0;
	width:100%; height:100%;
	overflow:hidden;
	border-top:5px #C00 solid;
}
#bgimg img {
  width:100%; height:100%;
}
/*---------------------------------------------------------------
	@ contAreaToggle
---------------------------------------------------------------*/
#contAreaToggle {
	padding-top:12px;
	margin:0 auto -50px;
	width:490px;
	overflow:hidden;
	/zoom:1;
}
#contAreaToggle a {
	float:right;
	display:block;
	padding:0 16px;
	height:30px;
	background-color:#f0f0f0;
	border-radius:6px;
	color:#000;
	font-family:Verdana;
	text-decoration:none;
	font-size:20px;
	line-height:24px;
}

#contAreaToggle .active {
	background-color:#000;
	color:#f0f0f0;
}
/*---------------------------------------------------------------
	@ utility
---------------------------------------------------------------*/
#ulity {
	margin:20px auto;
	width:870px;
	overflow:hidden;
}
#fb {
	float:left;
}
#link {
	float:right;
}
#link ul{
	background-color:rgba(255,255,255,.7);
	border-radius:4px;
	overflow:hidden;
	/zoom:1;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff00, endcolorstr=#ffffff00, gradienttype=0);  
}
#link li{
	float:left;
	background:url(/img/common/bg_dotline.png) no-repeat right center;
}
/****************************************************************
 **  1024px -> 1279px
****************************************************************/
@media only screen and (max-width: 1279px) {
	.contbox {
		width:594px;
	}
	#ulity {
		width:624px;
	}
	#contAreaToggle {
		width:244px;
	}
	#copyright {
		margin-left: 300px;
	}	
}

/****************************************************************
 **  mini display
****************************************************************/
/*@media only screen and (max-height: 799px) {
	html {
		height:auto;
	}
}*/
/*---------------------------------------------------------------
	@ class
---------------------------------------------------------------*/
.imgfit { width:100%; height:auto; }
.delete    {text-decoration:line-through; }
.underline { text-decoration:underline; }
.red       {color:#981C41; }
.blue      {color:#068DD7;}
.grey      {color:#999;}
.caps      {padding-left:1em;}
	.caps span {position:relative;margin-left:-1em;}
/*- layout -*/
.clear     {clear:both;}
.lefty     {float:left;}
.righty    {float:right;}
.floatClear{clear:both;}
.txtright  {text-align:right;}
.txtcenter {text-align:center;}
/*- margin -*/
.mrgTop1em {margin-top:1em;}
.mrgTop5   {margin-top:5px;}
.mrgTop10  {margin-top:10px;}
.mrgTop20  {margin-top:20px;}
.mrgTop30  {margin-top:30px;}
.mrgTop40  {margin-top:40px;}
.mrgTop50  {margin-top:50px;}
.mrgTop60  {margin-top:60px;}

.mrgBtm1em {margin-bottom:1em;}
.mrgBtm5   {margin-bottom:5px;}
.mrgBtm10  {margin-bottom:10px;}
.mrgBtm20  {margin-bottom:20px;}
.mrgBtm30  {margin-bottom:30px;}
.mrgBtm40  {margin-bottom:40px;}
.mrgBtm50  {margin-bottom:50px;}
.mrgBtm60  {margin-bottom:60px;}

.mrgLeft10 {margin-left:10px;}
.mrgLeft20 {margin-left:10px;}
.mrgLeft30 {margin-left:10px;}

.mrgRight10 {margin-right:10px;}
.mrgRight20 {margin-right:20px;}
.mrgRight30 {margin-right:30px;}


.pdTop1em  {padding-top:1em;}
.pdTop10  {padding-top:10px;}
.pdTop20  {padding-top:20px;}
.pdTop30  {padding-top:30px;}
.pdTop40  {padding-top:40px;}
.pdTop50  {padding-top:50px;}
.pdTop60  {padding-top:60px;}

.pdBtm1em  {padding-bottom:1em;}
.pdBtm10  {padding-bottom:10px;}
.pdBtm20  {padding-bottom:30px;}
.pdBtm30  {padding-bottom:30px;}
.pdBtm40  {padding-bottom:40px;}
.pdBtm50  {padding-bottom:50px;}
.pdBtm60  {padding-bottom:60px;}

.pdl20     {padding-left:20px;}