@charset "utf-8";
/*==========================================================
File name: common.css
Description: 共通スタイル定義
Author:　
Editor:　
Date:　2014/09
Update:　
Table of contents:
==========================================================*/
/*-------------------------------
body
--------------------------------*/
body{
	font-family:Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:13px;
	color:#121212;
	/*overflow-x:hidden;*/
	overflow:hidden;
}
/*-------------------------------
wrap
--------------------------------*/
.wrap{
	width:960px;
	margin:0 auto;
	position:relative;
}
/*-------------------------------
header
--------------------------------*/

/*-------------------------------
menu
--------------------------------*/

nav{
	background:url(../img/common/menu/menu.png) top no-repeat;
	position: fixed;
	top:0;
	right:-215px;
	width:215px;
	height:521px;
	z-index:10000;
}
nav ul{
	width:133px;
	position:absolute;
	top:0;
	right:0;
	padding:27px 0 0;
}
nav ul li{
	float:right;
	height:16px;
	background:url(../img/common/menu/ico_nav_off.gif) right no-repeat;
	margin:14px 20px 0 0;
	padding:0 16px 0 0;
	cursor:pointer;
}
nav ul li:first-child{
	margin-top:0;
}
nav ul .navOn{
	background:url(../img/common/menu/ico_nav_on.gif) right no-repeat;
}
nav ul #menu01{
	width:43px;
}
nav ul #menu01 a{
	display:block;
	width:56px;
	height:16px;
}
nav ul #menu02{
	width:89px;
}
nav ul #menu02 a{
	display:block;
	width:105px;
	height:16px;
}
nav ul #menu03{
	width:62px;
}
nav ul #menu03 a{
	display:block;
	width:78px;
	height:16px;
}
nav ul #menu04{
	width:62px;
}
nav ul #menu04 a{
	display:block;
	width:78px;
	height:16px;
}
nav ul #menu05{
	width:62px;
}
nav ul #menu05 a{
	display:block;
	width:78px;
	height:16px;
}
nav ul #menu06{
	width:59px;
}
nav ul #menu06 a{
	display:block;
	width:75px;
	height:16px;
}
nav ul #menu07{
	width:62px;
}
nav ul #menu07 a{
	display:block;
	width:78px;
	height:16px;
}


/*-------------------------------
other
--------------------------------*/

/*-------------------------------
lightbox
--------------------------------*/
#lightBoxWrap{
	background:#000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5000;
	opacity:0.7;
	display:none;
	cursor:pointer;
}
#lightBox{
	position:fixed;
	top:50%;
	left:50%;
	z-index:6000;
	/*margin-top: -157.5px;
	margin-left: -280px;
	width:560px;
	height:315px;*/

	margin-top: -202.5px;
	margin-left: -360px;
	width:720px;
	height:405px;

	display:none;
}

#lightBoxClose{
	position: absolute;
	top:-90px;
	right:0;
	z-index:6000;
	cursor:pointer;
}


/*-------------------------------
footer
--------------------------------*/
footer{
	width:100%;
	height:40px;
	background:#000;
	position:fixed;
	bottom:0; 
	z-index:10000;
	display:none;
	color:#fff;
}
footer div{
}
footer div img{
	padding:12px 0 0;
}

footer div ul{
	color:#ccc;
	position:absolute;
	top:0;
	right:0;
	height:40px;
}
footer div ul li{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	line-height:40px;
	letter-spacing:0.1em;
}

footer div ul li:first-child{
	font-size:12px;
	background:url(../img/common/footer/ico_bar.gif) right no-repeat;
	margin:0 20px 0 0;
	padding:0 17px 0 0;
}

footer div ul #shareFb{
	background:url(../img/common/footer/ico_fb.gif) left no-repeat;
	padding:0 0 0 19px;
	cursor:pointer;
	font-size:11px;
}
footer div ul #shareTwitter{
	background:url(../img/common/footer/ico_twitter.gif) left no-repeat;
	margin:0 0 0 17px;
	padding:0 42px 0 32px;
	cursor:pointer;
	font-size:11px;
}

footer div ul #copy{
	font-size:10px;
}



/*-------------------------------
img hover
--------------------------------*/
a{
	text-decoration:none;
}
a:visited{
	color: #333;
}
a:hover{
	cursor:pointer;
	opacity:0.7;
	filter: alpha(opacity=70);      
	-ms-filter: "alpha(opacity=70)"; 
	-moz-opacity:0.7;                 
	-khtml-opacity: 0.7;             
	zoom:1;
}

.hover:hover{
	cursor:pointer;
	opacity:0.7;
	filter: alpha(opacity=70);      
	-ms-filter: "alpha(opacity=70)"; 
	-moz-opacity:0.7;                 
	-khtml-opacity: 0.7;             
	zoom:1;
}

/*-------------------------------
clear / clearfix
--------------------------------*/
/* clear */
.clear{
	clear: both;
}
/* clearfix */
.clearfix:after {
	display: block;
	visibility: hidden;
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*-------------------------------
form
--------------------------------*/
label{
	cursor: pointer;
}