body{
	color: #000;
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

/*　まとめるスタイル設定　*/

#layout{
	width: 720px;
	height: 560px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	}

#layout2{
	width: 720px;
	height: 460px;
	padding: 0px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	}

<!-- ********************************************************************** -->
/*　ヘッダーのスタイル設定　*/

#top{
	width: 720px;
	margin: 0px;
	padding: 0px;
	}

#lefttop{
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	}

#righttop{
	float: left;
	width: 300px;
	font-size: 12px;
	color: #666;
	line-height: 35px;
	}

#righttop strong{
	color: #c00;
	}

/*　タイトルのスタイル設定　*/

#title{
	width: 720px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -4px;
	padding: 0px;
	}

<!-- ********************************************************************** -->
/*　コンテンツエリアのスタイル設定　*/

#container{
	width: 720px;
	height: 335px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

#container strong{
	color: #f33;
	}

<!-- ********************************************************************** -->
/*　センターコンテンツのスタイル設定　*/
/*　更新履歴のスタイル設定　*/

#mid{
	float: left;
	position: absolute;
	width: 415px;
	height: 320px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}

#iDemiIbox0{
	position: absolute;
	top: 8px;
	left: 0px;
	width: 375px;
	height: 100px;
	clip: rect(0px 375px 100px 0px);
	visibility: visible;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	}

.cDemiIinline{
	color: #666;
	font-size: 12px;
	line-height: 17px;
	text-align: justify ;
	text-justify: distribute;
	position: absolute;
	visibility: hidden;
	width: 100%;
	}

#cDemiIboxCtrl01{
	position: absolute;
	top: 10px;
	left: 420px;
	}

#cDemiIboxCtrl02{
	position: absolute;
	top: 33px;
	left: 420px;
	}

#koushin{
	position: absolute;
	top: 10px;
	left: 10px;
	color: #666;
	font-size: 12px;
	line-height: 17px;
	text-align: justify ;
	}

/*　イベントのスタイル設定　*/

#schedule{
	position: absolute;
	top: 130px;
	left: 0px;
	width: 435px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
	list-style: none;
	}

.event{
	background: #fff;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	}

.event a{
	background: #fff;
	font-size: 13px;
	color: #6e8f99;
	text-decoration: none;
	}

.event a:hover{
	background: #fff;
	color: #f33;
	}

/*　右側コンテンツのスタイル設定　*/

#right{
	float: right;
	width: 170px;
	height: 327px;
	color: #666;
	border: 1px solid #ccc;
	margin: 8px 0px 0px 0px;
	overflow: hidden;
	}

#info{
	text-align: center;
	font-size: 12px;
	border: 1px solid #fcc;
	margin: 10px;
	padding: 5px;
	}

#info2{
	text-align: left;
	font-size: 10px;
	margin: 10px;
	padding: 5px;
	}

<!-- ********************************************************************** -->
/*　styleのスタイル設定　*/
/*　styleナビゲーションのスタイル設定（トップナビ）　*/

#iDemiIbox01{
	font-size: 12px;
	color: #666;
	line-height: 35px;
	background: #fff;
	}

#stylenav{
	float: left;
	width: 469px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.stylemenu{
	float: left;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.stylemenu a{
	float:left;
	color: #999;
	display: block;
	}

.stylemenu a:hover{
	color: #000;
	}

<!-- ********************************************************************** -->
/*　styleコンテンツエリアのスタイル設定　*/

#style{
	width: 720px;
	height: 335px;
	margin: 0px;
	padding: 0px;
	}

#style a{
	color: #f66;
	}

#style a:hover{
	color: #f99;
	}

#style1{
	position: absolute;
	top: 12px;
	left: 10px;
	text-align: left;
	font-size : 13px ;
	line-height: 17px;
	}

#style1 strong{
	font-size: 16px;
	line-height: 26px;
	font-weight: bold ;
	color: #f33;
	}

#style2{
	position: absolute;
	top: 20px;
	left: 350px;
	text-align: left;
	font-size : 13px ;
	line-height: 17px;
	}

#style3{
	position: absolute;
	top: 70px;
	left: 15px;
	font-size : 13px ;
	}

.subtitle{
	line-height: 27px;
	color: #f00;
	font-weight: bold;
	}

<!-- ********************************************************************** -->
/*　styleページ変更のスタイル設定　*/

#iDemiIbox1{
	width: 720px;
	height: 335px;
	clip: rect(0px 720px 335px 0px);
	visibility: hidden;
	overflow: hidden;
	background-color: #fff;
	}

.cDemiIinline01{
	position: absolute;
	width: 720px;
	height: 335px;
	clip: rect(0px 720px 335px 0px);
	visibility: hidden;
	}

<!-- ********************************************************************** -->
/*　skill、jrsf、special、link、mailのスタイル設定　*/
/*　コンテンツエリアのスタイル設定（全部）　*/

#content2{
	position: relative;
	width: 720px;
	height: 335px;
	margin: 0px;
	padding: 0px;
	}

