@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 : 0px;
    padding : 0px;
	border-top-width : 0px;border-right-width : medium;border-bottom-width : medium;border-left-width : medium;border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none;
	outline:none;
	font-size : 16px;
  border-top-color : white;
}

header,footer,nav,section{
	display:block;
}

html{
	font : normal normal normal 14px /1.6em "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;
}

li{
	list-style:none;
}



/*----------------------------------------
	全ページ共有ここから
----------------------------------------*/
body{
	background : transparent;
	color : black;
}

/* リンク色変更はここ */
a{
	color : #2f2f2f;
	text-decoration:none;
}

/*【角丸】
 　角丸にしたいコンテンツに
 　クラスで指定してください。
*/
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.corner img{
	background:#FFF;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*--------------------
	共通ヘッダ部分
--------------------*/
header{
	background : transparent;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
	border-bottom : 1px solid;
}

/*	サイト名やタイトル
--------------------*/
header h1{
	padding : 0.25em 0px 5px;
	border-bottom : 1px solid #eff1d6;
	color : #404040;
	font-size : 10px;
	text-align:center;
}


/*	メニュー
--------------------*/
#menu{
	width:100%;
	overflow:hidden;
	border-top : 1px solid #ffffff;
	

  

}

nav li{
	background : url(naviback.png) repeat scroll transparent;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
	border-bottom : 1px solid #d8bbba;
	width:25%;
	font-size:12px;
	text-align:center;
	float:left;
}

nav li.active{
	background : url(naviback.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	
}

nav li a{
	padding:.8em 0;
	display:block;
	border-right : 1px solid #cfb9b9;
	border-left : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	color : white;
	font-weight:bold;
  line-height : 1.4em;
}

nav li.active a{
	color : white;
	text-shadow:-1px -1px 1px #CC837C,1px 1px 1px #FFF;
}

/*	パンくず
--------------------*/
#pan{
	padding:.5em;
	overflow:hidden;
	border-bottom:solid 1px #E6D9D9;
	font-weight:bold;
	text-shadow:0 0 1px #CCC;
}

#pan li{
	float:left;
}

#pan li:nth-child(even){
	margin:0 5px;
}

#pan li a{
	text-decoration:underline;
}


/*	セクションボーダー
--------------------*/
section{
	padding : 10px 0px 0px;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid white;
  border-right-width : 0px;
  border-right-style : none;
  border-right-color : white;
}


/*	広告
--------------------*/
.ad{
	max-width : 98%;
	margin:auto;
	overflow:hidden;
	display:block;
	text-align:center;
	border : 0px solid #ffffff;
}

.ad img{
	max-width:98.5%;
	height:auto;
	margin:auto;
	display:block;
	border-top-width : 0px;border-right-width : 0px;border-bottom-width : 0px;border-left-width : 0px;border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none;border-top-color : #e0e4b4;border-right-color : #e0e4b4;border-bottom-color : #e0e4b4;border-left-color : #e0e4b4;
}

.ad span{
	background:#FFF;
	max-width:98.5%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #E0E4B4;
	text-align:left;
}

/*	タイトル
--------------------*/
#title h1{
	font-size : 20px;
	text-align:center;
  background-image : url(naviback.png);
  background-repeat : repeat;
  padding-top : 8px;
  padding-bottom : 8px;
}


/*--------------------
	共通フッター部分
--------------------*/
footer{
	padding-top:10px;
	border-top:solid 1px #FFF;
}

footer a{
	text-decoration:underline;
}

/*	インデックス・戻る
--------------------*/
.jump{
	overflow:hidden;
}

.goindex,
.back{
	background : url(naviback.png) repeat scroll transparent;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
	color:#FFF;
	position:relative;
	float:right;
}

.goindex{
	padding:.65em 1.5em;

	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.back{
	margin:3px 1px 0 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{
	background : url(naviback.png) repeat scroll transparent;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
	padding:.8em .5em .5em;
	overflow:hidden;
	clear:both;
}

.foot_nav ul{
	width:50%;
	color:#FFF;
	float:left;
	position:relative;
}

.foot_nav ul li{
	margin:auto;
	margin-bottom:2px;
}

.foot_nav ul li a{
	width:98%;
	padding:.75em 0;
	font-size : 14px;
	display:block;
	color:#FFF;
	border-style:solid;
	border-color : white;
	border-width:1px 1px 1px 1px;
	text-align:center;
}

#copy{
	padding:.5em 0;
	font-size:12px;
	text-align:center;
}


/*----------------------------------------
 INDEXページここから
----------------------------------------*/
/*	TOP画像
--------------------*/
.top_img{
	padding : 0px;
	overflow:hidden;
	border-top : 1px solid white;
	border-bottom : 1px solid white;
}

.top_img img{
	max-width:318px;
	height:auto;
	border:solid 1px #E0E4B4;
}

/* ニュース
--------------------*/
#news{
	padding:10px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #E6D9D9;
}

