@charset "euc-jp";

/*___________ ´ðËÜÀßÄê ___________ */

body {
	margin:0;
	padding:0;
	background-image: url('main_back.gif');
	font-family: 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', '£Í£Ó ¥´¥·¥Ã¥¯', sans-serif;
}


p {
	margin:0 0 1em;
	padding:10px 10px 0;
	font:12px/20px 'Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','£Í£Ó ¥´¥·¥Ã¥¯', sans-serif;
}
p.p2 {
	margin:0 0 0;
	padding:1px 1px 0;
	font:14px/20px 'Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','£Í£Ó ¥´¥·¥Ã¥¯', sans-serif;
}
p.p3 {
	margin:0 0 0;
	padding:3px 7px 3px 7px;
	font:12px 'Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','£Í£Ó ¥´¥·¥Ã¥¯', sans-serif;
}

h1 {
	font-size:12px;
	line-height:15px;
	margin:0;
	text-align:left;
}
h2 {
	font-size:18px;
	line-height:20px;
	margin-top:20px;
	margin-left:20px;
	text-align:left;
}
h3 {
	font-size:18px;
	line-height:10px;
	margin-top:20px;
	margin-left:20px;
	text-align:left;
}

text-align: left;

a {
	color: #3434E4;
	text-decoration: none;
}
a:visited {
	color: #3434E4;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {
	/* for Netscape (Keyboard) */
	color: #FF0000;
}

a.photo {
	color: #FA9CA6;
	text-decoration: none;
}
a.photo:visited {
	color: #FA9CA6;
}
a.photo:hover,
a.photo:active, 		/* for IE (Keyboard) */
a.photo:focus {		/* for Netscape (Keyboard) */
	color: #3434E4;
}

a.link2:link { color: #FFFFFF; text-decoration: none; }
a.link2:visited { color: #FFFFFF; text-decoration: none; }
a.link2:hover { color: #FFFF00; text-decoration: underline; }

a.link3:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.link3:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.link3:hover {
	color: #15D5CB;
	text-decoration: underline;
}

td.td01 { font-size: 12px; }
td.td02 { font-size: 14px; }
td.td03 { font-size: 10px; }

.red {
	color: #FF0000;
}

#container {
	width: 950px;
	margin: 0 auto;
	background-image:url('img/top-back01.jpg');
	background-color: #FFFFFF;
}
#header_text {
	width: 920px;
	padding-left:5px;
	margin: 0 auto;
}


#header {
	height: 233px;
	width: 920px;
	background-image:url('img/top-banner01.jpg');
	margin: 0 auto;
}
#header2 {
	height: 120px;
	width: 920px;
	margin: 0 auto;
}
#menu {
	height: 57px;
	width: 920px;
	background-image:url('img/botan-back01.jpg');
	margin: 0 auto;
}
#botan {
	height: 32px;
	width: 920px;
	margin: 0 auto;
	padding-top:10px;
}

#boy {
	float:left;
	height: 98px;
	width: 53px;
	padding-left:500px;
	padding-top:10px;
}

#girl {
	float:left;
	height: 98px;
	width: 53px;
	padding-left:100px;
	padding-top:10px;
}



#media {
	height: auto;
	width: 920px;
	background-color: #FEE9EF;
	margin: 0 auto;
}

#media-l {
	float: left;
	height: 320px;
	width: 350px;
	padding-top:5px;
	padding-left:3px;
	margin: 0 auto;
}

#media-r {
	float: right;
	height: 320px;
	width: 565px;
	padding-top:8px;
	margin: 0 auto;
}


#menu1 a { display: block; width: 180px; height: 32px; background: #ccffff url('img/top-botan01.jpg'); 
text-align: center; text-decoration: none; }
#menu1 a:hover { background: #ffcc00 url('img/top-botan01-2.jpg'); 
color: red; }

#menu2 a { display: block; width: 180px; height: 32px; background: #ccffff url('img/top-botan02.jpg'); 
text-align: center; text-decoration: none; }
#menu2 a:hover { background: #ffcc00 url('img/top-botan02-2.jpg'); 
color: red; }

#menu3 a { display: block; width: 180px; height: 32px; background: #ccffff url('img/top-botan03.jpg'); 
text-align: center; text-decoration: none; }
#menu3 a:hover { background: #ffcc00 url('img/top-botan03-2.jpg'); 
color: red; }

#menu4 a { display: block; width: 180px; height: 32px; background: #ccffff url('img/top-botan04.jpg'); 
text-align: center; text-decoration: none; }
#menu4 a:hover { background: #ffcc00 url('img/top-botan04-2.jpg'); 
color: red; }

