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

body{
	padding:0;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,h2,h3,h4,h5,p,ol,dl,ul,li{
	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;
}

form{
	margin:0;
	padding:0;
}

#pageHeader1{
	background:#FFFFFF;
}

#pageHeader2{
	clear:both;
	background:#000000;
	width:900px;
	height:150px;
}



#floating1{
	float:left;
	width:185px;
	margin:20px 0 10px 0;
	padding:0 0 0 8px;
}

#floating2{
	float:right;
	width:230px;
	font-size:80%;
	margin:20px 0 10px 0;
}


/*----------------------------------------------------------
  level0
------------------------------------------------------------*/
#level0{
	padding:0;
	width:910px;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	background:#000000;
}


#level0 #container{
	float:left;
	margin:0 -240px 0 0;
	padding:0;
	width:100%;
}

#level0 #pageBody{
	width:100%;
	float:right;
	margin:20px 0 10px -200px;
	padding:0;
}

#level0 #main{
	margin:0 240px 0 200px;
	padding:0;
	width:470px;
}

#level0 #mainBody{
	padding:0 0 0 0px;
}



/*----------------------------------------------------------
  level1
------------------------------------------------------------*/
#level1{
	margin:0;
	padding:0;
	width:100%;
	font-size:95%;
	color:#575757;
	line-height:1.3em;

	min-width:900px;
	width:expression(document.body.clientWidth < 921? "920px":"100%");

}

#level1 #container{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
	background:#ffffff url(../images/main/container_back.gif) repeat-y 0 0;
}


#level1 #pageBody{
	width:100%;
	float:right;
	margin:20px 0 10px -220px;
	padding:0;

}


#level1 #main{
	margin:0 0 0 220px;
	padding:0;
	
}




/*----------------------------------------------------------
  level2
------------------------------------------------------------*/
#level2{
	padding:0;
	width:900px;
	font-size:95%;
	color:#575757;
	line-height:1.3em;
	border-right:1px solid #333333;
	background:#ffffff;
	width:expression(document.body.clientWidth < 921? "920px":"100%");
	
}

#level2 #pageBody{
	width:100%;
	overflow:auto;
	clear:both;
}


#level2 #mainContainer{
	margin:0;
	padding:0;
	/*float:left;*/
	width:900px;
}


#level2 #main{
	/*width:100%;*/
}



/*----------------------------------------------------------
  level3
------------------------------------------------------------*/
#level3{
	padding:0;
	width:100%;
	width:expression(document.body.clientWidth < 921? "920px":"100%");
}


#level3 #pageBody{
	width:900px;
	margin:0 auto;
	overflow:inherit;
}



#level3 #main{
	
}



/*----------------------------------------------------------
  header
------------------------------------------------------------*/
#header{
	
}


#headerLevel1{
	width:100%;
	background-image:url(/shopap/images/main/head_back.gif);
}

#headerLevel2{
	width:100%;
	background-image:url(/shopap/images/main/head2_back.gif);
	height:35px;
}

#header ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header li{
	margin:0;
	padding:0;
	display:inline;
}

#logo{
	float:left;
	width:350px;
}

#headmenu{
	float:right;
	color:#FFFFFF;
	font-size:80%;
	padding:0 10px 0 0;
}

#catch{
	float:left;
	width:270px;
}

#searchArea{
	float:right;
	width:500px;
	background:url(/shopap/images/main/search/header_back.gif) no-repeat;
	padding:3px 0 0 30px;
	height:35px;
}

.formSearch{
	width:300px;
	height:18px;
	margin:0 0 0 0;
	padding:0 3px;
	border:1px solid #333333;
}
.formSearchButton{
	vertical-align:bottom;
}

#headtext a{
	color:#FFFFFF;
	font-size:80%;
}
#headtext a:visited{
	color:#FFFFFF;
}
#headtext a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background-color:#CC3300;
}

#globalNavi{
	/*float:left;*/
	width:100%;
	background-image:url(/shopap/images/main/navi02_02_07.gif);
	background-repeat:-x;
}

.javascriptCaution{
	color:#FF0000; font-weight:bold; margin:20px;
}

.headerMenu{
	text-align:right;
	font-size:0.85em;
	padding:0 5px 0 0;
}


