﻿body {
	background: #ffffff;
	background-image: url(shared/back.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 80%;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック","Verdana" ;
	margin: 0;
	text-align: center;
	color: #333;
}

td{
	font-size: 100%;
}

img{
	border: none;
}

hr{
	height: 1px;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px dotted #cccccc;
	margin-top: 3px;
	margin-bottom: 3px;
}

p{
	margin: 0;
}


/***********************************************************
■■■　見出しの設定　■■■
***********************************************************/
h2{
	background-image: url(shared/midashi2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 2px dotted #666666;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #006666;
	padding-left: 40px;
	padding-bottom: 5px;
	line-height: 150%;
	margin-top: 30px;
	text-align: left;
}

h3.mid{
	border-left: 10px solid #666666;
	border-bottom: 1px dotted #FF6600;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #FF6600;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height: 150%;
	margin-top: 30px;
}




/***********************************************************
■■■　リンクの色設定　■■■
***********************************************************/
a:link{
	color: #0083C8;
	text-decoration: underline;
}

a:visited{
	color: #0083C8;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}


	/***********************************************************
	□□□　その他リンク設定　□□□
	***********************************************************/
	/*link01*/
	a.link01{
		color: #000000;
		text-decoration: none;
	}
	a.link01:visited{
		color: #000000;
		text-decoration: none;
	}

	a.link01:hover{
		color: #000000;
		text-decoration: underline;
	}
	
	/*link02*/
	a.link02{
		color: ##006666;
		text-decoration: none;
	}
	a.link02:visited{
		color: ##006666;
		text-decoration: none;
	}

	a.link02:hover{
		color: #000000;
		text-decoration: underline;
	}

/***********************************************************
■■■　div#layout設定　■■■
***********************************************************/


div#layout{
	width: 782px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}


	/***********************************************************
	□□□　div#header設定　□□□
	***********************************************************/
	div#header{
		width: 780x;
		height: 80px;
		margin: 0;
	}
	
		/*=====logo設定=====*/
		div#logo{
			width: 427px;
			float: left;
			margin: 0;
		}
		
		/*=====migi設定=====*/
		div#migi{
			width: 353px;
			float: right;
			margin: 0;
			text-align: right;
		}
				
			/*=====melody設定=====*/
			div#melody{
				width: 353px;
				margin-top: 5px;
				margin-bottom: 10px;
			}
			
			/*=====kensaku設定=====*/
			div#kensaku{
				width: 353px;
				margin: 0;
			}		
						
			.kensaku{
				height: 10px;
			}
			
			.kensaku02{
				font-size: 10px;
			}						
										
		/*=====pan設定=====*/
		.pan{
			margin-bottom: 5px;
			margin-top: 5px;
			font-size: 95%;
			text-align: left;
			background-color: #EEFFEC;
			padding: 5px;
		}

						
/***********************************************************
□□□　div#navi設定　□□□
***********************************************************/
div#navi{
	width: 780px;
	margin-top: 0;
	text-align: left;
}

/***********************************************************
□□□　div#main設定　□□□
***********************************************************/
div#main{
	width: 780px;
	margin-top: 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	clear: both;
}
	
			
	/***********************************************************
	□□□　div#content_left設定　□□□
	***********************************************************/
	div#content_left{
		width: 530px;
		text-align: left;
		background-color: #ffffff;
		margin-top: 10px;
		margin-right: 10px;
		float: left;
	}
	
	div#content_left p{
		margin-top: 3px;
	}
	
	div#content_left ul{
		width: 200px;
		list-style-type: none;
		margin: 0;
	}
	
	div#content_left ul li a{
		width: 170px;
		height: 25px;
		background-image: url(shared/left_009.gif);
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		color: #000000;
		text-decoration: none;
		padding-left: 30px;
		padding-top: 5px;
		font-size: 12px;
		margin-top: 3px;
	}	
	
	div#content_left ul li a:hover{
		background-image: url(shared/left_009_f2.gif);
		background-position: left top;
		background-repeat: no-repeat;
		color: #000000;
		text-decoration: underline;
	}	
	
	/***********************************************************
	□□□　div#content_center設定　□□□
	***********************************************************/
	div#content_center{
		text-align: left;
		background-color: #ffffff;
		margin-top: 0;
		width: 780px;
		clear: bouth;
	}
	
	div#content_center p{
		margin-top: 10px;
	}
	
	
	/***********************************************************
	□□□　div#content_right設定　□□□
	***********************************************************/
	div#content_right{
		text-align: left;
		background-color: #ffffff;
		margin-top: 10px;
		margin-left: 10px;
		width: 220px;
		float: left;
	}
	
	div#content_right p{
		margin-bottom: 3px;
	}	

	div#content_right p.mobile{
		background-image: url(image/index/right_mobile.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 190px;
		height: 60px;
		padding: 5px;
		font-size: 10px;
	}
	
	
	/***********************************************************
	■■■　div#main_content設定　■■■
	***********************************************************/
	div#main_content{
		width: 680px;
		clear: bouth;
		text-align: left;
		vertical-align: top;
		margin: 10px auto;
	}
	
	p.p_top{
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: right;
	}	
	
