@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

.wrapper {width:100%; overflow:hidden;}

body {
	background:#f3f3e9;
	font-size:100%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:white;
	line-height:1.5;
}

html {
	overflow-y:scroll;
	background-image: url("../img/bg_head.png");
}

p {
	letter-spacing: 0.15em;
	margin:0 0 1em;
}

.text1 {
	font-size:100%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif
	color: #504f4f;
	text-shadow: 0px 2px 1px #d4d4d4; 
	letter-spacing: 0.15em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a:link	{
	color : #8986ff;
	text-decoration : none;
}
a:visited	{
	color : #0080c0;
	text-decoration : none;
}
a:active	{
	color : #804000;
	text-decoration : none;
}
a:hover	{
	color : #808080;
	text-decoration : underline;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	background:#1e2c5b;
	background-image: url("../img/bg_head.png");
	width:100%;
	text-align:center;
}

#header h1 {
	padding:10px 15px 0;
}

#header p#siteDescription {
	padding:0 15px 10px 30px;
}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	margin:0 0px 0px;
	overflow:hidden;
}


/* __main
------------------------------------------*/

#main {
	float:right;
	width:75%;
	padding:10px;
	background:#f3f3e9;
	color:black;
}

#main a {
	color:#0080ff;
}

.box {
	background-color:rgba(231,231,218,0.7);
	padding:10px;
	margin:0 0 1em;
	}
/* __sub
------------------------------------------*/

#sub {
	float:right;
	width:20%;
	background:#f3f3e9;
}

#sub h3 {
	margin-bottom:5px;
	font-size:100%;
	letter-spacing:1px;
}

#sub ul {
	margin:20px 0 20px;
	padding:5px;
	background:#f3f3e9;
}

#sub ul li {
	padding:5px 10px;
}
/* __bg
------------------------------------------*/
#bg {
	float:right;
	width:75%;
	height: 380px;
	padding:10px;
	background:#f3f3e9;
	color:black;
	background-image: url("../img/photo_kane.jpg");
}




#back-top {
position: fixed;
bottom: 20px;
right:20px;
}

.colorgray{ font-size:90%; color:#555555;}
.color2{ font-size:20px; color:#000000; text-shadow: 0px 2px 1px #bbbaba; }
.color3{ font-size:20px; color:#ff0080; text-shadow: 0px 2px 1px #bbbaba;}
.color4{ font-size:110%; color:#004000; text-shadow: 0px 2px 1px #bbbaba; background-color: #cfcfa0; padding:10px;}
.color5{ font-size:110%; color:#000000; text-shadow: 0px 2px 1px #bbbaba; background-color: #c0c0c0; padding:10px;}
.color6{ font-size:20px; color:#ffffff; text-shadow: 0px 2px 1px #bbbaba; background-color: #ff8000; }
.color7{ color:#3d3d3d; text-shadow: 0px 2px 1px #bbbaba;}
.color8{ font-size:20px; color:#0080ff; text-shadow: 0px 2px 1px #bbbaba;}



/* ============================= footer ====================== */

footer {

	background:#1e2c5b;
	background-image: url("../img/bg_head.png");
	padding:10px;
margin: 0 auto;
color:#ffffff;
height:320px;
}


#footer p#copyright {
	text-align:center;
	margin-bottom:0;
	font-size:80%;
}

footer a{ color:#8080ff; text-decoration:none}
footer a:hover{ text-decoration:underline}



.icons{ float:left; width:400px; padding-right:70px;}
.info{ float:left; width:300px;}
.phone{ float:left; width:300px; padding-left:45px;}



#icons{ padding: 8px 0 0 0; overflow:hidden;}
#icons li{ float:left; padding-right:6px;}


/* アコーディオン */
.list6 dl.acordion{
	margin: 0 10px 1em 10px;
	}
	.list6 dt.trigger {
		background: #e8e8e8 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#dbdbdb)); 
		background: #e0e0e0 linear-gradient(#b9e4ff, #c7e4f8);
		border-radius: 10px;
		text-align: left;
		border: 1px solid #ccc;
		color: #000; 
		padding: 10px;
	}
	.list6 dt.active{
		border-radius: 10px 10px 0 0;
	}
	.list6 dt.trigger span.open-close {
		background: url(../img/point_plus.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
		text-indent: -9999em;
	}
	.list6 dt.active span.open-close {
		background: url(../img/point_none.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
	}	
	.list6 dd.acordion_tree{
		padding: 10px;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: #eaeaea linear-gradient(#fff, #f0f0f0);
		border: 1px solid #ccc;
		border-top: none;
	margin:0 0 1em;
	}


h5 {
border-style: none none dashed solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(204, 204, 153) rgb(204, 204, 153);
border-width: medium medium 1px 5px;
padding: 5px 10px;
margin-bottom: 0.2em;
background-color: transparent;
font-size: 100%;
}

img.yohaku {
   float: left;
   margin: 0px 0.5em 0.5em 0px;
   clear: both;
}