@charset "shift_jis";
/*====================================*/
/*           CSSプリセット            */
/*====================================*/

/*------------------------------------*/
/*             全要素共通             */
/*------------------------------------*/

/*-----余白をクリア・文字拡大禁止-----*/
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
/*------画像の余白と枠線をクリア------*/
img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/*-----------リンク共通設定-----------*/
a {
	display: block;
	line-height: 100%;
	padding: 5px 0 2px 0;
}
a:link,a:visited {
	text-decoration: none;
	color: #0000ff;
}
/*--------ミニボタン用高さ設定--------*/
.a_btn1img {
	padding: 2% 0 2% 0;
}
.a_btn2 {
	padding: 6% 0 6% 0;
}
.a_btn3 {
	padding: 9% 0 9% 0;
}
.a_btn4 {
	padding: 12% 0 12% 0;
}
.a_btn5 {
	padding: 15% 0 15% 0;
}
/*----------------下地----------------*/
body {
	background-image:url(../img/back.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-size:100% auto;
	background-color:#333333;
	font-size:14px;
	line-height: 1.2em;
}
section {
}
article {
	background-color: #fff;
	border: solid 2px rgba(255,255,255,0.3);
	margin: 1%;
	padding: 1% 0 1% 1%;
	overflow:hidden;
}

div {
}
ul {
}
/*------------擬似article-------------*/
.atcl1 {
	margin: 0 1% 1% 1%;
	padding: 1%;
	background-color: rgba(255,255,255,0.7);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: rgba(255,255,255,0.8);
}
.atcl2 {
	margin: 0 1% 1% 1%;
	padding: 1%;
	background-color: rgba(255,255,255,0.7);
	border-radius: 0 0 10px 10px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: rgba(255,255,255,0.8);
}
.atcl_m {
	margin: 0 1% 0 1%;
	padding: 1%;
	background-color: rgba(255,255,255,0.7);
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: rgba(255,255,255,0.8);
}
/*--------擬似atcl用見出し----------*/
.atcl1_h {
	margin: 1% 1% 0 1%;
	padding: 1%;
	font-weight: bold;
	color: #ffffff;
}
.atcl2_h {
	margin: 1% 1% 0 1%;
	padding: 1%;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	color: #ffffff;
}
.atclm_h {
	margin: 0 1%;
	padding: 1%;
	font-weight: bold;
	color: #ffffff;
}
/*--------------汎用タグ--------------*/
#title{
	font-size:1em;
	padding:2%;
	color:#ffffff;
	font-weight:bold;
}

#menu{
	display: inline-block;
	border-radius: 3px 3px 3px 3px;
	padding: 0;
	width: 20%;
	text-align: center;
	font-size:0.9em;
	font-weight: bold;
	color: #ffffff;
	float: right;
}
#menu a:link,#menu a:visited {
	color:#ffffff;
}
address {
	font-style: normal;
	font-size:9px;
	padding:10px;
}
footer {
	padding: 1%;
	text-align: center;
	color: #ffffff;
}
h1,h2,h3,h4,h5,h6 {
	padding: 1% 0 1% 1%;
	text-align: center;
	color: #ffffff;	
}
table {
	margin: 1% auto;
	width: 95%;
	border-collapse:collapse;
	border: 0px;
	border: 1px solid #666666;
}
th {
	padding: 2%;
	text-align: center;
	background-color: #333333;
	border: 1px solid #666666;
	color: #ffffff;
}
td {
	padding: 2%;
	background-color: #ffffff;
	border: 1px solid #666666;
}
/*------------リストの種類------------*/
li {
	list-style-type: none; 
}
.li_none {
	list-style-type: none;
}
.li_disc {
	list-style-type: disc;
}
.li_sqar {
	list-style-type: square;
}
.li_num {
	list-style-type: decimal;
}
.li_alf1 {
	list-style-type: upper-alpha;
}
.li_alf2 {
	list-style-type: lower-alpha;
}
.li_kana {
	list-style-type: katakana;
}
/*----------独自リストマーク----------*/
.li_1:before {
	content: "壱 ";
}
.li_2:before {
	content: "弐 ";
}
.li_3:before {
	content: "参 ";
}
/*------------------------------------*/
/*          ボタンプリセット          */
/*------------------------------------*/

