/*-----top page-----*/

#contents_main{
width:590px;
margin:3px;
padding:0px;
text-align:left;
float:left;
background-color:#cccccc;
border:1px solid green;
}

#contents_sub01{
width:320px;
margin:3px;
padding:0px;
text-align:left;
float:left;
background-color:#777777;
}

/* information */
#message{
	position:relative;
	top:10px;
	width:565px;
	margin:0px 0px 0px 10px;
	text-align:center;
}

#message .top{
	background-image:url(../images/contents/top/messabox.png);
	width:560px;
	float:left;
}

#message .text{
	display:inline;
	float:left;
	width:530px;
	text-align:left;
	margin:40px 0px 0px 15px;
}

#message img{
	float:left;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:15px;
}

#message .text .name{
	width:530px;
	text-align:right;
}

#message .bottom{
	background-image:url(../images/contents/top/messabox.png);
	width:560px;
	height:15px;
	background-position:bottom;
	float:left;
}


/*-----Blog information-----*/

#wp_info{
width:400px;
margin:3px;
text-align:left;
float:none;
color:ff6600;
border:1px solid blue;
}


/*----- column are in #maincontentsbox -----*/
#maincontentsbox .column1{
	width:580px;
	float:left;
	margin:0px;
}

#maincontentsbox .column2{
	display:inline;
	width:340px;
	float:left;
	margin:0px;
	margin-left:10px;
}

/* position */
#maincontentsbox .column1 .center{
	width:580px;
}

#maincontentsbox .column2 .center{
	width:340px;
}

/* information */
#information{
	width:340px;
	font-size:9pt;
}

#information .top{
	background-image:url(../images/contents/top/infor_image.png);
	width:338px;
	height:25px;
	background-repeat:no-repeat;
	float:left;
}

#information .middle{
	background-image:url(../images/contents/top/right_bg.png);
	background-repeat:repeat-y;
	width:338px;
	border-left:2px #5a5a5a solid;
	float:left;
	margin-bottom:10px;
}

#information .middle .row{
	width:328px;
	margin:10px;
	margin-right:0px;
	margin-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
}

#information .middle .date{
	width:70px;
	float:left;
}

#information .middle .text{
	width:250px;
	float:left;
}

/* link */
#link{
	width:340px;
}

#link .top{
	background-image:url(../images/contents/top/link_image.png);
	width:338px;
	height:25px;
	background-repeat:no-repeat;
	float:left;
}

#link .middle{
	background-image:url(../images/contents/top/right_bg.png);
	background-repeat:repeat-y;
	width:338px;
	border-left:2px #5a5a5a solid;
	float:left;
}

#link .middle a{
	line-height:25px;
}

#link .middle .text{
	width:318px;
	margin:10px;
}

#link .middle img{
	margin-bottom:5px;
}

#banners{
	width:560px;
	margin-left:15px;
}

#banners ul{
	padding:0px;
	margin:0px;
}

#banners ul li{
	width:250px;
	float:left;
	margin:0px;
}

#banners ul li .caption{
	font-weight:bold;
	color:#235C69;
	border-bottom:1px #003300 solid;
	margin-bottom:5px;
}

#banners ul li .notes{
	font-size:10pt;
	width:250px;
	height:40px;
}

#banners ul li .detail{
	width:250px;
	text-align:right;
}

/* item title */
.item_title{
	background-image:url(../images/base/sub_title_bg.png);
	width:550px;
	height:35px;
	margin:0px auto;
}

.item_title h4{
	margin-left:20px;
	height:35px;
	line-height:35px;
	font-weight:bold;
}

#contact{
	width:540px;
	margin:0px auto;
	background-image:url(../images/contents/top/store_bg.png);
	background-repeat:no-repeat;
}

#contact div.address{
	width:330px;
	margin-left:210px
}

#contact div.address table{
	border:none;
}

#contact div.address table td{
	border:none;
	line-height:10px;
	padding:5px;
}

#wayou_remodel{
	background-image:url(../images/contents/top/banner/wayou_remodel.png);
	width:340px;
	height:170px;
}

#wayou_remodel a{
	display:block;
	background-image:url(../images/contents/top/banner/wayou_remodel_btn.png);;
	width:168px;
	height:55px;
	position:relative;
	left:160px;
	top:90px;
}

#wayou_remodel a:hover{
	background-position:0px -55px;
}

#rakuraku{
	width:550px;
	text-align:center;
	margin:0px auto;
}

#rakuraku img{
	margin:10px 0px;
}

/* contact us on right */
#maincontentsbox .column2 a.contact_us
{
	display:block;
	background-image:url(../images/contents/top/b_contact_right.png);
	width:336px;
	height:40px;
	margin:0px auto;
}

#maincontentsbox .column2 a.contact_us:hover
{
	background-position:0px 40px;
}

/* blog */
#blog_list
{
	text-align:left;
	width:555px;
	margin-left:10px;
	background-image:url(../images/contents/top/blog_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
}

#blog_list .body
{
	margin-left:10px;
	margin-top:10px;
	width:535px;
}

#blog_list div.date
{
	color:#C85600;
	width:150px;
}

#blog_list div.title
{
	width:400px;
	border-bottom:1px dotted #CCCCCC;
}