@charset "UTF-8";

/* base */

*{
	vertical-align:baseline;
	margin:0;
	padding:0;
}

a:link,
a:visited,
a:active{ color:#666; text-decoration:underline; }
a:hover{ color:#666; text-decoration:none; }

hr{ display: none; }
img{ border:none; }


/* layout */

body{
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color:#221814;
	background:url(../img/bg.gif) repeat;
	text-align:center;
}

#head{
	margin:0 auto;
	width:960px;
	height:130px;
	/* background:url(../img/bg_head.gif) repeat #000; */
	text-align:left;
}
#head_bg{
	margin:0 auto;
	width:100%;
	background:#fff;
	/* background:url(../img/bg_photo.jpg) center 0 repeat-x #fff; */
}
#head_btn{
	float:right;
	margin-top:10px;
	text-align:right;
}

#head_btn img{ margin-left:20px; text-align:right;}

#logo{
	float:left;
}
#logo img{ margin-left:0px; margin-top:40px; }


#menu{
	width:960px;
	margin:0 auto;
	/*background:url(../img/bg_menu.gif) repeat-x center 0% #FFF;*/
}
#menu ul{
	width:960px;
	margin:0 auto;
	list-style:none;
}
#menu ul li{ float:left; }
#menu ul li img{ display:block; }

#menu_bg{
	margin:0 auto;
	width:100%;
	height:50px;
	background:url(../img/bg_menu.gif) center 0 repeat-x #fff;
}

#contents{
	
}

#container{
	width:960px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	/*border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;*/
}

#inner{
	width:920px;
	margin:0 auto;
	padding:20px 0;
}

#foot{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	color: #fff;
}

#foot_bg{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#333;
}

#foot p{font-size:75%;}

.box2 {	width:450px; }
.box4 {	width:215px; }
.box3-1 { width:293px; }
.box3-2 { width:607px; }


/* contents */

h1{
	font-size:62.5%;
	font-weight:normal;
	color:#221814;
	text-align:right;
}

h2{
	margin:0 0 30px;
}

h3{
	margin:0 0 10px;
	padding-left:10px;
	font-size:87.5%;
	color:#444;
	line-height:1.6;
	border-left:4px solid #444;
}

h4{
	margin:5px 0 5px;
	padding-left:0;
	font-size:80%;
	color:#081b09;
	line-height:1.4;
	border-bottom:1px solid #c5c3be;
}

h5{
	margin:0 0 10px;
	padding-left:0;
	font-size:90%;
}

p{
	font-size:75%;
	line-height:1.6em;
}

.cmt{
	font-size:60%;
	line-height:1.6em;
	margin-top:2px;
}


/* common */

.fl{ float:left; }
.fr{ float:right; }

.ar{ text-align:right; }
.ac{ text-align:center; }
.al{ text-align:left; }

.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.ml0{ margin-left:0px !important; }
.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:30px !important; }

.mr0{ margin-right:0px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr30{ margin-right:30px !important; }

.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

.clr{
	clear:both;
	display:block;
	font-size:1px;
	margin:0 0 -1px;
	padding:0;
	height:1px;
}

#slideshow {
   position: relative;
   width:  960px; /* 画像の横幅に合わせて記述 */
   height: 500px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}