/*===============================================================================================*/
.warning{/* 同窓会注意 */
	background-image: url(image/index/warning.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 285px;
	height: 30px;
	padding-left: 245px;
	padding-top: 8px;
	font-size: 10px;
}

.counter{/* カウンター */
	background-image: url(image/index/counter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: 25px;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
}

.top_menu{/*topページメニュー*/
	background: #E9E9E9;
	width: 190px;
	margin-right: 3px;
	margin-top: 10px;
	float: left;
	height: 180px;
}

.line01{/* 線　背景 */
	background-image: url(shared/line01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	padding-left: 5px;
}


div#download{
	width: 760px;
	background-color: #333333;
	color: #ffffff;
	font-size: 10px;
	margin-top: 10px;
	padding: 10px;
}
			
	
	
	/***********************************************************
	□□□　div#footer設定　□□□
	***********************************************************/
	div#footer{
		margin-top: 0;
		width: 780px;
		clear: both;
		font-size: 11px;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 1px;
	}
	
	/*  これからのためにきれいにまとめた分    */
/**************************************************************************
	思い出アルバムの設定
***************************************************************************/
div#album{
	width: 500px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#album p{
	margin: 0;
}

div#album ul{
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 0;
}

div#album ul li{
	display: inline;
	text-align: center;
}



/**************************************************************************
	メールマガジンバックナンバー設定
***************************************************************************/
div#mail{
	width: 500px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;}

div#mail p{
	margin: 0;
}

div#mail h2.mail{
	background-image: url(mail_back/image/m_midashi2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	color: #cc3300;
	font-size: 140%;
	font-weight: normal;
	border-bottom: dotted #cc3300 1px;
	height: 25px;
	line-height: 150%;

}

/****** 一覧ページ ******/
div#m_list{
	width: 600px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

div#m_list h3.m_list{
	background: none;
	border-bottom: dotted 1px #666666;
	border-left: solid 10px #993300;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 130%;
	color: #003399;
	margin-bottom: 3px;
}

div#m_list p{
	margin: 0;
	margin-left: 10px;
}

div#m_list hr{
	height: 1px;
	color: #336699;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#m_list a:link {
		color: #000033;
		text-decoration: none;
}
div#m_list a:visited {
		color: #000033;
}
div#m_list a:hover {
		color:#993300;
		text-decoration: underline;
}


/**************************************************************************
	時々あるトピックスの設定
***************************************************************************/
div#news{
	width: 700px;
	border-left: solid #333333 1px;
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: left;
}

div#news h1{
	background-image: url(news/image/midashi1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-bottom: 10px;
	color: #cc3300;
	font-size: 160%;
	border-bottom: solid #FF9900 5px;
	height: 50px;
	margin-bottom: 10px;
	line-height: 130%;

}


div#news p{
	margin: 0;
}

	

	
	








/***********************************************************
■■■　table設定　■■■
***********************************************************/
/* 00 */
table.table00{
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 100%;
}

table.table00 th{
	padding: 3px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	background-color: #ECE9D8;
}

table.table00 td{
	padding: 3px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}



