/****************************************
		General Setting 
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: bottom;
	}
body{line-height: 1;}
ol, ul{list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	padding:0;
	border:none;
	}

header,footer,nav,article,section,aside{display: block;}

html{}
body{
	background: url("../common/brick.png") #f5f0e9 center 0px;
    font: 12px/24px "メイリオ","Meiryo","Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",osaka,sans-serif;
	color: #222;
	 -webkit-background-size:320px; 
	}

a{ color: #000; text-decoration:none; }
a:hover{ color: #0166CC; text-decoration:underline; }

.clear{ clear: both;}
.noscript{
	text-align:center;
	padding:10px 0;
	background:#fde;
	color:#c00;
	display:none
	}
a.alpha:hover img{
	filter: alpha(style=0, opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* ////////////////////clearFix//////////////////// */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
a.banner_alpha:hover img{
	filter: alpha(style=0, opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.pic {
	margin:0px;
	padding:0px;
}
br {
	letter-spacing:0;
}




.alignleft{ float:left; margin-right:0px; margin-top:7px; }
.alignright{ float:right; margin-left:0px; margin-top:7px; }

h3{ font-size:20px; font-weight:bold; }

header #header_area { background: url("../common/sky.jpg") repeat-x #fff; margin:0; -webkit-background-size:320px 247px; }


/* //////////////////// nav  //////////////////// */
nav { background-color:transparent; }
nav ul { margin:0 auto; padding:0; width:320px; height:182px; }
nav ul li { color:#fff; float:left; }
nav ul li a { display: inline-block; text-indent:-9999px; background:url("../common/nav.png") no-repeat; -webkit-background-size:320px 364px; color:transparent; }
nav ul li a:hover { color:transparent; }

nav ul li a.nav1 { background-position: 0px 0px; width:85px; height:80px; }
nav ul li a:active.nav1 { background-position: 0px -182px; }

nav ul li a.nav2 { background-position: -85px 0px; width:80px; height:80px; }
nav ul li a:active.nav2 { background-position: -85px -182px; }

nav ul li a.nav3 { background-position: -165px 0px; width:75px; height:80px; }
nav ul li a:active.nav3 { background-position: -165px -182px; }

nav ul li a.nav4 { background-position: -240px 0px; width:80px; height:80px; }
nav ul li a:active.nav4 { background-position: -240px -182px; }

nav ul li a.nav5 { background-position: 0px -80px; width:85px; height:100px; }
nav ul li a:active.nav5 { background-position: 0px -262px; }

nav ul li a.nav6 { background-position: -85px -80px; width:80px; height:100px; }
nav ul li a:active.nav6 { background-position: -85px -262px; }

nav ul li a.nav7 { background-position: -165px -80px; width:75px; height:100px; }
nav ul li a:active.nav7 { background-position: -165px -262px; }

nav ul li a.nav8 { background-position: -240px -80px; width:80px; height:100px; }
nav ul li a:active.nav8 { background-position: -240px -262px; }



.list1 dt.trigger span.open-close {
width: 149px;
height: 84px;
text-indent: -9999em;
margin-right: 0;
margin-top: 0;
background-image: url(../common/menu.png);
background-repeat: no-repeat;
background-position: right top;
-webkit-background-size: 149px 84px;
}








.list1 dl.acordion{
	width: 320px;
	margin: 0 0 0px 0 ;
}
	.list1 dt.trigger {
	background: url(../common/menu.png) no-repeat 161px 0px;
	width: 310px;
	height: 84px;
	-webkit-background-size: 149px 84px;
}
	.list1 dt.active{
	background: url(../common/menu-close.png) no-repeat 161px 0px;
	-webkit-background-size: 149px 84px;
	border-radius: 5px 5px 0 0;
		}
.list1 dt.trigger span.open-close {
	display: none;
}
	.list1 dt.active span.open-close {
	-webkit-background-size: 20px 20px;
}	
	.list6 dd.acordion_tree{
	padding:0px;
	width: 310px;
		}