/*-----top page-----*/
#contentsbox .column1{
	width:649px;
	float:left;
	border-left:solid 1px #CEDBF2;
}

#contentsbox .column2{
	width:280px;
	float:left;
	background-repeat:repeat;
}

/* top image */
#topimage{
	background-image:url(../images/contents/top/title_image.png);
	width:950px;
	height:225px;
}

/* テーブル */
#contentsbox .column1 table{
	width:630px;
	margin:0px auto;
}

#message{
	width:634px;
	margin:0px auto;
}

#message .top{
	background-image:url(../images/contents/top/messabox.png);
	width:634px;
	float:left;
}

#message .top .caption{
	width:594px;
	line-height:36px;
	font-weight:bold;
	margin:0px 20px;
}

#message .top .caption span{
	background-color:#dff2ff;
}

#message .middle{
	background-image:url(../images/contents/top/messabox_m.png);
	width:634px;
	float:left;
}

#message .middle .text{
	width:594px;
	margin:0px 20px;
}

#message .middle .text h2{
	margin:0px;
	padding:0px;
	font-size:1.0em;
}

#message .bottom{
	background-image:url(../images/contents/top/messabox.png);
	background-position:bottom;
	height:10px;
	width:634px;
	float:left;
}



#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;
}

.infor{
width:300px;
font-size:13px;
}

/*-----Blog information-----*/

#wp_info{
width:400px;
margin:3px;
text-align:left;
float:none;
color:ff6600;
border:1px solid blue;
}

/*----- ラベル -----*/
h3{
	background-image:url(../images/base/label1.png);
	height:30px;
	width:631px;
	margin:0px auto;
}

h3 div.text{
	line-height:30px;
	margin-left:20px;
	font-weight:bold;
	width:605px;
	color:#333333;
}

.u_h3{
	width:600px;
	margin:0px auto;
}

/* column on right */
#contentsbox .column2 h3{
	background-image:url(../images/contents/top/right_label.png);
	height:30px;
	width:274px;
	margin:0px auto;
}

#contentsbox .column2 h3 div.text{
	line-height:30px;
	margin-left:40px;
	font-weight:bold;
	width:234px;
}

#contentsbox .column2 .u_h3{
	width:254px;
	margin:5px auto;
	border:1px solid #CCCCCC;
}

#contentsbox .column2 .u_h3 .text{
	margin:10px;
	width:234px;
}

/* update area */
#update .line{
	width:254px;
	margin:0px auto;
	border-bottom:1px solid #CCCCCC;
	font-size:0.8em;
}

#update .line .date{
	width:80px;
	float:left;
}

#update .line .content{
	width:154px;
	float:left;
}

/* information area */
#information .line{
	width:254px;
	margin:0px auto;
	border-bottom:1px solid #CCCCCC;
	font-size:0.8em;
}

#information .line .date{
	width:80px;
	float:left;
}

#information .line .content{
	width:174px;
	float:left;
}

/* links area */
#links {
	font-size:0.9em;
}

/* latest blog articles */
#blog_new .line{
	width:600px;
	margin:0px auto;
	border-bottom:1px solid #CCCCCC;
	font-size:0.8em;
}

#blog_new .line .date{
	width:150px;
	float:left;
}

#blog_new .line .content{
	width:450px;
	float:left;
}

/* works */
#contentsbox .column1 #works .column1{
	margin-top:10px;
	width:300px;
	border:none;
}

#contentsbox .column1 #works .column2{
	margin-top:10px;
	width:300px;
}

/* company information */
#contentsbox .column1 #company table{
	width:430px;
}

#contentsbox .column1 #company .column1{
	margin-top:20px;
	width:430px;
	border:none;
}

#contentsbox .column1 #company .column2{
	width:160px;
	text-align:center;
}

/* blog button */
a#blog{
	display:block;
	background-image:url(../images/contents/top/blog.png);
	width:230px;
	height:138px;
	margin:0px auto;
}

a#blog:hover{
	background-position:0px 138px;
}
