@charset "UTF-8";






/* HTML 5 elements

---------------------------------------- */

html {

	-webkit-text-size-adjust: none;

}



section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {

  display: block;

  margin: 0;

  padding: 0;

}



/* reset

---------------------------------------- */

* {

	margin: 0px;

	padding: 0px;

}



img {

	max-width: 99%;

	height: auto;

	padding: 1px;

	margin: 0;

}



.bgnone {

	padding: 0;

	margin: 0;

	border: none;

	background: none;

}



ul,li{

	list-style-type: none;

	margin: 0;

}



table {

	width: 100%;

	margin: 1.5% 0 2%;

	border-collapse: collapse;

	border-spacing: 0;

}



hr {

	display: block;

	-webkit-margin-before: 10px;

	-webkit-margin-after: 0;

	margin-top: 10px;

	-webkit-margin-start: auto;

	-webkit-margin-end: auto;

	border: none;

	border-top: #fff 1px solid;

}



br {

	padding: 0;

	margin: 0;

	font-size: 1px;

	line-height: 1;

}



/* body

-------------------------------------------------- */

body{

	padding: 0;

	margin: 0;

	font-size: 12px;

	line-height: 1.8;

	letter-spacing: 1px;

	color: #3a2323;

	position: relative;

    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;

    background: url(images/bg.jpg) 0 0 repeat;

}





/* #header

-------------------------------------------------------------- */

.header {


}

    .header img.logo {

        max-width: 100%;

        height: auto;

		margin:15px 20px;

        padding: 0;

        border: none;

        background: none;
		float:left;

    }

    .header img.logo a {

        width: 200px;

        height: 66px;

        padding: 0;

        margin: 0 0 0 5px;

        display: block;

    }



#wrapperArea {

	margin: 0 auto 10px;

}

.mainvisual {
	background: url(images/key.jpg) 50% 0 repeat-x;
	height:309px;
	clear:both;    
}

h1 {

	padding: 0;

	margin: 0 0 0 0.5%;

	color: #008294;

	font-size: 14px;

	line-height: 1;

	font-weight:bold;

    background: #ffffff;

	clear:both;

}

	.mainTitle {

        padding: 8px 0 0 45px;

        margin: 0 0.5% 0;

        border-radius:			3px;

        -moz-border-radius:		3px;

        -webkit-border-radius:	3px;

        text-align: center;

        position: relative;

        border-bottom: #008294 2px solid; 

        background: #DEEFF1 url(images/iconl.png) 6px center no-repeat;



        /* border-left: #111 6px solid;

        */

        

    }

        .mainTitle h1 {

            margin: 0;

            padding: 0px 0 10px;

            line-height: 1.3;

            text-align: left;

            font-size: 18px;

        	background: none;

        }

        h1.solid {

            padding: 0;

            margin: 0;

            font-size: 10px; 

            line-height: 1.4;

            text-shadow: none;

            border: none;

            text-align: left;

            background: none;

        }

    h1.text,

    section h1,

    h2 {

    	padding: 3% 1% 3% 15%;

        font-size: 14px;

        margin: 3% 0.5%;

        text-align: left;

        line-height: 1.3em;

        font-weight: normal;

        border-bottom: #008294 2px solid; 

		background: #DEEFF1 url(images/icons.png) 8px center no-repeat;

    }

    h1.text a {

        color: #008294;

    }


h3 {

	padding: 1%;

	margin: 2% 0.5% 1%;

	font-size: medium;

    color: #643613;

	line-height: 1.5;

	display: block;

	border-radius:			6px;

	-moz-border-radius:		6px;

	-webkit-border-radius:	6px;

	background: #3c4c00;

}

	

a {

	color: #008294;

	text-decoration: none;

}



a:hover {

	color: #008294;

	text-decoration: underline;

}



    a.catt {

    	padding: 5px 0 5px 23px;

        margin: 5px 0 0;

        line-height: 1;

        font-weight: bold;

        display: block;

    	color: #008294;

		background: url(images/mark.png) 7px center no-repeat;

    }

        a.catt:hover {background: url(images/mark.png) 7px center no-repeat;}

	a.more,
    a.more:hover {
    
		display: block;
        
        margin: 5px 0 0;
        
    	padding: 5px 10px 5px 23px;

        font-size: 14px;
        
		font-weight: bold;
        
        border-radius:			6px;

        -moz-border-radius:		6px;

        -webkit-border-radius:	6px;
        
		border: 2px solid #EDBA00;
        text-decoration: none;
    }   
    
    a.more {
    	color: #EDBA00;
		background:  url(images/more.png) 6px center no-repeat;
    }
    

    a.more:hover {
    	color: #fff;
		background: #EDBA00 url(images/more_o.png) 6px center no-repeat;
    }




