/*------------------------------------------------
	index.css - <kaido> index.html design css
	2006.10.25
	:::toc:::
	import url
	parts design
------------------------------------------------*/

@import url(../../common/common.css);
@import url(../../common/format.css);
@import url(../../common/layout-old.css);
@import url(../../common/navigation.css);
@import url(reset.css);

/* outline design
------------------------------------------------*/
*{
	font-size:12px;
	color:#333333;
	
}

.borderbg h2 { margin:20px 0 10px 0; clear:both;}
.borderbg p { line-height:1.5;}
.borderbg a { text-decoration:underline;}
.borderbg strong { color:#845048;}
.borderbg ul { list-style:none;}
.borderbg li { margin-top:6px;}

/* img */
.borderbg .imgleft { display:block; float:left; margin:0 10px 10px 0px;}
.borderbg .imgright{ display:block; float:right; margin:0 0 10px 10px;}


#main{ 
	margin:0 auto;
	padding:0;
	width:880px;
	border:none;
	
	/*border-left:1px solid #7a7373;
	border-right:1px solid #7a7373;*/
	
	
	}

#mid{
	width:878px;
	padding:0 0 10px;
	border-left:1px solid #7a7373;
	border-right:1px solid #7a7373;
	}

.bnr{
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
	padding:0px 120px;
}

.bnr a.bnr1 {
	text-align:left;
		
}
.bnr a.bnr2 {
	margin-left:70px;	
}


/*btn*/	
#btn{
	width: 860px;
	height: 65px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	
}	
#btn ul { padding: 0px; margin: 0px;}
#btn ul li { list-style-type: none; float: left;}
#btn ul li a.top { display: block; width: 151px; height: 50px; background-image: url(../images/btn_top.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#btn ul li a.pro { display: block; width: 157px; height: 50px; background-image: url(../images/btn_pro.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#btn ul li a.itaphoto { display: block; width: 177px; height: 50px; background-image: url(../images/btn_photo.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#btn ul li a.staff { display: block; width: 167px; height: 50px; background-image: url(../images/btn_staff.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#btn ul li a.bbs { display: block; width: 207px; height: 50px; background-image: url(../images/btn_bbs.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#btn ul li a:hover { background-position: 0px -50px;}


/*//btn//////*/
	
.proboxx{
	padding:15px 0;
	margin:0px auto;
	width:820px;
	
}


h2.proboxa{
	background:url(../images/top_sugaa.jpg)
	no-repeat
	center
	top;
	height:10px;
	text-indent:-9999px;
	margin:0 auto;
	font-size:1px;
 }
 
h2.proboxc{
	background:url(../images/top_sugac.jpg)
	no-repeat
	center
	top;
	height:10px;
	text-indent:-9999px;
	margin:0 auto;
	font-size:1px;
 }

	
.proboxbg{
	margin:0 auto;
	background:url(../images/top_sugabg.jpg)
	repeat-y
	center
	bottom;
	text-align:left;
	}	
	
.haradaph{
	padding-left:10px;
	
	}

.p{
	line-height:150%;
	padding-top:5px;
	padding-left:10px;
	text-align:left;
	height:180px;
	font-weight:bold;
	}

.subttl{
	padding:10px;
	padding-top:0px;
	text-align:left;
	
}	

.bbs_lead{
	
	padding-top:10px;
	padding-bottom:10px;
}


/*profile*/
/* profile */

.probox {
	background: url(../images/pro_p01.jpg) no-repeat;
}


.probox p{
	padding:50px 0 0 160px;
}




/*///pro*/


/*staffnote*/
.stcon{

	font-size:14px;
	font-weight:bold;
	line-height:130%;
	text-align:left;
	float:left;
	padding:10px;
	
}

.staffbga{

	background:url(../images/staff_bga.gif)
	no-repeat
	center
	top;
	height:10px;
	text-indent:-9999px;
	margin:0 auto;
	font-size:1px;
	
	}

.staffbgc{

	background:url(../images/staff_bgc.gif)
	no-repeat
	center
	top;
	height:20px;
	text-indent:-9999px;
	margin:0 auto;
	font-size:1px;
	
	}

.staffbgc2{

	background:url(../images/staff_bgc2.gif)
	no-repeat
	center
	top;
	height:20px;
	text-indent:-9999px;
	margin:0 auto;
	font-size:1px;
	
	}


.staffbgb{
	margin:0 auto;
	padding:0 20px;
	background:url(../images/staff_bgb.gif)
	repeat-y
	center
	top;
	text-align:left;
	font-size:14px;
	line-height:130%;
	}	

.staffbgbb{
	margin:0 auto;
	padding:0 20px;
	background:url(../images/staff_bgb.gif)
	repeat-y
	center
	top;
	text-align:left;
	font-size:14px;
	line-height:130%;
	}	


.note{
	padding:15px 0;
	margin:0px auto;
	width:830px;
	
}

.staffnote{
	float:left;
	padding-left:50px;
	padding-top:20px;
	font-weight:bold;
	line-height:130%;
	font-size:14px;
	text-align:left;
	
	}
/*///staff*/

/*PHOTO///////*/

.photo{
	width:840px;
	margin:0px auto;
	padding:0 20px;
	
}


.photo ul.phobox {
	margin-left:15px;
	clear:both;
}
.photo .phobox li {
	margin:15px 5px 0 0;
	float:left;
}


.link_cen{
	padding:5px 0;
	width:575px;
	background:url(../images/link_center.jpg) repeat-y;
	margin:0 auto;
	
	}

/*//////PHOTO*/

/* common
------------------------------------------------*/