@charset"shift_jis";


html { overflow-y: scroll; }

html , body { height: 100%; }

body {
background-color: #000000;
margin: 0px auto;
font-family: "‚l‚r ‚o ƒSƒVƒbƒN", Verdana;
}

img { margin: 0px; padding: 0px; border:none; vertical-align: top; }

#container {
margin: 0px auto;
width: 960px;
height: auto;
background: url(../images/index2.jpg) #000000 top no-repeat;
padding: 20px;
}

#bo-box {
margin: 0px auto;
width: 945px;
height: auto;
padding: 15px 0px 15px 15px;
border: solid 1px #957221;
background: url(../images/sh0.png) top repeat-x;
}

#bo-box2 {
margin: 0px auto;
width: 945px;
height: auto;
padding: 15px 0px 15px 15px;
border: solid 1px #957221;
background: url(../images/sh1.png) bottom repeat-x;
}
#bo-box3 {
margin: 0px auto;
width: 945px;
height: auto;
padding: 15px 0px 15px 15px;
border: solid 1px #957221;
background: url(../images/) bottom repeat-x;
}
/********************** Header ***************************/
#header {
margin: 0px auto;
width: 945px;
height: 116px;
padding: 0px;
text-align: center;
}

#rogo { 
width: 255px;
height: 100px;
float: left;
padding: 0px;
margin: 0px;
text-align: left;
}
#rogo img { boder: none; margin-left: 3px; }

#navi {
width: 690px;
height: 100px;
float: right;
padding: 0px;
margin: 0px;
text-align: right;
}
#navi img { }
#navi p {
float: right;
padding: 8px 15px 8px 0px;
height: 16px;
width: 653px;
background-color: #1A100F;
}
#navi a {
text-decoration: none;
color: #CCAC86;
font-size: 15px;
margin: 0px 0px 0px 17px;
}

/********************** sinnen ***************************/
#sinnen { clear: both;
margin: 0px auto;
width: 900px;
height: auto;
 }
#sinnen p { color: #B5B1AE;
font-size: 15px;
line-height: 1.3;
text-align: center; }
/********************** content ***************************/
#content {
clear: both;
margin: 0px auto;
width: 930px;
height: auto;
padding: 200px 15px 0px 0px;
}

#content2 {
clear: both;
margin: 0px auto;
width: 930px;
height: auto;
padding: 40px 15px 0px 0px;
}

#content3 {
clear: both;
margin: 0px auto;
width: 930px;
height: auto;
padding: 200px 15px 0px 0px;
}

#left-box {
width: 480px;
height: auto;
float: left;
padding: 10px 10px 10px 10px;
margin: 25px 0px 0px 0px;
border: solid 1px #652933;
background-color: #0D0908;
}

#left-box p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.5;
}

#left-box img { float: right; }

#right-box {
width: 307px;
height: 200px;
float: right;
vertical-align: bottom;
padding: 80px 0px 0px 120px;
margin: 0px;
background: url(../images/ye-m1.png) top no-repeat;
}
#right-box p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.3;
 }
#right-box .top-right-p1 { padding-bottom: 10px; }

#osirase {
margin: 0px auto;
width: 450px;
height: auto;
padding: 0px 200px 100px 280px;
}

#osirase p { font-size: 15px; color: #ffffff; line-height: 1.5; }

#content3 .aisatu {
float: left;
width: 480px;
height: auto;
padding: 10px 10px 10px 10px;
border: solid 1px #652933;
background-color: #0D0908;
}
#content3 .aisatu p { color: #B5B1AE; font-size: 13px; line-height: 1.5; }
#content3 .aisatu img { float: right; }

#content3 .top-rbox0 {
float: right;
}

#content3 .infobox {
clear: both;
width: 307px;
height: auto;
text-align: left;
vertical-align: top;
padding: 80px 0px 0px 120px;
margin: 0px;
background: url(../images/ye-m1.png) top no-repeat; }

#content3 .infobox p { color: #B5B1AE; font-size: 13px; line-height: 1.3; }
#content3 .infobox .top-right-p1 { padding-bottom: 10px; }

#content3 .newsbox { clear: both;
color: #B5B1AE;
margin: 0px 0px 15px 15px;
width: 390px;
height: auto;
padding: 10px 10px 10px 10px;
border: solid 1px #652933;
background-color: #251b19;
 }
#content3 .newsbox h3 { font-size: 19px; margin-bottom: 5px; font-weight: normal; }
#content3 .newsbox h4 { font-size: 19px; color: #d0929f; margin-bottom: 5px; font-weight: normal; }
#content3 .newsbox h5 { font-size: 16px; margin-bottom: 5px; font-weight: normal; line-height: 1.5; }
#content3 .newsbox p { font-size: 13px; line-height: 1.5; }

#content3 .td1 {
width: 480px;
height: auto;
padding: 10px 10px 10px 10px;
border: solid 1px #652933;
background-color: #0D0908;
text-align: left;
vertical-align: top;
}
#content3 .td1 p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.5;
}
#content3 .td1 img { float: right; }


