@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family: "MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	background-color: #ccc;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {border: none;}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
br {
letter-spacing: 0;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {color: #2850A2;}
a:hover {color: #FF6600;}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background-color:#000000;
}
/*ヘッダーブロックの中*/
header .inner {
	width: 1080px;	/*ブロック幅*/
	height: 110px;	/*ブロックの高さ*/
	background-color: #000;
	padding-top:5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
header img {
	margin-left:10px;
}
/*h1ロゴの設定*/
header h1 {
	font-size:12px;
	color:#ccc;
	margin-left:15px;
}
/*電話番号ボックスの設定*/
header .inner address {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width:400px;	
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 13px;
	color:#ccc;
	line-height: 1.4;
}
/*電話番号の文字設定*/
header .inner address .tel {
	font-size: 18px;	/*文字サイズ*/
	color: #665e4a;		/*文字色*/
	font-weight: bold;	/*太字に*/
	display: block;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menubar {
	height: 100%;	/*ブロックの高さ*/
}
nav#menubar ul {
	width: 1080px;	/*メニュー部分のブロック幅*/
	margin-right: auto;
	margin-left: auto;
	margin-top:-3px;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	float: left;
	width: 16%;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;	
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav#menubar ul li:nth-child(odd){
	width: 17%;
}
nav#menubar ul li:nth-child(6){
	width: 17%;
}
nav#menubar ul li:nth-child(12){
	width: 17%;
}
nav#menubar ul li a {
	text-decoration: none;
	display: block;
	height:17px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	padding: 15px 0px;
    background-color: #666666;
	color: #FFF;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
nav#menubar {margin-top:1px;}
nav#menubar ul li a {
	text-decoration: none;
	display: block;
	padding:18px 0px 14px 0px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
    background-color: #666666;
	color: #FFF;
}
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
	background-color: #222222;	/*背景色*/
}
/* パンくず */
#navi {margin-bottom: 10px;}
#navi li {
  display: inline-block;
  font-size:12px;
  color: #666;
  background:url(../images/bread.png) no-repeat left center;
  -webkit-background-size:7px 11px;
  background-size:7px 11px;
  margin:0;
 padding:0 0 0 12px;
}
#navi li:first-child{
 background:none;
 padding:0;
}
#navi li a{text-decoration:none;}


/*コンテンツ（main,sub,sideを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: right;
	width: 1070px;	/*コンテンツ幅*/
	margin-right: auto;
	margin-left: auto;
	background-color:#fff;
	padding:5px 0px 5px 0px;
	
}
/*コンテンツin（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents-in {
	float: right;
	width: 765px;
}
/*2カラム時*/
body.c2 #contents-in {
	float: none;
	width: 100%;
}

/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main {
	float: right;	/*右側に回り込み*/
	padding:0px 10px 30px 10px;
	background-color:#fff;
}
#main.main-in {
	padding-bottom: 30px;
}
/*2カラム時*/
body.c2 #main {
	width: 1050px;	/*メインコンテンツ幅*/
}
/*更新情報******************/
.renew{
	width: auto;
	max-height: 200px;
	_height: 200px;
	border-bottom:1px solid #999;
	overflow: scroll;
	overflow-x:hidden;
}
.day{
	background-color:#ddd;
	border-top:1px dotted #aaaaaa;
	color:#454545;
	padding:4px;
	margin-top:5px;
	font-size:13px;
	font-weight:bold;
}
.renew ul li{
	border-bottom:1px dotted #999999;
	font-size:13px;
	padding-left:3px;
	line-height:1.8em;
}
.renew ul li:last-child{
	border-bottom:none;
}


.renew_more{
	text-align:right;
	margin-top:8px;
	font-size:11px;
}

/*mainコンテンツのh2タグ設定*/
#main h1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,d6d6d6+100 */
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#d6d6d6 100%); /* W3C */
	box-shadow: 0 0 0 1px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
	border:1px solid #666;
	font-size: 18px;
	color: #333;
	padding: 8px 15px;
	margin-bottom:15px;
	clear: both;
}
/*mainコンテンツのh3タグ設定*/
#main h2 {
	color:#ffff00;
	border:1px solid #666;
	font-size:16px;
	padding: 11px 0px 11px;
	margin:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 0 2px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	text-align: center;
}

