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

 file name  :module.css
 author     :keyword-co.net(admin)
 style info :惚ćEć‚øćƒ¬ć‚¤ć‚¢ć‚¦ćƒE

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



/* -----------------------------------------------------------
	#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
		惉惭惁EEć‚·ćƒ£ćƒ‰ć‚¦
----------------------------------------------------------- */
#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
		ć‚³ćƒ³ćƒEƒ³ćƒEž 
----------------------------------------------------------- */
#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 : #dde4f1 url(../img/share/arrow.gif) no-repeat left top;
}

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

/*-- ćƒŠćƒ“ć‚²ćƒ¼ć‚·ćƒ§ćƒ³ 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 : #dde4f1 url(../img/share/arrow5.gif) no-repeat left top;
}

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

/*-- ćƒćƒŠćƒ¼ --*/

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

/*-- ć‚µć‚¤ćƒˆåEꤜē“¢ --*/

#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;  /* 惖惭惁E‚Æćƒ¬ćƒ™ćƒ«č¦ē“ ć« */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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