@charset "utf-8";
/*-----------------------------------------------------
 CSS Document 
 091217 Akiba 
-----------------------------------------------------*/

body{
	padding:0;
	margin:0;
	text-align:center;
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#ffffff;
	
}

h1,h2,h3,h4,h5,p,ol,dl,ul,li{
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
}

img{
	border:0;
}

a:link{
	color:#003399;
	text-decoration:none;
}
a:visited{
	color:#993300;
	text-decoration:none;
}
a:hover{
	color:#CC3300;
	text-decoration:underline;
}

/*-----------------------------------------------------
 basic
-----------------------------------------------------*/
#level0{
	padding:0;
	margin:0 auto;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ededed;
	background:#ededed url(../images/top/back_shadow.gif) repeat-x top;
}



#pageHeader1Body{
	width:950px;
	margin:0 auto;
}

#level0 #container{
	margin:0 auto;
	width:960px;
}


#level0 #pageBody{
	overflow:auto;
	clear:both;
}




#level0 #mainContainer{
	margin:0;
	padding:0;
	float:left;
	width:690px;
}

#level0 #main{
	float:right;
	width:680px;
	padding:20px 0 0 5px;
}


#level0 #floating1{
	float:left;
	width:150px;
	text-align:left;
	/*background:#F0F0F0;*/
}

#level0 #floating2{
	float:right;
	width:250px;
	font-size:80%;
	margin:40px 0 0 0;
}



/*-----------------------------------------------------
 levelBook
-----------------------------------------------------*/
#levelBook{
	padding:0;
	margin:0 auto;
	width:980px;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ffffff url( ../books/images/main_back_body2.gif ) repeat-y left;
}



#levelBook #pageBody{
	background:url(../books/images/main_back6.jpg) no-repeat;
	overflow:auto;
	clear:both;
}



#levelBook #mainContainer{
	margin:0;
	padding:0;
	float:left;
	width:660px;
}

#levelBook #main{
	float:right;
	width:500px;
	padding:55px 0 0 5px;
}


#levelBook #floating1{
	float:left;
	width:150px;
	text-align:left;
	margin:
	/*background:#F0F0F0;*/
}

#levelBook #floating2{
	float:right;
	width:300px;
	font-size:80%;
	margin:60px 0 0 0;
}



/*-----------------------------------------------------
 levelCompany
-----------------------------------------------------*/
#levelCompany{
	padding:0;
	margin:0 auto;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ededed;
	/*background:#ededed url(../images/top/back_shadow.gif) repeat-x top;*/
}



#levelCompany #container{
	margin:0 auto;
	padding:0;
	background:#ededed url(../company/images/main_back_back.jpg) repeat-x 0 0;
	/*width:980px;*/
}


#levelCompany .mainImage{
	margin:0 auto;
	padding:0;
	clear:both;
	background:#ffffff url(../company/images/main_back.jpg) no-repeat top center;
	height:305px;
	
}









/*-----------------------------------------------------
 level1
-----------------------------------------------------*/
#level1{
	padding:0;
	margin:0 auto;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ededed;
	background:#ededed url(../images/top/back_shadow.gif) repeat-x top;
}



#level1 #container{
	margin:0 auto;
	width:980px;
}


#level1 #pageBody{
	overflow:auto;
	clear:both;
}


#level1 #mainContainer{
	margin:0;
	padding:0;
	float:left;
	width:710px;
}

#level1 #main{
	float:right;
	width:700px;
	padding:20px 0 0 0px;
}


#level1 #floating1{
	float:left;
	width:130px;
	text-align:left;
	
	/*background:#F0F0F0;*/
}

#level1 #floating2{
	float:right;
	width:250px;
	font-size:80%;
	margin:30px 0 0 0;
}

.mainBoxBody{
	background:url(../images/common/main_box_body.gif) repeat-y;
}


/*-----------------------------------------------------
 level2
-----------------------------------------------------*/
#level2{
	padding:0;
	margin:0 auto;
	width:980px;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ffffff url( ../images/main_back_body2.gif ) repeat-y left;
}



#level2 #pageBody{
	background:url(../images/main_back4.jpg) no-repeat;
	overflow:auto;
	clear:both;
}


#level2 #mainContainer{
	margin:0;
	padding:0;
	float:left;
	width:925px;
}

#level2 #main{
	float:right;
	width:780px;
	padding:55px 0 0 5px;
	
}


/*-----------------------------------------------------
 level3
-----------------------------------------------------*/

#level3{
	padding:0;
	margin:0 auto;
	width:100%;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ffffff url( ../images/howto_back.jpg ) repeat-x;
}


#level3 #container{
	background:url(../images/howto_back_main.gif) repeat-y;
	overflow:auto;
	clear:both;
}



#level3 #pageBody{
	background:url(../images/howto_back2.jpg) no-repeat;
	overflow:auto;
	clear:both;
}



#level3 #mainContainer{
	margin:0;
	padding:0;
	width:100%;
}



/*-----------------------------------------------------
 level4
-----------------------------------------------------*/

#level4{
	padding:0;
	margin:0 auto;
	width:100%;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ffffff url( ../images/howto_back.jpg ) repeat-x;
}


#level4 #container{
	background:url(../images/level4_back_main.gif) repeat-y;
	overflow:auto;
	clear:both;
}



#level4 #pageBody{
	background:url(../images/level4_back.jpg) no-repeat;
	overflow:auto;
	clear:both;
}



#level4 #mainContainer{
	margin:0;
	padding:0;
	width:100%;
}