/*----------------------------------------------------------
  footer
------------------------------------------------------------*/
#footer{
	clear:both;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footBack{
	text-align:right;
	padding:0 ;
	
}

#footMain{
	background-color:#a12700;
	font-size:80%;
	padding:5px;
	color:#FFFFFF;
}



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

#floating1 .category{
	margin:5px 10px;
}

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

#floating1 li{
	padding:1px 0 1px 25px;
	background:url(../images/menu_icon_01.gif) no-repeat 10px .3em;
	border-bottom:1px solid #dddddd;
	line-height:1.2em;
	font-size:0.8em;
	width:180px;
}
#floating1 li.down{
	padding:3px 0 3px 25px;
	background:url(../images/menu_icon_01_down.gif) no-repeat 10px .3em;
	border-bottom:1px solid #dddddd;
}
#floating1 li.level2{
	margin:0 0 0 15px;
	padding:3px 0 3px 25px;
}


#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;
}


/*----------------------------------------------------------
  icon
------------------------------------------------------------*/
#useList, #categoryList,#downloadList{
	width:182px;
	background:#ffffff;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	
}


#useList li{
	padding:1px 10px 2px 20px;
	background-image:#ffffff url(../images/main/lst_sq_arow_blue.gif);
	background-repeat:no-repeat;
	background-position:0 .2em;
	border-bottom:1px dotted #cccccc;
	
}

.simpleLevel1, .useLevel1, .downloadLevel1{
	border-bottom:1px dotted #efe3bb; 
	padding:3px 0 3px 32px;
	font-size:0.9em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
}

.simpleLevel2, .useLevel2, .downloadLevel2{
	font-size:.85em;
	line-height:1.3em;
	padding:2px 0 2px 45px;
	border-bottom:1px dotted #efe3bb;
	background:url(../images/icon/arrow_blue.gif) no-repeat 30px .4em;
	text-align:left;
	
}

#useList a, #categoryList a,#downloadList a{
	display:block;
	width:95%;
}
#useList a:hover, #categoryList a:hover,#downloadList a:hover{
	background:#F9FEB6;
}

.simple25{
	background:url(../images/icon/simple025.gif) no-repeat 2px 0em;
}

.simple26{
	background:url(../images/icon/simple026.gif) no-repeat 2px 0em;
}

.simple28{
	background:url(../images/icon/simple028.gif) no-repeat 2px 0em;
}

.simple29{
	background:url(../images/icon/simple029.gif) no-repeat 2px 0em;
}

.simple30{
	background:url(../images/icon/simple030.gif) no-repeat 2px 0em;
}

.use30{
	background:url(../images/icon/use30.gif) no-repeat 2px 0em;
}

.use31{
	background:url(../images/icon/use31.gif) no-repeat 2px 0em;
}
.use32{
	background:url(../images/icon/use32.gif) no-repeat 2px 0em;
}
.use33{
	background:url(../images/icon/use33.gif) no-repeat 2px 0em;
}
.use34{
	background:url(../images/icon/use34.gif) no-repeat 2px 0em;
}
.use35{
	background:url(../images/icon/use35.gif) no-repeat 2px 0em;
}
.use36{
	background:url(../images/icon/use36.gif) no-repeat 2px 0em;
}
.use38{
	background:url(/shopap/images/icon/use38.gif) no-repeat 2px 0em;
}



.download1{
	background:url(../images/icon/download1.gif) no-repeat 2px 0em;
}
.download2{
	background:url(../images/icon/download2.gif) no-repeat 2px 0em;
}
.download3{
	background:url(../images/icon/download3.gif) no-repeat 2px 0em;
}
.download4{
	background:url(../images/icon/download4.gif) no-repeat 2px 0em;
}
.download5{
	background:url(../images/icon/download5.gif) no-repeat 2px 0em;
}
.download6{
	background:url(../images/icon/download6.gif) no-repeat 2px 0em;
}
.download7{
	background:url(../images/icon/download7.gif) no-repeat 2px 0em;
}
.download8{
	background:url(../images/icon/download8.gif) no-repeat 2px 0em;
}


/*----------------------------------------------------------
  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;
}

.clear{
	clear:both;
}