#content2 a{
	color: #f66;
	}

#content2 a:hover{
	color: #f33;
	}

.subtitle2{
	text-align: left;
	color: #900;
	font-weight: bold;
	border-bottom: solid 1px #900;
	margin-bottom: 7px;
	}

.subtitle2 strong{
	color: #f00;
	}

.subtitle2 b{
	color: #00b70e;
	}

p b{
	color: #00b70e;
	}

p strong{
	color: #f00;
	font-weight: bold;
	}

<!-- ********************************************************************** -->
/*　skillナビゲーションのスタイル設定（トップナビ）　*/

#skillnavt{
	float: left;
	width: 469px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
	line-height: 35px;
	background: #fff;
	list-style: none;
	}

.skillmenut{
	float: left;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.skillmenut a{
	float:left;
	color: #999;
	display: block;
	}

.skillmenut a:hover{
	color: #000;
	}

/*　skillコンテンツエリアのスタイル設定　*/

#skill1{
	position: relative;
	top: 12px;
	left: 10px;
	text-align: left;
	font-size : 13px ;
	line-height: 17px;
	}

#skill1 strong{
	font-size: 16px;
	line-height: 26px;
	font-weight: bold ;
	color: #f33;
	}

#skilln{
	position: relative;
	top: 35px;
	left: 30px;
	text-align: left;
	font-size : 13px ;
	line-height: 18px;
	}

<!-- ********************************************************************** -->
/*　左側ナビゲーションのスタイル設定（全部）　*/

#iDemiIbox02{
	position: absolute;
	top: 18px;
	left: 20px;
	width: 180px;
	height: 320px;
	clip: rect(0px 180px 320px 0px);
	visibility: hidden;
	overflow: hidden;
	color: #900;
	font-size: 13px;
	text-align: justify;
	text-justify: distribute;
	}

#leftnav{
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	list-style: none;
	font-weight: bold;
	}

#leftnav li{
	background: url(../images/right.gif) no-repeat center left;
	padding: 0px 0px 0px 16px;
	line-height: 17px;
	list-style: none;
	text-align: left;
	}

#leftnav a{
	color: #f66;
	}

#jrsfnav{
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	list-style: none;
	}

#jrsfnav li{
	padding: 0px 0px 0px 23px;
	line-height: 17px;
	list-style: none;
	text-align: left;
	}

#jrsfnav a{
	color: #f66;
	}

<!-- ********************************************************************** -->
/*　右側変更のスタイル設定（全部）　*/

#iDemiIbox2{
	position: absolute;
	top: 15px;
	left: 240px;
	width: 445px;
	height: 320px;
	clip: rect(0px 445px 320px 0px);
	visibility: hidden;
	overflow: hidden;
	font-size: 13px;
	color: #600;
	}

#iDemiIbox2 a{
	color: #f66;
	}

#iDemiIbox2 p{
	margin: 7px 0px;
	}


.cDemiIinline02{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	visibility: hidden;
	line-height: 17px;
	text-align: justify;
	text-justify: distribute;
	}

<!-- ********************************************************************** -->
/*　mail formのスタイル設定　*/

.form1{
	color: #669;
	width: 250px;
	border: 1px solid #a3a3b1;
	background-color: #f3f3f3;
	}

.form2{
	color: #666;
	padding: 1px;
	border-width: 1px;
	border-color: #999;
	background-color: #f7f7f7;
	}

.form3{
	color: #666;
	padding: 1px;
	border-width: 1px;
	border-style: dotted;
	background-color: #f7f7f7;
	}

<!-- ********************************************************************** -->
/*　スクロールと左右わけのスタイル設定　*/

#sepbar{
	position: absolute;
	top: 15px;
	left: 220px;
	height: 310px;
	border-left: solid 2px #900
	}

#cDemiIboxCtrl03{
	position: absolute;
	top: 17px;
	left: 700px;
	}

#cDemiIboxCtrl04{
	position: absolute;
	top: 187px;
	left: 700px;
	}

<!-- ********************************************************************** -->
/*　ナビゲーションのスタイル設定　*/

#nav{
	float: left;
	width: 720px;
	height: 40px;
	border-top: 1px solid #ccc;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
	line-height: 35px;
	list-style: none;
	}

.menu{
	float: left;
	width: 65px;
	height: 38px;
	background: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.menu a{
	width: 65px;
	height: 38px;
	background: #fff;
	color: #999;
	display: block;
	line-height: 35px;
	}

.menu a:hover{
	background: #fff;
	color: #000;
	}

<!-- ********************************************************************** -->
/*　フッターのスタイル設定　*/

#clip{
	width: 700px;
	height: 30px;
	text-align: left;
	font-size: 13px;
	color: #333;
	margin: 0px;
	padding: 0px;
	}

#copyright {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #999;
	margin: 0px;
	padding: 0px;
	}

#copyright a{
	background: #fff;
	color: #6e8f99;
	text-decoration: none;
	}