@charset "shift_jis";
/* CSS Document */
*{
margin: 0;
padding: 0;
}
*::selection{
background-color:rgba(184,242,140,0.2);
}
*::-moz-selection{
background-color:rgba(184,242,140,0.2);
}

img{
vertical-align:bottom;
}

a{
color:#65ab31;
-webkit-transition:0.1s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

a:hover{
color:#fff;
-webkit-transition:0.1s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

a img{
-webkit-transition:0.6s ease-in-out;
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
}

a:hover img{ 
opacity:0.8;
filter: alpha(opacity=80);
-webkit-transition:0.1s ease-in-out;
-moz-transition:0.1s ease-in-out;
-o-transition:0.1s ease-in-out;
-ms-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
/*-webkit-transform:scale(0.98,0.98);
-moz-transform:scale(0.98,0.98);
-ms-transform:scale(0.98,0.98);
-o-transform:scale(0.98,0.98);
transform:scale(0.98,0.98);
-webkit-transform:scale(1.02,1.02);
-moz-transform:scale(1.02,1.02);
-ms-transform:scale(1.02,1.02);
-o-transform:scale(1.02,1.02);
transform:scale(1.02,1.02);*/
-webkit-transform: rotate(0.2deg) scale(0.98,0.98);
-moz-transform: rotate(0.2deg) scale(0.98,0.98);
transform: rotate(0.2deg) scale(0.98,0.98);
}

body{
background-repeat:repeat;/*背景画像が繰り返す設定*/
font-family:"メイリオ",Meiryo,sans-serif;
/*font-family: '游ゴシック','Yu Gothic';
font-family: '游明朝','Yu Mincho';*/

font-size:18px;
color: #663300;/*全体で使う文字の色*/
}


#wrapper{
text-align: left;
width: 960px;
margin: 0 auto;
}

h1{
font-size:11.125px;
padding-left:8px;
letter-spacing:1px;
}

h2{
font-size:14px;
position:relative;
text-align:center;
letter-spacing:1px;
}
h2 span{
position:relative;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
/*background-color: #fffff9;*/
text-align: left;
}
h2::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
/*background-color: #663300;*/
}

h3{
font-size:18px;
width:280px;
padding: 8px 0px 8px 16px;
border-left: 8px solid #65ab31;
border-bottom: 1px solid #65ab31;
margin-bottom:16px;
letter-spacing:0px;
}

h4{
font-size:11.125px;
position:relative;
text-align:center;
}
h4 span{
position:relative;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
letter-spacing:3px;
}
h4::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #663300;
}

h5{
font-size:11.125px;
position:relative;
text-align:center;
background-color: #fffff9;
}
h5 span{
position:relative;
width:30%;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fffff9;
text-align: center;
letter-spacing:3px;
}
h5::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #65ab31;
}

#header{
height: 213.5px;
font-size:8px;
z-index:9999;
}

#container{
width: 960px;
height:3800px;
float: right;
margin-left: -224px;
}

#contents{
position: relative;
margin: 0 8px 0 224px;
padding: 0;
}

#sidebar{
width: 200px;
height:2600px;
float: left;
margin: 0 0 0 8px;
}

#sidebar ul{
width:100%;
list-style-type:none;
text-align:left;
text-indent:1em;
background:#fffff9;
padding:8px 0px;
}

#sidebar ul li{
margin-bottom:8px;
}

#footer{
clear: both;
width: 100%;
height:720px;
text-align: center;
}

#footer p{
padding: 0.5em 0;
font-size:11.125px;
}

address{
background-color:;/*フッターの背景色*/
width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
font-size:80%;/*文字は少し小さめに指定*/
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:center;/*文字をセンター合わせにする*/ 
padding-top:8px;/*文字の上に少しスペースを空ける*/
padding-bottom:8px;/*文字の下に少しスペースを空ける*/
}

address a{
color:#663300;/*著作権表示のリンクの文字を見やすい色に変える*/
text-decoration:none;/*リンク文字の下線を消す設定*/
}

address a:hover {
color:#FF0000;/*カーソルが上に来た時文字の色を変える*/
}

#topnavi{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0.5em 0;
}

#undernavi{
position: absolute;
bottom: 0;
left: 0;
text-align: right;
margin-right: 2em;
width: 100%;
padding: 0.5em 0;
}

#hh{
width:100%;
padding-left:8px;
padding-top:1px;
/*background: -webkit-repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background: repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);*/
background-color:rgba(184,242,140,0.2);
height:15px;
border-bottom:4px solid #FFFFFF;
border-top:5px solid #FFFFFF;
z-index:9999;
}

