@charset "Shift_JIS";
/*----------body----------*/
* {font-family: "ＭＳ ゴシック", osaka, sans-serif;}
body {margin: 0; padding: 0; text-align: center; background: #306179 url(img/bg_body.gif) repeat-x;}
/*----------a----------*/
a:link {color: #4F9DC4; text-decoration: none; border-bottom: 1px dashed #4F9DC4;}
a:visited {color: #4F9DC4; text-decoration: none; border-bottom: 1px dashed #4F9DC4;}
a:hover {color: #C4894F; text-decoration: none; border-bottom: 1px solid #C4894F;}
a:active {color: #C4894F; text-decoration: none; border-bottom: 1px solid #C4894F;}
/*----------h----------*/
h1 {margin: 0; padding: 0; text-align: left; clear: left;}
h2 {padding-bottom: 0.25em; font-size: 100%; text-align: left; color: #306179; border-bottom: 3px double #888;}
body#home h2 {padding: 0; border: none;}
/*hide MacIE5 and Netscape\*/
* html h2 {height: 1px;}
/**/
h3 {margin: 2em 0 0.25em 0; padding-left: 0.25em; font-size: 90%; text-align: left; color: #777; border-left: 1em solid #888;}
body#home h1 {margin: 0; color: #fff; text-indent: -10000px;}
/*----------欧文----------*/
.e {font-family: "Arial Black", sans-serif;}
/*----------img----------*/
img {border: none;}
/*----------td共通----------*/
p,th,td
	{
		text-align: left;
		vertical-align: top;
		font-size: 80%;
		line-height: 150%;
		color: #444;
	}
/*----------強調----------*/
strong {color: #333;}
em {font-style: normal; font-weight: bold;}
.em {color: #333; font-weight: bold;}
/*----------新着情報----------*/
div#whatsnew
	{
		clear: left;
		text-align: center;
	}
div#whatsnew table
	{
		margin: 0 auto;
	}
div#whatsnew td
	{
		padding: 0 0 0 1.25em;
		color: #fff;
		font-size: 80%;
		line-height: 150%;
	}
div#whatsnew td strong
	{
		color: #FFE580;
	}
div#whatsnew td.date
	{
		background: url(img/icon_whatsnew.gif) no-repeat 0em 0.25em;
	}
/*----------form----------*/
input,textarea
	{
		border: 1px solid #999;
	}
input.button
	{
		border: 2px solid #999;
		background: #fc6;
	}
/**********************************************************************/
/*----------containerブロック----------*/
#container
	{
		position: relative;
		margin: 0 auto;
		width: 760px;
		text-align: left;
		background: transparent;
	}
/*----------headerブロック（logoなど）----------*/
#header
	{
		position: relative;
		width: 760px;
		height: 60px;
		border-bottom: 1px solid #999;
		background: transparent url(img/bg_header.gif) no-repeat left top;
	}
#header #go-home
	{
		position: absolute;
		left: 690px;
		top: 25px;
	}
#header #go-home a
	{
		display: block;
		width: 70px;
		height: 15px;
		background: transparent url(img/m_home.gif) no-repeat left top;
		text-indent: -10000px;
		font-size:10px;
		border: none;
	}
#header #go-home a:hover
	{
		background-position: 0px -15px;
	}
body#home #header
	{
		height: 379px;
		background: transparent url(img/header.gif) no-repeat left top;
		border-bottom: 0;
	}
body#home #header p
	{
		position: absolute;
		left: 8px;
		top: 37px;
		color: #fff;
	}
/*----------menuブロック----------*/
#menu
	{
		margin: 12px 0px;
		width: 760px;
		text-align: center;
	}
#menu div#inbox
	{
		margin: 0 auto;
		width: 597px;
	}
/*↓↓↓Mac IE5 only↓↓↓*/
/*\*//*/
#menu div#inbox a span
	{
		visibility: hidden;
	}
/**/
/*\*/
#menu a
	{
		text-indent: -10000px;
		border: none;
	}
/**/
#menu #inbox #m-works {width: 109px; float: left;}
#menu #inbox #m-ba {width: 179px; float: left;}
#menu #inbox #m-price {width: 93px; float: left;}
#menu #inbox #m-access {width: 110px; float: left;}
#menu #inbox #m-mail {width: 106px; float: left;}

#menu #inbox #m-works a {display: block; width: 85px; height: 30px; background: transparent url(img/m_works.gif) no-repeat left top; border-bottom: 0px;}
#menu #inbox #m-ba a {display: block; width: 155px; height: 30px; background: transparent url(img/m_ba.gif) no-repeat left top; border-bottom: 0px;}
#menu #inbox #m-price a {display: block; width: 69px; height: 30px; background: transparent url(img/m_price.gif) no-repeat left top; border-bottom: 0px;}
#menu #inbox #m-access a {display: block; width: 86px; height: 30px; background: transparent url(img/m_access.gif) no-repeat left top; border-bottom: 0px;}
#menu #inbox #m-mail a {display: block; width: 94px; height: 30px; background: transparent url(img/m_mail.gif) no-repeat left top; border-bottom: 0px;}

#menu #inbox #m-works a:hover {background-position: 0px -30px; border-bottom: 0px;}
#menu #inbox #m-ba a:hover {background-position: 0px -30px; border-bottom: 0px;}
#menu #inbox #m-price a:hover {background-position: 0px -30px; border-bottom: 0px;}
#menu #inbox #m-access a:hover {background-position: 0px -30px; border-bottom: 0px;}
#menu #inbox #m-mail a:hover {background-position: 0px -30px; border-bottom: 0px;}

body#works #menu ul li#m-works a {background-position: 0px -30px;}
body#ba #menu ul li#m-ba a {background-position: 0px -30px;}
body#price #menu ul li#m-price a {background-position: 0px -30px;}
body#access #menu ul li#m-access a {background-position: 0px -30px;}
body#mail #menu ul li#m-mail a {background-position: 0px -30px;}

/*----------contentsブロック----------*/
body#home #contents
	{
		padding-top: 12px;
		background: transparent;
	}
#contents
	{
		background: #eee url(img/bg_contents.gif) no-repeat left bottom;
		background-color: #eee;
		padding: 24px 24px 70px 24px;
	}
/*----------footerブロック（copyrightなど）----------*/
#footer
	{
		margin: 24px 0;
		background: transparent;
		padding: 10px 0px;
		color: #fff;
		font-size: 12px;
		line-height: 1.5em;
	}
#footer strong {color: #cc6;}
#footer a:link {color: #9cf; text-decoration: none;}
#footer a:visited {color: #9cf; text-decoration: none;}
#footer a:hover {color: #ff9900; text-decoration: none;}
#footer a:active {color: #ff9900; text-decoration: none;}
/**********************************************************/
/*----------table(罫線付)----------*/
.line
	{
		border-left: 1px solid #999;
		border-top: 1px solid #999;
	}
.line th, .line td
	{
		padding: 3px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
/*----------form用テーブル----------*/
.form-table
	{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
.form-table th
	{
		padding: 6px;
	}
.form-table td
	{
		padding: 6px;
	}
/**********************************************************/
/*左上*/
.lt {text-align: left; vertical-align: top;}
/*左中*/
.lm {text-align: left; vertical-align: middle;}
/*左下*/
.lb {text-align: left; vertical-align: bottom;}
/*中上*/
.ct {text-align: center; vertical-align: top;}
/*中中*/
.cm {text-align: center; vertical-align: middle;}
/*中下*/
.cb {text-align: center; vertical-align: bottom;}
/*右上*/
.rt {text-align: right; vertical-align: top;}
/*右中*/
.rm {text-align: right; vertical-align: middle;}
/*右下*/
.rb {text-align: right; vertical-align: bottom;}

div.stepbox
	{
		margin: 1em 0;
		padding: 0 0 36px 0;
		background: url(img/ya.gif) no-repeat center bottom;
	}
p.step
	{
		padding: 1em;
		border: 1px dashed #888;
	}
/*hide MacIE5 and Netscape\*/
* html div.stepbox {height: 1px;}
* html p.step {height: 1px;}
* html .image {height: 1px;}
/**/



#banner a {border-bottom: 0px;}
#banner a:hover {border-bottom: 0px;}



.red {color: red; font-weight: normal;}