@charset "utf-8";

/* 全般
---------------------------------------- */

body {
	color:#333333;
	background-color:#ffffff;
}

body,
td {
	font-family:  "メイリオ", Meiryo, Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.3em;
}

p {
	line-height:18px;
	text-align:justify;
	text-justify:distribute;
}

a:link { color:#333333;}
a:visited { color:#333333;}
a:hover { color:#FF3300;text-decoration:none;}
a:active { color:#FF0000;}


/* 段組み
---------------------------------------- */

#container {
	width:100%;
	padding-top:10px;
	background:url(../images/mainframe/header_tex.gif) repeat-x left top;
}

#header {
	width:902px;
	height:80px;
	margin:0 auto;
	position:relative;
	padding-top:10px;
}

#contents {
	width:900px;
	margin:0 auto;
	border:#aaaaaa 1px solid;
	border-top:none;
	border-bottom:none;
}

#footer {
	clear:both;
	width:100%;
	zoom:1;
}

/* header
---------------------------------------- */

#header h1 {
	font-size:16px;
	color:#666666;
	line-height:18px;
	font-weight:bold;
	margin-bottom:10px;
}


#header #headerbanner {
	position:absolute;
	left:652px;
	top:-10px;
}

#header #subscription {
	position:absolute;
	left:300px;
	top:31px;
}


/* mainmenu
---------------------------------------- */

#mainmenu {
	border-left:#aaaaaa 1px solid;
	border-right:#aaaaaa 1px solid;
	width:900px;
	height:54px;
	margin:0 auto;
}

#mainmenu li {
	height:54px;
	float:left;
}

#mainmenu li a {
	height:54px;
	display:block;
}

#mainmenu li.index a {
	background:url(../images/mainframe/index_over.gif) no-repeat left bottom;
	width:113px;
}

#mainmenu li.buy a {
	background:url(../images/mainframe/buy_over.gif) no-repeat left bottom;
	width:112px;
}

#mainmenu li.sell a {
	background:url(../images/mainframe/sell_over.gif) no-repeat left bottom;
	width:112px;
}

#mainmenu li.method a {
	background:url(../images/mainframe/method_over.gif) no-repeat left bottom;
	width:115px;
}

#mainmenu li.outline a {
	background:url(../images/mainframe/outline_over.gif) no-repeat left bottom;
	width:112px;
}

#mainmenu li.contact a {
	background:url(../images/mainframe/contact_over.gif) no-repeat left bottom;
	width:112px;
}

#mainmenu li.entrust a {
	background:url(../images/mainframe/entrust_over.gif) no-repeat left bottom;
	width:112px;
}

#mainmenu li.union a {
	background:url(../images/mainframe/union_over.gif) no-repeat left bottom;
	width:112px;
}

/*カレントページ*/
body.index		#mainmenu li.index a img,
body.buy		#mainmenu li.buy a img,
body.sell		#mainmenu li.sell a img,
body.method		#mainmenu li.method a img,
body.outline	#mainmenu li.outline a img,
body.contact	#mainmenu li.contact a img,
body.entrust	#mainmenu li.entrust a img,
body.union		#mainmenu li.union a img {
	visibility:hidden;
}	 

/*マウスオーバー時*/
#mainmenu li a:hover { border: none; }
#mainmenu li a:hover img {
	visibility:hidden;
}


/* footer
---------------------------------------- */

#footer p {
	text-align:center;
	font-size:10px;
}

#footer #footerlink {
	padding:6px 0;
	line-height:14px;
	height:28px;
	color:#ffffff;
	margin-bottom:15px;
	background:url(../images/mainframe/footer_tex.gif) repeat-x left top;
}

#footer #footerlink a {
	color:#ffffff;
	text-decoration:none;
}

/* 汎用
---------------------------------------- */

h2.common {
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	line-height:30px;
	padding-left:15px;
	margin-bottom:20px;
	background:url(../images/mainframe/h2_bar.gif) no-repeat left top;
}


/* form
---------------------------------------- */

.inputform {
	padding:15px;
	border: 1px solid #cccccc;
	margin-bottom:20px;
	background-color:#f0f0f0;
}

.inputform dl {
	margin-bottom:20px;
}   

.inputform dt {
	color:#996600;
	font-weight:bold;
	line-height:1.3em;
}

.inputform dd {
	margin-bottom:10px;
}

/* 幅
---------------------------------------------- */

.widthxs { width:30px; }
.widthvalue { width:80px;text-align:right; }
.widths { width:120px; }
.widthm { width:240px; }
.widthl { width:480px; }
.widthmax {	width:97%; }