#hht{
position:absolute;
top:0px;
right:155px;
width:;
font-size:10px;
padding-top:6px;
margin-left:px;
margin-right:6px;
text-align:right;
}

#hht1{
position: relative;
top:0px;
right:4px;
width:;
font-size:8px;
padding-top:8px;
margin-left:16px;
margin-right:4px;
text-align:right;
z-index:10;
}

#hmain{
width: 960px;
height:117.5px;
max-height:125px;
padding-top:8px;
/*background:url("../imgNEW/HbgMARA.png");*/
background-repeat:no-repeat;
position: relative;
top:0;
z-index:9999;
}

#hmain div{
margin-left:8px;
float:left;
}

#hmain ul{
width:550px;
list-style-type:none;
margin-left:420px;
padding-top:8px;
}

#hmain ul li{
float:left;
width:265px;
display:block;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-indent:;
line-height:14px;
/*border-bottom:1px dotted #960;
border-left:1px dotted #960;*/
border-top:8px solid #fff;
}
#hmain li a{
color: #663300;
text-decoration:none;
}
#hmain li a:hover{
color: #65ab31;
text-decoration:underline;
}
#hmain li img{
margin-left:12px;
margin-right:4px;
}
#hmain li a:hover img{
-webkit-transform: rotate(0deg) scale(1,1);
transform: rotate(0deg) scale(1,1);
}
#hmain li span{
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#630;}

#hmain li dl.search1{
	top: px;
	right: px;
	height: 18px;
	position:relative;
	background-color:#fffff9;
	border:1px solid #630;
	border-radius:5px;
	width:252px;
}
#hmain li dl.search1 dt{
	padding:0px;
	float:left;
	clear: both;
	width:156px;
	text-indent:0.5em;
}
#hmain li dl.search1 dt input{
	width:148px;
	height:16px;
	font-size:14px;
	line-height:14px;
	background:none;
	border:none;
}
#hmain li dl.search1 dd{
	position:relative;
	margin-left:156px;
	width:96px;
}
#hmain li dl.search1 dd button{
	display:block;
	background:#630;
	width:94px;
	height:16px;
	line-height:16px;
	border:none;
	border-radius: 0 5px 5px 0;
	position:absolute;
	top:1px;
	left:0;
}
#hmain li dl.search1 dd button:hover {
	background:#65ab31;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
	cursor:pointer;
}
#hmain li dl.search1 dd button span{
	display:block;
	color:#FFF;
	font-size:14px;
}



#gnavi2{
width:960px;
height:48px;
position:relative;
background-image:url();
margin-bottom:;
background-color:;
border-bottom:solid 4px #FFFFFF;
border-top:solid 4px #FFFFFF;
z-index:1;
}

#gnavi2 ul{
margin:0;
padding:0;
list-style-type:none;
font-size: 18px;/*メニューボタンの文字のサイズ*/
line-height:48px;/*メニューボタンの縦の幅*/
letter-spacing:4px;/*文字と文字の間隔を少し空ける*/
}

#gnavi2 li{
background-color:; /*メニューのボタンの背景*/
background-image:url();
float:left;/*右横へ並んで表示するように指定*/
/*width:116px; メニューボタンの幅*/
min-width:109px;
text-align:center;/*メニューの文字をセンター合わせに指定*/
font-size:18px;
font-weight:;
margin:0;
padding:0;
border-right:double 2px #fff;/*メニューボタンの右にラインを入れる*/
border-top:solid 3px  #65ab31;
border-left:solid 1px #65ab31;
border-bottom-left-radius: 8px;
}
#gnavi2 span{
display:inline-block;
background-color:rgba(184,242,140,0.2);
padding:0 0em;
width:100%;
}

#gnavi2 li img{
vertical-align:middle;}

#gnavi2 li:hover{
/*background: -webkit-repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background: repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background-color:rgba(184,242,140,0.1);
background-color:#65ab31;*/
background-color:rgba(101,171,49,0.6);
border-top:5px solid #FFFFFF;
border-bottom:solid 3px  #65ab31;
border-bottom-left-radius: 8px;
}

/*メインメニューの文字の色を変化させる設定*/
#gnavi2 a{
color:#630;/*メニューボタンの文字の色*/
text-decoration:none;/*リンク文字の下線を消す設定*/
display:block;
}

#gnavi2 a:hover{
/*color:#6b3f31; メニューの文字がカーソルが来た時、この色に変わる*/
color:#FFFFFF;
font-weight:;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

#fixnavi{
position:fixed;
top:0;
z-index:999;
background:#fff;
}

#gnavi{
width:960px;
height:48px;
position:relative;
background-image:url();
margin-bottom:;
background-color:;
border-bottom:solid 4px #FFFFFF;
border-top:solid 4px #FFFFFF;
z-index:1;
}