#content3 .td2 {
width: 307px;
height: auto;
text-align: left;
vertical-align: top;
padding: 80px 0px 0px 120px;
margin: 0px;
background: url(../images/ye-m1.png) top no-repeat;
}
#content3 .td2 p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.3;
 }
#content3 .td2 .top-right-p1 { padding-bottom: 10px; }

#content2 .td1 {
width: 480px;
height: auto;
padding: 10px 10px 10px 10px;
border: solid 1px #652933;
background-color: #0D0908;
text-align: left;
vertical-align: top;
}
#content2 .td1 p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.5;
}
#content2 .td1 img { float: right; }

#content2 .td2 {
width: 307px;
height: auto;
float: right;
text-align: left;
vertical-align: bottom;
padding: 80px 0px 0px 120px;
margin: 0px;
background: url(../images/ye-m1.png) top no-repeat;
}
#content2 .td2 p {
color: #B5B1AE;
font-size: 13px;
line-height: 1.3;
 }
#content2 .td2 .top-right-p1 { padding-bottom: 10px; }

/********************** system ***************************/
#system {
clear: both;
margin: 0px auto;
width: 900px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 30px 15px 15px;
border: solid 1px #652933;
background: url(../images/sh3.png) top repeat;
font-family: "‚l‚r ƒSƒVƒbƒN", Verdana;
}

#system table { margin: 0px auto; }
.td01 { width: 260px; text-align: right; vertical-align: top; padding-top: 15px; }
.td02 { width: 463px; text-align: left; vertical-align: top; padding: 35px 0px 35px 0px; }
.td02 h3 { font-size: 15px; color: #F70983; margin: 22px 0px 5px 0px; font-weight: 500; }
.td02 p { font-size: 13px; color: #CCAD81; line-height: 1.5; margin: 10px 0px 0px 10px; }
.td03 { width: 177px; text-align: right; vertical-align: bottom; }

.pink1 { font-size: 12px; color: #F70983; }
.pink2 { font-size: 15px; color: #F70983; }

#system2 {
clear: both;
margin: 0px auto;
width: 870px;
height: auto;
padding: 15px 15px 25px 15px;
margin: 0px 30px 15px 15px;
border: solid 1px #652933;
background: url(../images/sh3.png) top repeat;
font-family: "‚l‚r ƒSƒVƒbƒN", Verdana;
}
.sys-ta1 {}
.sys-ta1 th { text-align: left; vertical-align: top; }
.sys-ta1 td { text-align: left; vertical-align: top; padding: 25px 0px 0px 50px; }
.sys-ta1 td p { color: white; }

#sys-container {
	margin: 0 auto;
	width: 800px;
	text-align: center;
}

#flickscroll0 {
	margin: 0 15px 0px 0px;
	width: 625px;
	height: 884px;
	text-align: left;
	position: relative;
	float: right;
}
#flickscroll0 ul {
	top: 0;
	left: 0;
	height: 884px;
	position: absolute;
	overflow: hidden;
}
#flickscroll0 ul li {
	width: 625px;
	height: 884px;
	float: left;
	display: inline;
	overflow: hidden;
}

#flickthumb0 {
	margin: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	text-align: left;
	float: left;
}
#flickthumb0 ul {
	width: 100px;
	height: auto;
}
#flickthumb0 ul li {
	width: 100px;
	height: 141px;
	margin-bottom: 10px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb0 ul li img {
opacity:0.3;
filter: alpha(style=0, opacity=30);

}
#flickthumb0 ul li img:hover {
opacity:1.0;
filter:alpha(opacity=100);
}

/********************** menu ***************************/
#menu {
clear: both;
margin: 0px auto;
width: 900px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 30px 15px 15px;
border: solid 1px #652933;
background: url(../images/sh3.png) top repeat;
font-family: "‚l‚r ƒSƒVƒbƒN", Verdana;
}

#menu-title { 
float: left;
width: 260px; height: auto;
padding-top: 15px;
text-align: right:
vertical-align: top;
}
#menu-title img { float: right; }

#menu-title2 { 
float: left;
width: 230px; height: auto;
padding: 15px 15px 0px 15px;
text-align: left:
vertical-align: top;
}

#menu-box { 
float: right;
width: 640px;
height: auto;
text-align: left:
padding: 0px;
}
#menu-box #list1 {
float:left;
width: 463px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 0px;
color: #CCAD81;
font-size: 13px;
line-height: 1.5;
}

#menu-box #list1 h3 { font-size: 15px; color: #F70983; font-weight: 500; }
#menu-box #list1 table { margin: 20px 0px 10px 0px; }
#menu-box #list1 p { margin: 0px 0px 10px 0px; }
#menu-box #list2 {
float:left;
width: 177px;
height: auto;
vertical-align: bottom;
}
#menu-box #list3 {
float:left;
width: 640px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 0px 15px 0px;
color: #CCAD81;
font-size: 13px;
line-height: 1.5;
}

