@charset "UTF-8";

/* *******************************************
     基本設定
******************************************* */

/* body定義
------------------------------------------------- */
body {
	color: #444444;
	text-align:center;
	font-size:80%;
	background:#ffffff url(../images/body_bg.gif) repeat-x top ;
	font-family:"microsoft Yahei";
	
}

/* ベースレイアウト
------------------------------------------------- */
#wrapper {
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:left;
}

/* ヘッダー
------------------------------------------------- */
#header {
	position:relative;
	width:900px;
	height:92px;
}
#header h1 {
	position:absolute;
	top:17px;
	left:0;
}
#header #bt1 {
	position:absolute;
	top:0;
	left:822px;
}
#header #bt2 {
	position:absolute;
	top:35px;
	left:568px;
}
#header #bt3 {
	position:absolute;
	top:35px;
	left:724px;
}
#header #lastupdate {
	position:absolute;
	top:72px;
	left:0;
	width:900px;
	color:#7b7b7b;
	font-size:80%;
	text-align:right;
}

/* フッター
------------------------------------------------- */
#footer {
	margin-top:30px;
	background:#282828 url(../images/footer_bg.gif) repeat-x top;
	color:#ffffff;
	text-align:left;
}
#footer-inner1 {
	margin:0 auto;
	width:900px;
}
#footer-inner1 ul {
	float:left;
	width:500px;
}
#footer-inner1 ul li {
	float:left;
}
#footer-inner1 ul li a:link ,
#footer-inner1 ul li a:visited {
	display:block;
	padding:4px 20px 0 20px;
	height:24px;
	color:#ffffff;
	text-decoration: none;
}
#footer-inner1 ul li a:hover,
#footer-inner1 ul li a:active {
	background:#555555;
}
#footer-inner1 .pagetop {
	float:right;
}
#footer-inner1 .pagetop a:link ,
#footer-inner1 .pagetop a:visited {
	display:block;
	padding-top:4px;
	width:106px;
	height:24px;
	background: url(../images/footer_pagetop.gif) no-repeat;
	text-indent:40px;
	color:#ffffff;
	font-size:90%;
	text-decoration: none;
}
#footer-inner1 .pagetop a:hover,
#footer-inner1 .pagetop a:active {
	background: url(../images/footer_pagetopover.gif) no-repeat;
}

#footer-inner2 {
	margin:0 auto;
	padding:15px 0;
	width:900px;
	font-size:90%;
}
#footer-inner2 .name {
	float:left;
	letter-spacing:0.1em;
}
#footer-inner2 .copyright {
	float:right;
}

/* グローバルナビ
------------------------------------------------- */
#gnavi {
	width:900px;
	height:59px;
	background:url(../images/gnavi_bg.gif) no-repeat ;
}
#gnavi ul li {
	float:left;
}

/* ぱんくずナビ
------------------------------------------------- */
ul#pan {
	height:22px;
}
ul#pan li {
	float:left;
}
ul#pan li a {
	padding-right:24px;
	background:url(../images/pan_arrow.gif) no-repeat right center ;
}

/* コンテンツ
------------------------------------------------- */
#contents {
	margin-top:10px;
	padding-top:25px;
	width:900px;
	background:#ffffff;
}
#contents #main {
	float:right;
	padding-right:30px;
	width:620px;
}
#contents #sidebar {
	float:left;
	padding-left:20px;
	width:180px;
}
#contents #main .pagetop {
	margin-top:20px;
	border-bottom:1px solid #cccccc;
}
#contents #main .pagetop a:link ,
#contents #main .pagetop a:visited {
	display:block;
	margin-left:514px;
	padding-top:4px;
	width:106px;
	height:23px;
	background: url(../images/pagetop.gif) no-repeat;
	text-indent:40px;
	font-size:90%;
	color:#ffffff;
	text-decoration: none;
}
#contents #main .pagetop a:hover,
#contents #main .pagetop a:active {
	background: url(../images/pagetopover.gif) no-repeat;
}


/* サイドバー
------------------------------------------------- */
#contents #sidebar ul#sidenavi {
	margin-top:10px;
}
#contents #sidebar ul#sidenavi li a:link ,
#contents #sidebar ul#sidenavi li a:visited {
	display:block;
	padding-top:11px;
	width:180px;
	height:29px;
	background:#ffffff url(../images/sidenavi_ic.gif) no-repeat left center ;
	text-decoration: none;
	color:#444444;
	text-indent:17px;
}
#contents #sidebar ul#sidenavi li a:hover,
#contents #sidebar ul#sidenavi li a:active {
	background:#e0e8f6 url(../images/sidenavi_ic.gif) no-repeat left center ;
	text-decoration: none;
}
#contents #sidebar ul#sidenavi li.stay a {
	background:#e0e8f6 url(../images/sidenavi_ic.gif) no-repeat left center ;
	text-decoration: none;
}
#contents #sidebar ul#link {
	margin-top:30px;
	padding-top:35px;
	background: url(../images/sidebar_link_bg.gif) no-repeat top ;
	border-bottom:1px solid #dcdcdc;
	text-align:left;
}
#contents #sidebar ul#link li {
	margin-bottom:10px;
}
#contents #sidebar ul#link li a:link ,
#contents #sidebar ul#link li a:visited {
	margin-left:5px;
	display:block;
	padding-left:17px;
	width:150px;
	background:#ffffff url(../images/sidenavi_ic.gif) no-repeat 0 7px ;
	text-decoration: none;
	color:#444444;
}
#contents #sidebar ul#link li a:hover,
#contents #sidebar ul#link li a:active {
	background:#e0e8f6 url(../images/sidenavi_ic.gif) no-repeat 0 7px ;
	text-decoration: none;
}
#contents #sidebar ul#bnr {
	margin-top:20px;
}
#contents #sidebar ul#bnr li {
	margin-bottom:5px;
}

/* 見出し
------------------------------------------------- */
h2#main {
	margin-top:10px;
	width:900px;
	height:84px;
	background:url(../images/h2_bg.jpg) no-repeat ;
}
h2#main p {
	padding:30px 0 0 25px;
	color:#ffffff;
	font-size:24px;
	line-height:100%;
}
h2#main p span {
	color:#8ee6ff;
	font-size:13px;
	margin-left:20px;
}
#contents #sidebar h2 {
	margin-left:5px;
	font-size:24px;
}
#contents #main h3 {
	font-size:24px;
}
#contents #main h4 {
	padding-left: 10px;
	border-left:5px solid #ccc;
	font-size:16px;
}
#contents #main h5 {
	font-size:14px;
}

/* リンク装飾
------------------------------------------------- */
a:link ,
a:visited {
	color: #4f87ef;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #e65100;
	text-decoration: underline;
}
a:link.blank {
	padding-right:18px;
	background:url(../images/ic_blank.gif) no-repeat right;
}

/* テキスト装飾
------------------------------------------------- */
.txtsmall {
	font-size:80%;
}
.txtbig {
	font-size:16px;
}
.txtbig2 {
	font-size:24px;
}
strong {
	font-weight:bold;
}
strong.hissu {
	font-weight:bold;
	color:#ffc948;
}

/* マージン設定
------------------------------------------------- */
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top: 10px;
	line-height: 26px;
}
.mt15 {
	margin-top: 15px;
	line-height: 25px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.pb10 {
	padding-bottom:10px;
}


/* FLOAT -Clearfix
------------------------------------------------- */
.clearfix:after { 
/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */
* htm .clearfix {
	height: 1%;
}
/* IE7 */
*:first-child+html .clearfix {
	height: 1%;
}