﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.main {
	margin:0;
	padding:45px 0 0 0;
	width:476px;
	float:right;
	background: url(../images/blog/blog_lead.jpg) no-repeat;
	}

.side {
	margin:0;
	padding:130px 0 0 0;
	width:201px;
	float:left;
	background: url(../images/blog/blog_logo.jpg) no-repeat;
	}



.b_area {
	margin:0 0 10px 0;
	background-color: #FFF8CC;
	}

.blogtitle_cate1,
.blogtitle_cate2,
.blogtitle_cat2,
.blogtitle_cat3 {
	margin:0;
	padding:0;
	width:476px;
	height:135px;
	position: relative;
	}
	
.blogtitle_cate2 {
	background: url(../images/blog/blog_title1.jpg) no-repeat;
	}
	
.blogtitle_cate1 {
	background: url(../images/blog/blog_title2.jpg) no-repeat;
	}
	
.blogtitle_cat3 {
	background: url(../images/blog/blog_title1.jpg) no-repeat;
	}

.blogtitle_cat2 {
	background: url(../images/blog/blog_title2.jpg) no-repeat;
	}
	
.blogtitle_cate2 .b_date,
.blogtitle_cat3 .b_date {
	position: absolute;
	top:70px;
	left:20px;
	font-size: 1.4em;
	color:#E56410;
	}
	
.blogtitle_cate2 .b_title,
.blogtitle_cat3 .b_title {
	position: absolute;
	top:88px;
	left:20px;
	font-size: 1.6em;
	}
	
.blogtitle_cate2 .b_name,
.blogtitle_cat3 .b_name {
	position: absolute;
	top:112px;
	right:120px;
	font-size: 1.4em;
	color:#E56410;
	}
	
.blogtitle_cate1 .b_date,
.blogtitle_cat2 .b_date {
	position: absolute;
	top:70px;
	left:123px;
	font-size: 1.4em;
	color:#E56410;
	}
	
.blogtitle_cate1 .b_title,
.blogtitle_cat2 .b_title {
	position: absolute;
	top:88px;
	left:123px;
	font-size: 1.6em;
	}
	
.blogtitle_cate1 .b_name,
.blogtitle_cat2 .b_name {
	position: absolute;
	top:112px;
	right:20px;
	font-size: 1.4em;
	color:#E56410;
	}

.b_body {
	margin:0 0 15px 0;
	padding:5px 15px 10px 15px;
	font-size:1.2em;
	}

.img_area {
	margin:0 0 10px 0;
	text-align: center;
	}




.navibox {
	margin:0 0 40px 0;
	height:25px;
	}

.navibox .prev {
	width:58px;
	float: left;
	}

.navibox .list {
	width:360px;
	float: left;
	text-align: center;
	}
	
.navibox .next {
	width:58px;
	float: right;
	}
	
.navibox .list a {
	background: url(../images/blog/btn_list2.jpg) no-repeat;
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 105px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.navibox .prev a,
.navibox .next a {
	margin: 0;
	padding: 25px 0 0 0;
	width: 58px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.navibox .prev a {
	background: url(../images/blog/btn_prev.jpg) no-repeat;
	}
	
.navibox .next a {
	background: url(../images/blog/btn_next.jpg) no-repeat;
	}

.blog_stitle1,
.blog_stitle2 {
	margin: 0 0 10px 0;
	padding: 46px 0 0 0;
	width: 200px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:46px;/* for ie5.x */
	}

.blog_stitle1 {
	background: url(../images/blog/blog_stitle1.jpg) no-repeat;
	}
	
.blog_stitle2 {
	background: url(../images/blog/blog_stitle2.jpg) no-repeat;
	}
	


.slist_area {
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	}
	
.slist_title {
	margin:0;
	padding:0 10px 0 0;
	color:#E56410;
	font-size:1.2em;
	font-weight: bold;
	}
	
.slist_title2 {
	margin:0;
	padding:0 10px 0 0;
	color:#529A12;
	font-size:1.2em;
	font-weight: bold;
	}

.slist_body {
	margin:0 0 5px 0;
	padding:0 10px 0 15px;
	font-size:1.2em;
	font-weight: bold;
	}

.list_more {
	float: right;
	background: url(../images/blog/btn_list.jpg) no-repeat;
	margin: 0;
	padding: 25px 0 0 0;
	width: 83px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.sbanners {
	margin:0 0 20px 0;
	}

.sbanner1 {	
	background: url(../images/blog/banner_staff.jpg) no-repeat;
	margin: 0 0 3px 0;
	width:201px;
	height:89px;
	position: relative;
	}
	
.sbanner1 a {
	position: absolute;
	top:50px;
	left:8px;
	background: url(../images/blog/blogbtn.jpg) no-repeat;
	margin: 0;
	padding: 20px 0 0 0;
	width: 85px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}

.sbanner2 {
	margin: 0 0 3px 0;
	width:201px;
	height:89px;
	}

.sbanner2 a {
	background: url(../images/blog/blog_sbanner2.jpg) no-repeat;
	margin: 0;
	padding: 89px 0 0 0;
	width: 201px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:89px;/* for ie5.x */
	}

.paging {
	margin:0 0 20px 0;
	padding:3px 0 0 0;
	font-size:1.2em;
	text-align: center;
	width:476px;
	height:24px;
	position: relative;
	}
	
.paging a {
	color:#333;
	}
	
.p_page {
	position: absolute;
	left:0;
	top:0;
	}
	
.p_page a {
	background: url(../images/blog/btn01.jpg) no-repeat;
	margin: 0;
	padding: 24px 0 0 0;
	width: 95px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:24px;/* for ie5.x */
	}
	
.n_page {
	position: absolute;
	right:0;
	top:0;
	}
	
.n_page a {
	background: url(../images/blog/btn02.jpg) no-repeat;
	margin: 0;
	padding: 24px 0 0 0;
	width: 95px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:24px;/* for ie5.x */
	}