/* align

-------------------------------------------------------------- */

.alignright {

	float: right;

}



}

.alignleft {

	float: left;

}





/* #YANBARUedit
-------------------------------------------------------------- */

.fl_box {

    padding: 1% 0.5% 2%;
    margin: 0 10px 10px 0;
    width: 200px;
    float: left;

}



.miniBox div {

    paddind:4% 2% ;
}



.miniBox img {

    float: left;

    margin: 2%;

}



#YANBARUedit {

    margin: 0.5% auto 0;

    background: url(images/mainbg.png) 0 0 repeat;

}

    #YANBARUedit br {

        height: 1px;

    }

    #YANBARUedit ul {

    	width: 890px;

        padding: 0;

        margin: 0 auto;

    }

    #YANBARUedit ul li {

        margin: 2px 5px 2px 0;

        float: left;

    }

        #YANBARUedit li a {

            padding: 14px 8px 12px 25px;

            display: block;

            font-weight: bold;

            font-size: 14px;

            line-height: 1.4;

            color: #fcffc7;

            letter-spacing: 0.06em;

            border: 1px solid #fff;

            background: #cb4757 url(images/mark.png) 8px center no-repeat;

        }

        #YANBARUedit ul li a:hover {

            border: 1px solid #fff;

            color: #55332e;

            text-decoration: none;

            text-shadow: 0 -1px 2px #fff, 0 1px 2px #fff, -1px 0 2px #fff, 1px 0 2px #fff,

                         0 -1px 8px #fff, 0 1px 8px #fff, -1px 0 8px #fff, 1px 0 8px #fff,

                         0 -1px 2px #fff, 0 1px 2px #fff, -1px 0 2px #fff, 1px 0 2px #fff; 

            background: url(images/icons.png) 8px center no-repeat;

        }

        #YANBARUedit li.current-menu-item a {

            color: #fff;

            background: #cb4757 url(images/mark.png) 8px center no-repeat;

        }



/* #contents

-------------------------------------------------------------- */

#contents {

    max-width: 980px;

    padding: 0;

    margin: 0 auto 0;

    position: relative;

    overflow: hidden;

    border-right: #fefcfb 2px solid;

    border-left: #fefcfb 2px solid;

    background-color:rgba(255,255,255,0.9);

}

    #YANBARUbox {

        width: 68%;

        padding: 0;

        margin: 1% 0 0 0;

        float: left;

    }

	#YANBARUmenu {

        width: 30%;

        float: right;

    }



/* 画像

-------------------------------------------------------------- */



img.alignleft {

	float:left;

	margin:0 2% 2% 0;

    vertical-align: top;

}



img.alignright {

	float:right;

    margin:0 0 2% 2%;

    vertical-align: top;

}



img.aligncenter {

    margin:2% auto;

	clear:both;

	display:block;

}



/* 要素

-------------------------------------------------------------- */

section {

	padding: 2% 1%;

	margin: 1% 0 5% ;

}



p {

	display: block;

	margin: 2% 0;

}



/* YANBARUmenu
-------------------------------------------------------------- */

#YANBARUmenu {

	padding: 0 0 1%;

    margin: 1% 0.5% 0 0;

    list-style: none;

    line-height: 1;

    color: #fff;

}



#YANBARUmenu h1 {

    padding: 5% 3%;

    margin: 1% 0.5%;

    text-align: left;

    color: #fff;

    font-weight: normal;

    font-size: 14px;

    border: none;

    border-radius:		3px;

    -moz-border-radius:		3px;

    -webkit-border-radius:	3px;

    background: #8CC75B;

}



#YANBARUmenu h2  {

    padding: 6% 2% 6% 10%;

    margin: 1% 0.5% 3%;

    text-align: left;

    color: #3DA81F;

    font-weight: bold;

    font-size: 16px;

	border-bottom: 3px double #3DA81F;

	background:#e5f0cd url(images/icon_side.png) 4px center no-repeat;
}

	

#YANBARUmenu ul {

	margin: 0 0 5px;


}



#YANBARUmenu ul li {

	margin: 0;

	padding: 0;

	list-style: none;

	background-color: none;

}

    

#YANBARUmenu ul a {

	margin: 0;

	padding: 16px 5px 16px 35px;

	background-repeat: no-repeat;

	background-position: 5px center;

	text-decoration:none;

	display: block;

	color: #393a4c;

	background-image: url(images/icons.png);

	font-size:12px;

	border-bottom: 1px solid #008294;

}

    

