@charset "utf-8";
/* CSS Document */

#main *{
	zoom:1;
}

#main .imagearea{
	margin-bottom:20px;
}

#main h2{
	margin-bottom:10px;
}

#main .box02 .wrap01{
	background:url(../../connection/images/blog_img07.gif) repeat-y;
	margin-bottom:20px;
}

#main .box02 .wrap02{
	background:url(../../connection/images/blog_img06.gif) no-repeat 0px 80%;
}

#main .box02 .wrap03{
	background:url(../../connection/images/blog_img02.gif) no-repeat 0px 0px;
	padding-top:3px;
}

#main .box02 .wrap04{
	background:url(../../connection/images/blog_img05.gif) no-repeat 0px bottom;
	padding-bottom:2px;
}

#main .box02 .box03 .dl01{
	float:left;
	padding:0px 3px;
	width:344px;
}

#main .box02 .box03 .dl02{
	float:right;
	padding:0px 3px;
	width:344px;
}

#main .box02 .box03 dl dd{
	padding:9px;
	position:relative;
	height:6em;
}

#main .box02 .box03 dl dd .arrow01,
#main .box02 .box03 dl dd .arrow02{
	position:absolute;
	bottom:10px;
	padding-left:8px;
}

#main .box02 .box03 dl dd .arrow01{
	background:url(../../common/csr_arrow05.gif) no-repeat 0px 50%;
}

#main .box02 .box03 dl dd .arrow02{
	background:url(../../common/csr_arrow01.gif) no-repeat 0px 50%;
}

#main .box02 .box04{
	border:#FFEBC2 4px solid;
	margin-bottom:30px;
}

#main .box02 .box04 dl{
	border:dashed 1px #FFB84D;
	padding:15px 15px 0px;
}

#main .box02 .box04 dl dt{
	margin-bottom:5px;
}

#main .box02 .box04 dl dd{
	margin-bottom:15px;
}

#main .box02 .box04 dl dd ol{
	padding-left:25px;
	list-style:outside decimal;
}

#main .box02 .box04 dl dd ol li{
	zoom:normal;
}

#main .box02 .box05 .head{
	position:relative;
}

#main .box02 .box05 .head p{
	position:absolute;
	top:2px;
	right:5px;
}

#main .box02 .box05 .head p img{
	vertical-align:middle;
}

#main .box02 .box05 .head p .arrow{
	padding-left:8px;
	background:url(../../common/csr_arrow02.gif) no-repeat 0px 50%;
}

#main .box02 .box05 ul li{
	position:relative;
	zoom:1;
	padding:3px 0px;
	padding-left:180px;
}

#main .box02 .box05 ul li .date{
	position:absolute;
	left:0px;
	top:3px;
	color:#666666;
}

#main .box02 .box05 ul li .genre{
	position:absolute;
	left:83px;
	top:1px;
}

#main .box02 .box05 ul li .arrow{
	background:url(../../common/csr_arrow01.gif) no-repeat 0px 50%;
	padding-left:8px;
}