/* リセットCSS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1 font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}*{zoom:1;}ul{ list-style:none;}


body {
	background:url(../img/uploads/head_bg.jpg) repeat-x 0 0;
}
/*----------------------------------------------------
	#wrapper（ページ全体）
----------------------------------------------------*/
#wrapper {
	width: 960px;
	margin:35px auto;
	clear:both;
	overflow:hidden;
	z-index:0;
}

.mainVisual {
	background:url(main_bg.jpg) no-repeat 50% 0;
	text-align:center;
}
/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
	width:960px;
	margin:25px auto;
	clear:both;
	overflow:hidden;
}

section {
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
}


/* リンク
----------------------------------------------------*/
/* ベーススタイル */
a {
	color:#0073BE;
}
a:hover {
	text-decoration:none;
}
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


/* ----------------------------------------------------
	■ヘッダー
---------------------------------------------------- */
header {
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto;
	background: url(../img/uploads/logo_bg.jpg) no-repeat 0 0;
}
.logo {
	float:left;
	width:100px;
	margin-right:20px;
}
.logo_dis {
	float:left;
	font-size:10px;
	color:#FFF;
	margin-top:13px;
	font-weight:normal;
}
nav {
	background-color:#FF0028;
	clear:both;
	overflow:hidden;
	padding:10px 0;
}
.nav_sp {
	display:none;
}
nav .inner {
	margin:0 auto;
	width:960px;
}
nav ul {
	margin-right:-20px;
}
nav li {
	float:left;
	display: inline;
	height:54px;
	margin-right:20px;
}
nav li a ,
nav li a:hover {
	display:block;
	height:54px;
	text-indent:-9999px;
	background: url(../img/uploads/nav.png) no-repeat;
}
nav li.gnavi01 a { background-position:0 0; width:225px; }
nav li.gnavi02 a { background-position:-225px 0; width:225px; }
nav li.gnavi03 a { background-position:-450px 0; width:225px; }
nav li.gnavi04 a { background-position:-675px 0; width:225px; margin-right:0; }

nav li.gnavi01 a:hover { background-position:0 -54px; width:225px; }
nav li.gnavi02 a:hover { background-position:-225px -54px; width:225px; }
nav li.gnavi03 a:hover { background-position:-450px -54px; width:225px; }
nav li.gnavi04 a:hover { background-position:-675px -54px; width:225px; margin-right:0; }




#s1 {
	background-color:#333;
	padding:14px 0;
}
#s1 img {
	margin-right:10px;
}
/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	width:670px;
	float:left;
}

table.comp {
	border:#444444 solid 1px;
	border-collapse:collapse;
	width:100%;
	box-sizing:border-box;
}
table.comp th {
	border:#fff solid 1px;
	background-color:#444444;
	color:#FFF;
	font-weight:bold;
	border-collapse:collapse;
	vertical-align:middle;
	padding:7px;
	box-sizing:border-box;
}
table.comp td {
	border:#444444 solid 1px;
	border-collapse:collapse;
	text-align:center;
	padding:7px;
	box-sizing:border-box;
	vertical-align:middle;
}
table.comp td p {
	margin-bottom:3px;
}
table tr.odd {
	background-color:#EEEEEE;
}
table.comp td .bt a {
	background:url(../img/uploads/list_bt.gif) no-repeat 0 0;
	width:73px;
	height:56px;
	text-indent:-99999px;
	display:block;
	margin:0 auto;
}
table.comp td .bt a:hover {
	background:url(../img/uploads/list_bt.gif) no-repeat 0 -56px;
}




h1 {
}
h2 {
	background:#444 url(../img/uploads/h2.jpg) no-repeat 10px 50%;
	font-weight:bold;
	font-size:14px;
	padding:10px 0 9px 30px;
	margin-bottom:12px;
	color:#FFF;
}


.newsarea h3 {
	float:left;
	width:140px;
}
.newsarea p {
	float:left;
	border-left:#AAAAAA solid 1px;
	width:495px;
	padding-left:30px;
}
.type .btarea_t {
	background-color:#eee;
	padding:10px 0 10px 10px ;
	clear:both;
	overflow:hidden;
	margin-top:15px;
}
.type .btarea_t li {
	float:left;
	width:211px;
	margin:0 9px 0 0;
}
.type .btarea_t .bt_a a {
	background:url(../img/uploads/etc_bt1.png) no-repeat 0 0;
	text-indent:-99999px;
	display:block;
	height:56px;
}
.type .btarea_t .bt_a a:hover {
	background-position:0 -56px;
}
.type .btarea_t .bt_b a {
	background:url(../img/uploads/etc_bt2.png) no-repeat 0 0;
	text-indent:-99999px;
	display:block;
	height:56px;
}
.type .btarea_t .bt_b a:hover {
	background-position:0 -56px;
}
.type .btarea_t .bt_c a {
	background:url(../img/uploads/etc_bt3.png) no-repeat 0 0;
	text-indent:-99999px;
	display:block;
	height:56px;
}
.type .btarea_t .bt_c a:hover {
	background-position:0 -56px;
}

