/**@file
 * 共通CSS.
 * @author ISHIKAWA Takahiro <ishikawa@searrs.net>
 */

/*
 * Global: 
 */

/* Override HTML tag style */
body						{ margin:0px; background:#303030; font-family:sans-serif; }
h3							{ margin:4px 2px; font-size:16px;}
h4							{ margin:3px 2px; font-size:14px;}
h5							{ margin:3px 2px; font-size:14px;}
h6							{ margin:3px 2px; font-size:12px;}
p							{ margin:1px 0px 6px; }
a							{ color:#993300; }
a img						{ border:none; }
a:hover						{ color:#ff0000; }
ul,ol						{ margin-top:4px; padding-left:24px;}
li							{ }

/* Document layout */
#body						{ width:940px; margin:auto; background:#ffffff right no-repeat; border:1px solid #808080; }
#header 					{ width:924px; margin:0px; padding:6px 8px 5px; color:#FFFFFF; background:#000000; text-align:center; background-color:#000000; }
#headerlogo					{ float:left; margin-left:8px; }
#headeraddr					{ margin-right:12px; padding-bottom:10px; font-size:90%; text-align:right; }
#headeraddr					{ margin-right:12px; font-size:14px; text-align:right; line-height:15px; }
#headeraddr:after			{ clear:both; content:'.'; height:0; display:block; visibility:hidden; }
#topimage_frame 			{ float:left;clear:left; width:695px; height:446px; margin:0px 0px 0px 7px; text-align:center; overflow:hidden; }
#topimage_banner 			{ float:right; width:200px; height:360px; text-align:center; overflow:hidden; }
#topimage					{ cursor:pointer; }
#menu						{ clear:left; height:51px; padding:0px 0px; }

ul#menu {
	width:942px;
	margin:0;
	overflow:hidden;　/*float解除*/
	zoom:100%;　/*float解除*/
}
ul#menu li {
	float:left; /*次の要素を右側へ回り込ませる*/
	list-style:none; /*リストの●を消す*/
}
ul#menu li a {
	display:block; /*インラインからブロック要素へ変更*/
	height:51px; /*高さ*/
	width:157px; /*横幅*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	letter-spacing:1px; /*文字間隔*/
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url('./img/zboxing_menu.jpg'); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#menu a.top {background-position:0px 0px;width:157px;}
ul#menu li a.top:hover {background-position:0 -51px;}

ul#menu a.profile {background-position:-157px 0px;}
ul#menu li a.profile:hover {background-position:-157px -51px;}

ul#menu li a.gym {background-position:-314px 0px;}
ul#menu li a.gym:hover {background-position:-314px -51px;}

ul#menu li a.course {background-position:-471px 0px;}
ul#menu li a.course:hover {background-position:-471px -51px;}

ul#menu li a.sponsor {background-position:-628px 0px;}
ul#menu li a.sponsor:hover {background-position:-628px -51px;}

ul#menu li a.contact {background-position:-785px 0px;}
ul#menu li a.contact:hover {background-position:-785px -51px;}


#menuBanner	{ float:right; clear:left; height:300px; padding:0px 0px; }

ul#menuBanner {
	width:200px;
	margin:0px 7px 0 0 ;
	overflow:hidden;　/*float解除*/
	zoom:100%;　/*float解除*/
}
ul#menuBanner li {
	float:left; /*次の要素を右側へ回り込ませる*/
	list-style:none; /*リストの●を消す*/
}
ul#menuBanner li a {
	display:block; /*インラインからブロック要素へ変更*/
	height:73px; /*高さ*/
	width:200px; /*横幅*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	letter-spacing:1px; /*文字間隔*/
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url('./img/sponsor_banner.jpg'); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#menuBanner a.banner1 {background-position:0px 0px; }
ul#menuBanner li a.banner1:hover {background-position:-200px 0px;}

ul#menuBanner a.banner2 {background-position:0px -73px;}
ul#menuBanner li a.banner2:hover {background-position:-200px -73px;}

ul#menuBanner li a.banner3 {background-position:0px -146px;}
ul#menuBanner li a.banner3:hover {background-position:-200px -146px;}

ul#menuBanner li a.banner4 {background-position:0px -219px;}
ul#menuBanner li a.banner4:hover {background-position:-200px -219px;}

