@charset "shift_jis";

/* CSS Document */



html{

    -webkit-text-size-adjust: none;

}





/* ------ General Setting 

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





body{

    font: 14px/1.231 Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;

    color: #FFF;

	background:#000;

	}



.clear{ clear:both;}



.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



.cent{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}



a{text-decoration:none;color:#FFFF00;}



ul{ position:relative;}



/* ------ 共通 

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

header {

	padding:5px 0px 0px;

}





header h1{

	font-weight:bold;

	font-size:16px;

	

}



header#toppage img{

	width:320px;

}



header#deco-tit{

	text-align:left;

	position:relative;

}



header#deco-tit h1{

	padding-left:10px;

	padding-top:5px;

	font-weight:bold;

	color:#FF6600;

}



header#deco-tit h1 img{

	height:40px;

}



header#deco-tit span.home{float:right; padding:5px;}

header#deco-tit span.home img{ height:40px;}







footer{

	font-size:12px;

	padding-bottom:15px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(50%,#333), color-stop(100%,#000));

	color:#FFF;

}



footer a{

		color:#00cccc;

}



footer a.f-lin{

	padding:5px 0px;

	text-decoration:underline;

	display:block;

	font-size:14px;

}





/* ------ 共通font 

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

.border{

	border-bottom: dotted #ccc 2px;

	margin-bottom:5px;

	clear:both;

}



.font-title{

	font-size:16px;

}

a div .font-title,#html .font-title{

	color:#FFFF00;

	font-weight:bold;

}



.font-name{

	font-size:100%;

}

a div .font-name{

	color:#FF8F8F;

}



.font-com{

	font-size:90%;

}

.font-small{

	font-size:70%;

}





/* ------ FORM関連 

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



#select{

	width:70%;

	margin:auto;

	padding:5px 0px;

}

#select li{

	margin:5px 0px;

}

.sebox{

	padding:3px 0px;

	line-height:25px;

	width:100%;

	font-weight:bold;

	font-size:14px;

}

.submit{

	margin:0px 0px 10px;

	text-align:center;

}

.submit a{

    -webkit-border-radius: 15px; 

    -moz-border-radius: 15px;  

    border-radius: 15px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef007c), color-stop(100%,#ff5db1));

	width:70%; height:25px;

	line-height:25px;

	color:#FFF;

	display:block;

	font-weight:bold;

	margin:auto;

}





/* ------ search関連リスト用

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

#form{

	position:relative;

	padding:10px;

	color:#ddd;

	background:#000;

	margin:5px;

}



#form ul li{

	margin-bottom:1em;

}



#form input, #gsearch textarea{

	padding:5px;

}



#form .keywords{

	width:70%;

}



#form select{

	padding:5px;

	font-size:14px;

	width:70%;

}





/* ------ index 

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



#ent ul li{

	width:100%;

	padding:10px 0px 0px;

}



#ent ul li a{

	width:60%;

	height:40px;

	margin:auto;

	display:block;

	border:#F6C 2px solid;

	position:relative;

	-webkit-border-radius: 16px;

    border-radius: 16px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fdffcf));

	text-align:center;

	line-height:40px;

	font-weight:bold;

	font-size:16px;

	color:#F00;

}



.link h2{ color:#ff6600; padding-left:10px;}



.link ul li{

	position:relative;

	float:left;

	padding:5px 0px 0px 15px;

}



.link ul li a{

	position:relative;

	line-height:25px;

	color: #FFFF00;

	text-decoration:underline;

	font-size:12px;

}





/* ------ top

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



/* ----------------------------------------------------------------------　地方サイト別色　----------------------------------------------------------------------*/	



.distinctive-color{background-color:#A30000;}

.gr{ color:#fff; font-size:12px;}



hr{

	height:2px;

	border: none;

	}



.mark{

	position:absolute;

	right:10px; top:0px;

	color:#999;

}



aside{

	padding:5px 0px;

	margin:0px;

	background-color:#222;

	color:#25baff;

}

aside h4{

	font-weight:normal;

}



aside a{

	display:block;

	margin:auto;

}





section{

	padding:2px 0px 6px;

	margin:10px 0px 0px 0px;

	color:#FFF

}



section ul{

	width:90%;

	margin:auto;

	padding-bottom: 10px;

}

section ul li{

	background:#222;

	margin:5px 0px;

	color:#FF6600;

	font-weight:bold;

	padding:5px 0px;

	font-size:14px;

}

section ul li span{

	font-size:12px;

	border-top:dotted #999 2px;

	color:#fff;

	width:100%;

	display:block;

	margin-top:5px;

}





.blue-box{

	width:90%;

	padding:8px;

	margin:auto;

	position:relative;

}



nav ul#menu{

	margin:auto;

	width:100%;

	text-align:center;

}



nav ul#menu li.half{

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BD0000), color-stop(7%,#B80000), color-stop(93%,#4D0000), color-stop(100%,#300000));

	position:relative;

	border:#A30000 solid 1px;

	margin:1px;

	float:left;

	height:40px;

	width:48%;

    font: 12px/40px bold Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;

}



#bbot ul li{

	width:100%;

	padding:10px 0px 0px;

}



#bbot ul li a{

	width:80%;

	height:40px;

	margin:auto;

	display:block;

	border:#F6C 2px solid;

	position:relative;

	-webkit-border-radius: 16px;

    border-radius: 16px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fdffcf));

	text-align:center;

	line-height:40px;

	font-weight:bold;

	font-size:16px;

	color:#F00;

}





/* ----------------------------------------------------------------------　モジュール関連　----------------------------------------------------------------------*/	



