@charset "shift_jis";

@import url("default.css");
@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+  top
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 mainImg
--------------------------------------------------------------------------------------- */

.mainImg {
	margin: 23px 0 21px 20px;
}


/* --------------------------------------------------------------------------------------
 ctLeft
--------------------------------------------------------------------------------------- */

div#ctLeft {
	margin-top: 0;
}

/* --------------------------------------------------------------------------------------
 ctRight
--------------------------------------------------------------------------------------- */
h1 {
	font-size: 24px;
	color: #0099FF;
	margin: 0 0 10px 20px;
}


/* --------------------------------------------------------------------------------------
 topicsWrap
--------------------------------------------------------------------------------------- */

div.topicsWrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.topicsWrap { display:inline-block; }
/*\*/
* html div.topicsWrap { height:1%; }
div.topicsWrap { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 topics
--------------------------------------------------------------------------------------- */

.topics {
	width: 491px;
	background: url(../images/top_bg01_s.gif) repeat-y;
	font-size: 14px;
	float: left;
}

.topics ul {
	padding: 0 0 33px;
	background: url(../images/top_bg01_bt_s.gif) no-repeat left bottom;
}

.topics ul li {
	margin: 9px 20px 0 20px;
	padding-top: 9px;
	background: url(../images/line_dot_orange.gif) repeat-x left top;
}

.topics ul li.fstli {
	background: none;
}

div.post_titlebox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.post_titlebox { display:inline-block; }
/*\*/
* html div.post_titlebox { height:1%; }
div.post_titlebox { display:block; }
/**/

div.post_titlebox {
	margin-bottom:2px;
}
.post_title {
	float:left;
	width:444px;
}
.post_date {
	float:right;
	text-align:right;
	width:120px;
}

/* --------------------------------------------------------------------------------------
 nowBox
--------------------------------------------------------------------------------------- */

.nowBox {
	width: 170px;
	margin: 0 0 0 20px;
	background: url(../images/top_bg_now.gif) repeat-y;
	float: left;
}

.nowBox ul {
	width: 170px;
	padding-bottom: 20px;
	background: url(../images/top_bg_now_bt.gif) no-repeat left bottom;
}

.nowBox li {
	padding: 12px 23px 0;
	color: #0099FF;
}

.nowBox li a {
	display: block;
	border: 2px solid #0099FF;
}

.nowBox li a:hover {
	border: 2px solid #FFF;
}

/* --------------------------------------------------------------------------------------
 btnMenu
--------------------------------------------------------------------------------------- */

ul.btnMenu {
	margin: 19px 0 0 1px;
}
ul.btnMenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.btnMenu { display:inline-block; }
/*\*/
* html ul.btnMenu { height:1%; }
ul.btnMenu { display:block; }
/**/

ul.btnMenu li {
	float: left;
	padding: 0 10px;
}