#main h2.koushin {
	color:#ffff00;
	border:1px solid #666;
	border-left:none;
	border-right:none;
	font-size:16px;
	padding: 11px 0px 11px;
	margin:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	border-radius: 0;
	box-shadow: 0 0 0 2px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#main h2.kanren {
	color:#ffffff;
	border:1px solid #666;
	font-size:16px;
	padding: 7px 0px 7px;
	margin:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	border-radius: 0;
	box-shadow: 0 0 0 2px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#main h4 {
    font-size: 14px;
    padding: 5px 5px 5px 8px;
	border-left:5px solid #999;
	border-bottom:1px solid #666;
	background-color:#ddd;
	clear:both;
}
#main h5 {
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 8px center / 9px 14px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	height:auto;
	font-size:13px;
	line-height:1.4em;
	padding:4px 0px 4px 25px;
}
.openmenu2{display: none;} 

.ta2 {
	width: 49%;
	margin:0 1% 0 0;
	float:left;
}
/*mainコンテンツの段落タグ設定*/
#main p {
	color:#333;
	font-size:13px;
	line-height:1.5em;
	padding:5px 5px 0px 5px;
	margin-bottom:10px;
	}
#main .exp{
	border:1px dotted #999;
	padding:5px;
	line-height:1.5;
	margin-bottom:15px;
	background-color:#efefef;	
	color:#666;
	}
#main .exp_comment{
	border:1px dotted #999;
	padding:5px;
	line-height:1.5;
	margin-bottom:15px;
	background-color:#efefef;	
	color:#666;
	margin-top:40px;
	}
#contents .mainbox1{float:left;margin-right:15px;width:340px;}
#contents .mainbox2{float:left;width:340px;}
#contents .mainbox_in{
	border:1px solid #999;
	border-top:none;
	border-bottom:none;
	background-color:#f6f6f6;
	margin-bottom:15px;
	}
#contents .mainbox_in2{
	border:1px solid #999;
	border-top:none;
	padding:3px 3px 1px 3px;
	background-color:#f6f6f6;
	margin-bottom:10px;
	}
#contents .mainbox_in li{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 6px center / 7px 10px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	height:auto;
	font-size:12px;
	line-height:1.4em;
	padding:4px 0px 4px 19px;
	}
	
#contents .mainbox_in li a{
	display:block;
	}

#contents .mainbox_in li.i1{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 6px center / 7px 10px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	width:100%;
    text-decoration: none;
	height:auto;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}/*サイドコンテンツ*/
#contents .mainbox_in li.i2{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 6px center / 7px 10px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	width:50%;
    text-decoration: none;
	height:auto;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	}/*サイドコンテンツ*/
#contents .mainbox_in li.i3{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 8px center / 9px 14px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	width:33%;
    text-decoration: none;
	height:auto;
	padding:5px 0px 5px 20px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}/*サイドコンテンツ*/
	
#contents .mainbox_in li.i3:nth-child(3n){
	width:34%;
	}/*サイドコンテンツ*/
#contents .mainbox_in li.i4{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 8px center / 9px 14px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	width:25%;
    text-decoration: none;
	height:auto;
	padding:5px 0px 5px 20px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}/*サイドコンテンツ*/
#contents .mainbox_in li.i5{
	background: #eaeaea url("../images/icon/list.png") no-repeat scroll 8px center / 9px 14px;
	background-color: #efefef;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    text-decoration: none;
	width:20%;
    text-decoration: none;
	height:auto;
	padding:5px 0px 5px 20px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}/*サイドコンテンツ*/
	
/*サイドコンテンツ*/
p.section{
	clear: both;

}
.adbox_top{
	width:100%;
	margin-bottom:10px;
	clear:both;
}
.adbox_top2{
	text-align:center;
	font-size:12px;
}
.adbox_top3{
	margin-bottom:10px;
	text-align:center;
	clear:both;
}
.adbox{
	width:50%;
	float:left;
}

.ads{width:100%;height:70px;}
/*サブコンテンツ、サイドコンテンツ
---------------------------------------------------------------------------*/
/*サブコンテンツ（左側ブロック）*/
#sub {
	float: left;	/*左側に回り込み*/
	width: 200px;	/*サブコンテンツ幅*/
	margin-right:20px;
	padding-bottom: 30px;
}
/*サイドコンテンツ（右側ブロック）*/
#side {
	float: right;
	width: 200px;
	padding-bottom: 30px;
}
/*2カラム時にサイドコンテンツを非表示にする設定*/
body.c2 #side {
	display: none;
}
/*sub,sideコンテンツ内のh2タグ設定*/
#sub h2,
#side h2 {
	font-size: 100%;
	text-align: center;	/*文字をセンタリング*/
	background-color: #666;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#999, #666);	/*同上*/
	background-image: linear-gradient(#999, #666);			/*同上*/
	padding: 3px 0px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 0px 0px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}