#mainimage					{ min-height:450px; padding:8px 0px 5px; background-color:#000000; font-size:15px;  }


main						{ min-height:400px; padding:8px 16px 24px; background:#ffffff; font-size:15px;  }
#maincontents				{ width:760px;  }
#footer						{ min-height: 80px; padding:4px 8px; color:#ffffff; background:#000000; font-size:80%;  }
#footer a					{ color:#ffffe0; text-decoration:none; }

#navigation					{ margin:0px 0px; padding:2px 4px; color:#ffffff; background:#404040; font-size:80%; }
#navigation a				{ color:#ffffff; text-decoration:none }
#navigation:before			{ content:':: '; }

/*
 * Standard Class
 */

/* layout style */
.center						{ text-align:center; margin:auto; }
.left						{ text-align:left; }
.right						{ text-align:right; }
.full						{ width:100% }
.indent						{ margin-left:8px; }
.content					{ margin:3px auto 1px; padding:4px 8px; }
.nowrap						{ white-space:nowrap; }
.separator					{ border:none; border-top:1px solid #c0c0c0 }
.vseparator					{ border-left:1px solid #e0e0e0; }
.subseparator				{ border:none; border-top:1px dashed #c0c0c0 }


/* text style */
.normal						{ font-weight:normal; }
.bold						{ font-weight:bold; }
.italic						{ font-style:italic; }
.strike						{ text-decoration:line-through; }
.big						{ font-size:113%; }
.small						{ font-size:90% }
.tiny						{ font-size:80% }
.bold						{ font-weight:bolder; }
.serif						{ font-family:serif; }
.sans-serif					{ font-family:sans-serif; }
.warn, .warning				{ color:#ff6000; }
.error						{ color:#ff0000; }
.off, .off a				{ color:#a0a0a0; }
.highlight					{ color:#3040f0; }
.require					{ color:#ff0000; }
.highlight					{ color:#000000; background:#ffff80; }
.copyright					{ font:90% "Arial"; }

.button_panel				{ margin:3px; padding:8px; background:#ffffff; }
.comment_popup				{ width:80%; margin:3px; padding:4px; background:#fffff0;  }
 
/* document structure */
.page_header				{ height:24px;margin:0px 0px 8px; padding:7px 0px 1px; color:#ffffff; background:#883882; font:bold 18px serif; text-align:center; } 
.section_header				{ margin:6px 3px 3px 0px ; padding:3px; }
.section_body				{ margin-bottom:16px; padding:4px 1px; }
.title:before				{ content:'■ '; color:#e00000; font-size:15px; vertical-align:1px; }
.section:before				{ content:'◆ '; color:#e0e0e0; font-size:15px; vertical-align:1px; }
.caption:before				{ content:'▼ '; color:#e0e0e0; font-size:10px; vertical-align:2px; }

/* table */
table.layout				{ width:100%; margin:0px; }
table.layout td				{ padding:4px; vertical-align:top; }

.formview					{ width:100% }
.formview th				{ width:140px; padding:1px 4px; background:#e0e0d0; font-size:90%; font-weight:normal; text-align:left }
.formview td				{ padding:1px 4px; background:#f8f8f8; font-size:90%; }

.listview					{ width:100% }
.listview thead th			{ padding:1px 4px; background:#e0e0e0; font-size:90%; font-weight:normal; text-align:left }
.listview tbody td			{ padding:1px 4px; background:#f8f8f0; font-size:90%; }

.calcview					{ border-spacing:0px }
.calcview th				{ font-weight:normal; text-align:left; }
.calcview td.num			{ text-align:right; }
.calcview .sum				{ text-align:right; border-top:1px solid #808080; }

/* form */
.accept_button				{ width:200px; }

/*
 *
 */
#toppage .panel				{ width:188px; margin-bottom:8px; padding:6px; color:#000000; background:#ffffff; border:1px solid #e0e0e0; font-size:14px; }
#toppage .blackpanel		{ width:188px; margin-bottom:8px; padding:6px; color:#ffffff; background:#000000; font-size:14px; }
#toppage .subpanel			{ width:188px; margin-bottom:8px; padding:6px; border:1px solid #000000; font-size:14px; }
#toppage .infopanel			{ width:416px; margin-bottom:8px; padding:3px; background:#f0f0f0; }
#toppage #googlemap_view	{ width:200px; height:200px; border:1px solid #000000; }