@charset "utf-8";
/* CSS Document */

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
	font:14px/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust:100%;}

li{list-style:none;}



/*----------------------------------------
 全ページ共有ここから
----------------------------------------*/
body{
	background:#FFF;
	color:#2792c3;
}

/* リンク色変更はここ */
a{
	color:#007bbb;
	text-decoration:none;
}

strong{
		color:#45617a;
		background: linear-gradient(transparent 70%, #f6b894 70%);
}

/*【角丸】
 　角丸にしたいコンテンツに
 　クラスで指定してください。
*/
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* ヘッダ部分
--------------------*/
header{
/* 	border-top:solid 2px #2a83a2;*/
}

#menu{
	width:100%;
	margin-top:1px;
	overflow:hidden;
/* 	border-top:solid 2px #2a83a2;*/
	position:relative;
}

nav{
	padding:.5em .5em .6em;
	overflow:hidden;
	float:right;
}

nav li{
	width:45px;
	margin-left:2px;
	font-size:12px;
	text-align:center;
	float:left;
}

nav li:first-child{
	margin-left:0;
}

nav li img{
	background:#2792c3;
	width:28px;
	height:28px;
	margin:auto;
	display:block;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/*-- サイト名やタイトル --*/
h1{
	margin:0 .2em;
	padding-bottom:.2em;
	border-bottom:double 5px #2a83a2;
	font-size:30px;
	font-weight:normal;
	line-height:1;
	position:relative;
}

h1:first-letter{
	font-size:135%;
	letter-spacing:-.05em;
}

/*-- 説明 --*/
.head_des{
	margin:0 .35em 1em;
	padding:.4em .5em;
	/*border-top:dotted 1px #007bbb;*/
	font-size:15px;
}

/*-- 広告 --*/
.banner1{
	background:url(img/banner_bg.gif);
	margin:.7em .35em;
	padding:.3em .2em;
	display:block;
	text-align:center;
}

.banner1 img{
	background:#FFF;
	max-width:99%;
	height:auto;
	margin:auto;
	display:block;
}

.banner1 span{
	background:#FFF;
	max-width:96%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	font-size:12px;
	text-decoration:underline;
	text-align:left;
}

/* フッター部分
--------------------*/
footer{
	background:#2792c3;}

footer a{
	color:#FFF;}

/*-- インデックス・戻る --*/
.jump{
	background:#FFF;
	overflow:hidden;}

.goindex,
.back{
	background:#2792c3;
	color:#FFF;
	position:relative;
	float:right;
}

.goindex{
	padding:.65em 1.5em .65em 1em;
	border-bottom:solid 1px #2792c3;

	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.goindex:before{
	content:url("img/top.png");
	margin-right:.5em;
	display:block;
	float:left;
}

.back{
	margin:4px 1px 1px 0;
	padding:.525em 1.5em .5em 1em;
	float:right;

	-moz-border-radius:5px 0px 5px 0px;
	-webkit-border-radius:5px 0px 5px 0px;
	border-radius:5px 0px 5px 0px;
}

/*-- フッタメニュー --*/
.foot_nav{
	padding:.8em .5em .5em;
	clear:both;
}

.foot_nav ul{
	margin:auto;
	overflow:hidden;
	color:#FFF;
}

.foot_nav ul li{
	width:45px;
	margin-left:2px;
	font-size:12px;
	text-align:center;
	float:left;
}

.foot_nav ul li:first-child{
	margin-left:0;
}

.foot_nav ul li img{
	width:28px;
	height:28px;
	margin:auto;
	display:block;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#copy{
	padding:.5em 0;
	border-top:double 3px;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

#copy a{
	text-decoration:underline;}


/*----------------------------------------
 INDEXページここから
----------------------------------------*/

/* カテゴリリスト
--------------------*/
.cate_list{
	margin:0 .45em;
	border-top:solid 1px #2a83a2;
}

/*-- カテゴリ繰り返し --*/
.cate_list li{
	border-bottom:solid 1px #2a83a2;}

.cate_list li a{
	padding:1em 1.2em .8em .2em;
	display:block;
	position:relative;
}

.cate_list li a:after{
	content:"»";
	width:1em;
	height:1em;
	margin-top:-3px;
	color:#007bbb;
	position:absolute;
	top:50%;
	right:0;
}

.cate_list li a span{
	background:#ebe1a9;
	padding:.4em;
	color:#444;
	font-size:13px;
}

.cate_list li a h3{
	margin-top:.5em;
	font-size:16px;
}



/*----------------------------------------
 ・カテゴリーページ
 ・アバウトページ
 ・ニュースページ
 ・フリーページここから
----------------------------------------*/
.free_list{
	margin:0 .45em;
	border-top:solid 1px #2a83a2;
}

/*-- リスト繰り返し --*/
.free_list li{
	border-bottom:solid 1px #2a83a2;}

.free_list li div,
.free_list li a:not(.part_link){
	margin-bottom:.8em;
	padding:1em 1.2em 0 .2em;
	display:block;
	overflow:hidden;
	position:relative;
}

.free_list li a:not(.part_link){
	margin-bottom:0;
	padding:1em 1.2em .8em .2em;
}

.free_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-3px;
	color:#007bbb;
	position:absolute;
	top:50%;
	right:0;
}

.free_list li a.part_link:after{
	content:"";
	display:none;
}

.free_list li div h3,
.free_list li a h3{
	font-size:16px;
	line-height:1.3;
	position:relative;
}

.free_list li div h3:before,
.free_list li div h3:after,
.free_list li a h3:before,
.free_list li a h3:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
}

.free_list li div h3:before,
.free_list li a h3:before{
	width:1px;
	height:.5em;
	margin-left:-.9em;
	border-left:solid 1px #2792c3;}

.free_list li div h3:after,
.free_list li a h3:after{
	width:0;
	height:0;
	margin-left:-.9em;
	border-top:solid 4px transparent;
	border-right:solid 12px transparent;
	border-bottom:solid 4px transparent;
	border-left:solid 12px #2792c3;
}


/*-- リスト画像有り(画像サイズ小) --*/
.img60 img{
	max-width:60px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img60 h3{
	margin:0 0 .2em 80px;
	color:#2792c3;}

.img60 h3:after,
.img60 h3:before{
	margin-top:-.2em;}

/*-- リスト画像有り(画像サイズ大) --*/
.img80 img{
	max-width:80px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img80 h3{
	margin:0 0 .2em 100px;
	color:#2792c3;}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

/*-- リスト画像無し・リンク無し --*/
.no_img h3{
	margin:0 0 .2em 1em;
	color:#2792c3;}

.no_img h3:after,
.no_img h3:before{
	margin-top:-.2em;
}

/*-- 一部リンク --*/
.part_link{
	background:#2792c3;
	padding:.1em .5em;
	color:#FFF;
}


/*----------------------------------------
 詳細ページここから
----------------------------------------*/
.pan_list a{
	text-decoration:underline;
}


/*-- 本文 --*/
.free_txt{
	margin:0 .45em;
	padding:1em 0;
	border:dashed #2792c3;
	border-width:1px 0;
}

.free_eyecatch{
	margin:0 auto 1em;
	display:block;
	border:solid 4px #2792c3;
}

img.free_eyecatch{
	max-width:97%;}

p.free_eyecatch{
	max-width:95%;
	padding:.3em;
}

.btn{
	background-image: -moz-linear-gradient(top, #a0d8ef, #2792c3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a0d8ef), to(#2792c3));
	background-image: -o-linear-gradient(top, #a0d8ef, #2792c3);
	background-image: linear-gradient(top, #a0d8ef, #2792c3);

	margin-top:1em;
	display:block;
	border:solid 1px #73c1e6;
/* ↓角丸部分↓ */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.btn span{
	background-image: -moz-linear-gradient(top, #a0d8ef, #2792c3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a0d8ef), to(#2792c3));
	background-image: -o-linear-gradient(top, #a0d8ef, #2792c3);
	background-image: linear-gradient(top, #a0d8ef, #2792c3);

	padding:.6em 0;
	display:block;
	border:solid 1px #73c1e6;
	color:#FFF;
	font-size:16px;
	text-align:center;
/* ↓角丸部分↓ */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}