/* CSS Document */
html {
	overflow-y: scroll;
}
* {
margin: 0;
padding: 0;
}
body { margin:0; padding:0; font-family: 'Century Gothic', Futura, 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', Osaka, 'MS PGothic', sans-serif; }
* html body {
	font-family: 'MS PGothic';
}

body a:link,body a:visited, body a:active { color:#0066FF; text-decoration:underline; }
body a:hover { color: #FF9900; text-decoration: none; }

div#container { width:818px; margin:0 auto; background:url(../images/main_bg.jpg) repeat-y; }


/*--------------- header -------------------*/

h1#header { background:url(../images/header.jpg) no-repeat; width:818px; height:189px; margin:0; padding:0; }
h1#header .link { position:relative; top:30px; left:35px; }
h1#header ul {
	list-style:none;
	padding:0;
	position:relative;
	top:70px;
	left:25px;
	width:780px;
}
h1#header ul li { margin:0 3px; float:left; }

/*--------------- IE6 -------------------*/
/**html h1#header ul { left:-20px; }*/
/*--------------- IE7 -------------------*/
/**:first-child+html h1#header ul { left:-20px; }*/

/*---------------// header -------------------*/


/*--------------- Welcome FLASH -------------------*/

#welcomeswf { width:1000px; height:400px; margin:0 auto; text-align:center; }
#new { width:1000px; height:400px; margin:0 auto; text-align:center; }
div.skip { width:1000px; margin:100px auto 10px; text-align:right; }

/*---------------// Welcome FLASH -------------------*/



/*--------------- TOP FLASH -------------------*/

#Topswf { width:800px; height:540px; margin:0 auto; }
#change { width:800px; height:540px; margin:0 auto; }
h2 { font-size:16px; margin:10px 50px; }
h3 { font-size:16px; margin:10px 50px; }

/*---------------// TOP FLASH -------------------*/



/*--------------- profile -------------------*/

div.photo { width:320px; float:left; margin:20px 15px 15px 50px; }
*html div.photo { margin:20px 15px 15px 20px; }
div.photo p { font-size:11px; margin:5px; float:left; }
p.prof { width:380px; font-size:11px; line-height:1.5em; margin:20px 40px 0 0; float:right; }

/*---------------// profile -------------------*/



/*--------------- news -------------------*/

p.news { font-size:12px; line-height:1.5em; color:#333; margin:20px 50px; padding:20px 10px; border-bottom:2px dotted #999; border-top:2px dotted #999; }
p.news span.title { font-weight:bold; font-size:14px; }
p.news img.left { float:left; margin:0 10px 10px; border:1px solid #999; }
p.news span.comment { color: #0099FF; }
p.qr2 { font-size:11px; line-height:1.3em; text-align:left; margin:5px 50px 20px; /*border-bottom:2px dotted #999;*/ }

p.live { font-size:12px; line-height:1.5em; color:#333; margin:20px 50px; padding:20px 10px; border-bottom:2px dotted #999; border-top:2px dotted #999; }
p.live span.title { font-weight:bold; font-size:14px; }
span.update { color:#FF0000; font-size:11px; font-weight:normal; }
span.update_F { color:#000000; font-size:11px; font-weight:normal; }

/*---------------// news -------------------*/


/*--------------- cafe -------------------*/

/*---------------// cafe -------------------*/
h3.cafe_lead {  border-bottom:2px dotted #999; line-height:1.4em; font-size:14px; font-weight:normal; color:#666666; padding:10px 10px 20px; }
h3.cafe_lead span { font-size:16px; font-weight:bold; color:#660000; margin-top:10px; } 
h3.cafe_lead img { float:left; margin-right:10px; }

div.cafe_cnt { width:710px; margin:20px auto; }
div.cafe_cnt p.content {
	margin:0;
	border-bottom:1px solid #993333;
	border-left:1px solid #993333;
	border-right:1px solid #993333;
	padding:10px 15px;
	font-size:12px;
	line-height:1.3em;
	}

div.cafe_cnt div.content {
	margin:0;
	border-bottom:1px solid #993333;
	border-left:1px solid #993333;
	border-right:1px solid #993333;
	padding:10px 15px;
	font-size:12px;
	line-height:1.3em;
	}
	
p.cafe { font-size:12px; line-height:1.3em; margin:10px auto 5px; width:710px; }
p.cafe img { float:right; }
p.notice { font-size:11px; line-height:1.3em; margin:0 auto 20px; width:710px; color:#FF0000; }

table.archives { width:690px; margin:20px 50px; font-size:11px; }
p.backTop { font-size:11px; margin:20px 50px 0; text-align:right; }
p.bn_sound { margin-left:55px; font-size:12px; }


/*--------------- BottomLink -------------------*/

p.universal { text-align:center; margin:0; }
div.BtmLink { width:800px; margin:10px auto; }
div.BtmLink img { float:left; }
div.BtmLink p.qr { font-size:11px; line-height:1.3em; text-align:left; margin:5px; }
div.BtmLink p.getADOBE { font-size:11px; line-height:1.3em; text-align:right; margin:5px 10px; }


/*---------------// BottomLink -------------------*/



/*--------------- footer -------------------*/

#footer { width:100%; height:20px; font-size:11px; color:#FFF; text-align:center; background-color:#333; margin:20px 0 0; padding-top:5px; clear:both; }
#footer a:link,#footer a:visited,#footer a:active { color:#FFFFFF; text-decoration:underline; }
#footer a:hover { color:#FF9900; text-decoration:none; }

/*---------------// footer -------------------*/