#gnavi ul{
margin:0;
padding:0;
list-style-type:none;
font-size: 18px;/*メニューボタンの文字のサイズ*/
line-height:48px;/*メニューボタンの縦の幅*/
letter-spacing:4px;/*文字と文字の間隔を少し空ける*/
}

#gnavi li{
background-color:; /*メニューのボタンの背景*/
float:left;/*右横へ並んで表示するように指定*/
width:116px; /*メニューボタンの幅*/
text-align:center;/*メニューの文字をセンター合わせに指定*/
font-size:18px;
font-weight:;
margin:0;
padding:0;
border-right:double 2px #fff;/*メニューボタンの右にラインを入れる*/
border-top:solid 3px  #65ab31;
border-left:solid 1px #65ab31;
border-bottom-left-radius: 8px;
}
#gnavi span{
display:inline-block;
background-color:rgba(184,242,140,0.2);
padding:0 0em;
width:100%;
}

#gnavi li img{
vertical-align:middle;}

#gnavi li:hover{
/*background: -webkit-repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background: repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background-color:rgba(184,242,140,0.1);
background-color:#65ab31;*/
background-color:rgba(101,171,49,0.6);
border-top:5px solid #FFFFFF;
border-bottom:solid 3px  #65ab31;
border-bottom-left-radius: 8px;
}

/*メインメニューの文字の色を変化させる設定*/
#gnavi a{
color:#630;/*メニューボタンの文字の色*/
text-decoration:none;/*リンク文字の下線を消す設定*/
display:block;
}

#gnavi a:hover{
/*color:#6b3f31; メニューの文字がカーソルが来た時、この色に変わる*/
color:#FFFFFF;
font-weight:;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

#hs{
width:960px;
height:386.5px;
padding-top:12px;
}

#hslider{
/*position:absolute;
top:200;*/
position:relative;
width:580px;
height:362.5px;
margin-left:8px;
overflow:hidden;
float:left;
/*margin-left:374px;*/
}

#hsleft{
position:relative;
width:174px;
height:362.5px;
margin-left:8px;
float:left;
/*margin-left:596px;
margin-left:0px;*/
}

#hsleft div{
width:100%;
height:177.25px;
margin-bottom:8px;
}

#hsleft div a img{
width:174px;
height:130px;
}

#hsright{
position:relative;
width:174px;
height:362.5px;
margin-left:778px;
/*margin-left:182px;*/
}
#hsright div{
width:100%;
height:177.25px;
margin-bottom:8px;
}
#hsright div a img{
width:174px;
height:130px;
}

.button {
	display: inline-block;
	width: 174px;
	max-width:100%;
	height: 46px;
	max-height:46px;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	-webkit-perspective: 200px;
	perspective: 200px;
	margin-top:0px;
}
.button span {
	display: block;
	position: absolute;
	width: 174px;
	max-width:100%;
	height: 46px;
	max-height:46px;
	border: 1px solid #65ab31;
	text-align: center;
	letter-spacing:4px;
	line-height: 44px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	background-color: #65ab31;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -23px;
	-moz-transform-origin: 50% 50% -23px;
	transform-origin: 50% 50% -23px;
}
.button span:nth-child(2) {
	background-color: #fff;
	color: #65ab31;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -23px;
	-moz-transform-origin: 50% 50% -23px;
	transform-origin: 50% 50% -23px;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #65ab31;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


/* fade slider */
.slides {
height:362.5px;
margin:0 auto;
overflow:hidden;
position:relative;
width:580px;
}
.slides ul {
list-style:none;
position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-ms-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}


.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
	
	-ms-animation-name: anim_slides;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
}


/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	-ms-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	-ms-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	-ms-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
	border-bottom-left-radius: 16px;
	border-top-right-radius: 16px;
}
.slides ul li a img:hover{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}


/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}
@-ms-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}

.slides ul li div {
/*  background-color:#ffffff;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #663300 inset;
    color:#663300;
	background: -webkit-repeating-linear-gradient(45deg, #d8e698, #d8e698 5px, #e0ebaf 5px, #e0ebaf 10px);
	background: repeating-linear-gradient(45deg, #d8e698, #d8e698 5px, #e0ebaf 5px, #e0ebaf 10px);
	border-right:dotted 2px #cee4ae;*/
	background-color:rgba(102,51,0,0.2);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	font-weight:bold;
    font-size:12px;
    right:90%;
    margin:0 auto;
    padding:1px 8px 2px;
    position:absolute;
    top:95%;
    width:125px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
	
	-ms-animation-name: anim_titles;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
}
.slides ul li div a{
color:#fff;
text-decoration:none;
}
.slides ul li div a:hover{
color:#fff;
}