.tool a {
	background:url(../img/uploads/etc_bt4.gif) no-repeat 0 0;
	text-indent:-99999px;
	display:block;
	width:518px;
	height:84px;
	margin:12px auto 0 auto ;
}
.tool a:hover {
	background-position:0 -84px;
}



/*----------------------------------------------------
	aside
----------------------------------------------------*/
aside {
	float: right;
	width: 250px;
}
aside ul {
	margin:0 10px;
	padding-bottom:10px;
}
aside ul li {
	background: url(../img/uploads/side_menu.jpg) no-repeat 0 6px;
	padding:0 0 0 12px;
	margin:0 0 5px;
}
aside .newArticleBox ul li {
	background:none;
	padding:0;
	margin:0;
}

aside h2 {
	background:#444;
	color:#FFF;
	border:none;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
}
aside .subBox {
	background:#f0f0f0;
	padding-bottom:1px;
	margin-bottom:15px;
}

aside .rankbox {
	background:#E7AD05;
}
aside .rankbox .inner {
	background:#fff;
	margin:0 5px 5px 5px ;
	padding:0 8px;
}
aside .rankbox .inner .base {
	border-bottom:#DDDDDD solid 1px;
	clear:both;
	overflow:hidden;
	padding:10px 0;
}
aside .rankbox .inner .base .thum {
	float:left;
	width:76px;
}
aside .rankbox .inner .base .info {
	float:right;
	width:140px;
}
aside .rankbox .inner .base .info dt {
	font-weight:bold;
	margin-bottom:4px;
}
aside .rankbox .inner .base .info dd {
	font-size:10px;
	line-height:1.3;
}
aside .rankbox .inner .base .info p {
	margin:0;
	padding:0;
	line-height:1.2;
}

aside .prbox {
	width:220px;
	margin:0 auto;
	padding-bottom:10px;
}
aside .prbox dt {
	font-weight:bold;
	margin-bottom:5px;
}
aside .free_ad ul {
	margin:0 -10px 0 0 ;
	padding:0;
}
aside .free_ad li {
	float:left;
	width:120px;
	margin:0 10px 10px 0;
	padding:0;
}

aside .newArticleBox ul li {
	overflow:hidden;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:solid 1px #DDDDDD;
	list-style:none;
	clear:both;
}
aside .newArticleBox ul li img {
	max-width:80px;
	height:auto;
	float:left;
}
aside .newArticleBox ul li p {
	float:right;
	width:150px;
	font-size:12px;
}
aside .newArticleBox ul li p.title {
	font-weight:bold;
	margin-bottom:4px;
}
/*----------------------------------------------------
	カテゴリ一覧
----------------------------------------------------*/
.article {
	clear:both;
	overflow:hidden;
	border-bottom:#CCC solid 1px;
	padding-bottom:15px;
	margin-bottom:15px;
}
.article .eyecatch {
	float:left;
	width:100px;
}
.article .inner {
	float:right;
	width:550px;
}
.article .date {
	color:#999;
	font-size:10px;
	margin-bottom:5px;
}
.article h2 {
	background:none;
	padding:0;
	margin-bottom:5px;
	border-top:none;
	border-bottom:none;
	font-size:120%;
}


.detail .date {
	color:#999;
	font-size:10px;
	margin-bottom:5px;
}


.sitemap .categoryInner {
	padding-left: 15px;
}
.sitemap .categoryInner a {
	display:block;
	padding:4px 0;
}
.sitemap .categoryInner a:hover {
	background-color:#f0f0f0;
}
/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	overflow:hidden;
	clear:both;
	padding-top:40px;
}
footer .pagetop {
	text-align:right;
	margin-bottom:10px;
}
footer .copyarea {
	background:#444;
	color:#fff;
	text-align:center;
	height:39px;
	padding-top:20px;
	margin-bottom:30px;
}
footer .copyarea a {
	color:#FFF;
}


