@charset "UTF-8";
@import "fixed-style.css"; /* 調整スタイルシートの呼び出し */

/* layout-style.css - 全体レイアウト */

/* 共通の設定項目
----------------------------------------------------------- */
body {
	background-color: #fff;
	text-align: center;
	font-family: "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	}

h1, h2, h3, h4, h5, h6 {
	text-align: justify;
	margin: 0;
	padding: 0;
	}

p, ul, ol, dl, table, pre, object {
	text-align: justify;
	font-size: small;
	}

table {
	border-collapse: collapse;
	}

caption {
	text-align: left;
	}

abbr {
	border: none;
	}

hr {
	border-style: none;
	text-decoration: none;
	height:1px;
	border-top: solid 1px #666;
	}

img {
	border: 0;
	}

.hidden-navi {	/* ナビゲーション用非表示アイテム */
	visibility: hidden;
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	}

.sep {	/* セパレータ（CSS不使用時の区切り） */
	display: none;
	}

/* imgタグ関連 */

	/* リストアイコン用クラス */
	img.btn {	
		vertical-align:middle;
		padding-right:3px;
		}

	/* 画像の右寄せ・左寄せ(使うか？) */
	.frit, .flft {
		vertical-align:top; 
		border:no-border; 
		margin:0;
	    padding:0;
		}
	.frit {
		float:right; 
		text-align:right; 
		clear:right; 
		margin-left: 5px;
	    padding:0px;
		}
	.flft {
		float:left; 
		text-align:left; 
		clear:left; 
		vertical-align:top; 
		border:0px; 
		margin-right: 5px;
	    padding:0px;
		}



/* レイアウト全体
----------------------------------------------------------- */
#header, #con, #footer {
	color: #333;
	width: 800px;
	margin: 0 auto;
	}


/* ヘッダー
----------------------------------------------------------- */
#header {
	margin-bottom: 51px;
	padding:0px;
	
	}

#header img, #navi img {
	vertical-align: bottom;
	}

.note {
	display: none;
	}

/* ヘッダー下のナビゲーション */
#navi ul {
	height: 24px;
	margin: 0;
	padding: 0;
	}
#navi li {
	display: inline;
	list-style: none;
	margin: 0;
	}

	.m01 {
		float: left;
		background-color: #78ccff;
		width: 181px;
		border-right: solid 1px #fff;
		}
		.m01 img {
			border-right: solid 1px #fff;
			}
	.m02, m03 {
		float: left;
		background-image: url("../images/navi_pertition.gif");
		}
	.m02 {
		width: 116px;
		padding: 0 0 0 -1px;
		}
	.m03 {
		float: right;
		width: 154px;
		padding: 0;
		}



/* コンテンツ部分
----------------------------------------------------------- */
#con {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/contents_background.gif");
	}
	/* -------------- #conに対するclearfix -------------- */
	#con:after {					/* for Modern Blowser */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	#con {							/* for IE 5.5-7 */
		display: inline-table;
		}
	/* Hides from IE-mac \*/
	* html #con {height: 1%;}
	#con {display: block;}
	/*End hide from IE-mac */
	/* -------------------------------------------------- */


