@charset "shift_jis";
/* =========================================

hm  > blog > common.css

全体共通
============================================ */
html {
	overflow-y: scroll;
}

body {
	margin:0px;
	padding:0px;
	background:#fdf8e8;
	color:#000;
	font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sana-serift;
	font-size:14px;
	text-align:center;	
	line-height:1.4;
	background:url(/image_cmn/main_bg.gif) 0 0 ;
	}
a:link {
	background-color:transparent;
	color:#107fa9;
	text-decoration: none;
	}
a:visited {
	background-color:transparent;
 	color:#107fa9;
	}
a:hover {
 	color: #FF0099;
 	text-decoration:none;
 }
a:active {
 	color:#39a7d1;
	text-decoration:none;
	}
a.select{
	color:#ff0099;
	}
a img {
	border:none;
	}

.border {
	border:none;
	}
.clear {
	clear:both;
	}
.font_red {
	font-weight:normal;
	color:#FF0000;
	}
.font_small {
	font-weight:normal;
	font-size:85%;
	}
	
form{
margin:0;
padding:0;
}

/*---大枠--------------------------------------------------------*/
#base {
	overflow: hidden;
	height:auto;
	margin:0 auto;
	padding:0 ;
	text-align:center;
	border:none;
	}
#base h1{
	margin:0px;
	padding:0px;
	}
	
#base h2{
	margin:0px;
	padding:0px;
	}
#base h3{
	margin:0px;
	padding:0px;
	}
#base h4{
	margin:0px;
	padding:0px;
	}
#base h5{
	margin:0px;
	padding:0px;
	}
#base p{
	margin:0px;
	padding:0px;
	}
#base img{
	border: none;
	vertical-align:top;
	}
#base ul {
	margin:0px;
	padding:0px;
	}
#base li {
	margin:0px;
	padding:0px;
	}
#base dl {
	margin:0px;
	padding:0px;
	}
#base dt {
	margin:0px;
	padding:0px;
	}
#base dd {
	margin:0px;
	padding:0px;
	}

/*---ｾﾝﾀｰに配置--------------------------------------------------------*/

#wrapper {
	width: 100%;
	margin:0 auto;
	padding:0;
	}
	
/*---下段枠--------------------------------------------------------*/
#contents {
	width:965px;
	height:auto;
	margin:0px;
	padding:0px 55px 0 65px;
	text-align:left;
	position:relative;
	}

/*---フッター部分--------------------------------------------------------*/
#footer{
	clear: both;
	margin: 40px auto 0;
	padding: 10px 0 15px;
	border-top: 9px solid #69CC4A;
	color:#000;
	background: #DEF6CD;
}

#footer div.box {
	margin:0 auto;
}

#footer p{margin: 0 0 10px;
text-align: center;
}

#footer p span {
margin:0 8px;
padding:0 3px
}

#footer address{
display:block;
font-style: normal;
text-align: center;
}
	
#base div.end_txt {
background-color: white;
border: 3px solid #FFDCDC;
display: block;
line-height: 1.5em;margin: 40px auto 0;
overflow: hidden;
padding: 10px 10px 8px;
text-align: left;
width: 750px;
color: #000;}

/* === ボタンエリア === */
#base .btArea {
	width: 470px;
	margin: 13px 0 0;
}

.btArea li.bt1 {
	float: left;
	width: 227px;
	list-style: none;
}

.btArea li.bt2 {
	float: right;
	width: 227px;
	list-style: none;
}

/* ---------------------------------------
 記事ページ　ページ送り 　mod_page_nav
---------------------------------------- */
 .mod_page_nav{
	width: 640px;
	margin: 20px auto 20px;
	text-align: center;
}
.mod_page_nav a{
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.mod_page_nav a:first-child,
.mod_page_nav > img:first-child{
	margin-right:6px;
}
.mod_page_nav a:last-child,
.mod_page_nav > img:last-child{

	margin-left:6px;
}
.mod_page_nav a[href]:hover{
	opacity:0.8;
}

/* ---------------------------------------
 このページのトップへ
---------------------------------------- */	
#base .pagetop{
	width:640px;
	margin:20px auto 0;
	text-align:right;
}
#base .pagetop a{
	padding:0 0 0 20px;
	background:url(/image_cmn/linkarrow_up.png) no-repeat 0 center;
	font-size: 15px;
}

/* ---------------------------------------
リンク　hover
---------------------------------------- */
img.hoveroverlay:hover{
	opacity:0.8;
}

/* =========================================
 CLEAR FIX
============================================ */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* =========================================
 CLEAR FIX
============================================ */

