@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :default.css
 author     :keyword-co.net(admin)
 style info :Zbgybody{ݒ

=================================================================== */

/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}

img,div {
	behavior:url(../js/iepngfix.htc);
	
}

li {
	list-style-type: none;
}

ul img {
	vertical-align: bottom;
}

/*--- default */

body {
	background:url(../img/bg-all.jpg) ;
        background-repeat: repeat-x;
	font-family: "qMmpS Pro W3","HiraKakuPro-W3", Osaka, "lr oSVbN", "MS PGothic", arial;
	color:#333;
	font-size:11pt;
	/font-size:85%;
	line-height: 180%;
	text-align:center;
	padding-top:14px;
}

/*--NJ[EETCY--*/
a:link {
	color:#336600;
}

a:visited {
	color:#39428F;
}

a:hover {
	color:#336600;
}

strong {
	color:#3C632A;
}

.attention {
	color:#C00;
}

.fontS {
	font-size:93%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .fontS  {
	 font-size:90%;
 
}
}

.fontL {
	font-size:130%;
}

a {
	cursor:pointer;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width:950px;
	height:45px;
	margin:0 auto 11px;
	text-align:left;
	position:relative;
}

#header ul#header_menu {
	position:relative;
	margin-left:15px;
	right:10px;
	top:13px;
	text-align:right;
}

#header ul#header_menu li {
	float:left;
	padding:0px 3px 0px;
}

#header p#copy {
	position:absolute;
	right:68px;
	bottom:15px;
}

/* -----------------------------------------------------------
	#contents
		コンテンツ枠
----------------------------------------------------------- */
#contents {
	width:950px;
	background:#FFF;
	text-align:left;
	margin:25px auto 0;
	padding:15px 5px 65px;
}

/* -----------------------------------------------------------
	#side
		サイドナビゲーション
----------------------------------------------------------- */
#contents div#side {
	width:250px;
	margin-left:15px;
	_margin-left:8px;
	float:left;
}

#contents div#side ul#banner {
	text-align:center;
}

#contents div#side ul#banner li.first {
	margin-bottom:30px;
}

#contents div#side ul#banner li {
	margin-bottom:15px;
}

#contents div#side ul#sub_menu {
	text-align:left;
	margin-left:20px;
}

#contents div#side ul#sub_menu li {
	margin-bottom:8px;
}

/* -----------------------------------------------------------
	#main
		メイン
----------------------------------------------------------- */
#contents div#main {
	width:630px;
	margin-right:22px;
	_margin-right:11px;
	float:right;
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:45px 5px 15px;
	font-size:95%;
	background:url(../img/share/footer.png) no-repeat top center;
}

#footer_menu {
	float:left;
}

#footer_menu p {
	padding:0 0 0 13px;
}

#footer p#copyright {
	text-align:right;
	padding-right:13px;
	float:right;
	font-size:85%;
}

#footer p.keyword {
	margin-top:5px;
	padding-left:13px;
	font-size:85%;
}

/*--回り込み解除--*/
.c-both {
	clear:both;
	height:0;
	line-height:0;
}

/*--clearfix--*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}