/* fade slider */
.slides2 {
width:309px;
height:213px;
margin:0 auto;
overflow: hidden;
position:relative;
}
.slides2 ul {
list-style:none;
position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-ms-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}


.slides2 ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
	
	-ms-animation-name: anim_slides;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
}


/* css3 delays */
.slides2 ul  li:nth-child(2), .slides2 ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	-ms-animation-delay: 6.0s;
}
.slides2 ul  li:nth-child(3), .slides2 ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	-ms-animation-delay: 12.0s;
}
.slides2 ul  li:nth-child(4), .slides2 ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	-ms-animation-delay: 18.0s;
}
.slides2 ul li img {
    display:block;
	border-bottom-left-radius: 16px;
	border-top-right-radius: 16px;
}
.slides2 ul li a img {
width:309px;
}

.slides2 ul li a img:hover{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}


/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}
@-ms-keyframes anim_titles {
    0% {
        right:150%;
        opacity:0;
    }
    5% {
        right:0%;
        opacity:1;
    }
    20% {
        right:0%;
        opacity:1;
    }
    25% {
        right:0%;
        opacity:0;
    }
    100% {
        right:0%;
        opacity:0;
    }
}

.slides2 ul li div {
/*  background-color:#ffffff;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #663300 inset;
    color:#663300;
	background: -webkit-repeating-linear-gradient(45deg, #d8e698, #d8e698 5px, #e0ebaf 5px, #e0ebaf 10px);
	background: repeating-linear-gradient(45deg, #d8e698, #d8e698 5px, #e0ebaf 5px, #e0ebaf 10px);
	border-right:dotted 2px #cee4ae;*/
	background-color:rgba(102,51,0,0.2);
	color: #630;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	font-weight:bold;
    font-size:11px;
    right:90%;
    margin:0 auto;
    padding:1px 8px 2px;
    position:absolute;
    top:99%;
    width:120px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
	
	-ms-animation-name: anim_titles;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
}
.slides2 ul li div a{
color:#630;
text-decoration:none;
}
.slides2 ul li div a:hover{
color:#630;
}

/* 画面上部の帯 */
#top_belt { max-width:580px;height:0px;background:;margin:0 auto; }
/*スライダー全体のコンテナー*/
#stage {
	position: relative;
	max-width: 580px;
	margin: 0 auto;
	background:#fffff9;
	overflow: hidden;
}
/*全ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#back1,#back2,#back3,#back4,#next1,#next2,#next3,#next4 {
	display: none;
}
/* 表示切換えボタンと表示位置 */
.circ img {
	position: absolute;
	bottom:6%;
	cursor: pointer;
	z-index:3;
}
#lb1 img { left: 43%;width:2%; }
#lb2 img { left: 47%;width:2%; }
#lb3 img { left: 51%;width:2%; }
#lb4 img { left: 55%;width:2%; }
/* 左右送りボタン */
.pb, .nb { color:#fff;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;z-index:200;pointer-events:auto;}
.pb { left:1%; }
.nb { left:95%; }
.pb:hover, .nb:hover { color:#65ab31; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 580px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
	position: absolute;
	width:100%;
	height:/*90%;*/100%;
	/*left: 4.55%;*/
	opacity:0;
	/*pointer-events: none;*/
	animation:flowSlides 32s infinite;
	-webkit-animation:flowSlides 32s infinite;
	animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#photos a img{
	border-bottom-left-radius: 16px;
	border-top-right-radius: 16px;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
	position: absolute;
	width:100%;
	height:100%;
}
.pic img:nth-child(1) { width:100%; margin-left:; }
.pic img:nth-child(2) { width:2%; bottom:0%; /*2.5%;*/}

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 580px; }
#photo3 { left: 1160px; }
#photo4 { left: 1740px; }

/* 写真の下に現スライド標示ボタンを配置 */
#photo1 img:nth-child(2) { position:absolute;left:40%;width:3%; }
#photo2 img:nth-child(2) { position:absolute;left:43%;width:3%; }
#photo3 img:nth-child(2) { position:absolute;left:46%;width:3%; }
#photo4 img:nth-child(2) { position:absolute;left:49%;width:3%; }

