@charset "utf-8";
/* ---------------------------

WebDeli CSS Version 1.0
for Any browser
Copyright (c) 2005 WINGS

--------------------------- */

/* PAGE FORMAT ------------------------------------------ */
* {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff url("../image/bg.jpg") repeat-x;
color: #993300;
margin-top: 10px;
margin-bottom: 10px;
}
a:link, a:visited {
background-color: #ffffff;
color: #0000cc;
text-decoration: none;
}
a:hover, a:active {
background-color: #ffffff;
color: #0000cc;
text-decoration: underline;
}
img {
border-style: none;
}
address {
font-style: normal;
}
#main ul, #main ol, #main dl {
margin-left: 20px;
}
/* for h2-h5 image */
span.img {
visibility: hidden;
}
.navi_hidden {
display: none;
}
.clear {
clear: both;
}



/* HEADER ---------------------------------------------- */
#tagline {
width: 740px;
margin: 0px auto;
padding-bottom: 2px;
}
#header {
width: 760px;
height: 81px;
margin: 0px auto;
background: url("../image/header_bg.gif") no-repeat;
}

	#header_left {
	width: 190px;
	float: left;
	}
		#header_left h1 {
		width: 190px;
		}
		#header_left h1 a {
		background-color: transparent;
		}
			#header_left h1 img {
			padding: 1px 0px 1px 11px;
			width: 179px;
			height: 79px;
			}
	#header_right {
	padding-top: 7px;
	padding-right: 20px;
	width: 550px;
	float: right;
	text-align: right;
	}
		#header_right form input#q {
		border: 1px #993300 solid;
		width:180px;
		padding: 2px;
		margin-right: 2px;
		background-color: #ffffff;
		color: #663300;
		}

		#header_right form input#btng {
		border: 1px #c60 outset;
		background-color: #993300;
		color: #ffffcc;
		padding: 1px 4px;
		}
		#header_right #global {
		margin-top: 30px;
		}
#topic_path {
width: 760px;
clear: both;
margin: 0px auto;
}
	#topic_navi {
	padding: 6px 0px 0px 20px;
	border-left: 1px #993300 solid;
	border-right: 1px #993300 solid;
	width: 738px;
	background-color: #ffcc66;
	color: #993300;
	}
		#topic_navi a:link, #topic_navi a:visited {
		text-decoration: none;
		background-color: #ffcc66;
		color: #0000cc;
		}
		#topic_navi a:hover, #topic_navi a:active {
		text-decoration: underline;
		background-color: #ffcc66;
		color: #006600;
		}
	#topic_bottom {
	height: 6px;
	background: url("../image/topic_path.gif") no-repeat;
	}
/* CONTENTS:Main and Navigation Are ------------------------ */
#home,
#download_top,
#tutorial_top,
#hosting_top,
#links_top,
#tutorial,
#download {
width: 740px;
margin: 0px auto;
border-right: 1px #993300 solid;
border-left: 1px #993300 solid;
color: #996600;
background: #ffffff url("../image/bg.gif") repeat-y;
}
/* 左エリアより右エリアが短い時 */
#site_info,
#forum {
width: 740px;
margin: 0px auto;
border-right: 1px #993300 solid;
border-left: 1px #993300 solid;
color: #996600;
background: #ffffff url("../image/bg2.gif") no-repeat right bottom;
}
/* 左エリアより右エリアが長い時 */
#site_info.long {
width: 740px;
margin: 0px auto;
border-right: 1px #993300 solid;
border-left: 1px #993300 solid;
color: #996600;
background: #ffffff url("../image/bg.gif") repeat-y;
}
#end_contents {
clear: both;
background-color: #993300;
color: #ffffff;
height: 1px;
}
#end_contents span {
display: none;
}
	/* MAIN AREA(cf: page.css) ------------- */
	#main {
	padding: 20px;
	width: 520px;
	float: right;
	background-color: #ffffff;
	color: #996600;
	}
	/* NAVIGATION AREA --------------------- */
	#navi {
	padding: 20px 10px;
	width: 160px;
	float: left;
	background-color: #ffffcc;
	color: #996600;
	}
		/* Menu -------------- */
		#menu {
		padding: 10px;
		border: 1px #f90 solid;
		width: 138px;
		background-color: #ffffff;
		}
		#menu h2 {
		width: 138px;
		height: 41px;
		background: url("../image/menu.gif") no-repeat center;
		}
		#menu ul {
		width: 138px;
		list-style: none;
		}
			#menu ul li {
			display: inline;
			}
				#menu ul li span#on {
				margin-top: 4px;
				padding-left: 10px;
				background: #ffff99 url("../image/arrow.gif") no-repeat left;
				color: #993300;
				display: block;
				}
				#menu ul li a#on {
				margin-top: 4px;
				background: #ffff99 url("../image/arrow.gif") no-repeat left;
				color: #0000cc;
				display: block;
				}
				#menu ul li a:link, #menu ul li a:visited {
				margin-top: 4px;
				padding-left: 10px;
				background: url("../image/arrow_g.gif") no-repeat left;
				color: #0000cc;
				display: block;
				}
				#menu ul li a:hover, #menu ul li a:active {
				margin-top: 4px;
				padding-left: 10px;
				background: #ffff99 url("../image/arrow.gif") no-repeat left;
				color: #0000cc;
				display: block;
				}
		/* PR ---------------- */
		#pr {
		width: 160px;
		background-color: #ffffcc;
		color: #339900;
		}
		#pr h2 {
		width: 160px;
		height: 41px;
		background: url("../image/line_pr.gif") no-repeat left ;
		}
		#pr div.pr {
		padding-left: 10px;
		width: 150px;
		margin-top: 2px;
		margin-bottom: 10px;
		background: url("../image/arrow_pr.gif") no-repeat left top;
		}		
/* FOOTER -------------------------------------------------- */
#footer {
width: 740px;
margin: 0px auto;
border-right: 1px #993300 solid;
border-left: 1px #993300 solid;
border-bottom: 1px #993300 solid;
color: #996600;
text-align: center;
padding: 10px 0px;
background-color: #ffffff;
color: #996600;
}