#menu-box #list0 {
float:left;
width: 463px;
height: 500px;
text-align: left; vertical-align: top;
padding: 45px 0px;
color: #CCAD81;
font-size: 13px;
line-height: 1.5;
}

.me-ta-01 td { text-align: left; vertical-align: top; height: 20px; }
.me-tr-01 { font-size: 15px; color: #F70983; font-weight: 500; font-family: "‚l‚r ‚o ƒSƒVƒbƒN", Verdana; }

/********************** about ***************************/
#about { 
float: right;
width: 600px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 40px 45px 0px;
color: #CCAD81;
font-size: 15px;
line-height: 1.5;
}
#about p { line-height: 1.5; margin-bottom: 10px; }
#about .about-photo1 { width: 130px; height: 130px; margin: 30px 0px 0px 5px; border: solid 1px #957221; }
#about .about-photo2 { width: 130px; height: 130px; margin: 10px 0px 0px 5px; border: solid 1px #957221; }

/********************** schedule ***************************/
.sch-img1 { margin-right: 15px; }

#schedule { 
float: right;
width: 620px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 20px 20px 0px;
color: #CCAD81;
font-size: 14px;
line-height: 1.5;
}
#schedule p { line-height: 1.5; }

#schedule2 {
clear: both;
width: 860px;
height: auto;
text-align: left; vertical-align: top;
padding: 0px 20px 20px 20px;
color: #CCAD81;
font-size: 14px;
line-height: 1.5;
}
#schedule2 h2 { font-size: 16px; color: #F70983; font-weight: 500; margin: 15px 0px; }

#schedule2 .sch-p1 { font-size: 14px; color: #ccad81; line-height: 1.5; }
#schedule2 .sch-p2 { font-size: 14px; color: #B5B1AE; line-height: 1.5; }

#schedule2 .sch-ta-0 {  }
#schedule2 .sch-ta-0 td { vertical-align: top; text-align: left; padding: 0px 0px 0px 10px; }
#schedule2 .sch-ta-1 { border: solid 2px #957221; }

#schedule2 .sch-ta-1 td { width: 111px; padding: 5px; vertical-align: top; text-align: left;}

.sc-tr-1 { background-color: #666666; color: #ffffff; }
.sc-tr-1 td { border: solid 1px #ffffff; }
.sc-tr-2 { background-color: #ffffff; color: #000000; height: 170px; }
.sc-tr-2 td { border: solid 1px #000000; }
.sc-td-r { background-color: #CC0000; }
.sc-td-b { background-color: #0000CC; }
.sc-tr-2 h3 { font-size: 16px; color: #000000; font-weight: 600; margin-bottom: 7px; }
.sc-tr-2 p { font-size: 11px; line-height: 1.3; color: #666666; }
/********************** access ***************************/

#access { 
float: right;
width: 540px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 100px 45px 0px;
color: #CCAD81;
font-size: 14px;
line-height: 1.5;
}

#access p { line-height: 1.5; margin-bottom: 10px; }


/********************** staff ***************************/
#staff { 
float: right;
width: 540px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 100px 45px 0px;
color: #CCAD81;
font-size: 14px;
line-height: 1.5;
}

#staff p { line-height: 1.5; margin-bottom: 10px; font-size: 14px; }
#staff .staff-p p{ line-height: 1.5; font-size: 13px; }
#staff .staff-p span { color: #B5B1AE; font-size: 14px; line-height: 1.5; }
#staff .staff-p { width: 490px; margin-bottom: 15px; height: auto; border-bottom: dashed 1px #957221; padding: 5px 5px 15px 5px; }
#staff .staff-p img { float:left; margin: 0px 15px 10px 0px; border: double 3px #957221; }
/********************** ask ***************************/

#ask { 
float: right;
width: 540px;
height: auto;
text-align: left; vertical-align: top;
padding: 45px 100px 45px 0px;
color: #CCAD81;
font-size: 14px;
line-height: 1.5;
}
#ask table td { padding: 10px 0px; }
#ask .ask-p1 { text-align:  left; }
#ask .asktd01 { padding-left: 15px; text-align: left; }
#ask .asktd02 { padding-right: 10px; font-size: 14px; color: #ffffff; }
#ask .asktd03 { padding-right: 10px; font-size: 14px; color: #ffffff; padding-top: 10px; }
#ask .ff01 { vertical-align: middle; padding-right: 10px; color: #ffffff; font-size: 14px; }
/********************** clear ***************************/
.clear {
clear: both;
margin: 0px;
padding: 0px;
text-align: center;
}
/********************** footer ***************************/

#footer {
clear: both;
margin: 0px auto;
width: 920px;
height: auto;
}

#footer p { 
padding: 10px 0px 0px 0px;
text-align: right;
color: #CCAD81;
font-size: 13px; }