/* ### レイアウト ### */
body	{margin: 0 0px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
/*	background-color: #fcfae5; コンテンツ部　背景カラー*/
/*    background-color: #fcfae5;*/
	}

#header_over	{

    padding-top: 5px;
  	background-color: #e4fcfe;  /*ヘッダー部　背景カラー*/
/*	border-bottom:  solid 1px #cccccc;*/

}

#header	{
    width: 960px;

     margin-left: auto;
    margin-right: auto;

}



#container	{
    width: 960px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: #ffffff;
	}


#nav	{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
	}

#pan	{
  	background-color: #ffffff;  
}

#pan_list	{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
	}

	
#content	{width: 650px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
	float: left;
}

#content-inner	{
	margin-left: 10px;
	margin-right: 10px;
}


#sidebar	{width: 300px;
/*    background-color: #ffffff;*/
    margin-top: 0px;
    margin-right: 7px;
	float: right;
}

#footer	{clear: both;}



/* ### ヘッダー ### */
/* ヘッダー画像 */
#header	{width: 960px;
	height: 277px;
	background-image: url(layout/Head_J1410214471.jpg);
	background-position: left top;}



#midashi 	{
    margin-top: 0px;
    margin-bottom: 0px;
/*    background-color: #fcfae5;*/
	border-bottom:  solid 1px #cccccc;
}

#midashi h1	{
    font-size: 16px;
    padding: 5px 20px 10px 20px;
    margin: 0;
    color: #404040;
    text-align: center;
    font-weight: normal;
	line-height: 1;
}



/* ナビゲーションメニュー */
#nav	{font-size: 15px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
	margin-bottom: 1px;
	}

#nav ul	{
     margin: 0;
    width: 100%;
	padding: 0;
    display:table;
   	border-spacing: 5px 0px; /*テーブルセル　横、縦方向の間隔*/

    table-layout: fixed;
	}

#nav li	{list-style-type: none;
	display: table-cell;
	color: #ffffff;
	text-align: center;
	border-radius: 9px; /*角の丸み*/
	-webkit-border-radius: 9px; /*角の丸み*/
	background-color: #4c93fd;
	background: -webkit-gradient(linear, left top, left bottom, from(#02265b), to(#4c93fd));	}



#nav li a	{display: block;
   	padding: 15px 0px 12px 0px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000000;
	text-align: center;
	text-decoration: none;}

#nav li a:hover	{background-color: #84ace7;}

#pan_list  {
}

#pan_list p {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    padding-left: 20px;
	}


#pan_list a	{
	padding: 0px ;
	overflow: hidden;
	color: #0701ef;
	text-decoration: none;}
	
	

/* ### コンテンツ ### */

#content h2 {
    font-size: 18px;
	max-width: 90%;
	margin: 20px 0px 20px 0px;
	padding: 10px 0 10px 0;
	border-radius: 7px; /*角の丸み*/
	-webkit-border-radius: 7px; /*角の丸み*/
    color: #606060;
	height: 100%;
    text-align: center;
	border-top:  solid 1px #02d002;
	border-left:   solid 1px #02d002;
	border-right:  solid 1px #02d002;
	border-bottom:  solid 1px #02d002;
    background-color: #c5fad2;
}


#content h3	{
    font-size: 16px;
	max-width: 80%;
    text-align: center;
	margin: 30px 0px 20px 0px;
	padding: 5px 0 5px 0;
	border-radius: 7px;
	-webkit-border-radius: 7px; /*角の丸み*/
    color: #606060;
	border-top:  solid 1px #ffd780;
	border-left:   solid 1px #ffd780;
	border-right:  solid 1px #ffd780;
	border-bottom:  solid 1px #ffd780;
    background-color: #feebc1;
	}


#content h4	{
    font-size: 14px;
	max-width: 65%;
    text-align: center;
	margin: 20px 0 25px;
	padding: 3px 0 2px 15px;
	border-radius: 7px;
	-webkit-border-radius: 7px; /*角の丸み*/
    color: #606060;
	border-top:  solid 1px #47f9f6;
	border-left:   solid 1px #47f9f6;
	border-right:  solid 1px #47f9f6;
	border-bottom:  solid 1px #47f9f6;
    background-color: #c7fcfb;
}



span{
	border-bottom:  double 5px #aaaaaa;
	padding: 0 0 0px 0px;
}

b   {
    color: #ff0000;
    font-weight: normal;
}

#content  img	{
    margin-left: 0px;
	margin-bottom: 10px;
	clear:left;
	}

.img_center{
    margin-left: auto;
    margin-right: auto;
}



/* 本文 */
#content p	{font-size: 14px;
	line-height: 1.6;
	margin: 15px 30px 15px 10px;
	clear: left;}

/* フッターの上 */
#footer_0 p	{font-size: 11px;
	line-height: 1.6;
	margin: 0 15px 0 20px;
	text-align: right;
	clear: left;}


#content a	{
	padding: 0px ;
	overflow: hidden;
	color: #0701ef;
	text-decoration: none;}

/*
#content a:hover	{background-color: #dddddd;
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);}
*/

#content a img	{
	padding: 0px;
	overflow: hidden;
	color: #0701ef;
	text-decoration: none;}


#content hr	{
    width: 100%;
}




/* 　矢印（下向き）　　　　*/
.arrow_d {
     position:relative;
     height:16px;
     width:16px;
     background-color: #06fbfc;
     top: 5px;
     left: 300px;

}
 
.arrow_d::before {
     position:absolute;
     content:"";
     border:solid 16px transparent;
     border-top:solid 16px #06fbfc;
     top:16px;
     left: -8px;
}






