/********************
Common Setting
********************/

body{
 font-feature-settings: 'palt';
}


.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }

.clear{
	clear: both;
}

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

a{
	text-decoration: none;
}

a:link, a:visited{
	color: #e19a63; 
}

a:hover{
	color: #999;
	background-color: transparent;
	text-decoration: underline;
}

p{
	line-height: 150%;
}

/********************
Basic layout
********************/

#wrap{
	width: 1120px;
	margin: 0 auto;
}



/*ヘッダー*/
#header{
	width: 1120px;
	height: 90px;
	background: url('../images/common/bg_headeer.jpg') no-repeat;
}

/*大箱*/

h1{
	text-indent: -9999px;
	height: 90px;
}

#item{
	width: 895px;
	height: 490px;
	margin: 0 0 0 25px;
	overflow: auto;
}



#navi{
	width: 960px;
	height: 120px;
	margin: 0 auto 30px;
}


#navi li{
	display: inline;
	float: left;
	width:160px;
	height: 120px;
}

#navi #n1{
	width: 150px;
}

#navi li a{
	display: block;
	width:100%;
	height: 100%;
	background-image: url('../images/common/navi2.jpg');
	background-repeat: no-repeat;
	background-size: 960px;
	text-indent: -9999px;
}

#n1 a:link,
#n1 a:visited { background-position: 0    0; }
#c1 #n1 a     { background-position: 0 -240px; }
#n1 a:hover   { background-position: 0 -120px; }
#n1 a:active  { background-position: 0 -240px; }

/* #n2 a:link,
#n2 a:visited { background-position: -150px    0; }
#c2 #n2 a     { background-position: -150px -240px; }
#n2 a:hover   { background-position: -150px -120px; }
#n2 a:active  { background-position: -150px -240px; }
 */
#n3 a:link,
#n3 a:visited { background-position: -150px    0; }
#c3 #n3 a     { background-position: -150px -240px; }
#n3 a:hover   { background-position: -150px -120px; }
#n3 a:active  { background-position: -150px -240px; }

#n4 a:link,
#n4 a:visited { background-position: -310px    0; }
#c4 #n4 a     { background-position: -310px -240px; }
#n4 a:hover   { background-position: -310px -120px; }
#n4 a:active  { background-position: -310px -240px; }

#n5 a:link,
#n5 a:visited { background-position: -470px    0; }
#c5 #n5 a     { background-position: -470px -240px; }
#n5 a:hover   { background-position: -470px -120px; }
#n5 a:active  { background-position: -470px -240px; }

#n6 a:link,
#n6 a:visited { background-position: -630px    0; }
#c6 #n6 a     { background-position: -630px -240px; }
#n6 a:hover   { background-position: -630px -120px; }
#n6 a:active  { background-position: -630px -240px; }

/* #n7 a:link,
#n7 a:visited { background-position: -720px    0; }
#c7 #n7 a     { background-position: -720px -240px; }
#n7 a:hover   { background-position: -720px -120px; }
#n7 a:active  { background-position: -720px -240px; } */

#n8 a:link,
#n8 a:visited { background-position: -790px    0; }
#c8 #n8 a     { background-position: -790px -240px; }
#n8 a:hover   { background-position: -790px -120px; }
#n8 a:active  { background-position: -790px -240px; }



#f_navi{
	margin: 30px 0 0 10px;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

#f_navi li{
	display: inline; 
	border-style: none none none solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 0 10px;
	font-size: 93%;
}

#f_navi li a{
	color: #ffffff;
}

#f_navi li#f1{
	border: none;
	margin-left: 100px;
}


#copyright{
	padding: 20px 110px 0 0;
	color: #6CA87E;
	text-align: right;
	font-size: 85%;
}
.gotop{
	clear: both;
	width: 200px;
	height: 10px;
	margin: 10px 10px 10px 900px;
}

.gotop a{
	display: block;
	width: 100px;
	height: 20px;
	background: url('../images/common/gotop.jpg') no-repeat;
	text-indent: -9999px;
}

p.up{
	text-align: right;
	margin-top: 10px;
}

hr{
	width: 598px;
	margin : 0 20px 0 20px !important;
	border: 1px dashed #660000;
}