@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

 ul {
	 list-style: none;
 }
 
a img {
	border: 0;
}

.cl-b {
	clear: both;
}

body{
	font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#252525;
	-webkit-text-size-adjust: none;
	background:#f2f2f2 url(images/bg.png);
}

html{
	background:#b89719;
}



/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#b89719;
}

a:hover, a:active{
	-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
	outline: none;
	color:#907514;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{
	content:"";
	display: table;
	clear: both;
}

nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{
	zoom: 1;
}



/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
	margin:0 auto;
	width:960px;
}

#header{
	overflow:hidden;
}

#content{
	width:100%;
	padding:30px 0;
}

#footer{
	clear:both;
	padding-top:20px;
	border-top:1px solid #e2e2e2;
	background:#907514 url(images/footerBg.png);
}



/* header
------------------------------------------------------------*/
#header .bg{
	background:#000;
}

#header h1 {
	padding: 10px 0;
	color: #fff;
	font-size: 300%;
	font-weight:normal;
}



/* メインメニュー
------------------------------------------------------------*/
a#menu{
	display:none;
}	
	
nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	background:#907514 url(images/mainnavBg.png) repeat-x;
}

nav#mainNav ul li{
	float: left;
	position: relative;
	border-right:1px solid #b89719;
}

nav#mainNav ul li:first-child{
	border-left:1px solid #b89719;
}

nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size: 19px;
	color:#fff;
	padding:15px 12px 15px;
}

nav#mainNav ul li a span,
nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
}

nav#mainNav ul li a span{
	font-size:70%;
}

nav#mainNav ul li:hover {
	background:#907514 url(images/mainnavBg.png) repeat-x 0 100%;
}



/* mainImg
------------------------------------------------------------*/
#mainImg{
	clear:both;
	margin-top:20px;
	line-height:0;
	text-align:center;
	z-index:0;
	background:url(images/shadow.png) no-repeat 50% 0;
}

#mainImg a:hover img{
	opacity:.9;
}



/* content
------------------------------------------------------------*/
.postWrap{
	margin:0 0 20px 0;
	padding:3px;
	border:1px solid #e2e2e2;
	background:url(images/tp.png);
}

.post{
	padding:10px;
	border:1px solid #f1f1f1;
	background: #fff;
}

h2.title{
	clear:both;
	margin:0 0 5px;
	padding:5px 15px;
	font-size: 200%;
	background:url(images/border.png) repeat-x 0 100%;
}

.content p{
	font-size: 15px;
	line-height: 22px;
	text-align: justify;
	margin: 0 5px 15px;
	padding: 0 0 0 0;
}

#next {
	margin: 50px 0 50px 0;
	padding: 0 0 0 0;
}

#next h3{
	font-size: 180%;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace;
	line-height: 34px;
	margin: 0 0 15px 0;
	padding: 0 20px 0 20px;
}

#next h4 {
	font-size: 150%;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 3px;
	margin: 0 0 15px 20px;
}

#next h4 a {
}

#next h4 a:hover {
}

#next p {
	margin: 0 20px;
}

#next p.next_btn {
	text-align: right;
	margin: 20px 0 0 0;
}

#jo_link_list {
	margin: 50px 0 20px;
	padding: 5px 5px;
}

#jo_link_list h3 {
	font-size: 20px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

#jo_link_list p {
	font-size: 13px;
	line-height: 140%;
	text-align: justify;
	margin: 0 10px 15px 10px;
	padding: 0 0 0 0;
}

#jo_link_list p a {
	font-size: 15px;
}

#jo_link_list p a:hover {
	text-decoration: underline;
}



/* category_list
------------------------------------------------------------*/
#category_list{
	width:990px;
	margin: 0 0 0 0;
}

#category_list li{
	float:left;
	margin:0 20px 0 0;
	padding:4px 0 20px;
	background:none;
}

#category_list li:nth-child(5n) {
	margin: 0 0 0 0;
}

ul.thumb h3{
	margin-top:10px;
	padding:3px;
	font-weight:normal;
	font-size:100%;
	text-align:center;
	border:1px solid #e2e2e2;
	border-radius:4px;
	background:url(images/tp.png);
}

ul.thumb h3 span{
	display:block;
	padding: 20px 20px;
	border-radius:3px;
	background:#907514 url(images/mainnavBg.png) repeat-x;
}

ul.thumb h3 a{
	color:#fff;
}

ul.thumb h3:hover span{
	background:#b89719;
}



/* footer
------------------------------------------------------------*/
#footerWrapper{
	width:990px;
	margin-right:-30px;
}

#footer aside{
	width:100%;
	margin-right:30px;
}

#copyright{
	clear:both;
	padding:5px;
	text-align:center;
	font-size:90%;
	zoom:1;
	color:#fff;
	background:#000;
}