/*　Box　中央　　文字：左*/
#content #back_color_center {
	background-color: #fcfae5;  /* 説明エリアの背景色*/
	border: 1px solid #C2BE83;
	border-radius: 8px; /*角の丸み*/
	-webkit-border-radius: 8px; /*角の丸み*/
	padding: 10px 20px 10px 20px;
	text-align: left;
        width:400px;
    margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#content #mail a{
        text-decoration: underline;
        color:#0701ef;
}



/*********************************************************/
/* 　　Topページの　Box　中央　文字　左　　　　  */
/*********************************************************/
#content #back_color_center2 {
	background-color: #fcfae5;  /* 説明エリアの背景色*/
	border: 1px solid #C2BE83;
	border-radius: 8px; /*角の丸み*/
	-webkit-border-radius: 8px; /*角の丸み*/
	padding: 10px 20px 10px 20px;
	text-align: left;
        width:570px;
    margin-top: 20px;
    margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}






/*********************************************************/
/* 　　Topページの詳細ページリンクボタン  */
/*********************************************************/

#content .btn01 {
/*  display: block;*/
  float: right;
  background-color: #ffffff;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height:100%;
  width: 70%;
  font-size: 110%;
  text-align: right;
  text-decoration: none;
  color: #blue;
  border-top:  solid 1px #6075f1;
  border-bottom:  solid 1px #6075f1;
  padding-top: 0px;
  padding-bottom: 0px;
}


#content .btn01:hover{
  background: #fffcc5;
/*  border-top:  solid 2px #facb66;*/
/*  border-bottom:  solid 2px #facb66;*/
  color: #1b6f02;
}

/*　カテゴリリンク　矢印の設定　*/
#content .btn01 .btn01_yajirusi {
  color: #ff0000;
  font-weight: bold;
  font-size: 110%;
}






#linkspace{
	padding:0px;
	text-align: center;
	margin: 5px auto 5px auto;
}

#linkspace a{
    display: inline;
	text-decoration: none;
}


#linkspace a:hover{
    background-color: #ffffff;
    background: #ffffff;
}	






/****** New page top jump **********/
#page-top{
  width: 30px;
  height: 35px;
  position: fixed;
  right: 15px;    /* 位置*/
  bottom: 20px;   
  background: #5CB85C;
  opacity: 0.5;
}

#page-top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#page-top:hover{
    opacity: 1.0 ;  /* 透明度 */
}

#page-top a:before{
  content: "Λ";
  font-size: 28px;
  color: #fff;
/*  position: absolute;*/
  position: relative;
  width: 60px;
  height: 60px;
  top:   0px;
  bottom: 0px;
  right: 0;
  left: 6px;
  margin: auto;
  text-align: center;
}















/* ### サイドバー ### */


.ad {
	background-color: #fcfae5;  /* 説明エリアの背景色*/
	border: 1px solid #C2BE83;
	padding: 0px 10px 0px 10px;
    max-width: 250px;
   margin-top: 0;
   margin-right: auto;
   margin-left:  auto;
   margin-bottom: 0;
}


.ad p 	{max-width: 100%;
	text-align: center;
	margin: 10px 10px 10px 10px;
	font-size: 14px;

	}

.ad a 	{
    	text-decoration: none;
	}

.ad  img{
    max-width: 80%;
}




/* サイドバー用 */
#linkspace_side{
	padding:0px;
	text-align: center;
	margin: 5px 20px 5px 20px;
    width: 150px;
}

#linkspace_side a{
    display: inline;
	text-decoration: none;
}


#linkspace_side a:hover{
    background-color: #ffffff;
    background: #ffffff;
}	







/* メニュー */
.menu	   {
	padding: 14px;
	margin-bottom: 10px;}

.menu h2	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
    text-align: center;
	color: #666666;
	margin: 0 0 0px;
	padding: 10px 0 10px 0px;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	}


.menu h3	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
    text-align: center;
	color: #666666;
	margin: 0 0 0px;
	padding: 10px 0 10px 0px;
	background-color: #e4e9f9;
	}

.menu h3 a	{display: block;
	color: #666666;
	text-decoration: none;
	background-image: url(layout/listmark_choco.png);
	background-repeat: no-repeat;
	background-position: 0 50%;}

.menu h3 a:hover	{background-color: #f5c77e;}


.menu ul	{margin: 0;
	padding: 0;
	border-top: solid 1px #aaaaaa;}

.menu li	{margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #aaaaaa;
	font-size: 14px;
	color: #666666;
	padding: 12px 0 10px 0px;
    position: relative; /*add*/
	}


/* リストマーク　＞を　表示 */
.menu li a:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 3px #036901;
  border-right: solid 3px #036901;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}


.menu li a	{display: block;
	padding: 3px 0 3px 20px;
	color: #666666;
	text-decoration: none;
/*	background-image: url(layout/listmark.png);
	background-repeat: no-repeat;
	background-position: 0 50%;*/
	}

.menu li a:hover	{background-color: #fbf9d4;}


/*  フッターバナー  */
#footbanner	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	margin: 0px;
	background-color: #ffffff;
	}

#footbanner p	{
    font-size: 14px;
    color: #ffffff;
    margin: 0 20px 0 10px;
    padding: 5px 0px 5px 0px;
    text-align: left;
    }


/*  フッター  */
#footer	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	color: #606060;
	background-color: #ffffff;
	padding: 5px 0px 5px 0px;
	margin-bottom: 0px;
	}

#footer p	{margin: 0;
    text-align: center;}

#footer a	{
	padding: 0px ;
	overflow: hidden;
	color: #0701ef;
	text-decoration: none;}