#menu5 a { display: block; width: 180px; height: 32px; background: #ccffff url('img/top-botan05.jpg'); 
text-align: center; text-decoration: none; }
#menu5 a:hover { background: #ffcc00 url('img/top-botan05-2.jpg'); 
color: red; }




#links a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_top2.gif'); 
text-align: center; text-decoration: none; }
#links a:hover { background: #ffcc00 url('menu_top1.gif'); 
color: red; }

#links1 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_rinen2.gif'); 
text-align: center; text-decoration: none; }
#links1 a:hover { background: #ffcc00 url('menu_rinen1.gif'); 
color: red; }

#links2 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_ryukin2.gif'); 
text-align: center; text-decoration: none; }
#links2 a:hover { background: #ffcc00 url('menu_ryukin1.gif'); 
color: red; }

#links3 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_kiyaku2.gif'); 
text-align: center; text-decoration: none; }
#links3 a:hover { background: #ffcc00 url('menu_kiyaku1.gif'); 
color: red; }

#links4 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_gyouji2.gif'); 
text-align: center; text-decoration: none; }
#links4 a:hover { background: #ffcc00 url('menu_gyouji1.gif'); 
color: red; }

#links5 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_kyoushitu2.gif'); 
text-align: center; text-decoration: none; }
#links5 a:hover { background: #ffcc00 url('menu_kyoushitu1.gif'); 
color: red; }

#links6 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_shisetsu2.gif'); 
text-align: center; text-decoration: none; }
#links6 a:hover { background: #ffcc00 url('menu_shisetsu1.gif'); 
color: red; }

#links7 a { display: block; width: 172px; height: 40px; background: #ccffff url('menu_photo2.gif'); 
text-align: center; text-decoration: none; }
#links7 a:hover { background: #ffcc00 url('menu_photo1.gif'); 
color: red; }


#contents {
	width: 920px;
	margin: 0 auto;
}

#left {
	float: left;
	height: 900px;
	width: 230px;
	padding-top:20px;
	background-color: #185E96;
}

#back01 {
	float:left;
	height:920px;
	width: 15px;
	margin: 0 auto;
	background-image:url('side02.gif');
}

#back02 {
	float:right;
	height:900px;
	width: 15px;
	margin: 0 auto;
	background-image:url('side01.gif');
}


#main_contents {
	float:left;
	margin: 0 auto;
	height:auto;
	width:670px;
	text-align:center;
}

#left-menu {
	width: 220px;
	margin: 0px;
	background-color:#F1F6D8;
}

#left-title-menu {
	height: 34px;
	width: 220px;
	margin: 0px;
	background-image: url('menu_m.gif');
}
#shisetsu-box {
	float:left;
	height:250px;
	width:226px;
	text-align:center;
}

#shisetsu {
	margin: 0 auto;
	height:230px;
	width:210px;
	text-align:center;
	background-image: url('shisetsu_back.png');
}
#photo1 {
	float:left;
	margin: 0 auto;
	height:155px;
	width:220px;
	padding-left:15px;
	text-align:center;
}
#photo2 {
	float:left;
	margin: 0 auto;
	height:155px;
	width:220px;
	text-align:center;
}
#photo-box1 {
	float:left;
	margin: 0 auto;
	height:155px;
	width:210px;
	padding-left:15px;
	text-align:center;
}

#photo-box2 {
	float:left;
	margin: 0 auto;
	height:155px;
	width:420px;
	text-align:center;
}
#photo-box3 {
	float: left;
	margin: 0 auto;
	height: 110px;
	width: 400px;
	text-align: left;
	background-color: #ECFAFF;
	padding:10px;
}
#photo3 {
	float:left;
	margin: 0 auto;
	height:165px;
	width:208px;
	padding-left:23px;
	text-align:center;
}
#photo4 {
	float:left;
	margin: 0 auto;
	height:165px;
	width:208px;
	text-align:center;
}
#photo-back {
	margin: 0 auto;
	height:150px;
	width:450px;
	text-align:center;
}

/*___________ ¥ì¥¤¥¢¥¦¥ÈÀß·×¡ÚFOOTER¡Û ___________ */
#footer {
	clear: both;
	width: 930px;
	height: 66px;
	margin: 0 auto;
	text-align:center;
	background-image:url('img/footer-back2.jpg');
}
#footer-text {;
	margin: 0 auto;
	text-align:center;
	padding-top:10px;
}
#space1 {
	clear: both;
	margin: 0 auto;
	height: 50px;
	text-align:center;
}
#space2 {
	clear: both;
	margin: 0 auto;
	height: 20px;
	text-align:center;
}
#space3 {
	clear: both;
	margin: 0 auto;
	height: 5px;
	text-align:center;
}
#space4 {
	clear: both;
	margin: 0 auto;
	height: 10px;
	text-align:center;
}