#news li{
	padding:.5em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

#news li span{
	font-weight:bold;
	letter-spacing:-1px;
	margin-right:.5em;
}


/* カテゴリリスト
--------------------*/
.cate_list{
	margin:0 .45em;
}

.cate_list li{
	background : transparent;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	background:-webkit-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-moz-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-o-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-ms-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	margin-bottom:.5em;
	border:solid 1px #FFF;
}

.cate_list li a{
	display:block;
	overflow:hidden;
	color : #2f2f2f;
	border:solid 1px #B1B879;
	position:relative;
}

.cate_list li a span.icon{
	background : transparent;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	background:-webkit-linear-gradient(top, #B6B89C 0%, #D5D7C8 49%, #ABAE91 50%, #A5A88B 100%);
	background:-moz-linear-gradient(top, #B6B89C 0%, #D5D7C8 49%, #ABAE91 50%, #A5A88B 100%);
	background:-o-linear-gradient(top, #B6B89C 0%, #D5D7C8 49%, #ABAE91 50%, #A5A88B 100%);
	background:-ms-linear-gradient(top, #FFF 0%, #D5D7C8 49%, #ABAE91 50%, #A5A88B 100%);
	background:linear-gradient(top, #B6B89C 0%, #D5D7C8 49%, #ABAE91 50%, #A5A88B 100%);
	width:25%;
	padding:3px;
	display:block;
	color : #2f2f2f;
	font-size:36px;
	letter-spacing:-2px;
	float:left;
}

.cat_list_right{
	width:200px;
	padding:0 15px 0 5px;
	float:right;
}

.cat_list_right small{
	margin-top:.8em;
	display:block;
	font-size:smaller;
}

.cat_list_right h3{
	font-size:16px;
}

.cate_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-11px;
	color:#FFA49B;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 1px #FFA49B;
	position:absolute;
	top:50%;
	right:-7px;
}


/*----------------------------------------
 ・カテゴリーページ
 ・アバウトページ
 ・ニュースページ
 ・フリーページここから
----------------------------------------*/
/* リスト繰り返し
--------------------*/
.free_list li div,
.free_list li a:not(.part_link){
	padding:1em 1.2em 1em 1em;
	display:block;
	overflow:hidden;
	position:relative;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #E6D9D9;
}

.free_list li:first-child div,
.free_list li:first-child a:not(.part_link){
	padding-top:0;
	border-top:none;

}

.free_list li:last-child div,
.free_list li:last-child a:not(.part_link){
	border-bottom:none;
}

.free_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-3px;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 1px #FFA49B;
	position:absolute;
	top:50%;
	right:-5px;
}

.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.1;
	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 #798338;
}

.free_list li div h3:after,
.free_list li a h3:after{
	width:0;
	height:0;
	margin-left:-.8em;
	border-top:solid 4px transparent;
	border-right:solid 5px transparent;
	border-bottom:solid 4px transparent;
	border-left:solid 5px #798338;
}

/*	リスト画像有り(画像サイズ小)
--------------------*/
.img60 img{
	max-width:60px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img60 h3{
	margin:0 0 .2em 80px;
	color:#798338;
}

a.img60 p{
	color:#B0B777;
}

.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:#798338;
}

a.img80 p{
	color:#B0B777;
}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

/*	リスト画像無し・リンク無し
--------------------*/
.no_img h3{
	margin:0 0 .2em 1em;
	color:#798338;
}

.no_img h3:after,
.no_img h3:before{
	margin-top:-.2em;
}

a.no_img p{
	color:#B0B777;
}

/*	一部リンク
--------------------*/
.part_link{
	background:#FFA49B;
	padding:.1em .5em;
	color:#FFF;
}


/*----------------------------------------
 詳細ページここから
----------------------------------------*/
/*-- 本文 --*/
.free_txt{
	margin:0 .45em;
}

.free_eyecatch{
	max-width:95%;
	height:auto;
	margin:10px auto;
	display:block;
	border:solid 1px #E0E4B4;
}

p.free_eyecatch{
	background:#FFF;
	max-width:93%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #E0E4B4;
	text-align:left;
}

.btn{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCCC6), color-stop(0.00, #FFE3DF));
	background:-webkit-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-moz-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-o-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-ms-linear-gradient(top, #FFE3DF 0%,  #FFCCC6 100%);
	background:linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);

	margin-top:1em;
	display:block;
	border:solid 1px #FFD7D3;
}

.btn span{
	padding:.6em 0;
	display:block;
	border:solid 1px #FFF9ED;
	color:#B0B777;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #8F9851,-1px -1px 0 #FFFFFF;
}