@charset "utf-8";



/* CSS Document */



/* index==========================







	1.for profile common



	2.for side style



	



*/











/* 1.for profile common



===============================================================*/



#proLeft{



	width:185px;



	text-align:left;



	vertical-align:top;



}



#proMain{



	text-align:left;



	vertical-align:top;



}







/* 2.for side style



===============================================================*/



.sideProfile{



	margin-bottom:15px;



	padding-bottom:10px;



	font-size:0.8em;



}



.sideProfile ul{



	margin:0 10px;



}



.sideProfile li{



	width:175px;



	background:url(/common/image/dot.gif) repeat-x bottom;



}



#sideSubject li a{



	padding:5px 0 5px 20px;



	display:block;



	background:url(/opreport/img/ico_green.gif) no-repeat 0 6px;



}



#newEntry li a{



	display:block;



	padding:5px 0 5px 20px;



	background:url(/opreport/img/ico_pink.gif) no-repeat 0 6px;



}



/*.sideProfile2{



	margin-bottom:5px;



	padding-bottom:5px;



	width:170px;



}



.sideProfile2 ul{



	padding-top: 8px;



	margin:0 10px;



}*/



#opbn1 {



	padding-bottom: 5px;



}



.btop{



	text-align:right;



}







/* 3.for main style



===============================================================*/



.proEntry{



	margin-top:15px;



	padding:0 0 15px 0;



	background:#ffffff;



}



.proEntry2{



	margin-top:15px;



	padding:0 0 15px 0;



	background:#ffffff;



}



#proEntry h2{



	margin-bottom: 15px;



	color:#2998f5;



	font-weight:bold;



	font-size:15px;



}



#proEntry h2#opreportCategory{



	color:#ffffff;



	font-weight:bold;



	font-size:15px;



	line-height: 29px;



	background:url(/opreport/img/pro_categorybg.gif) no-repeat left top;



	padding: 0 0 0 17px;



}



#proEntry2 h2#opreportCategory{



	margin:0 0 0px 0;



	color:#ffffff;



	font-weight:bold;



	font-size:15px;



	width:auto;



	line-height: 29px;



	background:url(../opreport/img/pro_categorybg.gif) no-repeat left top;



	padding: 0 0 0 17px;



}



#proEntry2 img#opreportPhoto{



	margin:0 0px 0 0;



}



.leftEntry{



	float:left;



	display:inline;



	margin-left:15px;



	margin-right:10px;



	margin-bottom:3px;



	padding:5px 0;



	width:140px;



	text-align:center;



	border:solid 1px #d3d3d3;



	background:#fff;



}



.leftEntry2{



	float:left;



	display:inline;



	margin-left:15px;



	margin-right:10px;



	padding:5px 0;



	width:140px;



	border: 1px solid #d3d3d3;



	text-align:center;



	background:#fff;



}



#opreportText {



	padding-left: 0px;



}



.rightEntry{



	float:right;



	display:inline;



	margin-right:10px;



	width:370px;



}



.subTitle{



	margin-bottom:10px;



	font-size:16px;



	font-weight:bold;



}



.subTitle2{



	margin-bottom:0px;



	font-size:12px;



	font-weight:bold;



}



.proTxt{



	margin:0 30px 20px 0;



}



.proDetail{



	margin:15px;



	text-align:right;



}



.proDetail2{



	margin-right:15px;



	text-align:right;



}



.proName{



	margin:0 0 20px 0;



}



.proName2{



	margin:0 0 20px 0;



}







#proEntry h3{



	margin-bottom:5px;



}



#proEntry h3{



	padding:2px 8px;



	font-size:12px;



	color:#FFF;



	background:#f8a9b4;



}



#proEntry h3.kikkake{



	padding:0;



	background:none;



}



h3.hobby{



	clear:both;



}







.opTextarea {



	margin-left: 15px;



}











/* “ú•t•”•ª */



.reportDate {



	color:#999999;



	text-align:right;



	font-size:10px;



	margin:0 15px 0 0;



	padding:0;



}















/* 4.for Open Campus Top



===============================================================*/



#openCampus{



	margin-bottom:20px;



}



#opEntry{



	margin:0 auto;



	width:740px;



}



div#opInfo{



	float:left;



	display:inline;



	width:480px;



	text-align:left;



}



div#opInfo ul{



	margin-left:10px;



}



div#opInfo li{



	padding:5px 0;



	list-style:none;



	background:url(../../img/bg_dot.gif) repeat-x bottom;



}



div#opInfo li img{



	vertical-align:middle;



}



div#opInfo li span{



	padding:2px 0 1px 20px;



	background:url(../../common/image/icon.gif) no-repeat 0 1px;



}



div#opBtn{



	float:left;



	display:inline;



	margin-left:15px;



	width:365px;



}



div#opBtn ul{



	list-style-position:outside;



	list-style-type:none;



}



div#opBtn li{

	float:left;

	display:inline;

	margin-bottom:3px;

}

.ml{

	margin-left:8px;

}

div#opFlash{



	width: 749px;



	margin: 20px auto 0;



}



p.opAppli{



	margin:20px 0 10px;



	text-align:center;



}



div#openStep{



	width:740px;



	margin:0 auto;



}



div#openStep img{



	vertical-align:top;



}



div#openStep dl{



	float:left;



	display:inline;



	margin-left:10px;



	width:355px;



}



div#openStep dd{



	margin:0;



}



p.webBt{



	margin-top:10px;



	margin-right:30px;



	text-align:right;



}

img.set01{
	margin:0 0 0 15px;
}
div#openStep2{
	width:860px;
	margin:0 auto;
}
div#openStep2 img{
	vertical-align:top;
}
div#openStep2 dl{
	float:left;
	display:inline;
	width:280px;
}
div#openStep2 dd{
	margin:0;
}
div#openStep2 dl.mr10{
	margin-right:10px;
}