@charset "UTF-8";
/* ///汎用/////文字非表示用 */
.replaced {
display : block;
width : 10px;	height : 10px;
overflow : hidden;	outline : none;
text-indent : -9999px;
}
/* ///汎用/////float left;*/
.left {float : left;}
/* ///汎用/////float right;*/
.right {float : right;}
/* ///汎用/////float クリア;*/
.clear {clear:left;clear:right;clear:both;}
.small{font-size:small;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, img, * {
margin:0;	padding:0;	border-width:0;
position:static;	clear:none;
text-align:left;
}

body {
background:transparent none repeat scroll 0 0;
width:100%;		height:100%;
color:#333333;		background-color:#FFFFFF;
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","ＭＳ ゴシック","MS UI Gothic",Geneva,Arial,Verdana,sans-serif;
font-size:12px;		font-style:normal;
font-variant:normal;	font-weight:normal;
line-height:18px;
}

/* 全体枠 */
#container {
width : 984px;		height : 515px;
position:absolute;	top:50%;		left:50%;
margin-left:-492px;	margin-top:-256px;
}
/* ■背景黒-全体枠 */
#container_bl {
width : 984px;		height : 515px;
position:absolute;	top:50%;		left:50%;
margin-left:-492px;	margin-top:-256px;
color:#cccccc;		background-color:#000000;
}
/* ロゴ用、背景にロゴ画像を指定 */
#container #logo h1 {
background : url(sho-kuukan_logo1.png) no-repeat;
width : 984px;		height : 57px;
margin-left : 0px;
}
/* ■背景黒-ロゴ用、背景にロゴ画像を指定 */
#container_bl #logo_bl h1 {
background : url(sho-kuukan_logo1_bl.png) no-repeat;
width : 984px;		height : 57px;
margin-left : 0px;
}
/* ■背景黒 トップ用 */
#top_bl{
	background-color:#000000;	width : 984px;		height : 395px;
}
	#top_bl div{
	background-color:#000000;
	width : 520px;		height : 215px;
	position:absolute;	top:120px;		left:232px;
	}
/* h2_title用 */
#h2_title {width : 984px;	height : 65px;}
	/* h2_title内h2指定 */
	#h2_title h2  {
	margin-top : 4px;
	color:#b4615c;		background-color:#ffffff;
	font-size : 26px;	float : left;
	}
	/* h2_title内concept用、背景にh2_concept画像を指定 */
	#h2_title #h2_concept  {
	background : url(h2_concept.png) no-repeat;
	width : 215px;		height : 61px;
	}
	/* h2_title内about用、背景にh2_about画像を指定 */
	#h2_title #h2_about  {
	background : url(h2_about.png) no-repeat;
	width : 300px;		height : 61px;
	}
	/* h2_title内about用、背景にh2_about画像を指定 */
	#h2_title #h2_flow  {
	background : url(h2_flow10.png) no-repeat;
	width : 300px;		height : 61px;
	}

	/* h2_title内top_nabi用 */
	#h2_title #top_nabi  {
	width : 769px;		height : 65px;
	padding-top:27px;	vertical-align:baseline;
	color:#b4615c;		background-color:#ffffff;
	font-size : 16px;
	}
		#h2_title #top_nabi img  {
		border: 0px none #ffffff;
		}

/* h3menu用 表示指定*/
#h3menu {
clear:left; clear:right;	float : left;
width : 215px;		height : 330px;
	margin:0;		padding:0;	overflow:hidden;
}
	/* h3menu内 リスト表示方法指定*/
	#h3menu ul{
	width : 215px;		height : 330px;
	float : left;		padding-left : 20px;
	list-style-type  : square;	list-style-position:inside;
	color:#363636;			font-size : 15px;
	line-height:30px;		word-spacing : 0px;
	}
		/* h3menu内 番号リスト表示方法指定*/
		#h3menu ul.number{list-style-type  : decimal;}
	/* h3menu内 リンク表示方法指定*/
	#h3menu a{
	color:#363636;	line-height:30px;	font-size : 12px;
	text-decoration : none;	word-spacing : 0px;
	}
		#h3menu a:link	{color:#363636;}	#h3menu a:visited	{color:#6f6f6f;}
		#h3menu a:hover	{color:#0000ff;text-decoration : underline;background-color:#f0f0f0;}
		#h3menu a:active{color:#b4615c;}
		#h3menu_1 .lid_1,#h3menu_1 a.aid_1:link,#h3menu_1 a.aid_1:visited{color:#993333;}
		#h3menu_2 .lid_2,#h3menu_2 a.aid_2:link,#h3menu_2 a.aid_2:visited{color:#993333;}
		#h3menu_3 .lid_3,#h3menu_3 a.aid_3:link,#h3menu_3 a.aid_3:visited{color:#993333;}
		#h3menu_4 .lid_4,#h3menu_4 a.aid_4:link,#h3menu_4 a.aid_4:visited{color:#993333;}
		#h3menu_5 .lid_5,#h3menu_5 a.aid_5:link,#h3menu_5 a.aid_5:visited{color:#993333;}
		#h3menu_6 .lid_6,#h3menu_6 a.aid_6:link,#h3menu_6 a.aid_6:visited{color:#993333;}
		#h3menu_7 .lid_7,#h3menu_7 a.aid_7:link,#h3menu_7 a.aid_7:visited{color:#993333;}
		#h3menu_8 .lid_8,#h3menu_8 a.aid_8:link,#h3menu_8 a.aid_8:visited{color:#993333;}
		#h3menu_9 .lid_9,#h3menu_9 a.aid_9:link,#h3menu_9 a.aid_9:visited{color:#993333;}
		#h3menu_10 .lid_10,#h3menu_10 a.aid_10:link,#h3menu_10 a.aid_10:visited{color:#993333;}

