@charset "utf-8";
* {   
    margin:0;   
    padding:0;   
}  

html {
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color: darkred;
	scrollbar-shadow-color: darkred;
	scrollbar-3dlight-color: #FFFFFF;
	scrolllbar-arrow-color: darkred;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

body {
	margin: 0; 
	padding: 0;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color: darkred;
	scrollbar-shadow-color: darkred;
	scrollbar-3dlight-color: #ffffff;
	scrolllbar-arrow-color: darkred;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}

img {
	border:none;
	padding:10px;
}

p, dt, dd, ul, li, td, tr {
	font-size:12px;
	line-height:170%;
	text-align: justify; 
	text-justify: inter-ideograph;
}

td, tr {
	padding:5px;
}

#wrapper {
	width: 931px;
	margin:0 auto;
	text-align:left;
	background-image:url(../IMAGE/COMUN/background.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
}

#wrapper:after {
    display:block;
    content:"";
    clear:both;
}

#header {
	background-image:url(../IMAGE/COMUN/header_2.png);
	height:115px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:20px;
	background-repeat: no-repeat;
	background-position: center top;
}

#menubox {
	margin:0 auto;
	width: 90%;
	padding-bottom:20px;
}
#form {
	width:800px;
	margin:0 auto;
	text-align:right;
	padding:15px;
}
.form {
	font-size:12px;
	color: #666666;
	line-height:200%;
}
.form h1 {
	font-size:12px;
	color: #666666;
	color:#99CC33;
	line-height:200%;
}

#gallery {
	width:800px;
	margin:0 auto;
	font-size:12px;
	text-align:left;
	line-height:160%;
}	
#gallery a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
} 
#gallery a:hover {
	color:#009393;
	text-decoration: underline;
}

#flashcontent {
	width: 100%;
	height: 600px;
	margin:0 auto;
	padding-left:50px;
		
	font-size:12px;
	text-align:left;
	line-height:160%;
}

#flashcontent a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
} 
#flashcontent a:hover {
	color:#009393;
	text-decoration: underline;
}

#mainContent {
	padding: 0px 5px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.search {
	width:850px;
	height:30px;
	margin:0 auto;
	text-align:right;
}
.section1 {
	float:left;
	display:inline; /* for WinIE6*/
	width:630px;
	padding:30px;
}

.section1 dt {
	color:#99CC00;
	letter-spacing: 0.1em;
	font-weight:bold;
}

.section1 dd {
	text-indent: 1em;
}

.section1 h1 { /* 文字黄緑ボールド */
	font-size:12px;
	color:#99CC00;
	letter-spacing:0.1em;
}

.section1 h2 { /* 文字黒ボールド　*/
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:170%;
}

.section1 h3 { /* 文字黒ボールド　センタリング　*/
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:170%;
	text-align:center;
}
.section1 a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
} 
.section1 a:hover {
	color:#009393;
	text-decoration: underline;
}

.section1 small{
	font-size:10px;
	color:#999999;
	letter-spacing:normal;
}

.section1 li {
	list-style-type:square;
	text-indent:1em;
	list-style-position: inside;
}

.section1 li li {
	text-indent:2.5em;
	list-style-type:disc;
	list-style-position: inside;
}	

.eventbox { /* Event用 */
	width:580px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:15px;
	
	font-size:12px;
	line-height:150%;
	text-align: justify; 
	text-justify: inter-ideograph;
}

.title {　/* Event用 */
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FFCC00;
	text-indent:1em;
	padding: 5px;
}

.fotobox {　/* Event用 */
	width:180px;
	text-align:center;
	float:left;
	padding:10px;
}

.green {
	font-size:12px;
	color:#99CC00;
	letter-spacing: 0.1em;
	text-align:left;
	font-weight:bold;
	empty-cells:show;
}

#course {
	font-size:12px;
	text-align:center;
	background-color:#F5F5F5;
	font-weight:bold;
	empty-cells:show;
}

#contents {
	font-size:12px;
	line-height:130%;
	empty-cells:show;
	text-align:center;
}


#text {
	font-size:12px;
	line-height:150%;
	vertical-align:top;
	text-align: justify; 
	text-justify: inter-ideograph;
}

.idiom {　/* Table内　外字テキスト用 */
	font-size:12px;
	line-height:150%;
	text-align: left;
	vertical-align:top;
}	

.box1 {
	width:600px;
	height:20px;
	padding-bottom:150px;
	padding-top:50px;
	border-top: 1px dotted #CCCCCC;
}

.box2 {
	width:150px;
	text-align:center;
	padding-left:15px;
	padding-bottom:20px;
}

.section3 {
	float:left;
	display:inline;
	width: 150px;
	text-align:center;
	padding-bottom:20px;
}
	
#footer {
	clear:both; 	/*ボックスの回り込み回避*/
	background-image:url(../IMAGE/COMUN/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:55px;
	
	font-size: 11px;
	color:#CCCCCC;
	text-align:center;
}

#refresh {
	margin: 0 auto;
	padding-top:100px;
}

#refresh p {
	color:#666666;
	text-align:center;
	line-height:180%;
}	

#refresh a:link, a:visited, a:active {
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

#refresh a:hover {
	font-size:12px;
	color:#FFCC00;
	text-decoration:underline;
}