@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: 14px;



	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: 2% 1% 1% 10%;



        font-size: 140%;



        margin: 1% 0.5% 3%;



        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: 0.2% 4%;



	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% 20%;



    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;



}