/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r1:checked ~ #photos { animation:flowSlides1 32s infinite; -moz-animation:flowSlides1 32s infinite; -webkit-animation:flowSlides1 32s infinite; animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-timing-function: linear; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear;}
#r2:checked ~ #photos { animation:flowSlides2 32s infinite; -moz-animation:flowSlides2 32s infinite; -webkit-animation:flowSlides2 32s infinite;animation-delay:-8s; -moz-animation-delay:-8s; -webkit-animation-delay:-8s; animation-timing-function: linear; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear;}
#r3:checked ~ #photos { animation:flowSlides3 32s infinite; -moz-animation:flowSlides3 32s infinite; -webkit-animation:flowSlides3 32s infinite; animation-delay:-16s; -moz-animation-delay:-16s; -webkit-animation-delay:-16s; animation-timing-function: linear; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear;}
#r4:checked ~ #photos { animation:flowSlides4 32s infinite; -moz-animation:flowSlides4 32s infinite; -webkit-animation:flowSlides4 32s infinite; animation-delay:-24s; -moz-animation-delay:-24s; -webkit-animation-delay:-24s; animation-timing-function: linear; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear;}

/* 左右送りボタン */
#back1:checked ~ #photos { -moz-animation:flowSlides4 32s infinite; -moz-animation-delay:-24s; }
#back2:checked ~ #photos { -moz-animation:flowSlides1 32s infinite; -moz-animation-delay: 0s; }
#back3:checked ~ #photos { -moz-animation:flowSlides2 32s infinite; -moz-animation-delay:-8s; }
#back4:checked ~ #photos { -moz-animation:flowSlides3 32s infinite; -moz-animation-delay:-16s; }

#next1:checked ~ #photos { -moz-animation:flowSlides2 32s infinite; -moz-animation-delay:-8s; }
#next2:checked ~ #photos { -moz-animation:flowSlides3 32s infinite; -moz-animation-delay:-16s; }
#next3:checked ~ #photos { -moz-animation:flowSlides4 32s infinite; -moz-animation-delay:-24s; }
#next4:checked ~ #photos { -moz-animation:flowSlides1 32s infinite; -moz-animation-delay: 0s; }

#back1:checked ~ #photos { animation:flowSlides4 32s infinite; animation-delay:-24s; }
#back2:checked ~ #photos { animation:flowSlides1 32s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 32s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 32s infinite; animation-delay:-16s; }

#next1:checked ~ #photos { animation:flowSlides2 32s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 32s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 32s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides1 32s infinite; animation-delay: 0s; }

#back1:checked ~ #photos { -webkit-animation:flowSlides4 32s infinite; -webkit-animation-delay:-24s; }
#back2:checked ~ #photos { -webkit-animation:flowSlides1 32s infinite; -webkit-animation-delay: 0s; }
#back3:checked ~ #photos { -webkit-animation:flowSlides2 32s infinite; -webkit-animation-delay:-8s; }
#back4:checked ~ #photos { -webkit-animation:flowSlides3 32s infinite; -webkit-animation-delay:-16s; }

#next1:checked ~ #photos { -webkit-animation:flowSlides2 32s infinite; -webkit-animation-delay:-8s; }
#next2:checked ~ #photos { -webkit-animation:flowSlides3 32s infinite; -webkit-animation-delay:-16s; }
#next3:checked ~ #photos { -webkit-animation:flowSlides4 32s infinite; -webkit-animation-delay:-24s; }
#next4:checked ~ #photos { -webkit-animation:flowSlides1 32s infinite; -webkit-animation-delay: 0s; }



/* 初期スライドショー */
@-webkit-keyframes flowSlides {
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	25.5% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	50.5% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	75.5% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
/* 各スライド向けスライドショー */
@-webkit-keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@-webkit-keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@-webkit-keyframes flowSlides3 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@-webkit-keyframes flowSlides4 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}


/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	25.5% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	50.5% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	75.5% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@keyframes flowSlides3 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}
@keyframes flowSlides4 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	23% { left:0px; opacity:1; }
	25% { left:0px; opacity:0; }
	25.01% { left:-580px; opacity:0; }
	27% { left:-580px; opacity:1; }
	48% { left:-580px; opacity:1; }
	50% { left:-580px; opacity:0; }
	50.01% { left:-1160px; opacity:0; }
	52% { left:-1160px; opacity:1; }
	73% { left:-1160px; opacity:1; }
	75% { left:-1160px; opacity:0; }
	75.01% { left:-1740px; opacity:0; }
	77% { left:-1740px; opacity:1; }
	98% { left:-1740px; opacity:1; }
	100% { left:-1740px; opacity:0; }
}




.clearfix:after {
display: block;
clear: both;
content: "";
}

#hcc{
width:100%;
min-height:40px;
background:#fffff9;
padding-top:8px;
}

#hinfo{
width:100%;
height:217px;
padding-bottom:4px;
padding-top:16px;
background:#fffff9;
margin-bottom:8px;
}

.hinfobox1{
width:309px;
height:193px;
float:left;
margin-left:8px;
}

