@charset "utf-8";
/* CSS Document */


/* ---------- メニュー（スライドしたページ） ---------- */
#header_nav{
	float:right;}
#modal {
	display: none;}
#modal a {
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	padding:20px 10px;}	
	#pageslide {
		/* Specify the width of your pageslide here */
    width: /*222px*/300px;
    z-index: 999999;
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    /*position: fixed;*/
    top: 0;
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;}
p.nav_h1{
	padding:10px 10px 5px 10px;
	height:20px;
	/*background:url(../img/common/line_nav_li.png) bottom no-repeat #222;*/
	background:#efefef;
	border-bottom:1px solid #222222;
	color:#222;
	font-size:16px;
	font-weight:bold;}
ul.ul_header_nav{}
li.li_header_nav{
	padding:20px 10px;
	/*height:30px;*/
	font-size:18px;
	/*background:url(../img/common/line_nav_li.png) bottom no-repeat; */
	border-bottom:1px solid #222;
	}
.nav_btn_left{
	margin:0 0 10px 5px;
	padding:10px 10px;
	height:20px;
	float:left;
	background:#000;
	border-bottom:#aaa 0.5px solid;
	border-left:#aaa 0.5px solid;
	border-right:#aaa 0.5px solid;
	}
.nav_btn_right{
	width:270px;
	display:block;
	text-align:center;
	margin:0 5px 15px 5px;
	padding:10px;
	/*height:20px;*/
	/*width:100px;*/
	float:left;
	background:#40a34a;
	color:#333;
	border:#aaa 0.5px solid;
	font-size:20px;}
	
.nav_btn_right2{
	width:270px;
	display:block;
	text-align:center;
	margin:0 5px 15px 5px;
	padding:10px;
	/*height:20px;*/
	/*width:100px;*/
	float:left;
	background:#e34014;
	color:#333;
	border:#aaa 0.5px solid;
	font-size:20px;}

.nav_btn_right_blog{
	width:270px;
	display:block;
	text-align:center;
	margin:0 5px 15px 5px;
	padding:10px;
	/*height:20px;*/
	/*width:100px;*/
	float:left;
	background:#47b39d;
	color:#333;
	border:#aaa 0.5px solid;
	font-size:20px;}

.nav_btn_left a:link{
	height:53px;
	color:fff;
	text-decoration:none;
	/*border:#000 1px solid;*/}
nav_btn a:visited{
	height:53px;
	color:fff;
	text-decoration:none;
	/*border:#000 1px solid;*/}
	

/* --------------- アコーディオン ------------- */
.h3_topic {
	cursor:pointer;
  height:51px;
	background:url(../img/common/back_h2.jpg) repeat-x;}
.h3_topic_link {
	cursor:pointer;
  height:51px;
	background:url(../img/common/back_h2.jpg) repeat-x;}
.h3_topic_link_r {
	cursor:pointer;
  height:51px;
	background:url(../img/common/back_red_h2.jpg) repeat-x;}
li.aco{
	padding:15px 0 15px 15px;

	font-size:20px;
	background-color: #444;
  -webkit-box-shadow: inset 0 0 1px 1px #333;
  -moz-shadow: inset 0 0 1px 1px #333;
  box-shadow: inset 0 0 1px 1px #525252;
	border-bottom:2px #393939 solid;}
li.aco a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	display:block;
}
.h3_topic_text {
	cursor:pointer;
  height:31px;
  padding-top:20px;
  color:#FFF;
  background:url(../img/common/back_h2.jpg) repeat-x;
  font-weight:bold;}
  
 .h3_topic_text2 {
	cursor:pointer;
	}


/* --------------- トップページトップ画像スライド ------------- */

#content {
	margin: 14px auto 0 auto;
	min-width: 320px;
	max-width: 740px;}
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;}
.blueberry .slides li.active {
	display: block; 
	position: relative; }
.blueberry .crop li img {
	 width: auto; }
.blueberry .pager {
	height: 24px;
	text-align: center;
	background:#888;}
.blueberry .pager li { 
display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 10px;
	width: 10px;}
.blueberry .pager li a {
	padding: 7px 8px 0 8px;
-webkit-border-radius: 50px;
   -moz-border-radius: 10px;
	border-radius: 10px;}
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	border-radius: 5px;}
.blueberry .pager li.active a span {
	background: #404040; }