/* ------ コンテンツ必須

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



section h5, nav h5,section h6, nav h6,section h4, nav h4{

	padding:2px;

	position:relative;

	margin:10px 5px 0px 5px;

	text-align:center;

	font:bold 110% 'ＭＳ Ｐゴシック',Osaka;

	}

section h5, nav h5{

	background-color:#A30000;

	color:#fff;

	}

section h6, nav h6{

	background-color:#8F3900;

	color:#fff;

	}

section h4, nav h4{

	background-color:#a30000;

	color:#fff;

	}



div#deta{

		float:left;

		display:inline-block;

		text-align:left;

		margin-left:5px;

		width:75%;

		vertical-align:top;

	   }

div#deta img{

		display:inline-block;

		float:left;

	   }



div#html{

	display:block;

	padding:10px;

	margin:5px;

	background:#000;

	margin-bottom:3px;

}



#g-disp{

	text-align:left;

	position:relative;

	padding:12px;

	margin-bottom:3px;

	border-radius:4px;

	}



div#whiteback{

	position:relative;

	margin:5px;

	display:block;

	border-bottom:#4D1A00 solid 1px;

	color:#ddd;

	background:#662200;

	padding:5px;

	}



div#noback{

	position:relative;

	margin:5px;

	display:block;

	color:#ddd;

	padding:5px;

	}



/* ------ profilelink用

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

#profilelink ul{

	position:relative;

	margin:5px;

	}



#profilelink ul li a{

	display:block;

	position:relative;

	color:#ddd;

	padding:5px;



	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

	}



#profilelink ul li img{

	display:inline-block;

	float:left;

	}



#profilelink ul .ct a {

	overflow:hidden;

	height:46px;

	}



#profilelink ul .ct {

	width:31%;

	display:block;

	position:relative;

	padding:0 5px 5px 0;

	float:left;

	}



/* ------ ボタンメニュー 

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



#menu ul li{

	width:100%;

	position:relative;

	padding:5px 0px 0px;

	display:inline-block;

}



#menu ul li a{

	width:90%;

	height:34px;

	margin:auto;

	padding:2px 0px 4px 10px;

	display:block;

	line-height:34px;

	position:relative;



	font-weight:bold;

	color:#fff;

	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

}

#menu ul li a img{

	height:34px;

	vertical-align:middle;

	margin-right:3px;

}



/* ------ miniボタン

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



#deai-menu{

	margin:auto;

	width:95%;

	text-align:center;

}



#deai-menu ul li{

	width:50%;

	position:relative;

	padding:5px 0px 0px;

	display:inline-block;

	float:left;

}



#deai-menu ul li a{

	width:90%;

	height:34px;

	margin:auto;

	padding:2px 0px 4px 10px;

	display:block;

	line-height:34px;

	font-weight:bold;

	color:#fff;

	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

	position:relative;

	box-shadow:1px 1px 2px #999999;

}



/* ------ ページ送りボタン

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

.next {

	position:relative;

	padding:3px;

	text-align:center;

	width:45%;

	float:left;

	margin:0px 5px;



	font-weight:bold;

	color:#ccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

}

.next a{

	text-decoration:none;

	font-weight:bold;

	color:#FFFF00;

}





/* ------ shoplist関連リスト用

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

#shop .cont-box ul{

	position:relative;

	margin:5px;

	background:#222;

	}

		 

#shop .cont-box ul li{

		display:block;

		padding:5px;

		margin-bottom:3px;

		position:relative;

		border-radius:4px;

		border:solid 2px #0051FF;

	   }

#shop .cont-box ul li a{

	   display:block; position:relative;

	   width:100%; height:100%;

	   text-decoration:none;

		color:#ddd;

	   }



#shop .cont-box ul li img{

	   display:inline-block;

		float:left;

	   }





/* ------ link list関連リスト用

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

#ULLIST .cont-box ul{

	position:relative;

	margin:5px;

	}



#ULLIST .cont-box ul li a{

	display:block;

	position:relative;

	padding:5px;



	color:#ddd;

	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

	}



#ULLIST .cont-box ul li img{

	display:inline-block;

	float:left;

	}



#ULLIST .cont-box .toku-box li a{

	background: -webkit-gradient(linear, left top, left bottom, from(#444), color-stop(0.01, #888), color-stop(0.5, #333), color-stop(0.99, #111), to(#888));  

    -moz-box-shadow: 1px 1px 2px #404040;  

    -webkit-box-shadow: 1px 1px 2px #404040;

	-webkit-border-radius: 3px;  

    -moz-border-radius: 3px;

	box-shadow:1px 1px 2px #888;

	}





/* ------ no link list関連リスト用

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



#noULLIST .cont-box ul{

	position:relative;

	margin:5px;

	}



#noULLIST .cont-box ul li{

	display:block;

	border-bottom:#ccc solid 1px;

	position:relative;

	color:#ddd;

	background:#000;

	padding:5px;

	}



#noULLIST .cont-box ul li img{

	display:inline-block;

	float:left;

	}



#noULLIST .cont-box .font-title{

	color:#FF6600;

	font-weight:bold;

	}

#noULLIST .cont-box a{

	font-weight:bold;

	}



#noULLIST #deta{

		width:96%;

	   }







/* ------ sokuai

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

.distinctive-color2{

	background-color:#8F3900;width:95%;margin:10px auto;

}



.distinctive-color2 img{

	border:#C233FF solid 1px;

	margin-right:5px;

	width:50px;

	height:50px;

	display:block;

	position:relative;

}

.distinctive-color2 .img{

	display:block;

	float:left;

}

.distinctive-color2 a{

	display:block;

	text-align:left;

}