/* contents用 */
#contents {float : right;	
background-color:#c5c8ce;	width : 769px;	height : 330px;	overflow:hidden;}
	#contents #about{color:#ffffff;	background-color:#222a32;	 overflow:hidden;	width : 769px;	height : 330px;}
	#contents #about #about_inner{color:#e3eff0;background-color:#222a32;
					width:769px;height:276px;margin:0px;overflow:hidden;}
	#about_table{width : 380px;	height : 241px;		margin-top : 10px;	font-size : 12px;
		margin-bottom : 25px;	margin-left : 35px;	float : left;	color:#e3eff0;	background-color:#222a32;}
	#about_map{width : 285px;	height : 230px;	position:relative;	top:10px;	left:-35px;	float : right;
		color:#f0f0ff;		background-color:#222a32;	 overflow:hidden;}
	#about div.staff_1{width : 224px;height : 330px;color:#e3eff0; background-color:#222a32;	/* 全幅250 */
				padding-left:26px;float:left;}	
		#about div.staff_head{width:224px;height:130px;	margin-top: 15px;}
			#about div.staff_head_hidari	{width:94px;height:130px;float:left;}
				div.staff_head h4	{width:94px;height:20px;margin-top:10px;font-size:17px;letter-spacing:5px;}
				div.staff_head .yomi	{width:94px;height:30px;color:#8fc9d3;background-color:#222a32;}
				div.staff_head .etc	{width:94px;height:70px;font-size:12px; overflow:auto;}
		#about table.nenpyou		{width:250px;height:85px; overflow:auto;}
			#about table.nenpyou td	{ vertical-align: top;font-size:12px;line-height:19px;}
			#about table.nenpyou td span.small{ vertical-align: top;font-size:10px;line-height:19px;}
	#contents #flow{color:#ffffff;	background-color:#272829;	 overflow:hidden;	width:769px;	height:330px;
	/*		padding-top:20px;	padding-left:20px;	*/
			}
		#flow h4{color:#fc3030;	background-color:#272829; font-size:16px; font-weight:bold;line-height:22px;}
			#flow h4 span.h4_suuji{ font-size:27px;}	#flow h4 span.h4_haifun{color:#ffffff;}
			#flow h4 span.h4_sub{ font-size:12px; color:#73d8da; font-weight:normal;}
		#flow div p.danraku{padding-top:5px; padding-left:25px; padding-right:7px; font-size:13px;line-height:18px;}
		#flow div#box_hidari{width:370px;height:300px;clear:left; float:left;padding:0;}
		#flow div#box_migi{width:370px;height:300px; float:left;padding:0;}
			

/* menu1用 */
#menu1{
clear:left;		margin-left : 0px;
background-color:#f3f3f3;
width : 984px;		height : 45px;
}
	#menu1 div.sukima_tate3{background-color:#ffffff;	width : 984px;		height : 3px;}
	#menu1 p {	height:42px;	margin:0px;	padding:0px;	background-color:#f3f3f3;	}
		/*Aタグに高さや幅を指定することが出来ないので親領域で指定する*/
		#menu1 p.w110-h42 {	width:110px;	height:42px;float : left;}
		#menu1 p.w185-h42 {	width:185px;	height:42px;float : left;}
		#menu1 p.w140-h42 {	width:140px;	height:42px;float : left;}
		#menu1 p.w234-h42 {	width:234px;	height:42px;float : left;}
		#menu1 p.w175-h42 {	width:175px;	height:42px;float : left;}
	#menu1 p a{
	display:block;
	/*Firefox1.5以降でリンクをクリックしたときに枠線が出る対策 MacIEには必要ないので効かせない*/
	/* \*/
	  overflow:hidden;
	/* */
	}
		#menu1 p a.top{background:url(menu1_pic/menu_top_j.png) no-repeat;	height:42px;}
		#menu1 p a.about{background:url(menu1_pic/menu_about_j.png) no-repeat;	height:42px;}
		#menu1 p a.concept{background:url(menu1_pic/menu_concept_j.png) no-repeat;	height:42px;}
		#menu1 p a.flow{background:url(menu1_pic/menu_flow_j.png) no-repeat;	height:42px;}
		#menu1 p a.privacy{background:url(menu1_pic/menu_privacy_j.png) no-repeat;	height:42px;}
	#menu1 p a img{border:none;}
	#menu1 p a:hover img {position:relative;	z-index:-1;}
		#menu1 p.w110-h42 a:hover {
		width:110px;		height:42px;	/*IE5でロールオーバーできない対策*/
		background-color:transparent;		/*IE5,IE6でロールオーバーが反応しない対策*/
		}
		#menu1 p.w185-h42 a:hover {
		width:185px;		height:42px;	/*IE5でロールオーバーできない対策*/
		background-color:transparent;		/*IE5,IE6でロールオーバーが反応しない対策*/
		}
		#menu1 p.w140-h42 a:hover {
		width:140px;		height:42px;	/*IE5でロールオーバーできない対策*/
		background-color:transparent;		/*IE5,IE6でロールオーバーが反応しない対策*/
		}
		#menu1 p.w175-h42 a:hover {
		width:175px;		height:42px;	/*IE5でロールオーバーできない対策*/
		background-color:transparent;		/*IE5,IE6でロールオーバーが反応しない対策*/
		}

/* credit用 */
#credit,#credit p {
color:#6f6f6f;		background-color:#ffffff;
width : 984px;		height : 18px;
text-align:right;
}
	#credit a:link	{color:#666666;}	#credit a:visited{color:#999999;}
	#credit a:hover	{color:#0000ff;text-decoration : underline;background-color:#f9f9f9;}
	#credit a:active{color:#b4615c;}