/* スマホ表示 */
@media screen and (max-width:640px){

	/* リセットCSS */
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1 font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}*{zoom:1;}ul{ list-style:none;}


	body {
	}


	/* リンク
	----------------------------------------------------*/
	/* ベーススタイル */
	a {
		color:#0597DC;
	}
	a:hover {
		text-decoration:none;
	}

	/* リスト
	----------------------------------------------------*/
	#contents ul {
		list-style:none;
	}
	#contents ol {
		color:#999999;
		margin-left:20px;
	}
	#contents ol li {
		color:#333;
		padding:3px 0 3px 0;
	}
	#main ul li , aside ul li {
		list-style-position:inside;
		background:url(004_list.gif) no-repeat 0 6px;
		padding:3px 0 3px 12px;
	}
	aside ul li {
		list-style-position:inside;
		background: url(side_menu.png) no-repeat 0 50%;
		padding:3px 0 3px 12px;
	}
	aside .newArticleBox ul li {
		background:none;
		padding:0;
		margin:0;
	}

	/* ----------------------------------------------------
		■ヘッダー
	---------------------------------------------------- */
	header {
		clear:both;
		overflow:hidden;
		width:auto;
		background: url(../img/uploads/logo_bg.jpg) no-repeat 0 0;
	}
	.logo {
		float:left;
		width:100px;
		margin-right:20px;
	}
	.logo_dis {
		float:left;
		font-size:10px;
		color:#FFF;
		margin-top:13px;
		font-weight:normal;
	}
	nav {
		background-color:#FF0028;
		clear:both;
		overflow:hidden;
		padding: 2px;
	}

	nav .inner {
		width:auto;
	}
	nav ul {
		margin-right:0;
	}
	nav li {
		float:none;
		height:auto;
		margin-right:0;
		width:auto;
	}
	nav li a ,
	nav li a:hover {
		display:block;
		width:auto !important;
		color:#333;
		text-decoration:none;
		padding:15px !important;
		background:#FFF url(../img/uploads/sp_arrow.gif) no-repeat 100% 50% !important;
		background-size:10px;
		border-bottom:#FF0028 solid 1px;
		text-indent:0;
		height:auto;
	}






	.site_dis {
		background:url(../img/uploads/logo_bg.jpg) repeat-x 0 0;
		color:#fff;
		font-size:9px;
		z-index:2;
		height:19px;
		line-height:100%;
	}
	.site_dis .inner {
		margin:0 auto;
		width:auto;
		padding:3px;
		text-align:left;
	}



	/*----------------------------------------------------
		#wrapper（ページ全体）
	----------------------------------------------------*/
	#wrapper {
		width: auto;
		margin:35px 10px;
	}
	.mainVisual {
		margin-bottom:0;
	}
	.mainVisual img {
		width:100%;
		height:auto;
	}

	/*----------------------------------------------------
		#contents（メインとサイド）
	----------------------------------------------------*/
	#contents {
		width:auto;
		float:none;
		margin:0 0;
	}
	section {
		clear:both;
		overflow:hidden;
		margin-bottom:25px;
	}
	#s1 {
		background-color:#333;
		padding:14px 0;
	}
	#s1 img {
		margin-right:10px;
		width:100px;
		height:83px;
	}


	/*----------------------------------------------------
		#main（メインコンテンツ）
	----------------------------------------------------*/
	#main {
		width:auto;
		float:none;
		margin:0;
	}
	h2 {
		background:#444 url(../img/uploads/h2.jpg) no-repeat 10px 50%;
		font-weight:bold;
		font-size:14px;
		padding:10px 0 9px 30px;
		margin-bottom:12px;
		color:#FFF;
	}
	table.comp {
		border:#444444 solid 1px;
		border-collapse:collapse;
		width:100%;
		box-sizing:border-box;
	}
	table.comp th {
		border:#fff solid 1px;
		background-color:#444444;
		color:#FFF;
		font-weight:bold;
		border-collapse:collapse;
		vertical-align:middle;
		padding:7px;
		box-sizing:border-box;
	}
	table.comp td {
		border:#444444 solid 1px;
		border-collapse:collapse;
		text-align:center;
		padding:7px;
		box-sizing:border-box;
		vertical-align:middle;
	}
	table.comp td p {
		margin-bottom:3px;
	}
	table tr.odd {
		background-color:#EEEEEE;
	}
	table.comp td .bt a {
		background:url(../img/uploads/list_bt.gif) no-repeat 0 0;
		width:73px;
		height:56px;
		text-indent:-99999px;
		display:block;
		margin:0 auto;
	}
	table.comp td .bt a:hover {
		background:url(../img/uploads/list_bt.gif) no-repeat 0 -56px;
	}
	.disp_no {
		display:none;
	}
	table .sp {
		display:inherit;
	}
	table .pc {
		display:none;
	}

	.newsarea h3 {
		display:none;
	}
	.newsarea p {
		float:left;
		border:none;
		width:495px;
		padding-left:0;
	}
	.type .btarea_t {
		background-color:#eee;
		padding:10px 0 10px 10px ;
		clear:both;
		overflow:hidden;
		margin-top:15px;
	}
	.type .btarea_t li {
		float:none;
		width:211px;
		margin:0 auto;
	}
	.type .btarea_t .bt_a a {
		background:url(../img/uploads/etc_bt1.png) no-repeat 0 0;
		text-indent:-99999px;
		display:block;
		height:56px;
	}
	.type .btarea_t .bt_a a:	hover {
		background-position:0 -56px;
	}
	.type .btarea_t .bt_b a {
		background:url(../img/uploads/etc_bt2.png) no-repeat 0 0;
		text-indent:-99999px;
		display:block;
		height:56px;
	}
	.type .btarea_t .bt_b a:hover {
		background-position:0 -56px;
	}
	.type .btarea_t .bt_c a {
		background:url(../img/uploads/etc_bt3.png) no-repeat 0 0;
		text-indent:-99999px;
		display:block;
		height:56px;
	}
	.type .btarea_t .bt_c a:hover {
		background-position:0 -56px;
	}

	.tool a {
		background:#F7C300;
		text-indent:0;
		display:block;
		width:auto;
		height:auto;
		margin:12px auto 0 auto ;
		color:#584600;
		font-weight:bold;
		text-align:center;
		padding:20px 0;
		text-decoration:none;
		font-size:120%;
		 border-radius: 5px;
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
	}

	/*----------------------------------------------------
		aside
	----------------------------------------------------*/
	aside {
		float: none;
		width: auto;
	}
	aside ul {
		margin-left:10px;
	}
	aside ul li {
		border-bottom:#ddd solid 1px;
	}
	aside ul li a {
		background: url(../img/uploads/side_menu.jpg) no-repeat 0 21px;
		padding:12px 0 12px 12px;
		margin:0;
		display: block;
		color:#333;
		text-decoration:none;
	}

	aside h2 {
		background:#444;
		color:#FFF;
		border:none;
		padding:5px 0 5px 10px;
		margin-bottom:10px;
	}
	aside .categoryBoxIn {
		background:#f0f0f0;
		padding-bottom:0px;
	}
	aside .subBox {
		background:#f0f0f0;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	aside .newArticleBox ul li {
		overflow:hidden;
		padding-bottom:12px;
		margin-bottom:12px;
		border-bottom:solid 1px #DDDDDD;
		list-style:none;
		clear:both;
	}
	aside .newArticleBox ul li img {
		max-width:20%;
		height:auto;
		float:left;
	}
	aside .newArticleBox ul li p {
		float:right;
		width:75%;
		font-size:12px;
	}
	aside .newArticleBox ul li p.title a {
		font-weight:bold;
		margin:0;
		padding:0;
	}
	aside .rankbox {
		background:#E7AD05;
		text-align:center;
	}
	aside .rankbox .inner {
		background:#fff;
		margin:0 5px 5px 5px ;
		padding:0 8px;
	}
	aside .rankbox .inner .base {
		border-bottom:#DDDDDD solid 1px;
		clear:both;
		overflow:hidden;
		padding:10px 0;
	}
	aside .rankbox .inner .base .thum {
		float:none;
		width:auto;
	}
	aside .rankbox .inner .base .info {
		float:none;
		width:auto;
	}
	aside .rankbox .inner .base .info dt {
		font-weight:bold;
		margin-bottom:4px;
	}
	aside .rankbox .inner .base .info dd {
		font-size:10px;
		line-height:1.3;
	}
	aside .rankbox .inner .base .info p {
		margin:0;
		padding:0;
		line-height:1.2;
	}
	aside .prbox {
		width:220px;
		margin:0 auto;
		padding-bottom:10px;
		text-align:center;
	}
	aside .free_ad ul {
		margin:0 ;
		text-align:center;
		padding:0;
	}
	aside .free_ad li {
		float:none;
		margin:0 0 10px 0;
		padding:0;
		border:none;
	}

	/*----------------------------------------------------
		footer
	----------------------------------------------------*/
	footer {
		overflow:hidden;
		clear:both;
		padding-top:40px;
	}
	footer .pagetop {
		text-align:right;
		margin-bottom:10px;
	}
	footer .copyarea {
		background:#444;
		color:#fff;
		text-align:center;
		height:39px;
		padding-top:20px;
		margin-bottom:30px;
		font-size:70%;
	}
	footer .copyarea a {
		color:#FFF;
	}


}