@charset "UTF-8";

/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */

/*
	1 : Common
	2 : Header
	3 : Content
	4 : Footer
	5 : Clear Fix
 */



/* ***********************************************************************
	1 : Common
*********************************************************************** */
body{
	background:url('common/images/bodyBgx.jpg') #000 repeat-x 0 0;
	font-size:12px;
	}
#wrapper{
	text-align:center;
}
#borderL{
	position: absolute;
	float:left;
	top:0;
	left:-1px;
	width:1px;
	height:656px;
	background:url('common/images/bodyLBg.jpg') no-repeat 0 0;

}
#borderR{
	position:absolute;
	float:right;
	top:0;
	left:1020px;
	width:1px;
	height:656px;
	background:url('common/images/bodyRBg.jpg') no-repeat 0 0;

}
#mainIndex #borderL{
	height:905px;
}
#mainIndex #borderR{
	height:905px;
}
.acs{
	background:#fff;
}
/* ***********************************************************************
	2 : Header
*********************************************************************** */
/* ***********************************************************************
	3 : navi
*********************************************************************** */
#navi{
	width:940px;
	height:51px;
	margin:0 10px;
	padding:30px 0 575px;
	background:url('common/images/naviBg.jpg') no-repeat 0 0;
	overflow:hidden;/*IE6�p�|�W�V�����ێ�*/
}
#navi ul li{
	float:left;
}
#navi ul li a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#navi ul li#navi1 a{
	width:138px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat 0px 0px;
}
#navi ul li#navi2 a{
	width:133px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -138px 0px;
}
#navi ul li#navi3 a{
	width:133px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -271px 0px;
}
#navi ul li#navi4 a{
	width:133px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -404px 0px;
}
#navi ul li#navi5 a{
	width:133px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -537px 0px;
}
#navi ul li#navi6 a{
	width:133px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -670px 0px;
}
#navi ul li#navi7 a{
	width:137px;
	height:51px;
	background: url('common/images/navi.gif') no-repeat -803px 0px;
}

#navi ul li#navi1 a:hover,
#mainIndex #navi ul li#navi1 a{
	background-position:0 -51px;
}
#navi ul li#navi2 a:hover,
#story #navi ul li#navi2 a{
	background-position:-138px -51px;
}

#navi ul li#navi3 a:hover,
#character #navi ul li#navi3 a{
	background-position:-271px -51px;
}

#navi ul li#navi4 a:hover,
#sekaikan #navi ul li#navi4 a{
	background-position:-404px -51px;
}

#navi ul li#navi5 a:hover,
#system #navi ul li#navi5 a{
	background-position:-537px -51px;
}

#navi ul li#navi6 a:hover,
#spec #navi ul li#navi6 a{
	background-position:-670px -51px;
}

#navi ul li#navi7 a:hover,
#download #navi ul li#navi7 a{
	background-position:-803px -51px;
}


/* ***********************************************************************
	4 : Container
*********************************************************************** */
#container{
	position:relative;
	width: 960px;
	margin: 0 auto;
	padding:0 30px;
	background:url('common/images/bodyBg.jpg') no-repeat 0 0;
	border-left:#3d3d3d solid 1px;
	border-right:#3d3d3d solid 1px;
	text-align:left;
	z-index:0;
}

/* ***********************************************************************
	5 : Content
*********************************************************************** */
#contents{
	width:960px;
	margin: 0 auto;
	text-align:left;
}
#mainIndex #contents .w940{
	padding-bottom:15px;
}
.w940{
	width:940px;
	margin:0 10px;
}
/*===== alpha =====*/
#alpha{
	position:absolute;
	top:91px;
	width:100%;
	z-index:2;
       outline:none;
}
/*===== beta =====*/
#beta{
	float:left;
	width:410px;
	height:335px;
}

/*===== gamma =====*/
#gamma{
	float:right;
	width:520px;
}
#naviC dd a,
#naviC dt,
#campOutB a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#naviC dt{
	width:520px;
	height:36px;
	background: url('common/images/indexH2a.gif') no-repeat 0px 0px;
}
#naviC  dd#naviC1,
#naviC  dd#naviC3,
#naviC  dd#naviC5{
	float:left;
}
#naviC  dd#naviC2,
#naviC  dd#naviC4,
#naviC  dd#naviC6{
	float:right;
}
#naviC  dd{
	width:255px;
	height:80px;
	margin-top:10px;
}
#naviC  dd#naviC1 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/machiuke_banner.jpg') no-repeat 0px 0px;
}
#naviC  dd#naviC2 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/slotbana.jpg') no-repeat -1px -1px;
}
#naviC  dd#naviC3 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/blogbana.jpg') no-repeat 0 -1px;
}
#naviC  dd#naviC4 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/blog_parts.jpg') no-repeat 0px 0px;
}
#naviC  dd#naviC5 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/recruit.jpg') no-repeat 0px 0px;
}
#naviC  dd#naviC6 a{
	width:253px;
	height:78px;
	border:solid 1px #fff;
	background: url('common/images/navi1s.gif') no-repeat 0px 0px;
}

/*#naviC  dd#naviC6 a{
 width:255px;
 height:80px;
 background: url('common/images/navi1s.gif') no-repeat 0px 0px;
}*/

#campOutB{
	float:right;
	margin:15px auto 13px;
}
#campOutB a{
	width:180px;
	height:35px;
	background: url('common/images/clButton.gif') no-repeat 0px 0px;
}
#campOutB a:hover{
	background-position:0 -35px;
}




/*---------------------���C���^�r���[---------------------*/