/*box1の中にあるh2タグの設定*/
#sub .box1 h2,
#side .box1 h2 {
	border-radius: 0;	/*角丸をなくす設定*/
}
/*sub,sideコンテンツ内のbox1設定*/
#sub .box1,
#side .box1 {
	background-color: #eee;		/*背景色*/
	border: 1px solid #cfcfcf;	/*枠線の幅、線種、色*/
	padding: 5px;				/*ボックス内の余白*/
	margin-bottom: 15px;		/*ボックスの下にあけるスペース*/
}
/*見出しにbox1やメニューが繋がった場合に枠線が重複しない為の設定*/
#sub h2 + ul,
#side h2 + ul,
#sub h2 + .box1,
#side h2 + .box1 {
	border-top: none;
}
/*box1の中にメニューが入った場合に下に余分な余白が出るのをなくす設定*/
#sub .box1 > ul,
#side .box1 > ul {
	margin-bottom: 0;
}



/*sub,sideコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul,
#side ul {
	border-top: 1px solid #cfcfcf;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #cfcfcf;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #cfcfcf;		/*左側の線の幅、線種、色*/
	margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul li a,
#side ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cfcfcf;	/*下側の線の幅、線種、色*/
	padding-left: 10px;
	background: #FFF;	/*背景色*/
}




input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 200px;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background-image: -webkit-linear-gradient(#666, #333);
	background-image: linear-gradient(#666, #333);
	-webkit-box-shadow: 0px 2px 5px #bebebe;
	box-shadow: 0px 2px 5px #bebebe;
	font-size: 14px;
	color: #FFF;
	border: none;
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #716a57;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#666));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#666, #666);	/*同上*/
	background-image: linear-gradient(#666, #666);			/*同上*/
}
/*------------------------------------------------------------
table設定
-------------------------------------------------------------*/
div#main td.w_30{width:20px;}
div#main td.w_40{width:30px;}
div#main td.w_50{width:40px;}
div#main td.w_60{width:50px;}
div#main td.w_70{width:60px;}
div#main td.w_80{width:70px;}
div#main td.w_90{width:80px;}
div#main td.w_100{width:90px;}
div#main td.w_110{width:100px;}
div#main td.w_120{width:110px;}
div#main td.w_130{width:120px;}
div#main td.w_140{width:130px;}
div#main td.w_150{width:140px;}
div#main td.w_160{width:150px;}
div#main td.w_170{width:160px;}
div#main td.w_180{width:170px;}
div#main td.w_190{width:180px;}
div#main td.w_200{width:190px;}
div#main td.w_210{width:200px;}
div#main td.w_220{width:210px;}
div#main td.w_230{width:220px;}
div#main td.w_240{width:230px;}
div#main td.w_250{width:240px;}
div#main td.w_260{width:250px;}
div#main td.w_270{width:260px;}
div#main td.w_280{width:270px;}
div#main td.w_290{width:280px;}
div#main td.w_300{width:290px;}
div#main td.w_310{width:300px;}
div#main td.w_320{width:310px;}
div#main td.w_330{width:320px;}
div#main td.w_340{width:330px;}
div#main td.w_350{width:340px;}
div#main td.w_360{width:350px;}
div#main td.w_370{width:360px;}
div#main td.w_380{width:370px;}
div#main td.w_390{width:380px;}
div#main td.w_400{width:390px;}
div#main td.w_410{width:400px;}
div#main td.w_420{width:410px;}
div#main td.w_430{width:420px;}
div#main td.w_440{width:430px;}
div#main td.w_450{width:440px;}
div#main td.w_460{width:450px;}
div#main td.w_470{width:460px;}
div#main td.w_480{width:470px;}
div#main td.w_490{width:480px;}
div#main td.w_500{width:490px;}

div#main .cate_bar{
	color:#333;
	font-weight:bold;
	font-size:17px;
	padding:7px;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,f4f4f4+100 */
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d6d6d6 0%,#f4f4f4 100%); /* W3C */
	box-shadow: 1px 1px 0 0px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	}
div#main .cate_bar2{
	font-size:13px;
	text-align:center;
	color:#fff;
	padding:8px 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	box-shadow: 1px 1px 0 0px #999 inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}

.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #666;
	line-height: 1.6;
}
.ta1 td{
	padding: 5px;
	font-size:13px;
}
.ta1 th{
	width: 140px;
	padding: 10px;
	text-align: center;
	background-color: #f1f1f1;
}
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #bebebe;
}
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;	
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);
	background-image: linear-gradient(#efe6c5, #e9ddae);
	font-weight: bold;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;
	padding-left: 10px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;
}
#new dd img {
	vertical-align: middle;
}
/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
.sponser{
	font-size:12px;
	color:#666;
	text-align:center;
}
.youtube iframe{
  width: 100%;
}