.hinfobox2{
width:309px;
height:193px;
margin-left:642px;
}

.infomenu{
width:308px;
font-size:14px;
position:relative;
text-align: left;
border-left:1px solid #65ab31;
background:#fffff9;
}

.infomenu span{
position:relative;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color:#fffff9;
text-align: left;
letter-spacing:3px;
font-weight:bold;
width:;
}

.infomenu::before {
position: absolute;
top: 50%;
z-index:1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #65ab31;
}

.infomenu2{
width:309px;
font-size:14px;
position:relative;
text-align: left;
margin-bottom:4px;
background:#fffff9;
}

.infomenu2 img{
vertical-align:middle;
margin-right:1em;}

.infomenu2 span{
position:relative;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color:#fffff9;
text-align: left;
font-weight:bold;
letter-spacing:3px;
width:;
}

.infomenu2::before {
position: absolute;
top: 50%;
z-index:1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #65ab31;
}

.newsarea{
width:303px;/*横幅*/
margin:0px;/*h4と少し隙間を空ける*/
padding:2px;
overflow-y: auto;
height:70px;/*縦のサイズ*/
border: 1px solid #65ab31;/*枠の色*/
border-bottom-left-radius: 10px;
border-top:#fffff9;
background:#fffff9;/*背景の色*/
scrollbar-arrow-color:#663300;/*スクロールバーの色*/
scrollbar-3dlight-color:#663300;/*スクロールバーの色*/
scrollbar-darkshadow-color:#663300;/*スクロールバーの色*/
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-track-color:#FFCC99;
scrollbar-shadow-color:#FFCC99;
}
.newsarea p {
margin: 0;
padding: 3px;
font-size:11.125px;
border-bottom: 1px dotted #663300;/*文字に下線を引く*/
}

.newsarea a {
display: inline;
padding: 0;
font-size:11.125px;
background: none;
}

.newsarea2{
width:307px;/*横幅*/
margin:0px;/*h4と少し隙間を空ける*/
padding:0px;
overflow-y: auto;
height:190px;/*縦のサイズ*/
border: 1px solid #65ab31;/*枠の色*/
border-bottom-left-radius: 10px;
border-top:#fffff9;
background:#fffff9;/*背景の色*/
scrollbar-arrow-color:#663300;/*スクロールバーの色*/
scrollbar-3dlight-color:#663300;/*スクロールバーの色*/
scrollbar-darkshadow-color:#663300;/*スクロールバーの色*/
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-track-color:#FFCC99;
scrollbar-shadow-color:#FFCC99;
}
.newsarea2 p {
margin: 0;
padding: 2px;
font-size:11.125px;
border-bottom: 1px dotted #663300;/*文字に下線を引く*/
}

.newsarea2 p img{
width:95%;}

.newsarea2 a {
display: inline;
padding: 0;
font-size:11.125px;
background: none;
}

.infotext{
font-size:11.125px;
text-indent:1em;
}

.conbox{
width:728px;
height:455px;
margin-bottom:8px;
}

.conbox2{
width:728px;
height: auto;
margin-bottom:8px;
}

.cbtext{
width:360px;
height:175px;
float:left;
padding: 16px 8px 8px 8px;
font-size:11.125px;
line-height:18px;
letter-spacing:1px;
}

.cbtext p{
display:block;
padding: 0px 8px 0px 8px;
}

.cbtextr{
width:360px;
height:175px;
margin-left:368px;
padding: 16px 8px 8px 8px;
font-size:11.125px;
line-height:18px;
letter-spacing:1px;
}
.cbtextr p{
display:block;
padding: 0px 8px 0px 8px;
}

.cbtextr div{
width:320px;
font-size:18px;
text-align:right;
display:block;
padding: 8px 8px 0px 8px;
}

.cbox1{
width:356px;
height:222px;
float:left;
margin-bottom:16px;
}

.cbox2{
width:356px;
height:222px;
margin-left:372px;
margin-bottom:16px;
}

#jitenpo{
width:728px;
height:40px;
margin-bottom:16px;
background-image:url();
text-align:center;
clear:both;
}

#kc{
width:728px;
height:275px;
margin-bottom:16px;
}