/*-----------------------------------------------------
 level5
-----------------------------------------------------*/
#level5{
	padding:0;
	margin:0 auto;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#ededed;
	background:#ededed url(../images/top/back_shadow.gif) repeat-x top;
}



#level5 #container{
	margin:0 auto;
	width:980px;
}


#level5 #pageBody{
	overflow:auto;
	clear:both;
}


#level5 #mainContainer{
	margin:0;
	padding:0;
	float:left;
	width:980px;
}

#level5 #main{
	float:right;
	width:980px;
	padding:20px 0 0 0px;
}








/*-----------------------------------------------------
 footer
-----------------------------------------------------*/
#footer{
	clear:both;
	font-size:0.8em;
	padding:5px;
	text-align:center;
	background:#FFF;

}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer ul{
	margin:0 0 0 10px;
}

#footer li{
	list-style:none;
	float:left;
}

#footerBody{
	width:960px;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
}

#footerBody .leftArea{
	float:left;
}

#footerBody .rightArea{
	float:right;
	text-align:right;
}



/*-----------------------------------------------------
 pageFooter
-----------------------------------------------------*/
#pageFooter{
	width:940px;
	padding:50px 0 0 40px;
	margin:0 auto;
}

#pageIndexFooter{
	width:950px;
	padding:30px 0 0 10px;
}

.linkPersonal{
	float:left;
}
.linkPageTop{
	float:right;
}



/*-----------------------------------------------------
 floating1
-----------------------------------------------------*/
#floating1 li{
	width:140px;
	padding:3px 0 3px 0px;
	line-height:1.2em;
	border-bottom:1px solid #411a14;
}

.menuLevel1{
	margin:10px 0 0 0;
}

.menuLevel2{
	margin:40px 0 0 0;	
}

#floating1 .menuLevel2 li{
	padding:0px 0 0px 0px;
}

#floating1 .menuLevel3 li{
	border:none;
	padding:1px 0 1px 0px;
}


.menuLevel3{
	margin:30px 0 0 0;
	
}

.menuLevel4{
	margin:50px 0 0 0;
}


#floating1 .menuLevel4 li{
	border:none;
	padding:3px 0;
}



/*-----------------------------------------------------
 floating2
-----------------------------------------------------*/
#floating2{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}

#floating2Body{
	
	padding:0 0 0 10px;
}




/*-------------------------------------------*/
/* pageHeader1 */
/*-------------------------------------------*/
#pageHeader1{
	border-bottom:1px solid #D0D0D0;
	padding:0 0 15px 0;
}

#pageHeader1 .logo{
	float:left;
	width:0px;
	padding:25px 0 0 0;
}

#pageHeader1 .rightArea{
	float:right;
}


#pageHeader1 li{
	float:left;
	padding:0;
}

.menu2{
	text-align:right;
	clear:both;
	padding:5px 10px 0 0;
}

.clear{
	clear:both;
}





/*-------------------------------------------*/
/* pageHeader2 */
/*-------------------------------------------*/
#pageHeader2{
	margin:0 auto;
	text-align:center;
	/*height:332px;*/
	height:275px;
	/*
	height:332px;
	width:1160px;
	background:url(../images/top/main5.jpg) no-repeat 0 bottom;
	*/
}

#pageHeader2 img{
	vertical-align:bottom;
}
#specialPhoto{
	float:left;
	width:185px;
}

#specialHead{
	float:left;
	width:519px;
	background:#000000;
	background:url(../images/global_navi_back.gif) 0 bottom;
	
}

#specialSearch{
	float:left;
	width:195px;
	height:150px;
	background:#000000;
	background-image:url(../images/search_back.gif);
	text-align:center;
	margin:0 auto;
	border-left:1px solid #222222;
}



#globalNavi{
	overflow:auto;
	background:url(../images/global_navi.gif);
}
#globalNavi ul{
	list-style:none;
}
#globalNavi li{
	float:left;
	width:98px;
}

#globalNavi li a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:33px;
	padding:33px 0 0 0;
	background-image:url(../images/global_navi.gif);
}

#navi01 a{ background-position:0 0;}
#navi02 a{ background-position:-98px 0;}
#navi03 a{ background-position:-196px 0;}
#navi04 a{ background-position:-294px 0;}


#navi01 a:hover{ background-position:0 -32px;}
#navi02 a:hover{ background-position:-98px -32px;}
#navi03 a:hover{ background-position:-196px -32px;}
#navi04 a:hover{ background-position:-294px -32px;}

#specialSearch form{
	padding:0;
	margin:0;
}

.searchTxt{
	width:180px;
	margin:10px 0 5px 0;
}

/*-----------------------------------------------------
 floating1
-----------------------------------------------------*/
#floating1 h2{
	margin:0;
	padding:0;
}
#floating1 h3{
	margin:0px 0 0 0px;
	background:#FFFFFF;
}

#floating1 .category{
	margin:5px 10px;
	/*background:#FFFFFF;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#floating1 ul{
	list-style:none;
	margin:0px 0 0 0px;

}



#linkArea{
	text-align:center;
	margin:20px auto;
}

/*
#floating1 a{
	width:100%;
	display:block;
}

#floating1 a:link{
	text-decoration:none;
}
#floating1 a:visited{
	color:#713631;
	text-decoration:none;
}

#floating1 a:hover{
	color:#006699;
	text-decoration:none;
	background:#E2F0FA;
}
*/



/*-------------------------------------------*/
/* cleafix */
/*-------------------------------------------*/
.clearfix:after{
	content::".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
*html .clearfix{ 
	height:1%;
}
.clearfix{
	display:block;
	overflow:visible;
}
/* End hide from IE-mac */

.topTitle{
	display:none;
}