.mb15,
.mb1em {
	margin-bottom: 15px;
}
.section{
	clear:both;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
* html .clearfix{ height: 1%; };
.clearfix{display: block;overflow:hidden;}
#dq_time_str{
 font-size:14px;
 margin-top:-20px;
 padding-left:5px;
}
#round_status{
 font-size:14px;
 margin:0px;
 margin-bottom:5px;
 padding-left:5px;
}

/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;	/*文字色*/
	background: #000;	/*背景色*/
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/

#pagetop {
	position: fixed;
	bottom: 60px;
	right: 20px;
}
 
#pagetop a {
  display: block;
  z-index: 999;
  font-size:28px;
  border-radius: 50px;
  padding:15px;
  width: 45px;
  height: 45px;
  border:3px solid #cccccc;
  background-color: #787878;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  
}
 
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #D51816!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color:#E85C00!important; }/*橙*/
.orange2{ color: #C96501;font-weight:bold;!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #666!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

.block{	clear: both;}



/*トップタブ切り替え
---------------------------------------------------------------------------*/
.tab-content input[type="radio"] {
  display: none;
}
.tabbg{
	color:#ffff00;
	border:1px solid #666;
	font-size:16px;
	padding: 11px 0px 11px;
	margin:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 0 2px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	text-align: center;

}
.tab-content label {
	display: inline-block;
	border:1px solid #666;
	padding: 11px 0px 11px;
	margin:0;
	font-weight: bold;
	font-size:16px;
	width:50%;
	color: #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#000000 100%); /* W3C */
	box-shadow: 0 0 0 2px #fff inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
	color: #ffff00;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+0,000000+100 */
	background: #666666; /* Old browsers */
	box-shadow: 0 0 0 2px #fff inset;
  
  
}

.tab-content .tab-box {
  padding: 5px;
  border: 1px solid #999999;
  margin-bottom:10px;
}

.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 {
  display:inline;
}

#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

#tab3:checked ~ .tab-box > #tabView3 {
  display: block;
}



/*ここからタブレット用（481px～800px）環境の設定*/
@media (min-width:481px) and (max-width:800px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background-image: none;
	margin-bottom:0px;
	background-color:#000000;
}
header .inner {
	width: auto;
	height: auto;
	position: static;
	padding-top: 0px;
	text-align: center;
}
header .inner address {
	position: static;
	padding-bottom: 10px;
	width:100%;	
	text-align:center;
	font-size: 12px;
	line-height: 1.2;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menubar {
	height: auto;
}
nav#menubar ul {
	width: auto;
	margin-top:0px;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	width: 25%;	/*メニュー幅*/
	border-right: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	border-bottom: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;	/*文字を中央に揃える*/
	font-size:12px;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

nav#menubar ul li:nth-child(3n){
   width: 25% !important;
}

nav#menubar ul li:nth-child(odd){
	width:25%;
}
nav#menubar ul li:nth-child(6){
	width:25%;
}
nav#menubar ul li:nth-child(12){
	width:25%;
}

/*メインコンテンツ（main）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
}
#main h1 {
	font-size:12px;
	color:#ccc;
	margin-left:10px;
}
#main{margin-bottom:0px;padding-bottom:10px;}
#main .mainbox1{width:100%;margin-bottom:0px;}
#main .mainbox2{width:100%;margin-bottom:0px;}
#contents .mainbox_in{margin-bottom:15px;}
#contents .mainbox_info{margin-bottom:15px;}
.adbox_top{
	margin-bottom:10px;
}
.sponser {
    margin-left:0px;
}


/*contents-in,main,subコンテンツ
---------------------------------------------------------------------------*/
#contents-in, #main, body.c2 #main, #sub {
	float: none;
	width: auto;
}