/* 本文 */
#main {
	float: right;
	width: 623px;
	}
	/*  中央・本文 */
	#texts {
	float: left;
	border-right: solid 1px #78ccff;
	text-align: justify;
	text-justify:inter-ideotraph;
	width: 455px;
	margin: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
		}
	#iihito_texts
	{	border-right: solid 1px #78ccff;
		float: left;
		letter-spacing: 0.1em;
		line-height: 150%;
		text-decoration:underline;
		overflow-y: hidden;
			width: 456px;
			margin: 0;
			padding: 0;
			text-align:left;
			
			}
	#iihito_texts img
	{	float:left;
		}
		
	#texts h2 {
		border-left: solid 3px #78ccff;
		font-size: 80%;
		line-height: 120%;
		color: #78ccff;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
		padding: 5px 0 0 10px;
		}
	#texts h3 {
		}
	
	/* 破線付きパラグラフ　ここから */
	#texts p {
		border-bottom: dashed 1px #c2c2c2;
		font-family: monospace;
		letter-spacing: -.1em;
		margin: 0;
		}
	#texts span {
		border-bottom: dashed 1px #c2c2c2;
		line-height: 1.8em;
		margin: 0;
		padding: 5px 3px;
		_padding: 5px 0;
		}
	/* 破線付きパラグラフ設定　ここまで */

	#texts dl {
		float: left;
		width: 320px;
		margin: 0;
		}
	#texts dt {
		line-height: 1em;
		margin: 0;
		padding: 0 10px;
		}
	#texts dd {
		border-bottom: solid 1px #c2c2c2;
		margin: 0 0 10px;
		padding: 2px 10px;
		}
	
	
		.binfo {
			float: right;
			text-align: right;
			}
		.binfo img {
			display: block;
			vertical-align: bottom;
			margin: 5px 0;
			}
		.binfo2 {
			float: left;
			text-align: left;
			font-size:80%;
			}
		.workshop-title {
			height:35px;
			width:220px;
			background-image:url(../images/workshop8/bg35.gif);
			background-repeat:no-repeat;
			font-size:80%;
			color:#3690c0;
			}
		.workshop-title50 {
			height:50px;
			width:220px;
			background-image:url(../images/workshop8/bg50.gif);
			background-repeat:no-repeat;
			font-size:80%;
			color:#3690c0;
			}
		.workshop-title60 {
			height:60px;
			width:220px;
			background-image:url(../images/workshop8/bg60.gif);
			background-repeat:no-repeat;
			font-size:80%;
			color:#3690c0;
			}
		.binfo2 img {
			display: block;
			vertical-align: bottom;
			margin: 5px 0;
			}
	.lightblue2 {
		border: solid 2px #3690c0;
		padding:15px;
		/*background:#f0f9ff;*/
		}
	.lightblue2 h3 {
		border-left: solid 2px #3690c0;
		color: #3690c0;
		font-size: 80%;
		padding-left: 10px;
		}
	.lightblue {
		border: solid 2px #3690c0;
		padding:15px;
		background:#f0f9ff;
		}
	.lightblue h3 {
		border-left: solid 2px #3690c0;
		color: #3690c0;
		font-size: 80%;
		padding-left: 10px;
		}
	.orange {
		border: solid 2px #ff7f00;
		padding:15px;
		}
	.blue {
	border: 2px solid #78ccff;
	padding:15px;
		}
	.orange h3 {
		border-left: solid 2px #ff7f00;
		color: #ff7f00;
		font-size: 80%;
		padding-left: 10px;
		}
	
	#texts hr {	/* 見えない区切り線：10pxの縦スペース */
		clear: both;
		visibility: hidden;
		height: 1px;
		margin-bottom: 10px;
		}

		.plist {
			overflow-y: hidden;
			width: 456px;
			margin: 0;
			padding: 0;
			}
		.plist table {
			border-style: none;
			border-width: 0;
			}
		.plist td {
			border-style: none;
			border-width: 0;
			text-align: center;
			vertical-align: top;
			margin: 0;
			padding: 0;
			}
			td.pl01 {
				padding: 0 3px 5px 0;
				}
			td.pl02 {
				padding: 0 3px 5px;
				}
			td.pl03 {
				padding: 0 0  5px 3px;
				}
		p#cmt {
			text-align: right;
			border: none;
			}

	/*  右端・スポンサーサイド（ID:mainの内部にボックスを作成） */
	#banner {
		float: right;
		width: 154px;
		padding-left: 0px;
		margin-left: 0px;
		margin:0 auto;
		}
	#banner h2 {
		margin-bottom: 10px;
		margin-left: 0px;
		}
	#banner ul {
		text-align: center;
		border: 0;
		margin: 0;
		}
	#banner li {
		list-style-type: none;
		border: 0;
		margin: 5px auto 5px -40px;
		_margin: 5px auto;
		}

/* メニュー */
#menu {
	float: left;
	border: dashed 1px #0f4678;
	text-align: left;
	width: 165px;
	margin: 0 0 15px;
	background-color: #ffffff;
	}

#menu h2 {
	visibility: hidden;
	font-size: 0;
	height: 0;
	margin: 0;
	}

#menu h3 {
	text-align: justify;
	font-size: 100%;
	}


.menubox {
	margin-bottom: 5px;
	padding: 5px;
	font-size:smaller;
	}
	.m-member {
		text-align: center;
		font-weight: bold;
		}
.menubox ul {
	text-align: justify;
	font-size: 75%;
	margin: 0 auto 20px;
	}
	
.menubox li {
	list-style-type: none;
	margin-left: -25px;
	_margin-left: 15px;
	margin-bottom: 5px;
	}

/* IE7 */	
*:first-child+html .menubox li {
	list-style-type: none;
	margin-left: 25px;
	margin-bottom: 5px;
	}

/*
.menubox li {
	list-style-type: none;
	margin-left: -25px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
*/
.menubox p {
	font-size: 70%;
	line-height: 190%;
	padding: 0 0 5px 5px;
	}


/* フッター */
#footer {
	clear: both;
	margin: 15px auto;
	}
#footer img {
	clear: both;
	vertical-align: bottom;
	}


.finfo {
	float: right;
	border: dashed 1px #0f4678;
	width: 617px;
	height: 24px;
	}
.finfo p {
	text-align: center;
	vertical-align: middle;
	font-size: 70%;
	margin: 5px auto;
	}

.copyright {
	float: left;
	text-align: center;
	font-size: 55%;
	color: #0f4678;
	width: 165px;
	margin: 0 auto;
	}