/***********************************************************
■■■　iconの設定　■■■
***********************************************************/
.icon01_ao{
	background-image: url(shared/icon01_ao.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 15px;
	vertical-align: middle;
}



/********************************************************************************
■■■　その他の設定　■■■
********************************************************************************/
/*テキストを縦書きにする*/
.tate{
	writing-mode: tb-rl;
	height: 210px;
	line-height: 180%;
}


















/***　titleのラインの設定　***/
.back {
		background-image: url(image/title_line.gif);
		background-repeat: repeat-x;
		height: 7px;
}



/***　各期とクラブ選択のリンクボタンの設定　****/
a.link03 {
		color: #000033;
		font-size: 14px;
		text-decoration: none;
}
a.link03:visited {
		color: #990033;
		text-decoration: none;
		font-size: 14px;
}
a.link03:hover {
		color: #ff3300;
		text-decoration: none;
		font-size: 14px;
}

/***　業種一覧のMENUボタンの設定　***/
a.gyoshu {
		color: #000033;
		font-size: 14px;
		text-decoration: none;
}
a.gyoshu:visited {
		color: #000033;
		text-decoration: none;
		font-size: 14px;
}
a.gyoshu:hover {
		color: #ff3300;
		text-decoration: none;
		font-size: 14px;
}


/***　サイトマップの線の設定　***/
.hidari_shita {
		border-color: black black #999999 #999999;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		border-left-width: 1px;
}
.hidari {  
		border-color: black black black #999999;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 1px;
}
	
/***　コンテンツメニューのリンク設定　***/		
a.m_link {
		font-size: 14px;
		color: #000066;
		text-decoration: none;
		font-family: san-serif;
}
a.m_link:visited {
		color: #000066;
		text-decoration: none;
		font-size: 14px;
		font-family: san-serif;
}
a.m_link:hover {
		color: #990033;
		text-decoration: none;
		font-size: 14px;
		font-family: san-serif;
}
		
/*　h1の設定　*/
h1 {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 2px;
		padding-left: 10px;
}

/***　いろいろなfont設定　***/
.font12{
		font-size: 12px;
		margin: 0px;
		color: #990000;
}

.font13{
		font-family: "san-serif"; 
		color: #000099;                               
}

/***　サイトマップの設定　***/
.hidari_shita {
		border-color: black black #999999 #999999;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		border-left-width: 1px;
}
.hidari {
		border-color: black black black #999999;
		border-style: solid; border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 1px;
}




/****全体位置の決定****/
div#menu1{
		position: absolute;
		width:100%;
		z-index:100;
		margin:0;
		
}
div#menu2{
		position: absolute;
		top: 115px;
		width:100%;
}

/****メインメニュー用スタイル****/
ul.main{
		margin:0px;
		padding:0px;
		width:100%;
		position:relative;
		list-style:none;
		text-align:center;
		margin:0;
}

/*通常時*/
.main li.off{
		position:relative;
		left:0px;
		top:0px;
		float:left;
		height:30px;
		width:191px;
		overflow:hidden;
		border:1px solid #990033;
		background-color:#FFFFFF;
		margin:0;
}

/*展開時*/
.main li.on{
		float:left;
		overflow:hidden;
		width:191px;
		background-color:#ffffff;
		border-right:1px solid #000066;
		border-top: 1px solid #000066;
		border-left: 1px solid #000066;
}
.main li.on{
		overflow:visible;
}

/*リンクスタイル*/
.main a{
		display:block;
		text-decoration:none;
}
.main a:hover{
		
}

/****サブメニュー用スタイル****/
ol.sub{
		margin: 5px 0px 0px;
		padding:0px;
		position:relative;
		left:0px;
		top:0px;
		background-color:#ffffff;
		list-style:none;
		text-align:left;
}
.sub li{
		margin:0px;
		padding: 0px;
		border-bottom:1px solid #000066;
	
}
.sub a{
		margin:0px;
		padding:3px 0px 2px;
		display:block;
		width: 100%;
}
.sub a:hover{
		background-color: #fbdac8;
}

.td_white{
		background-image: url(image/logo_frag.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
}
.f13{  font-size: 13px;}

/**************************************************************************
	メールマガジンバックナンバー設定
***************************************************************************/

.f14{
		font-size: 15px;
		line-height: 130%;
		letter-spacing: 1px;
}

.m_type{
	list-style-type: decimal;
}





/**************************************************************************
	ボーダーの設定
***************************************************************************/
.sen_gra_b2{
	border-bottom: ;
}





