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

 file name  :module.css
 author     :
 style info :共通（ヘッダー、ナビゲーション、サイドバー、フッター、その他）
=================================================================== */

/* -----------------------------------------------------------
	#header
	ヘッダー
----------------------------------------------------------- */
#header {
	width: 100%;
	padding: 25px 0 0;
	overflow: hidden;
	font-size: 70%;
}

#header #header_in {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

#header #header_in #header_left {
	float: left;
}

#header #header_in #header_left p a img,
#header #header_in #header_left h1 a img {
	margin: 0 0 28px;
}

#header #header_in #header_right {
	float: right;
}

#header #header_in #header_right p {
	float: left;
	margin: 0 0 0 5px;
}

#header #header_in #header_right .navi_btn {
	padding: 0 0 0 32px;
}



/* -----------------------------------------------------------
	#navigation
	ナビゲーション
----------------------------------------------------------- */
#header #header_in #navi {
	clear: both;
}

#header #header_in #navi ul {
	overflow: hidden;
}

#header #header_in #navi ul li {
	display: inline;
	list-style: none;
	margin: 0 -2px 0 0;
	_margin: 0 -3px 0 0; /* for IE6 */
}

/* for IE7 IE8 */
*:first-child+html #header #header_in #navi ul li {
	margin: 0 -3px 0 0;
}

#header #header_in #navi ul li img {
	border: none;
	vertical-align: top;
}

#header #header_in #navi ul li.navi_btn {
	padding: 0 0 0 35px;
}


/* skip
----------------------------------------------------------- */
.skip {
	position: absolute;
	left: -9999px;
}


/* pagetop
----------------------------------------------------------- */
.pagetop {
	margin: 0 auto;
	padding: 20px 0 0;
	clear: both;
	width: 900px;
	text-align: right;
}


/* pankuzu
----------------------------------------------------------- */
#main #contents #pankuzu {
	font-size: 90%;
	color: #666;
	margin: 0 -10px;
	padding: 5px 10px;
}

#main #contents #pankuzu ul {
}

#main #contents #pankuzu ul li {
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	display: inline;
	background: url(../images/topicpath.gif) no-repeat right center;
	list-style: none;
}

#main #contents #pankuzu ul li a,
#main #contents #pankuzu ul li a:visited {
	color: #666;
}

#main #contents #pankuzu ul li a:hover {
	text-decoration: underline;
}


#main #contents #pankuzu ul li.noImage {
	background: none;
}


/* -----------------------------------------------------------
	#Side Container
	サイドバー
----------------------------------------------------------- */
#side {
	float: right;
	width: 180px;
	color: 666;
	margin: 0;
	overflow: hidden;
}

#side h2 {
	text-align: left;
	font-size: 90%;
}


/* search
----------------------------------------------------------- */
#side #sSearch {
	text-align: right;
	margin: 0 0 6px;
}

#contents #sSearch {
	margin: 0 0 20px;
}

#side #sSearch form,
#contents #sSearch form {
}

#side #sSearch input,
#contents #sSearch input {
	background: url(../images/search_box_bg.gif) no-repeat;
	width: 136px;
	height: 25px;
}

#side #sSearch #search_btn,
#contents #sSearch #search_btn {
	background: url(../images/search_btn.gif) no-repeat;
	width: 35px;
	height: 34px;
	border: none;
	vertical-align: top;
}


/* sMenu
----------------------------------------------------------- */
#side #sMenu {
	font-size: 90%;
	margin: 0 0 20px;
	text-align: left;
}

#side #sMenu h2 {
	background: #EAC73F url(../images/smenu_h2bg.gif) no-repeat left center;
	border: 1px solid #DEA610;
	padding: 10px 10px 10px 20px;
	text-align: left;
}

#side #sMenu ul {
	background: #FCF9E8 url(../images/smenu_listbtm.gif) no-repeat left bottom;
	font-size: 90%;
	margin: 0;
	padding: 0 0 25px;
}

#side #sMenu ul li {
	background: url(../images/smenu_listbg.gif) no-repeat 10px center;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}

#side #sMenu ul li li {
	background: url(../images/bullet.gif) no-repeat left center;
	padding: 5px 0 5px 15px;
	zoom: 1;
}


/* sBuy
----------------------------------------------------------- */
#side .sBuy {
	margin: 0 0 20px;
	padding: 6px 4px;
	clear: both;
	background: #EAC73F;
}

#side .sBuy .sBuy_in{
	padding: 16px 0 2px;
	background: url(../images/side_buy_bg.gif) no-repeat top center;
	text-align: center;
}
#side .sBuy .sBuy_in p {
	padding: 1px 14px;
	font-size: 70%;
	text-align: left;
}

#side .sBuy .sBuy_in p.sBuyBg {
	background: url(../images/side_buy_bg2.gif) no-repeat top center;
	padding: 2px 14px 16px;
}

#side .sBuy .sBuy_in .sBuyBd {
	background: url(../images/side_buy_bd.gif) repeat-y center;
}
#side .sBuy .sBuy_in .sBuyBd p{
	padding: 2px 14px 2px;
}

/* sUsefu
----------------------------------------------------------- */
#side .sUsefu {
	margin: 20px 0;
	padding: 8px 13px 8px 12px;
	clear: both;
	background: #eaeaea;
}

#side .sUsefu h2 {
	margin: 0 0 10px;
}

#side .sUsefu h3 {
	margin: 0 0 7px;
}

#side .sUsefu p {
	margin: 5px 0;
	font-size: 70%;
}



/* -----------------------------------------------------------
	#footer
	フッター
----------------------------------------------------------- */
#footer {
	text-align: left;
	clear: both;
	color: #fff;
	font: normal 80% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	width: 100%;
	background: #525252;
}

#footer a {
	color: #fff;
}

#footer #footer_in {
	width: 900px;
	padding: 20px 0;
	margin: 0 auto;
}

#footer h2,
#footer h3 {
	margin: 0 0 10px;
}

#footer p {
	float: left;
	margin: 20px 5px;
}

#footer p.fBanner {
	padding: 0 0 0 70px;
	_padding: 0 0 0 65px;
}

#footer #footer_in ul {
	width: 100%;
	padding: 0 0 10px;
	border-bottom: 1px solid #979797;
}

#footer #footer_in ul li {
	display: inline;
	padding: 0 0 0 15px;
	background: url(../images/flist_style.gif) no-repeat left center;
}

address {
	font-size: 80%;
	clear: both;
	padding: 10px 0 0;
	border-top: 1px solid #979797;
}



/* -----------------------------------------------------------
	*Ohter
	その他
----------------------------------------------------------- */

/* image float
----------------------------------------------------------- */
.left-float-img {
	float: left;
	padding: 0 10px 10px 0;
}

.right-float-img {
	float: right;
	padding: 0 0 10px 10px;
}

.left-line-txt {
	text-align: left;
}

.right-line-txt {
	text-align: right;
}

.center-img {
	text-align: center;
	padding: 0 0 10px 0;
}

.left-float-img,
.right-float-img,
.center-img {
	font-size: 60%;
}

.center-line-txt {
	text-align: center
}

.red_txt {
	color: #F30;
	font-size: 100%;
}


/* div float
----------------------------------------------------------- */
.cnt-left-float {
	float: left;
	width: 49%;
}

.cnt-right-float {
	float: right;
	width: 49%;
}


/* common
----------------------------------------------------------- */
.none {
	display: none;
}

.clear {
	clear: both;
}

table.tb_brdr {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

table.tb_brdr th {
	background: #EBF0F6;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

table.tb_brdr td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

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

.clearfix {
  min-height: 1px;
}

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