@charset "utf-8";
@import "./reset-min.css";

/* ------------- layout ----------- */

html { 
background-image:url(../images/body_bg.gif);
font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","メイリオ","Meiryo","Osaka","MS PGothic","ＭＳ Ｐゴシック";
}

#container { 
	border:1px solid #4288A3;
	margin:15px auto 15px auto;
	background-color: #fff;
	width:730px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
}


#header {	
	height:44px;
	background-image: url(../images/header_bg.gif);
}

#header a {
	display:block;
	width:145px;
	height:44px;
}

#header h1 {
	text-indent: -9999px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}


#left {
	float:left;
	padding-top:24px;
	width:117px;
	min-height: 500px;
	
}

#left h2 {
	width:117px;
	height:18px;
	text-indent: -9999px;
	background-image: url(../images/left_02.gif);	
	background-repeat: no-repeat;
		
}

#left h3 {
	width:117px;
	height:36px;
	text-indent: -9999px;
	background-image: url(../images/mailinglist.gif);	
	background-repeat: no-repeat;
}

#left .menu a {
	width:117px;
	height:24px;
	display:block;
	text-indent:-9999px;
}

/* ------ normal ------ */
#left .menu .news a {background-image: url(../images/menu_01.gif);}
#left .menu .schedule a {background-image: url(../images/menu_02.gif);}
#left .menu .profile a {background-image: url(../images/menu_03.gif);}
#left .menu .photo a {background-image: url(../images/menu_04.gif);}
#left .menu .blog a {background-image: url(../images/menu_05.gif);}
#left .menu .myspace a {background-image: url(../images/menu_06.gif);}
#left .menu .contact a {background-image: url(../images/menu_07.gif);}

/* ------ onmouse ------ */
#left .menu .news a:hover {background-image: url(../images/menu_01o.gif);}
#left .menu .schedule a:hover {background-image: url(../images/menu_02o.gif);}
#left .menu .profile a:hover {background-image: url(../images/menu_03o.gif);}
#left .menu .photo a:hover {background-image: url(../images/menu_04o.gif);}
#left .menu .blog a:hover {background-image: url(../images/menu_05o.gif);}
#left .menu .myspace a:hover {background-image: url(../images/menu_06o.gif);}
#left .menu .contact a:hover {background-image: url(../images/menu_07o.gif);}

#left .mailinglist {
	font-size:8pt;
	width:100px;
}

#left .mailinglist form{
	text-align:right;
	margin-left:5px;
	width:100px;
}

#left .mailinglist .email {
	color:#666;
	font-size:8pt;
	width:100px;
}

#left .mailinglist .btn {
	margin:3px 0 0 0;
}



#main {
	float:left;
	width:533px;
	min-height: 500px;
	background-image: url(../images/main_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-left:15px;
	padding-right:15px;
	padding-top:24px;
	font-size:8pt;
	line-height:20px;
	color:#666;
	
}

#main p {
	
	margin-bottom: 15px;
	
}

#main a {
	color:#4288a3;
}

#main h2 {
	
	margin:15px 0 15px 0;
	
}

#main a:hover {
	color:#FF7731;
}

#main img {
	border:1px solid #4288A3;
	
}

#right {
	float:left;
	width:50px;
	min-height: 500px;
}

#footer {
	clear:both;
	background-color:#ccc;
	height:23px;
	font-size:8pt;
	text-align:center;
	padding-top:7px;
	color:#666;
}

.clear {
	clear:both;	
}

#main  h3 {
	font-size:8pt;
	font-weight: normal;
	border-bottom:1px dotted #ccc;
	height:20px;
	color:#2F367D;
	margin-bottom:10px;
}


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

#main .news p {
	padding:10px;
}


/* ----------- main / schedule ------------ */

#main .schedule p {
	padding:10px;
}

#main .schedule b {
	color:#E6A135;	
}

#main .schedule h2 {
	color:#cc3300;
	font-weight:bold;
}



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

#main .profile td {
	
	padding:4px;
	vertical-align:top;
	
}

#main .profile table {
	
	margin-bottom:15px;
	
}

#main .profile h2 {
	
	background-image: url(../images/profile/headline_01.gif);
	text-indent:-9999px;
	
}

#main .profile .highlight {
	
	color:#ff0000;
	
}



/* ---------- main / contact ------------- */

#main .contact th {
	width:100px;
	text-align:right;
	padding:8px;
	border-bottom:1px solid #ccc;
}

#main .contact td {
	width:350px;
	padding:8px;
	border-bottom:1px solid #ccc;
}

#main .contact .noborder {
	border-bottom: none;
}

#main .contact input[type=text] {
	color:#666;
	width:250px;
}

#main .contact textarea {
	color:#666;
	width:100%;
	height:250px;
}

#main .contact #alert{
	
	padding:10px;
	color:#cc3300;
		
}

/* ------------ main / photo ----------- */

#main .photo #alert{
	
	padding:10px;
	color:#cc3300;
		
}

#main .photo td {
	padding:6px;	
	border-bottom:1px solid #ccc;
}

#main .photo input[type=text] {
	width:400px;	
}

#main .photo textarea {
	width:400px;
	height:200px;
}

#main .photo img {
	border:none;
}

#main .photo .list {
	float:left;
	width:140px;
	padding:10px;
	border:1px dotted #ccc;
	margin:0 15px 15px 0;
	text-align:center;
}

#main .photo .detail .img {
	text-align:center;
	margin:15px 0 15px 0;
}

#main .photo .detail .pager {
	text-align:right;
}




/* ----------- main / mailing_list ---------- */
#main .mailinglist {
	color: #ff0000;	
}