.catebox1{
width:237px;
height:172px;
float:left;
margin-right:8px;
margin-bottom:24px;
}
.catebox1 img{
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.catebox2{
width:237px;
height:172px;
margin-left:490px;
margin-bottom:24px;
}
.catebox2 img{
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.osusume{
width:100%;
height:190px;
}
.osusume li{
width:178px;
padding-right:4px;
float:left;
list-style-type:none;
}

.rank{
width:100%;
height:250px;
}
.rank li{
width:238px;
padding-right:4px;
height:250px;
float:left;
list-style-type:none;
}

.sidebn{
width:100%;
padding-bottom:16px;
}

.sidebn img{
margin-bottom:8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.sidebn p{
margin-left:0;
margin-bottom:8px;
display:block;
width:100%;
height:137.5px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.sidebn p a img{
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.sidebn2{
margin-left:4px;
margin-bottom:8px;
}

.sidebn2 img{
width:100%;
padding-bottom:16px;
}

.sidec{
width:192px; /*メニューボタンの幅*/
height:40px;
text-align:center;/*メニューの文字をセンター合わせに指定*/
font-size:18px;
line-height:30px;
letter-spacing:4px;
font-weight:;
margin-top:8px;
padding-top:8px;
border-right:double 2px #fff;/*メニューボタンの右にラインを入れる*/
border-top:solid 2px  #65ab31;
border-left:solid 1px #65ab31;
border-bottom-left-radius: 8px;
}

.sidec:hover{
/*background: -webkit-repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background: repeating-linear-gradient(45deg, #f0f6da, #f0f6da 3px, #dbebc4 3px, #dbebc4 6px);
background-color:rgba(184,242,140,0.1);
background-color:#65ab31;*/
background-color:rgba(101,171,49,0.6);
border-top:1px solid #FFFFFF;
border-bottom:solid 1px  #65ab31;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}
.sidec a{
color:#630;/*メニューボタンの文字の色*/
text-decoration:none;/*リンク文字の下線を消す設定*/
display:block;
}

.sidec a:hover{
/*color:#6b3f31; メニューの文字がカーソルが来た時、この色に変わる*/
color:#FFFFFF;
font-weight:;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

.title{
width:192px;
font-size:14px;
position:relative;
text-align: center;
margin-left:4px;
margin-bottom:4px;
background:#fffff9;
}

.title span{
position:relative;
z-index:2;
display:inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color:#fffff9;
text-align: center;
letter-spacing:3px;
width:45%;
}

.title::before {
position: absolute;
top: 50%;
z-index:1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #65ab31;
}

#sidebar dl.search1{
	top: px;
	right: px;
	height: 24px;
	position:relative;
	background-color:#fffff9;
	border:1px solid #630;
	border-radius:5px;
	width:200px;
}
#sidebar dl.search1 dt{
	padding:0px;
	margin:0;
	float:left;
	clear: both;
	width:124px;
	text-indent:0.5em;
}
#sidebar dl.search1 dt input{
	width:124px;
	height:22px;
	font-size:14px;
	line-height:14px;
	background:none;
	border:none;
	margin:0;
}
#sidebar dl.search1 dd{
	position:relative;
	margin-left:124px;
	width:76px;
}
#sidebar dl.search1 dd button{
	display:block;
	background:#630;
	width:75px;
	height:22px;
	line-height:22px;
	border:none;
	border-radius: 0 5px 5px 0;
	position:absolute;
	top:1px;
	left:0;
}
#sidebar dl.search1 dd button:hover {
	background:#65ab31;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
	cursor:pointer;
}
#sidebar dl.search1 dd button span{
	display:block;
	color:#FFF;
}

.kakaku{
background-color:#fffff9;
}
.kakaku p{
text-align:left;
text-indent:2em;}

#footer table {
width: 952px;
height: 500px;
background-image:;
background-color:#fffff9;
background-repeat:no-repeat;
border: 2px #65ab31 dotted;
margin:0 auto;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

#footer caption {
text-align: center;
margin-top: 20px;
}

#footer td {
border: 1px #65ab31 dotted;
width: 230px;
height: 220px;
text-align: left;
vertical-align: top;
font-size: 11px;
letter-spacing:1px;
padding-top:8px;
padding-left:8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

#footer th {
border: 1px #65ab31 dotted;
font-weight:normal;
width: 230px;
height: 20px;
text-align: left;
text-indent:1em;
letter-spacing:2px;
padding-top:4px;
color:#65ab31;
background-color:rgba(184,242,140,0.2);
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}

.motion {
	width: 220px;
	display: none;
}
#motion_area1 {
	display: block;
}


a.active {
	color:#663300;
	border:none;
	background-color:rgba(184,242,140,0.2);
}

#calendar * {
  margin: 0; padding: 0; /* まずは、マージンやらのリセット */
}
#calendar ol {
  padding-left:8px;
  list-style: none; /* 順序付きリストの番号を非表示に */
  width: 220px;  /* この横幅指定が一番のポイント */
}
#calendar li {
  float: left; /* これもポイント */
  border: solid 1px;
  border-color:rgba(184,242,140,0.2);
  width: 20px; height: 18px;
  margin: 2px;
  padding: 2px;
  text-align: center;
  line-height: 18px;
  font: 600 14px Trebuchet MS;
}
#calendar ol.wheader li {
  background: #663300;
  color: snow;
  font-size:8px;
  width: 20px; height: 18px;
}