#YANBARUmenu ul.sub-menu a {

	

}

    

#YANBARUmenu ul a.dcjq-parent  {

	background: url(images/icons.png) 4px center no-repeat;

	font-weight: bold;

	font-color:#3DA81F; 

}

    

#YANBARUmenu ul a.dcjq-parent.active {

	background: url(images/icons.png) 4px center no-repeat;

	font-color:#3DA81F; 

}

    

#YANBARUmenu ul a:hover {

	text-decoration:underline;

}



/* search-2

-------------------------------------------------------------- */

li#search-2 #searchform {

	padding: 1% 0;

}

	li#search-2 input {

	margin:2% 0;

	padding:2% 1%;

    }

	li#search-2 input#searchsubmit {

        padding: 3%;

        margin: 3% 0.5%;

        color: #f3feff;

        line-height: 1.2;

        background: #393a4c;

	font-size:12px;

    }



/* goToTop

-------------------------------------------------------------- */

.goToTop {

	margin: 2% 1% 1.5%;

}

.goToTop a{

	color: #fff;

	font-size: 10px;

	font-weight: bold;

}



/* page_navi

-------------------------------------------------------------- */

.page_navi {

	margin: 3% 0;

	line-height: 1;

	color: #b85a24;

}

	.page_navi span.page-numbers {

		padding: 3px 0 3px 3px;

		margin: 0 3px 3px 0;

		border: #CCC 1px solid;

		display: inline-block;

	}

	.page_navi a.page-numbers {

		padding: 4px 5px;

		margin: 0 3px 3px 0;

		border: #efefef 1px outset;

		display: inline-block;

		font-weight: bold;

		color: #fffea4;

		border-radius:			6px;

		-moz-border-radius:		6px;

		-webkit-border-radius:	6px;

		background: #72ab56;

	}

	.page_navi a.page-numbers:hover {

		background: #fffea4;

		color: #068618;

		border: #efefef 1px inset;

	}

	

	.page_navi span.current,

	.page_navi span.dots {

		border: none;

		color: #068618;

		font-weight: bold;

	}



/* nav

-------------------------------------------------------------- */

#nav {

	width: 100%;

	padding: 6px 16px;

	margin: 0 auto ;

	list-style: none;

	position: relative;

	background:none;

	text-align: center;

}



#nav li {

	padding: 5px 2px;

	margin: 4px 2px;

	text-align: center;

	vertical-align: middle;

	display:block;

	font-size:100%;

	line-height: 1.2;

	font-weight: bold;
	float: left;
	width: 8em;
}

#nav li a {

	padding: 5px 2px;

	margin: 0 2px 0;

	color: #fff;

	text-decoration: none;
	background:#008294;
	display:block;
}

#nav li a:hover {

	background:#DEEFF1;
	color: #008294;
	display:block;

}



#nav li a span {

	display: block;

}





#nav li.current-menu-item a {

	margin: 0;
	color: #008294;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background:#DEEFF1;

}

#nav li.current-menu-item a:hover {

	background:#DEEFF1;
	color: #008294;
	text-decoration: none;
	font-weight: bold;
}




/* footer

-------------------------------------------------------------- */

#footnav ul li {

	margin: 10px 4px 10px 0;

	float: left;

}



.foot_bg {
}



footer {

	width: 100%;

	padding: 1% 2% 0.2%;

	margin: 0 auto 0;

	text-align: center;

	font-weight: normal;
    
	border-top: #008294 1px solid;


}



	#footnav ul li a {

		padding: 0 8px 6px;

		margin: 0 4px 0 0;

		display: block;

		line-height: 1.2;

		color: #4d4d4d;

		letter-spacing: 0.08em;

		background: url(images/arrow1.png) 0 0.3em no-repeat;
		padding:0 5px 5px 18px;

		text-decoration:none;

}



	#footnav ul li a:hover {

		background: url(images/arrow1.png) 0 0.3em no-repeat;
		padding:0 5px 5px 18px;
		color: #008294;
}



/* copy

-------------------------------------------------------------- */

#copy {

	padding: 0.4% 0;

	margin: 0 auto;

	text-align: center;

	font-size: 12px;

	font-weight: normal;
	color: #4d4d4d;

}



#copy a {

	color:#008294 ;

	text-decoration:none;

}



#copy a:hover {

	border-bottom: #008294 1px solid;

	text-decoration:none;

}