@charset "utf-8";
/* ===================================================================
	コンテンツエリア関係 他

26px : 197%
24px : 182%
22px : 167%
20px : 153.9%
18px : 139%
16px : 123.1%
15px : 116%
14px : 108%
13px : 100%
12px : 93%
11px : 85%
10px : 77%

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: #fff url(../images/body_bg.png) repeat-x top;
	color: #333;
}

table,ol,ul,dl,blockquote,pre,p {
	margin-bottom: 1em;
}

caption {
	padding-bottom: 3px;
}

a:link {
	color: #333;
	text-decoration: underline;
}

a:visited {
}

a:hover {
	text-decoration: none;
}

.push a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

a:active {
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btnarea {
	text-align: center;
}

.txtR {
	color: #f00;
}

/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }


/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	position: relative;
	width: 960px;
	padding-top: 35px;
}

#contents .pageTop {
	clear: both;
	margin-bottom: 0;
	text-align: right;
}

#contents .pageTop img {
	vertical-align: bottom;
}

/*----------------------------------------------------
	#pan
		パンくず
----------------------------------------------------*/
#pan {
	float: left;
	position: absolute;
	top: 8px;
	left: 260px;
	padding: 2px 7px;
	background: #fff;
	font-size: 93%;
}

#pan li {
	display: inline;
}

#pan li a {
	padding-right: 15px;
	background: url(../images/pan_icon.png) no-repeat right center;
}

/*----------------------------------------------------
	#article
		メイン
----------------------------------------------------*/
#article {
	float: right;
	width: 700px;
	text-align: left;
}

#article h2 {
	margin-bottom: 15px;
}

#article .section {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 20px 15px;
	background: url(../images/section_bg.png) no-repeat top;
}

/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#aside {
	float: left;
	width: 240px;
}

#aside h3 {
	padding: 12px 10px 20px;
	background: url(../images/srch_top_bg03.png) no-repeat left top;
}

#aside .twitter h3 {
	padding: 0;
	background: none;
}

#aside h3.keysrch {
	background: url(../images/srch_top_bg01.png) no-repeat left top;
}

#aside h3.areasrch {
	background: url(../images/srch_top_bg02.png) no-repeat left top;
}

#aside .srchbox {
	padding: 0 20px 10px;
	margin-bottom: 10px;
	background: url(../images/srch_btm.png) no-repeat left bottom;
	font-size: 93%;
}

#aside .srchbox li {
	margin-bottom: .5em;
	padding-left: 15px;
	background: url(../images/list_icon.png) no-repeat left center;
}

#aside .srchbox form p {
	margin-bottom: .5em;
	text-align: right;
}

#aside .srchbox input[type="text"] {
	width: 99%;
	border: 1px solid #999;
}

#aside .twitter {
	margin-bottom: 15px;
}

#aside .sns p {
	float: left;
	padding-right: 10px;
}

/*----------------------------------------------------
	その他共通スタイル
----------------------------------------------------*/