/*sideコンテンツ
---------------------------------------------------------------------------*/
#side {
	display: none;	/*表示させない設定*/
}
#sub {
	margin-right:0px;
	padding-bottom: 30px;
}
#left{
	float:left;
	width:100%;
}



/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	margin: 0px 6px 1%;
}
#mainimg aside {
	height: auto;
	width: 100%;
}
#mainimg aside img {
	vertical-align: bottom;
}
#slide_image {
	height: auto;
	width: 100%;
	position: relative;
}
#slide_image2 {
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
body.s-n #sub {
	display: none;
}
/*tdタグにiframeを読み込んだ場合（GoogleMap用）*/
td iframe {
	height: 300px;
	width: 100%;
}
#pagetop {
	position: fixed;
	bottom: 60px;
	right: 20px;
}
 
#pagetop a {
  display: block;
  z-index: 999;
  padding: 0;
  font-size:22px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  border:2px solid #cccccc;
  background-color: #666666;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  
}
 
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}



@media (max-width : 800px){

#contents {
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.mainbox li{ font-size:14px;}
.mainbox .adbox_top{
	float:none;
	width:100%;
}
/*メニューブロック設定*/
nav#menubar {
	height: auto;
}
nav#menubar ul {
	width: auto;
	margin-top:0px;
}
nav#menubar ul li {
	display: inline-block;
	width: 25%;	/*メニュー幅*/
	border-right: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	border-bottom: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;	/*文字を中央に揃える*/
	font-size:11px;
   }
nav#menubar ul li a{
	padding:0;
    display: table-cell;
	width: 200px;
    height: 50px;
	font-size:10px;
	font-weight:bold;
	letter-spacing:-0.5px;
    background-color: #666666;
    color: #fff;
    text-align: center;
    vertical-align: middle;
   }
header .inner address {
	width:100%;	
	text-align:center;
	font-size: 11px;
	line-height: 1.2;
}
nav#menubar ul li:nth-child(3n){
   width: 25% !important;
}

nav#menubar ul li:nth-child(odd){
	width:25%;
}
nav#menubar ul li:nth-child(6){
	width:25%;
}
nav#menubar ul li:nth-child(12){
	width:25%;
}
}









/*ここからスマートフォン用（480px以下）環境の設定*/
@media (max-width : 480px){

/*ヘッダー 
---------------------------------------------------------------------------*/
header {
	padding-bottom:0px;
	background-color:#000000;
}
header img {
	margin-left:0px;
}
header .inner {
	width: auto;
	height: auto;
	text-align: center;
}
header .inner address {
	position: static;
	padding-bottom: 10px;
}

nav#menubar ul li a {
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	height: 17px;
	padding-top: 4px;
	color: #FFF;	/*文字色*/
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menubar {
	height: auto;
}
nav#menubar ul {
	width: auto;
	margin-top:0px;
}
nav#menubar ul li {
	display: inline-block;
	width: 25%;	/*メニュー幅*/
	border-right: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	border-bottom: 1px solid #000;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;	/*文字を中央に揃える*/
	font-size:11px;
   }
  
	
nav#menubar ul li a{
	padding:0;
    display: table-cell;
	width: 200px;
    height: 50px;
	font-size:10px;
	font-weight:bold;
	letter-spacing:-0.5px;
    background-color: #666666;
    color: #fff;
    text-align: center;
    vertical-align: middle;
   }
header .inner address {
	width:100%;	
	text-align:center;
	font-size: 11px;
	line-height: 1.2;
}
nav#menubar ul li:nth-child(3n){
   width: 25% !important;
}

nav#menubar ul li:nth-child(odd){
	width:25%;
}
nav#menubar ul li:nth-child(6){
	width:25%;
}
nav#menubar ul li:nth-child(12){
	width:25%;
}

/*開閉
---------------------------------------------------------------------------*/
.opentitle { font-size:12px;font-weight: bold; cursor: pointer;}
.openmenu{display: none;} 

/*パンくず文字短縮*/
#navi li a span{ display:none;}

/*ソフト*/
.soft_detail{
	float:none;
}
.mainbox{
	width:100%;
	min-height:250px;
	text-align:center;
	}