/*-------------登録ボタン-------------*/
.regist {
	display: block;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 3% auto;
	width: 50%;
	text-align: center;
	font-size: 150%;
	font-weight: bolder;
	color: #ffffff;
}
.regist a:link,.regist a:visited {
	color:#ffffff;
}
/*---------------ボタン---------------*/
.btn1 {
	display: block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 2%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn1 a:link,.btn1 a:visited {
	color: #ffffff;
}
.btn2 {
	display: inline-block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 46%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn2 a:link,.btn2 a:visited {
	color: #ffffff;
}
.btn3 {
	display: inline-block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 29.5%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn3 a:link,.btn3 a:visited {
	color: #ffffff;
}
.btn4 {
	display: inline-block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 21.3%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn4 a:link,.btn4 a:visited {
	color: #ffffff;
}
.btn5 {
	display: inline-block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 16.4%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn5 a:link,.btn5 a:visited {
	color: #ffffff;
}
/*--------------丸ボタン--------------*/
.marubtn1 {
	display: inline-block;
	border: 0;
	border-radius: 1000px 1000px 1000px 1000px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 2% auto;
	width: 65px;
	height: 65px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
/*-------------戻るボタン-------------*/
.btnprv {
	display: block;
	background-color:#96a336;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 3%;
	padding: 5px;
	width: 35%;
	text-align: center;
	font-size:10px;
	color: #ffffff;
	float: left;
}
.btnprv a:link,.btnprv a:visited {
	color:#ffffff;
}
/*-------------上へボタン-------------*/
.btntop {
	display: block;
	background-color:#ffa305;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 3%;
	padding: 5px;
	width: 35%;
	text-align: center;
	font-size:10px;
	color: #ffffff;
	float: right;
}
.btntop a:link,.btntop a:visited {
	color:#ffffff;
}
/*------------dadioボタン-------------*/
.radio {
	display: inline-block;
	margin: 2% auto 2% auto;
	width: 20%;
	font-size: 1.2em;
	font-weight: bold;
}
/*--------プルダウンメニュー----------*/
select {
	display: inline-block;
	margin: 3% auto 3% auto;
	width:50%;
	font-size:1.2em;
}
/*-----------入力フォーム-------------*/
input{
	display: inline-block;
	margin: 3% auto 3% auto;
	width: 95%;
	font-size: 1.2em;
}
/*------------inputボタン-------------*/
.ipbtn{
	display: block;
	//border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 0 auto 5% auto;
	width: 50%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	height: 2em;
	font-size: 1.2em;
	font-weight: bold;
}
/*--------アイコン付文字リンク--------*/
.iclink {
	display: table;
	border-width: 1px 0;
	border-style: solid;
	border-color: #cccccc;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	font-weight: bold;
	color: #000000;
}
.iclink a:link,.iclink a:visited {
	color:#000000;
}
/*-------borderによる▲アイコン-------*/
.icon {
	display: block;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #999999;
	border-style: solid;
	border-width: 10px;
	width: 0;
	height: 0;
}
/*------------------------------------*/
/*      　 背景画像プリセット 　      */
/*------------------------------------*/
.bgi1 {
	background-image: url(../img/img4.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}
/*------------------------------------*/
/*      グラデーションプリセット      */
/*------------------------------------*/
.gd_2tone {
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(50%,#666666), color-stop(50%,#666666), to(#cccccc));
	background: -moz-linear-gradient(top, #999999, #666666 50%, #666666 50%, #cccccc);  
	background-color:#999999;
	text-shadow: 1px 0px 1px #666666;
	border: 1px solid #666666;
}
.gd_rd {
	//background: -webkit-gradient(linear, left top, left bottom,from(#ff0000),to(#ff6666));
	//background: -moz-linear-gradient(top, #ff0000, #ff6666);  
	background-color:#ca0000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #ca0000;
}
.gd_or {
	background: -webkit-gradient(linear, left top, left bottom,from(#ff6600),to(#ffcc66));
	background: -moz-linear-gradient(top, #ff6600, #ffcc66);  
	background-color:#ff6600;
	text-shadow: 1px 0px 1px #ff6600;
	border: 1px solid #ff6600;
}
.gd_ye {
	background: -webkit-gradient(linear, left top, left bottom,from(#ffcc00),to(#ffff00));
	background: -moz-linear-gradient(top, #ffcc00, #ffff00);  
	background-color:#ffcc00;
	text-shadow: 1px 0px 1px #ffcc00;
	border: 1px solid #ffcc00;
}
.gd_lye {
	background: -webkit-gradient(linear, left top, left bottom,from(#ffff00),to(#ffff99));
	background: -moz-linear-gradient(top, #ffff00, #ffff99);  
	background-color:#ffff00;
	text-shadow: 1px 0px 1px #ffff00;
	border: 1px solid #ffff00;
}
.gd_ygr {
	background: -webkit-gradient(linear, left top, left bottom,from(#99ff00),to(#ccff66));
	background: -moz-linear-gradient(top, #99ff00, #ccff66);  
	background-color:#99ff00;
	text-shadow: 1px 0px 1px #99ff00;
	border: 1px solid #99ff00;
}
.gd_gr {
	background: -webkit-gradient(linear, left top, left bottom,from(#00ff00),to(#66ff66));
	background: -moz-linear-gradient(top, #00ff00, #66ff66);  
	background-color:#00ff00;
	text-shadow: 1px 0px 1px #00ff00;
	border: 1px solid #00ff00;
}
.gd_em {
	background: -webkit-gradient(linear, left top, left bottom,from(#006666),to(#339999));
	background: -moz-linear-gradient(top, #006666, #339999);  
	background-color:#006666;
	text-shadow: 1px 0px 1px #006666;
	border: 1px solid #006666;
}
.gd_lbl {
	background: -webkit-gradient(linear, left top, left bottom,from(#0099cc),to(#66ffff));
	background: -moz-linear-gradient(top, #0099cc, #66ffff);  
	background-color:#0099cc;
	text-shadow: 1px 0px 1px #0099cc;
	border: 1px solid #0099cc;
}
.gd_bl {
	background: -webkit-gradient(linear, left top, left bottom,from(#0066ff),to(#6699ff));
	background: -moz-linear-gradient(top, #0066ff, #6699ff);
	background-color:#0066ff;
	text-shadow: 1px 0px 1px #0066ff;
	border: 1px solid #0066ff;
}
.gd_nv {
	background: -webkit-gradient(linear, left top, left bottom,from(#0000ff),to(#6666ff));
	background: -moz-linear-gradient(top, #0000ff, #6666ff);  
	background-color:#0000ff;
	text-shadow: 1px 0px 1px #0000ff;
	border: 1px solid #0000ff;
}
.gd_pu {
	background: -webkit-gradient(linear, left top, left bottom,from(#9900ff),to(#cc66ff));
	background: -moz-linear-gradient(top, #9900ff, #cc66ff);  
	background-color:#9900ff;
	text-shadow: 1px 0px 1px #9900ff;
	border: 1px solid #9900ff;
}
.gd_pk {
	background: -webkit-gradient(linear, left top, left bottom,from(#ff00ff),to(#ff66ff));
	background: -moz-linear-gradient(top, #ff00ff, #ff66ff);  
	background-color:#ff00ff;
	text-shadow: 1px 0px 1px #ff00ff;
	border: 1px solid #ff00ff;
}
.gd_lpk {
	background: -webkit-gradient(linear, left top, left bottom,from(#ff66ff),to(#ffccff));
	background: -moz-linear-gradient(top, #ff66ff, #ffccff);  
	background-color:#ff66ff;
	text-shadow: 1px 0px 1px #ff66ff;
	border: 1px solid #ff66ff;
}
.gd_br {
	background: -webkit-gradient(linear, left top, left bottom,from(#990000),to(#cc3300));
	background: -moz-linear-gradient(top, #990000, #cc3300);  
	background-color:#990000;
	text-shadow: 1px 0px 1px #990000;
	border: 1px solid #990000;
}
.gd_lbr {
	background: -webkit-gradient(linear, left top, left bottom,from(#cc6600),to(#cc9966));
	background: -moz-linear-gradient(top, #cc6600, #cc9966);  
	background-color:#cc6600;
	text-shadow: 1px 0px 1px #cc6600;
	border: 1px solid #cc6600;
}
.gd_dbr {
	background: -webkit-gradient(linear, left top, left bottom,from(#330000),to(#663333));
	background: -moz-linear-gradient(top, #330000, #663333);  
	background-color:#330000;
	text-shadow: 1px 0px 1px #330000;
	border: 1px solid #330000;
}
.gd_gy {
	background: -webkit-gradient(linear, left top, left bottom,from(#666666),to(#999999));
	background: -moz-linear-gradient(top, #666666, #999999);  
	background-color:#666666;
	text-shadow: 1px 0px 1px #666666;
	border: 1px solid #666666;
}
.gd_lgy {
	background: -webkit-gradient(linear, left top, left bottom,from(#999999),to(#cccccc));
	background: -moz-linear-gradient(top, #999999, #cccccc);  
	background-color:#999999;
	text-shadow: 1px 0px 1px #999999;
	border: 1px solid #999999;
}
.gd_go {
	background: -webkit-gradient(linear, left top, left bottom,from(#663300),to(#cc9900));
	background: -moz-linear-gradient(top, #663300, #cc9900);  
	background-color:#663300;
	text-shadow: 1px 0px 1px #663300;
	border: 1px solid #663300;
}
/*------------------------------------*/
/*         ボーダープリセット         */
/*------------------------------------*/
.bd_rd {
	border: 1px solid #ff0000;
}
.bd_or {
	border: 1px solid #ff6600;
}
.bd_ye {
	border: 1px solid #ffcc00;
}
.bd_lye {
	border: 1px solid #ffff00;
}
.bd_ygr {
	border: 1px solid #99ff00;
}
.bd_gr {
	border: 1px solid #00ff00;
}
.bd_em {
	border: 1px solid #006666;
}
.bd_lbl {
	border: 1px solid #0099cc;
}
.bd_bl {
	border: 1px solid #0066ff;
}
.bd_nv {
	border: 1px solid #0000ff;
}
.bd_pu {
	border: 1px solid #9900ff;
}
.bd_pk {
	border: 1px solid #ff00ff;
}
.bd_lpk {
	border: 1px solid #ff66ff;
}
.bd_br {
	border: 1px solid #990000;
}
.bd_lbr {
	border: 1px solid #cc6600;
}
.bd_dbr {
	border: 1px solid #330000;
}
.bd_gy {
	border: 1px solid #666666;
}
.bd_lgy {
	border: 1px solid #999999;
}
.bd_go {
	border: 1px solid #663300;
}
.bd_dot {
	border-style: dotted;
	border-width: 5px;
}
/*------------------------------------*/
/*           背景プリセット           */
/*------------------------------------*/
.bg_rd {
	background-color: #ffcccc;
}
.bg_ye {
	background-color: #ffffcc;
}
.bg_gr {
	background-color: #ccffcc;
}
.bg_bl {
	background-color: #ccffff;
}
.bg_pu {
	background-color: #ccccff;
}
.bg_pk {
	background-color: #ffccff;
}
.bg_br {
	background-color: #cc9966;
}
.bg_gy {
	background-color: #cccccc;
}
.bg_wh {
	background-color: #ffffff;
}
/*====================================*/
/*             CSSパーツ              */
/*====================================*/

/*------------------------------------*/
/*            テキスト調整            */
/*------------------------------------*/

/*------------フォント指定------------*/
.fsty_n {
	font-style: normal;
}
/*-------------サイズ調整-------------*/
.font150 {
	font-size: 1.5em;
}
.font120 {
	font-size: 1.2em;
}
.font100 {
	font-size: 0.8em;
}
.font90 {
	font-size: 0.8em;
}
.font80 {
	font-size: 0.7em;
}
.font70 {
	font-size: 0.7em;
}
.font60 {
	font-size: 0.6em;
}
.font50 {
	font-size: 0.5em;
}
/*----------------太字----------------*/
.nfont {
	font-weight: normal;
}
.bfont {
	font-weight: bold;
}
/*-------------文字色変更-------------*/
.rdtext {
	color: #ba0000;
}
.whtext {
	color: #FFFFFF;
}
.gytext {
	color: #999999;
}
.bktext {
	color: #000000;
}
/*----------テキストシャドー----------*/
.tsd_wh {
	text-shadow: 1px 0px 1px #ffffff;
}
.tsd_gy {
	text-shadow: 1px 0px 1px #666666;
}
.tsd_bk {
	text-shadow: 1px 0px 1px #000000;
}
/*----------テキスト表示位置----------*/
.textc {
	text-align: center;
}
.textr {
	text-align: center;
}
.textl {
	text-align: left;
	font-size:14px;
}
/*--------------間隔調整--------------*/
.lsp-1{
	letter-spacing: -1px;
}
.lsp-2{
	letter-spacing: -2px;
}
.lsp-3{
	letter-spacing: -3px;
}
.lsp-4{
	letter-spacing: -4px;
}
.lh100 {
	line-height: 1em;
}
.lh160 {
	line-height: 1.6em;
}
.lh200 {
	line-height: 2em;
}
.lh300 {
	line-height: 3em;
}
/*------------------------------------*/
/*              余白調整              */
/*------------------------------------*/

/*--------ブロック要素を中央へ--------*/
.mgauto {
	margin-right: auto;
	margin-left: auto;
}
/*------マージン・パディング調整------*/
.mg0 {
	margin: 0;
}
.mgt0 {
	margin-top: 0;
}
.mgb0 {
	margin-bottom: 0;
}
.mgr0 {
	margin-right: 0;
}
.mgl0 {
	margin-left: 0;
}
.mgtb0 {
	margin-top: 0;
	margin-bottom: 0;
}
.mglr0 {
	margin-right: 0;
	margin-left: 0;
}
.mg1 {
	margin: 1%;
}
.mgt1 {
	margin-top: 1%;
}
.mgb1 {
	margin-bottom: 1%;
}
.mgr1 {
	margin-right: 1%;
}
.mgl1 {
	margin-left: 1%;
}
.mgtb1 {
	margin-top: 1%;
	margin-bottom: 1%;
}
.mglr1 {
	margin-right: 1%;
	margin-left: 1%;
}
.mg2 {
	margin: 2%;
}
.mgt2 {
	margin-top: 2%;
}
.mgb2 {
	margin-bottom: 2%;
}
.mgr2 {
	margin-right: 2%;
}
.mgl2 {
	margin-left: 2%;
}
.mgtb2 {
	margin-top: 2%;
	margin-bottom: 2%;
}
.mglr2 {
	margin-right: 2%;
	margin-left: 2%;
}
.mg3 {
	margin: 3%;
}
.mgt3 {
	margin-top:1%;
}
.mgb3 {
	margin-bottom: 3%;
}
.mgr3 {
	margin-right: 3%;
}
.mgl3 {
	margin-left: 3%;
}
.mgtb3 {
	margin-top: 3%;
	margin-bottom: 3%;
}
.mglr3 {
	margin-right: 3%;
	margin-left: 3%;
}

.mgt10 {
	margin-top:10px;
}
.pd0 {
	padding: 0;
}
.pdt0 {
	padding-top: 0;
}
.pdb0 {
	padding-bottom: 0;
}
.pdr0 {
	padding-right: 0;
}
.pdl0 {
	padding-left: 0;
}
.pdtb0 {
	padding-top: 0;
	padding-bottom: 0;
}
.pdlr0 {
	padding-right: 0;
	padding-left: 0;
}
.pd1 {
	padding: 1%;
}
.pdt1 {
	padding-top: 1%;
}
.pdb1 {
	padding-bottom: 1%;
}
.pdr1 {
	padding-right: 1%;
}
.pdl1 {
	padding-left: 1%;
}
.pdtb1 {
	padding-top: 1%;
	padding-bottom: 1%;
}
.pdlr1 {
	padding-right: 1%;
	padding-left: 1%;
}
.pd2 {
	padding: 2%;
}
.pdt2 {
	padding-top: 2%;
}
.pdb2 {
	padding-bottom: 2%;
}
.pdr2 {
	padding-right: 2%;
}
.pdl2 {
	padding-left: 2%;
}
.pdtb2 {
	padding-top: 2%;
	padding-bottom: 2%;
}
.pdlr2 {
	padding-right: 2%;
	padding-left: 2%;
}
.pd3 {
	padding: 3%;
}
.pdt3 {
	padding-top: 3%;
}
.pdb3 {
	padding-bottom: 3%;
}
.pdr3 {
	padding-right: 3%;
}
.pdl3 {
	padding-left: 3%;
}
.pdtb3 {
	padding-top: 3%;
	padding-bottom: 3%;
}
.pdlr3 {
	padding-right: 3%;
	padding-left: 3%;
}
/*------------------------------------*/
/*              表示関係              */
/*------------------------------------*/

/*---------ブロック要素に変換---------*/
.d_blk {
	display: block;
}
/*--------インライン要素に変換--------*/
.d_inl {
	display: inline;
}
/*----インラインブロック要素に変換----*/
.d_ibl {
	display: inline-block;
}
/*---------ボックス要素に変換---------*/
.d_box {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
}
/*----インラインボックス要素に変換----*/
.d_ibx {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
}
/*---------テーブル要素に変換---------*/
.d_tbl {
	display: table;
	width: 96%;
}
.d_tbc {
	display: table-cell;
	vertical-align: middle;
	
}
/*-------------枠線クリア-------------*/
.bd0 {
	border: none;
}
/*--------------横幅調整--------------*/
.wauto {
	width: auto;
}
.w100 {
	width: 100%;
}
.w95 {
	width: 95%;
}
.w90 {
	width: 90%;
}
.w85 {
	width: 85%;
}
.w80 {
	width: 80%;
}
.w75 {
	width: 75%;
}
.w70 {
	width: 70%;
}
.w65 {
	width: 65%;
}
.w60 {
	width: 60%;
}
.w55 {
	width: 55%;
}
.w50 {
	width: 50%;
}
.w45 {
	width: 45%;
}
.w40 {
	width: 40%;
}
.w35 {
	width: 35%;
}
.w30 {
	width: 30%;
}
.w25 {
	width: 25%;
}
.w20 {
	width: 20%;
}
.w15 {
	width: 15%;
}
.w10 {
	width: 10%;
}
.w5 {
	width: 5%;
}
/*------------------------------------*/
/*            float＆clear            */
/*------------------------------------*/

/*---------------float----------------*/
.flt_r {
	float: right;
}
.flt_l {
	float: left;
}
/*---------------clear----------------*/
.clear_b {
	clear: both;
}
.clear_r {
	clear: right;
}
.clear_l {
	clear: left;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
.clearfix {
	display: inline-block;
	display: block;
}
/*------------------------------------*/
/*              デザイン              */
/*------------------------------------*/

/*----------------角丸----------------*/
.rad5 {
	border-radius: 5px 5px 5px 5px;
}
.rad10 {
	border-radius: 10px 10px 10px 10px;
}
/*----------ボックスシャドー----------*/
.boxsd {
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
}

/*----------------追加----------------*/
.bg_main{
	background-color:#3f3929;
	border:1px solid #676976;
	color:#ffffff !important;
	
}
.bg_main a{
	color:#ffffff !important;
}
.bg_sub{
	background-image:url(../img/bg_sub.jpg);
	background-color:#dde1ec;
	border:1px solid #9ba1ac;
	color:#000000 !important;
	-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	text-shadow:rgba(0,0,0,0.3) 1px 1px 1px;
}
.bg_sub a{
	color:#000000 !important;
}
.bg_h1{
	background-image:url(../img/bg_h1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-color:#dde1ec;
	color:#000000;
}
.bg_h2{
	background-image:url(../img/bg_h2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-color:#dde1ec;
	color:#ffffff;
}
.bg_bk{
	background-color:#000000;
}
.bd_bk{
	border:1px solid #000000;
}

.no_tsd{
	text-shadow:none !important;
}
.v_top{
	vertical-align:top !important;
}
.v_middle{
	vertical-align:middle !important;
}
.tobashi{
	height:0px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

.con_title{
	display:inline-block;
	vertical-align:top;
	width:10%;
}
.con_title img{
	height:127px;
}

.con_list{
	display:inline-block;
	vertical-align:top;
	width:87%;
	list-style-type:none;
	text-align:center;
}
.con_list2{
	list-style-type:none;
	text-align:center;
}
.con_list li, .con_list2 li{
	display:inline-block;
	vertical-align:top;
	margin:1% 0px;
	color:#ffffff;
	//font-weight:bold;
	background-color:#262626;
}
.con_list li a, .con_list2 li a{
	margin:0px;
	padding:1%;
	color:#ffffff;
}
.con_list li p, .con_list2 li p{
	height:3.6em;
	margin:0px;
	padding:1%;
	color:#ffffff;
}

.btn_more{
	display:inline-block;
}
.btn_more a{
	padding:0px !important;
	color:#ffffff;
}
.btn_more img{
	width:100%;
}

.comment{
	padding:3%;
	margin:10px 5px;
	background-color:#f5f1eb;
	color:#000000 !important; inset;
	text-shadow:rgba(0,0,0,0.3) 1px 1px 1px;
	font-size:13px;
}

.zairyo{
	padding:2%;
	margin:0px 5px 10px 5px;
	background: #fff;
	border: 1px solid #ccc;
	font-size:13px;
}

.zairyo_title {
	padding:2%;
	margin:5px 5px 2px 5px;
	background-color:#cb0000;
	font-size:13px;
} 

.zairyo dt{
	display:inline-block;
	vertical-align:top;
	width:60%;
	padding:2% 0px;
	border-top:1px dashed #a08045;
	font-weight:bold;
	color:#59340d;
}
.zairyo dd{
	display:inline-block;
	vertical-align:top;
	width:40%;
	border-top:1px dashed #a08045;
	padding:2% 0px;
}
.zairyo dt:nth-child(1){
	border-top:none;
}
.zairyo dd:nth-child(2){
	border-top:none;
}

.recipe {
	padding:2%;
	margin:0px 5px 10px 5px;
	background: #fefbf5;
	border: 1px solid #ccc;
}

.recipe_title {
	padding:2%;
	margin:5px 5px 0px 5px;
	background-color:#fabd00;
	color:#000;
	text-align:left;
	font-size:13px;
} 

.recipe dt{
	border-bottom: 1px dashed #a91616;
	color: #a91616;
	font-weight: bold;
	letter-spacing: 3.0px;
	margin-bottom: 5px;
	padding:5px;
}
.recipe dt:nth-child(1){
	margin-top:0%;
}
.recipe dd{
	margin:1% 0% 0% 3%;
	font-size:13px;
}
#topimg {
	width:100%;
	height:110px;
	display:block;
	background: url(../img/top.jpg) no-repeat top center;
	background-size:640px;
}


/* --------------------------------------- */
/* 追加レイアウト
/* --------------------------------------- */
.area-new {
	padding: 5px;
	margin-bottom:5px;
}
.area-new-wrapper {
	background: #fefefa;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #fabd00;
	padding: 5px;
}

.area-new h2 {
	padding:0;
	
}

/* .area-new h2 {
	background-size: 11px 12px;
	background-color:#153e16;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
} */
.area-new-wrapper .dtb {
	font-size: 11px;
	width: 100%;
}
.area-new-wrapper img {
	border-radius: 5px;
	margin-bottom: 3px;
	width: 100%;
}
.area-new-wrapper .dtc:first-child {
	padding-right: 5px;
}
.area-new-wrapper .dtc:nth-of-type(2) {
	padding-left: 5px;
}
.area-new-wrapper a {
	color: #57300a;
	font-size: 12px;
	text-decoration: underline;
}



/* table-layout */
.dtd { display: table; }
.dtr { display: table-row; }
.dtc { display: table-cell; }

.area-list ul {
	margin-bottom: 10px;
}
.area-list li {
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.area-list li a {
	background: url(../img/icon_link02.png) no-repeat 97% center;
	background-size: 9px 16px;
	color: #000;
	display: block;
	padding: 5px 30px 5px 5px;
}
.area-list li .dtc {
	vertical-align: middle;
}
.area-list li .dtc img {
	width: 60px;
	margin-right:15px;
}


.area-01 {
	padding: 2px 5px 10px ;
	background-color: rgba(255, 255, 255, 0.5);
}
.area-01 .dtb {
	margin-bottom: 5px;
	table-layout: fixed;
	width: 100%;
}
.area-01 .dtc {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 3px;
	position: relative;
	text-align: center;
}
.area-01 img {
	width: 100%;
}
.area-01 .dtc .box {
	position: relative;
}
.area-01 .dtc .name {
	background: rgba(0,0,0,0.6);
	bottom: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 8px;
	left: 0;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 100%;	
}

.btn-more {
	text-align: center;
}
.btn-more a {
	background: #efa800;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight:bold;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	width: 90%;
}

.search-genre {
	margin-bottom: 10px;
	padding: 0 5px;
}
.search-genre h2 {
	padding:0;
}
.search-genre .box {
	border: 2px solid #5c5c5b;
	border-top: none;
	padding: 10px 5px 0;
	background: #FFF;
}
.search-genre .box li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
	font-size: 10px;
	margin-bottom: 10px;
	padding: 0 5px;
	width: 50%;
}
.search-genre .box li a {
	background: #f3f3f3;
	border:solid 1px #CCC;
  color: #000;
	border-radius: 3px;
	display: inlin-block;
	height: 30px;
	line-height: 30px;
	font-weight:bold;
	text-align: center;
}

.area-ranking ul {
	margin-bottom: 3px;
}
.area-ranking li {
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.area-ranking li a {
	background: url(../img/icon_link02.png) no-repeat 97% center;
	background-size: 9px 16px;
	color: #000;
	display: block;
	padding: 10px 10px 10px 10px;
}
.area-ranking li .dtc {
	vertical-align: middle;
}

.area-ranking li .dtc img {
	padding: 0px 3px 5px 5px;
}

/* clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
/* --------------------------------------- */
/* agree-style
/* --------------------------------------- */
.agree {
	border-top: 1px dotted #000;
	padding-top: 10px;
}
.agree li {
	font-size: 12px;
	padding-bottom: 10px;
}
.fnavi ul {
	border-top: 2px solid #66CCFF;
}
.fnavi li {
	background: #ffffff;
	border-top: 1px solid #ccc;
}
.fnavi li:first-child {
	border-top: none;
}
.fnavi li a {
	background: url(../img/icon_link03.png) no-repeat 97% center;
	background-size: 5px 8px;
	border-bottom: 1px solid #888;
	color: #000;
	padding: 15px 10px;
}
/* --------------------------------------- */
/* agree-style
/* --------------------------------------- */
.agree {
	border-top: 1px dotted #000;
	padding-top: 10px;
}
.agree li {
	font-size: 12px;
	padding-bottom: 10px;
}
/*----------------追加----------------*/
.bg_main{
	background-color:#3f3929;
	border:1px solid #676976;
	color:#ffffff !important;
	
}
.bg_main a{
	color:#ffffff !important;
}
.bg_sub{
	background-image:url(../img/bg_sub.jpg);
	background-color:#dde1ec;
	border:1px solid #9ba1ac;
	color:#000000 !important;
	-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	box-shadow:rgba(0,0,0,0.3) 0px 0px 10px 0px inset;
	text-shadow:rgba(0,0,0,0.3) 1px 1px 1px;
}
.bg_sub a{
	color:#000000 !important;
}
.bg_h1{
	background-image:url(../img/bg_h1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-color:#dde1ec;
	color:#000000;
}
.bg_h2{
	background-image:url(../img/bg_h2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-color:#dde1ec;
	color:#ffffff;
}
.bg_bk{
	background-color:#000000;
}
.bd_bk{
	border:1px solid #000000;
}