@charset "Shift_JIS";

@import "import.css";

/* graduate.css */

#graduate div#article h4{
	clear:both;
	margin:10px 0; padding:0 0 5px 0;
	line-height:33px;
	font-weight:bold;
	font-size:110%;
	text-indent:10px;
 	background:url(../graduate/images/bg-h4.gif) no-repeat left bottom;
}

#graduate div#article p{
	margin-left:10px;
	line-height:1.5em;
}


/* OB OG
----------------*/
#graduate div#article div#ob{
	margin:0 10px 20px 20px;
}

#graduate div#article div#ob div.about{
	padding-bottom:10px !important;
}

#graduate div#article div#ob div.about p{
	margin:0 0 0.5em 0;
}

#graduate div#article div#ob p{
	margin:0 0 10px 10px;
}

#graduate div#article div#ob p.photo{
	text-align:center;
}


/* 役員名簿
----------------------------------*/
#graduate div#article div#list{
	margin:0 10px 10px 20px;
}

#graduate div#article div#list p{
	margin:0 0 5px 0 !important;
}

#graduate div#article div#list table{
	margin-bottom:10px;
}

#graduate div#article div#list table th,
#graduate div#article div#list table td{
	padding:8px 10px 5px;
	border:1px solid #c0bfbf;
	text-align:center;
}

#graduate div#article div#list table th{
	background-color:#fff7f0;
}

#graduate div#article div#list table th.position,
#graduate div#article div#list table th.name,
#graduate div#article div#list table th.subject{
	width:20%;
}

#graduate div#article div#list table th.office{
	width:40%;
}



/* メール受付
----------------------------------*/
#graduate div#article div#mail{
	margin:0 10px 10px 20px;
}

#graduate div#article div#mail span.redmrk{
	color:#F00;
}

#graduate div#article div#mail span.bluemrk{
	color:#39F;
}

#graduate div#article div#mail table th,
#graduate div#article div#mail table td{
	padding:8px 10px 5px;
	border:1px solid #c0bfbf;
}

#graduate div#article div#mail table th{
	width:30%;
	background-color:#fff7f0;
	text-align:left !important;
}

#graduate div#article div#mail table input{
	margin-bottom:3px;
}

#graduate div#article div#mail div.submitArea{
	margin:10px 0 20px 0; 
	text-align:center;
}

#graduate div#article div#mail div.submitArea input{
	margin:0 10px;
}

/* ていゆう
----------------*/
#graduate div#article div#teiyu{
	margin:0 10px 20px 20px;
	height:380px;
}

#graduate div#article div#teiyu ul{
}

#graduate div#article div#teiyu ul li{
	font-weight:bold;
	margin-bottom:20px;
}

/* 50周年
----------------*/
#graduate div#article div#commemoration{
	margin:0 10px 20px 20px;
}

#graduate div#article div#commemoration h5{
	clear:both;
	margin:20px 0; height:25px;
	text-indent:20px;
	font-weight:bold;
	color:#fd8f19;
	background:url(../graduate/images/bg-h5.gif) no-repeat left top;
}

#graduate div#article div#commemoration p.text{
	margin-bottom:10px;
}

#graduate div#article div#commemoration div.photoBox{
	margin-bottom:15px;
}

#graduate div#article div#commemoration div.photoBox:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; 
}	

#graduate div#article div#commemoration div.photoBox p{
	float:left;
}

#graduate div#article div#commemoration p.diploma{
	text-align:center;
	padding-bottom:20px;
	clear:both;
}

#graduate div#article div#commemoration div.suport{
	margin-bottom:20px;
}

#graduate div#article div#commemoration div.suport:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; 
}	

#graduate div#article div#commemoration div.suport p.photo{
	float:left;
	margin-right:15px;
}

/* 証明書発行
----------------*/
#graduate div#article div#certificatel{
	margin:0 10px 20px 20px;
}

#graduate div#article div#certificatel h5{
	clear:both;
	margin:20px 0; height:25px;
	text-indent:20px;
	font-weight:bold;
	color:#fd8f19;
	background:url(../graduate/images/bg-h5.gif) no-repeat left top;
}

#graduate div#article div#certificatel p.text{
	margin-bottom:10px;
}

#graduate div#article div#certificatel ol{
	margin-left:40px;
}

#graduate div#article div#certificatel ol li{
	list-style:decimal;
	margin-bottom:10px;
}

#graduate div#article div#certificatel table th,
#graduate div#article div#certificatel table td{
	padding:8px 10px 5px;
	border:1px solid #c0bfbf;
}

#graduate div#article div#certificatel table th{
	background-color:#fff7f0;
	text-align:center !important;
}