.soft_area{
	width:auto;
	padding:10px;
	border:1px solid #999;
}
.mainbox img{
	float:none;
	margin-right:5px;
	margin-top:0px;	
}
.mainbox ul{float:none;margin-left:5px;	text-align:left;}
.mainbox li{
	font-size:11px;
	width:auto;
	line-height:1.4;
	border-bottom:1px solid #ccc;
	
}
.mainbox .adbox_top2{
	width:100%;
	min-height:250px;
}
/*メインコンテンツ（main）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
#contents .mainbox_in li{
	font-size:12px;
	}
#main h1 {
	font-size: 15px;
	padding: 5px 10px;
}
#main h2 {
    font-size: 14px;
    padding: 9px 0px;
}
#main h2.koushin {
    font-size: 14px;
    padding: 9px 0px;
}
.tab-content label {
    font-size: 14px;
    padding: 7px 0px;
}

#main p {
	line-height:1.5;
	color:#333;
	padding:3px 5px 7px 5px;
	font-size:13px;
}

div#main .cate_bar{
	font-size:15px;
	padding:4px 0px;
	}
div#main .cate_bar2{
	padding:5px;
	font-size:12px;
	}
table {
	font-size: 12px;
}
#main{margin-bottom:0px;padding-bottom:10px;}
#main .mainbox1{width:100%;margin-bottom:0px;}
#main .mainbox2{width:100%;margin-bottom:0px;}
#contents .mainbox_in{margin-bottom:15px;}
#main p{
	margin-bottom:0px;
}
.adbox_top{
	margin-bottom:10px;
}
.sponser {
    margin-left:0px;
}
.adbox_top .adsbygoogle{
	width:310px;
	height:60px;
}
/*contents-in,main,subコンテンツ
---------------------------------------------------------------------------*/
#contents-in, #main, body.c2 #main, #sub {
	float: none;
	width: auto;
}
/*sideコンテンツ
---------------------------------------------------------------------------*/
#side {
	display: none;	/*表示させない設定*/

}
#sub {
	margin-right:0px;
	padding-bottom: 30px;
}
#left{
	float:right;
	width:100%;
}
/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	margin: 0px 6px 1%;

}
#mainimg aside {
	height: auto;
	width: 100%;
}
#mainimg aside img {
	vertical-align: bottom;
}
#slide_image {
	height: auto;
	width: 100%;
	position: relative;
}
#slide_image2 {
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}
.sponser{
	text-align:center;
}
.adbox{
	width:100%;
	margin-bottom:20px;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#b7d7fc), to(#66abf9));	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#b7d7fc, #71b1f9 49%, #66abf9 50%);					/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#b7d7fc, #71b1f9 49%, #66abf9 50%);							/*同上*/
}
section#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#b7d7fc), to(#66abf9));	/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#b7d7fc, #71b1f9 49%, #66abf9 50%);						/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#b7d7fc, #71b1f9 49%, #66abf9 50%);								/*同上*/
}
/*ブロック全体の設定*/
#new {
	margin-bottom: 15px;
}
#new dl {
	height: auto;
	padding-left: 0;
}
/*日付設定*/
#new dt {
	float: none;
	width: auto;
}
/*記事設定*/
#new dd {
	padding-left: 0;
}
footer {
	font-size:12px;
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}

/*service.html内の一覧の各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main section.list article p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list article figure img {
	float: none;
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*その他
---------------------------------------------------------------------------*/
.day{
	font-size:13px;
	padding:3px 0px;
	margin-top:5px;
}
.renew ul li{
	border-bottom:1px dotted #999999;
	font-size:12px;
	padding-left:3px;
	line-height:2.1em;
}
.renew ul li:last-child{
	border-bottom:none;
}

/*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
body.s-n #sub {
	display: none;
}
/*メニュー折りたたみ設定*/
#top #menubar_hdr {
	display: none;
}
#menubar_hdr {
	display: inline;
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
	background-image: linear-gradient(#fbfbfb, #e5e5e5);
	padding: 10px;
	border: 1px solid #cfcfcf;
	border-radius: 0px 0px 6px 6px;
}
#pagetop {
	position: fixed;
	bottom: 60px;
	right: 20px;
}
 
#pagetop a {
  display: block;
  z-index: 999;
  padding: 0;
  font-size:22px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  border:2px solid #cccccc;
  background-color: #666666;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  
}
 
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#dq_time_str{
 font-size:12px;
 padding-left:5px;
 padding-top:5px;
}
#round_status{
 font-size:12px;
 padding-left:5px;
}
}