@charset "Shift_JIS";

/* Browser Reset ---------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

/* Base Design ------------------------------------------------------ */
body {
	color: #ccc;
	background: #000 url(img/bg_crtn.gif) no-repeat left top;
	padding: 10px;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif, Osaka, "‚l‚r ƒSƒVƒbƒN";
}
h1, h2, h3 {
	margin: 0 0 0.5em 0;
	padding: 0px 5px;
	color: #fff;
	clear: both;
}
h1 {
	font-size: 1.4em;
	background: url(img/h1bg.gif) no-repeat right top #c60;
}
h2 {
	font-size: 1.2em;
	background: url(img/h2bg.gif) no-repeat right center;
}
h3 {
	font-size: 1.2em;
	background: #930;
	border-left: 1em  solid #c00;
}
h4 {
	color: #fff;
	margin: 0.5em 0 0.5em 0;
	font-size: 1em;
	padding-left: 15px;
	background: #600 url(img/yellowball.gif) no-repeat left top;
	clear: both;
}
h5 {
	font-size: 0.9em;
	color: #f90;
	border-left: 5px solid #600;
	background: #300;
	padding: 0 5px 0 2px;
	margin: 3px 0;
	clear: both;
}
p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
.lead {
	font-weight: bold;
	color: #fff;
}
.centering {
	text-align: center;
}
.floatleft {
	float: left;
	margin-right: 10px; 
}
.clearboth {
	clear: both;
}
img {
	border: 1px solid #333;
}
ul, ol {
	list-style: none;
}
li {
	margin-bottom: 3px;
	padding-left: 15px;
	line-height: 1;
	background: url("img/redball.gif") no-repeat left top;
}
hr	{
	height: 2px;
	clear: both;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 2px dotted #f90;
	border-left: 0px none;
	margin-bottom: 10px;
}
.note {
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
}

/* Links ------------------------------------------------------------- */
a {
	outline: none;
	font-weight: bold;
}
a:link, a:visited {
	color: #fc3;
	text-decoration: none;
}
a:hover {
	color: #ff3;
}

/* Header ---------------------------------------------------------- */
#header {
	height: 35px;
	background: url(img/title.gif) no-repeat left top;
	border-bottom: 2px solid #f90;
	margin-bottom: 5px;
}

/* Navigation Bar ------------------------------------------------- */
#navi {
	height: 30px;
	margin-bottom: 5px; 
	border-bottom: 1px solid #f90;
}
#navi li {
	background-image: none;
}
#navi li, #navi li a {
	display: block;
	width: 80px;
	height: 25px;
	float: left;
	padding: 0 5px 0 0;
}

/* Navi  Link */
li#nvtop a {background: url("img/btn_hme.gif") no-repeat left top;}
li#nvgly a {background: url("img/btn_glry.gif") no-repeat left top;}
li#nvlnk a {background: url("img/btn_link.gif") no-repeat left top;}
li#nvprf a {background: url("img/btn_prof.gif") no-repeat left top;}
li#nvbbs a {background: url("img/btn_bbs.gif") no-repeat left top;}
li#nvcon a {background: url("img/btn_cntc.gif") no-repeat left top;}
li#nvold a {background: url("img/btn_olds.gif") no-repeat left top;}
li#nvsch a {background: url("img/btn_schl.gif") no-repeat left top;}

/* Navi  Hover */
li#nvtop a:hover {background: url("img/btn_hme.gif") no-repeat left bottom;}
li#nvgly a:hover {background: url("img/btn_glry.gif") no-repeat left bottom;}
li#nvlnk a:hover {background: url("img/btn_link.gif") no-repeat left bottom;}
li#nvprf a:hover {background: url("img/btn_prof.gif") no-repeat left bottom;}
li#nvbbs a:hover {background: url("img/btn_bbs.gif") no-repeat left bottom;}
li#nvcon a:hover {background: url("img/btn_cntc.gif") no-repeat left bottom;}
li#nvold a:hover {background: url("img/btn_olds.gif") no-repeat left bottom;}
li#nvsch a:hover {background: url("img/btn_schl.gif") no-repeat left bottom;}

/* Navi On Page */
li#nvtop_on {background: url("img/btn_hme.gif") no-repeat left bottom;}
li#nvgly_on {background: url("img/btn_glry.gif") no-repeat left bottom;}
li#nvlnk_on {background: url("img/btn_link.gif") no-repeat left bottom;}
li#nvprf_on {background: url("img/btn_prof.gif") no-repeat left bottom;}
li#nvbbs_on {background: url("img/btn_bbs.gif") no-repeat left bottom;}
li#nvcon_on {background: url("img/btn_cntc.gif") no-repeat left bottom;}
li#nvold_on {background: url("img/btn_olds.gif") no-repeat left bottom;}
li#nvsch_on {background: url("img/btn_schl.gif") no-repeat left bottom;}