#president a,#president a:link {
	color:#41be40;
	text-decoration: none;
	outline: none;
}
#president a:visited {
	color:#41be40;
	text-decoration: none;
}
#president a:active,
#president a:hover {
	color:#41be40;
	text-decoration: underline;
}

#president #container{
	background:url('common/images/bodyBgPresident.jpg') no-repeat 0 0;
}
#president #continer{
	text-align:center;
	}
#president #navi{
	padding-bottom:15px;
	}
#president #presidentBox{
	width:940px;
	margin-left:10px;
	padding-top:30px;
	background-color:#fff;
	text-align:center;
	font-family:'�q���M�m�p�S Pro W3',Hiragino Kaku Gothic Pro;
	}
#president h1{
	width:860px;
	height:260px;
	margin:0 auto 30px;
	background:url(common/images/presidentH1Img.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
#president h2{
	position:relative;
	font-size:22px;
	color:#41be40;
	margin:0 auto 25px;
	}
#president #presidentCont{
	width:860px;
	margin:0 auto;
	text-align:left;
	letter-spacing:0px;
	color:#464646;
	}
body:first-of-type #president #presidentCont{
	letter-spacing:0.3em !important;/*windows��safari*/
}

#president #presidentBox .leftBox{
	float:left;
}
#president #presidentBox .c1 .leftBox{
	width:300px;
	height:225px;
	padding:0 25px 25px 0;
}
#president #alpha{
	position:static;
	font-size:12px;
	line-height:2em;
	height:auto;
	}
#president #alpha .qa{
	padding-bottom:25px;
	}
#president #alpha .q{
	position:relative;
	color:#41be40;
	font-size:14px;
	line-height:1em;
	padding-bottom:6px;
	letter-spacing:0;
	}
body:first-of-type #president #alpha .q{
	letter-spacing:0.1em !important;
}

#president #alpha .q span{
	letter-spacing:-2px;
	margin-right:5px;
	}
#president #alpha .a span{
	font-size:14px;
	font-weight:bold;
	}
#president #presidentBox .bg{
	background:url(common/images/presidentPhoto02.jpg) no-repeat right 50px;
}
#president #betaOuter{
	margin-bottom: 30px;
}
#president #betaA #betaInner{
	position:relative;
	width:778px;
	height:auto;
	line-height:200%;
	padding:40px;
	border:solid 1px #c0eac4;
}

#president #betaA .leftBox{
	width:140px;
	padding:0 40px 0 0;
}
#president #betaA .rightBox{
	float:right;
	width:598px;
}
#president .rightBox h4{
	display:block;
	width:180px;
	height:36px;
	background:url(common/images/horumarinName.gif) no-repeat -40px -20px;
	padding-bottom:20px;
	text-indent:-9999px;
}
#president .rightBox #pob{
	position:absolute;
	bottom:35px;
}


/*---------------------�p�[�c�Љ�---------------------*/
#products #productContents{
	width:960px;
}
#products #navi{
	padding:30px 0 3px;
}
#products #alpha{
	position:static;
        top:0;/*IE6��pingBg�p*/
	width:960px;
	height:398px;
        margin:0 0 10px;
	cursor:default ; 

}
#products #beta{
	float:none;
	width:940px;
	margin:0 10px;
        padding:0 0 15px;
	background:url(common/images/productsUnderFrame-trans.png)  top left no-repeat;
}
.content{
		cursor:default ; 
}
#productContents #alpha #bg01,
.content #bg01{
        width:940px;
        height:383px;
	padding:0 10px 15px;        
	background:url(common/images/productsFrame-trans.png) top left no-repeat;
}
#productContents #alpha #bg02,
.content #bg02{
        width:940px;
        height:383px;
	padding:0 10px 15px;        
	background:url(common/images/productsFrame-trans2.png) top left no-repeat;
}
#productContents #alpha .clearFix,
.content .clearFix{
	width:783px;
        position:relative;
	padding:60px 0 0 80px;
}
#productContents #alpha .clearFix .productMain,
.content .clearFix .productMain{
	float:left;
        position:absolute;
	width:783px;
}
#productContents #alpha .clearFix .productBtn,
.content .productBtn{
	float:right;
        position:absolute;
        right:0;
        z-index:2;
	width:62px;
}
#productContents #alpha .clearFix .productBtn div,
.content .clearFix .productBtn div{
	padding:21px 0 0;
}
#productContents #alpha .clearFix .productBtn div.proB1,
.content .clearFix .productBtn div.proB1{
	padding:111px 0 0 10px;
}

#productContents #alpha .clearFix .productBtn div.proB2,
.content .clearFix .productBtn div.proB2{
	padding:18px 0 0;
}
#productContents #alpha .clearFix .productBtn div.proB6,
.content .clearFix .productBtn div.proB6{
	padding:272px 0 0 8px;
}

#products .plist {
	width:915px;
	height:311px;
	padding:25px 0 0 25px;
}
#products .plist li{
	display:block;
	float:left;
	width:48px;
	height:48px;
	padding:2px;
	margin:0 8px 8px 0;
}

/* ***********************************************************************
	7 : footer
*********************************************************************** */
#footer{
	width:100%;
	height:75px;
	margin:0 auto;
	background:url('common/images/footerBgx.gif') repeat-x 0 0;
	text-align:center;
}
#footerCont{
	width:1020px;
	height:75px;
	margin:0 auto;
	background:url('common/images/footerBg.gif') no-repeat top right;
}
#footer .copy{
	padding: 17px 0 0 55px;
	text-align:left;
	color: #fff;
}
.font9{
	font-size:9px;
}
/* ***********************************************************************
	8 : clearFix
*********************************************************************** */
.clearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearFix {
display:inline-block;
}
* html .clearFix {
height:1%;
}
.clearFix {
display:block;
}