#calendar2 * {
  margin: 0; padding: 0; /* まずは、マージンやらのリセット */
}
#calendar2 ol {
  padding-left:8px;
  list-style: none; /* 順序付きリストの番号を非表示に */
  width: 220px;  /* この横幅指定が一番のポイント */
}
#calendar2 li {
  float: left; /* これもポイント */
  border: solid 1px;
  border-color:rgba(184,242,140,0.2);
  width: 20px; height: 18px;
  margin: 2px;
  padding: 2px;
  text-align: center;
  line-height: 18px;
  font: 600 14px Trebuchet MS;
}
#calendar2 ol.wheader li {
  background: #663300;
  color: snow;
  font-size:8px;
  width: 20px; height: 18px;
}

/* その他 ppBlog用のオプション */
li.daySubmit { background-color : #feff7d; }
li.Sun { color: red; }
li.Sat { color : blue; }
li.Holiday { color : orange; }
li.Today { font-weight: 900; }
li.blank { border: solid 1px #fff !important; background:; }


/* Aromaherb用のオプション */
.pc1{
width:732px;
height:594px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc1nt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc1p{
position: relative;
top:480px;
font-family:YuMincho, '游明朝', serif;
font-size:2em;
font-weight:bold;
color:#655315;
text-align:center;
line-height:1.5em;
letter-spacing:-2px;
width:732px;
}
p.pc1p span{
font-size: smaller;
}
.pc2{
width:732px;
height:720px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc2nt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc2p{
position: relative;
top:55px;
font-family:YuMincho, '游明朝', serif;
font-size:2.5em;
font-weight:bold;
color:#fff;
text-align:center;
line-height:1.6em;
letter-spacing:-2px;
width:732px;}
.pc2pp{
position: relative;
top:90px;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#f0f0f0;
text-align:center;
line-height:2.4em;
letter-spacing:0px;
width:732px;}
p.pc2pp span{
font-weight: bolder;
color:rgba(207,232,114,0.9);
}
.pc3{
width:732px;
height:1350px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc3nt.jpg");
background-repeat:no-repeat;
background-size:contain;}
.pc3p{
position: relative;
top:20px;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#655315;
text-align:center;
line-height:2.8em;
letter-spacing:-1px;
width:732px;
}
p.pc3p span{
font-weight: bolder;
color:rgba(145,170,112,0.9);
}

.pc4{
width:732px;
height:2450px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc4nt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc4p{
position: relative;
top:1120px;
padding-left:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#666;
text-align:left;
line-height:1.9em;
letter-spacing:-0.6px;
width:330px;
}
p.pc4p span{
font-weight: bolder;
color:rgba(145,170,112,0.9);
}
.pc4pp{
position: relative;
top:1210px;
left:365px;
padding-left:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#666;
text-align:left;
line-height:1.9em;
letter-spacing:-0.6px;
width:330px;
}
p.pc4pp span{
font-weight: bolder;
color:rgba(145,170,112,0.9);
}
.pc5{
width:732px;
height:2850px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc5nt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc5p{
position: relative;
top:835px;
padding-left:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#666;
text-align:left;
line-height:1.7em;
letter-spacing:-0.4px;
width:350px;}
.pc5pp{
position: relative;
top:2270px;
padding-left:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#666;
text-align:left;
line-height:1.9em;
letter-spacing:-0.4px;
width:700px;}
.pc6{
width:732px;
height:1380px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpc6nt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc6p{
position: relative;
top:240px;
padding-left:2.4em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#666;
text-align:left;
line-height:2em;
letter-spacing:-0.4px;
width:670px;}
.pc6pp{
position: relative;
top:330px;
padding-left:2.4em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#666;
text-align:left;
line-height:2em;
letter-spacing:-0.4px;
width:670px;}
.pc7{
width:732px;
height:785px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpcmlnt.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc7p{
position: relative;
top:440px;
left:310px;
padding-left:1em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#666;
text-align:left;
line-height:2em;
letter-spacing:0px;
width:355px;}
.pc8{
width:732px;
height:685px;
background-image:url("https://www.rakuten.ne.jp/gold/tokyu-coco-hico/imgNEW/aromaherbnewpcayant.jpg");
background-repeat:no-repeat;
background-size:contain;
}
.pc8p{
position: relative;
top:360px;
left:250px;
padding-left:1em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#666;
text-align:left;
line-height:2em;
letter-spacing:0px;
width:455px;
}