/* Contents ------------------------------------------------------ */
#contents {
	width: 760px;
}

/* Main ----------------------------------------------------------- */
#main, #renew, #prof {
	width: 560px;
	float: right;
	margin-bottom: 5px;
}

/* Main (Pankuzu) ---------------------------------------------- */
#pan {
	color: #fff;
	width: 100%;
	margin: 0 0 5px 0;
}
#pan ol {
	text-align: right;
}
#pan li {
	display: inline;
	padding: 0 15px 0 0;
	background: url("img/next.gif") no-repeat right center;
}
#pan li#pankoko {
	background-image: none;
	padding-right: 0;
}

/* Main (Bottom Navi) ---------------------------------------------- */
ul#btmnav {
	border-top: dotted 2px #f90;
	padding-top: 3px;
	width: 100%;
	text-align: center;
	clear:  both;
}
#btmnav li {
	display: inline;
}
.totop, .prev {
	padding: 0 5px 0 15px;
	border-right: solid 2px #333;
}
.totop {
	background: url("img/totop.gif") no-repeat left center;
}
p.totop {
	text-align: right;
	border-right: none;
	background: url("img/totop.gif") no-repeat right center;
	padding: 3px 15px 0 0;
}
.next {
	background: url("img/next.gif") no-repeat right center;
	padding: 3px 15px 0 5px;
}
.prev {
	background: url("img/prev.gif") no-repeat left center;
	margin-right: 5px;
}

/* Main (Top Page) ---------------------------------------------- */
p.galbtn, p.galbtn a, p.conbtn, p.conbtn a {
	height:25px; width:80px; display: block;
}
.galbtn a:link, .galbtn a:visited {background: url("img/btn_glry.gif") no-repeat left top;}
.galbtn a:hover {background: url("img/btn_glry.gif") no-repeat left bottom;}

.conbtn a:link, .conbtn a:visited {background: url("img/btn_cntc.gif") no-repeat left top;}
.conbtn a:hover {background: url("img/btn_cntc.gif") no-repeat left bottom;}

/* Main (Gallery Top Page) ------------------------------------- */
#main p.thum {
	text-align: center;
}
#main p.thum img {
	margin: 0	10px 10px 10px;
	vertical-align: middle;
}
/* Main (Profile Page) ------------------------------------- */
#prof p {
	background: url(img/redball2.gif) no-repeat left top;
	text-indent: 1em;
}
#prof img {
	float: right;
	margin-left: 0.5em;
}
#prof p.conbtn {
	background-image: none;
}

/* Main (Koushin Page) ------------------------------------- */
#renew h3, #renew p, #renew ul {
	margin: 3px 0;
}
#renew h4 {
	background-color: #111111;
}

/* Main (Link Page) ------------------------------------- */
#links p img {
	float: left;
	margin: 0 5px 5px 0;
}

/* Sub ------------------------------------------------------------ */
#sub {
	color: #fff;
	width: 165px;
	padding: 5px;
	float: left;
	border: dotted 2px #f90;
	margin-bottom: 5px;
}
#sub h3 {
	text-align: center;
	background: url("img/bgmesh_c00.gif");
	border: none;
}
#sub h4 {
	color: #fff;
	font-size: 1em;
	background: url("img/bgmesh_c60.gif");
	padding: 0 0 0 5px;
}
#sub h5 {
	color: #fff;
	border: none;
	background: #300 url(img/yellowball.gif) no-repeat left top;
	padding: 2px 0 2px 15px;
	margin: 5px 0;
	clear: both;
}
#sub p {
	margin: 0.5em;
}
#sub dl {
	margin: 5px 0;
}
#sub dt {
	font-weight: bold;
	padding: 0 0 0 2px;
	margin-bottom: 5px;
	line-height: 1.5;
	border-left: solid 5px #930;
	background: url("img/bgmesh_000.gif");
}
#sub dd {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 1.3;
	background: url("img/redball2.gif") no-repeat left top;
}
#sub img {
	border: none;
}
#here {
	font-weight: bold;
}

/* Access Counter --------------------------------------------- */
#count {
	text-align: center;
}
#count p {
	margin: 0 ;
}
#count p img {
	padding: 3px;
	border: solid 1px #930;
	background: #000;
}

/* Footer -------------------------------------------------------- */
#footer {
	color: #fff;
	clear: both;
	border-top: solid 2px #f90;
}
#footer p {
	margin: 2px;
}
address {
	font-style: normal;
	margin: 2px;
}