/*************************************************
 * for ALL page ('/*')
 * 
 * FILE: base.css
 * DATE: 2008-11-11
*************************************************/

/**
 * reset
**/
* {
/*	position: relative; */
}
body *, a {
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}
body, p, h1, h2, h3, h4, h5, h6,
table, th, td, ul, ol, li, dl, dt, dd,
form, fieldset, legend, label {
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 1.3;
}
ul {
	list-style: none;
}
img {
	border: none;
}


/****************************************
 * commons
 *
****************************************/
body {
	background: #7F7F7F;
}
#wrapper-head,
#wrapper-head-menu,
#wrapper-main,
#wrapper-foot {
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent;
}

#wrapper-head {
	height: 76px;
	background: #FFF url(../images/header_bg.gif) repeat-x top;
}
#wrapper-head-menu {
	height: 24px;
	background: #FFF url(../images/head_menu_bg.gif) repeat-x top;
}
#wrapper-main {
	padding: 20px 0;
	background: #FFF url(../images/header_shadow.gif) repeat-x top;
}
#wrapper-foot {
	height: 55px;
	background: url(../images/footer_bg.gif) repeat-x top;
}

#head,
#head-menu,
#main,
#foot,
#foot_r {
	width: 1010px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/* for debug * / *
	background: #fDD;*/
}

br.clear {
	clear: both;
	font-size: 0.1px;
}

a:link {
	color: #007dc5;
	text-decoration: none;
}
a:visited {
	color: #fc3c09;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/****************************************
 * #head
 *
****************************************/
#head img {
	float: left;
}
#head h1 {
	float: right;
	margin-top: 45px;
	margin-left: 0px;
	color: #cccccc;
}
#head img.btn {
	float: right;
	margin-top: 45px;
	margin-left: 8px;
}

/****************************************
 * #head-menu
 *
****************************************/
#head-menu img {
	float: left;
	margin: 0 4px 0 8px;
}
#head-menu li {
	height: 24px;
	float: left;
	margin: 0 6px 0 8px;
}
#head-menu li a {
	height: 100%;
	line-height: 100%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#head-menu li a.selected {
	background-position:0 0;
}
#head-menu li a:hover {
	background-position: 0 0;
}

#head-menu .news a {
	width: 40px;
	background: url(../images/head_menu_news.gif) no-repeat 0 bottom;
}
#head-menu .waveinfo a {
	width: 70px;
	background: url(../images/head_menu_waveinfo.gif) no-repeat 0 bottom;
}
#head-menu .specialfeatures a {
	width: 105px;
	background: url(../images/head_menu_specialfeatures.gif) no-repeat 0 bottom;
}
#head-menu .shopping a {
	width: 60px;
	background: url(../images/head_menu_shopping.gif) no-repeat 0 bottom;
}
#head-menu .blog a {
	width: 35px;
	background: url(../images/head_menu_blog.gif) no-repeat 0 bottom;
}
#head-menu .community a {
	width: 75px;
	background: url(../images/head_menu_community.gif) no-repeat 0 bottom;
}


/****************************************
 * #main
 *
****************************************/


/****************************************
 * #main > #contents
 * #main > #side_banner
****************************************/
#contents {
	width: 833px;
	margin-right: 10px;
	float: left;
}

#foot_banner {
	margin-top: 30px;
}
#foot_banner img {
	margin-right: 4px;
}

#side_banner {
	float: left;
/*	width: 137px; */
	width: 160px;
	/*height: auto;*/
	/*background: #CCF;*/
	/*margin-left: 4px;*/
	/*padding: 1em auto;*/
	text-align: center;
}
#side_banner img {
	margin-bottom: 4px;
}
/****************************************
 * #foot
 *
****************************************/
#foot img {
	float: right;
	margin-top: 32px;
}
#foot a img {
	float: left;
	margin-right: 8px;
}
#foot img.btn {
	float: right;
	margin-right: 8px;
}