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

 file name  :module.css
 author     :keyword-co.net(admin)
 style info :ページレイアウト

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



/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width:100%;
}

#header div#caption {
	background:#1A4C9F;
	line-height:23px;
	font-size:90%;
}

#header div#caption p {
	width:1000px;
	text-align:left;
	margin:0 auto;
}

#header_inner {
	width:1010px;
	height:79px;
	text-align:left;
	margin:0 auto;
	padding-bottom:9px;
	position:relative;
	background:url(../img/share/shadow.png) repeat-y;
}

#header_inner p#logo {
	position:absolute;
	left:5px;
	bottom:9px;
}

#header_inner p#header_menu {
	font-size:12px;
	position:absolute;
	right:25px;
	top:7px;
	text-align:right;
}

#header_inner ul#header_btn {
	position:absolute;
	right:31px;
	bottom:21px;
	text-align:right;
}

#header_inner ul#header_btn li {
	float:left;
	margin-left:12px;
}

/* -----------------------------------------------------------
	#container
		ドロップシャドウ
----------------------------------------------------------- */
#container {
	width:1010px;
	margin:0 auto;
	background:url(../img/share/shadow.png) repeat-y;
	padding-top:14px;
}

/* -----------------------------------------------------------
	#g_navi
		グローバルナビゲーション
----------------------------------------------------------- */
ul#g_navi {
	width:960px;
	margin:0;
	margin:/**/0 auto;
	background:#999999;
}

ul#g_navi li {
	float:left;
}


/* -----------------------------------------------------------
	#contents
		コンテンツ枠
----------------------------------------------------------- */
#contents {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0 20px 100px 20px;
	clear:both;
}

/* -----------------------------------------------------------
	#side
		サイドナビゲーション
----------------------------------------------------------- */
#contents div#side {
	width:220px;
	font-size:14px;
	float:left;
}

#contents div#side p.category_title {
	margin-bottom:10px;
}

/*-- ナビゲーション --*/

#contents div#side ul.subnavi {
	margin-bottom:18px;
}

#contents div#side ul.subnavi li {
	border-bottom:1px #999999 solid;
}

#contents div#side ul.subnavi li a {
	text-decoration:none;
	color:#333;
	display:block;
	background:url(../img/share/arrow.gif) no-repeat left top;
	padding-left:25px;
	margin:4px 7px;
	line-height:150%;
}

#contents div#side ul.subnavi li a:hover {
	background:url(../img/share/arrow.gif) no-repeat left top #DDE4F1;
}

#contents div#side ul.subnavi li a.on {
	background:url(../img/share/arrow.gif) no-repeat left top #DDE4F1;
}

/*-- ナビゲーション 2層目 --*/

#contents div#side ul.subnavi ul {
	margin-left:10px;
}

#contents div#side ul.subnavi li li {
	border-bottom:none;
	line-height:0;
}

#contents div#side ul.subnavi li li a {
	text-decoration:none;
	color:#333;
	display:block;
	background:url(../img/share/arrow5.gif) no-repeat left top;
	padding-left:25px;
	margin:4px 7px;
	line-height:150%;
}

#contents div#side ul.subnavi li li a:hover {
	background:url(../img/share/arrow5.gif) no-repeat left top #DDE4F1;
}

#contents div#side ul.subnavi li li a.on {
	background:url(../img/share/arrow5.gif) no-repeat left top #DDE4F1;
}

/*-- バナー --*/

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

/*-- サイト内検索 --*/

#contents div#side #google {
	margin-top:20px;
	border:1px solid #CCC;
	padding:10px;
}

/* -----------------------------------------------------------
	#main
		メイン
----------------------------------------------------------- */
#contents div#main {
	width:700px;
	float:right;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	width:960px;
	padding:10px 20px 0 20px;
	text-align:left;
	margin:0 auto;
	font-size:95%;
	background:#FFF;
}

#footer_menu {
	margin-bottom: 10px;
	font-size:9pt;
	text-align:center;
}

#footer_add {
	background:#1B4C9F;
	color:#FFFFFF;
	padding:18px;
	text-align:center;
}

#footer_add img {
	vertical-align:text-bottom;
}

/*--回り込み解除--*/
.c-both {
	clear:both;
	height:1;
	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;
  /**/
}