@charset "utf-8";
/* about mori */
h2#title{
	height:23px;
	color:#FFFFFF;
	font-size:13px;
	padding:4px 0 0 25px;
	margin:0 0 5px 0;
	clear:both;
	background:url(../img/top2/bg_h2_1_l.gif) no-repeat;
}
.contents_block{
	margin:10px 10px 30px;
}
.contents_inner{
	margin:0 13px;
	font-size:12px;
}
.contents_inner p{
	margin:0 0 15px;
}

/* h3 */
h3{
	font-size:12px;
	margin:0 0 10px 0;
}
#resorce h3{
	border-bottom:double 3px #EEAAAA;
	background:url(../img/top2/bg_h3_2.gif) no-repeat;
	padding:0 0 1px 13px;
}
#use h3{
	border-bottom:double 3px #C08EC7;
	background:url(../img/top2/bg_h3_4.gif) no-repeat;
	padding:0 0 1px 13px;
}
#know h3{
	border-bottom:double 3px #5dadad;
	background:url(../img/top2/bg_h3_1.gif) no-repeat;
	padding:0 0 1px 13px;
}
#other h3{
	border-bottom:double 3px #aaddff;
	background:url(../img/top2/bg_h3_3.gif) no-repeat;
	padding:0 0 1px 13px;
}


/* know */
#know .pattern{
	float:left;
	border:1px solid #339999;
	width:170px;
	height:140px;
	margin-right:5px;
}
#know .last{
	margin-right:0;
}
#know .header{
	background:#DCEDED;
	float:left;
	width:170px;
}
#know h4{
	margin:5px 0 3px;
	font-size:14px;
	font-weight:normal;
	line-height:1.3;
}
#know h4 span{
	display:block;
}
#know .body{
	clear:both;
	padding:8px;
	line-height:1.3;
}
/* icon */
.icon{
	float:left;
	width:42px;
	height:42px;
	margin:3px;
	padding:0;
	text-decoration:none;
	text-indent:-3000px;
}
.icon a:link,
.icon a:visited,
.icon span{
	display:block;
	width:42px;
	height:42px;
	margin:0;
	padding:0;	
}
.icon a:visited{
	background-position:0 -42px;
}
.icon a:hover,
.icon a:active{
	background-position:0 -84px;
}
/* profile */
#profile.icon a:link,
#profile.icon a:visited{
	background-image:url(../img/about/ic_profile_link.png);
}
/* file */
#file.icon a:link,
#file.icon a:visited{
	background-image:url(../img/about/ic_file_link.png);
}
/* blog */
#blog.icon a:link,
#blog.icon a:visited{
	background-image:url(../img/about/ic_blog_link.png);
}
/* beforeafter */
#beforeafter.icon a:link,
#beforeafter.icon a:visited{
	background-image:url(../img/about/ic_beforeafter_link.png);
}
#beforeafter.icon span{
	background-image:url(../img/about/ic_beforeafter_off.png);
}


/* other */
#other .pattern{
	float:left;
	width:703px;
	border:1px solid #A4CBFF;
	margin-bottom:15px;
}
#other .header{
	background:#DFEDFF;
	float:left;
	width:205px;
}
#other h4{
	margin:5px;
	font-size:14px;
	font-weight:normal;
	line-height:1.3;
}
#other h4 span{
	display:block;
}
#other .body{
	clear:left;
	float:left;
	padding:0;
	line-height:1.3;
	width:205px;
}
#other .body p{
	padding:8px;
}
#other .photo{
	padding:8px;
	text-align:center;
}