@charset "utf-8";

/* --------------------------------------------
 * layout.css
 * レイアウト指定用スタイルシート

 * Date: 2005/6/2   Update:
 * Auther:みずほ証券株式会社
 * 適応範囲:全ページ
 * -------------------------------------------- */

/* =========== 基本レイアウト =========== */

#header { 
	width:755px;
	margin:0; padding:0;
	border-style:none;
}
#gmenu {
	width:755px;
	margin:0; padding:0;
	border-style:none;
	background-color:#FFDB00;
}

#sidemenu{
	width:155px;
	vertical-align:top;
}

#main {
	margin:0px;
	padding:0px;
	border-style:none;
	background-color:#FFFFFF;
	vertical-align:top;
}
#footer {
	width:755px;
	margin:0; padding:0;
	border-style:none;
	background-color:#CCCCCC;
}

#notes {
	width:755px;
	margin:0; padding:0;
	border-style:none;
	background-color:#ffffff;
}

#fschanger {
	margin:2px;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#fschanger th {
	font-size:10px;
	padding:2px 4px;
	color:#663300;
	background-color:#FFFFCC;
}

#fschanger td {
	background-color:#FFFFFF;
}

#rightside {
	vertical-align:top;
	background-color:#FFFFBD;
}

#copyright {
	padding:2px;
	margin:2px;
	text-align:right;
}

#gmenu td {
	background-color:#006699;
	background-image:url(../img/bg_gmenu.jpg);
}

#tpright {
	padding:4px;
}

table.tbltitle {
	width:100%;
}


table.tbltitle td{
	padding:2px;
}

table.tbltop td{
	padding: 5px;
}

table.tbllogin {
	width:730px;
}

table.tbllogin td{
	padding:2px;
}

table.tbllogin td{
	padding: 5px;
}

#loginform {
	width: 300px;
}

table.tblhelp {

}

table.tblhelp td{
	padding: 0px 0px 0px 10px;
	font-size:90%;
}

/* =========== ボックス要素 =========== */

#contents,
#contents_top,
#contentsbuy,
#contentssell
 {
	clear:both;
	margin:0px;
	padding:10px;
	vertical-align:top;
	width: auto;
	_width: 100%; /* WinIE box model hack */
}

#panlist {
	clear:both;
	margin: 0 0 1em 0;
}

#loginname {
	margin: 10px;
	border:1px solid #666666;
}

div.date {
	text-align:right;
	margin-top: 4px;
}

div.actionbtn{
	text-align:right;
}

div.actionbtn input {
	margin:6px;
}

div.topmenu {
	padding:2px;
}

div.smtop {
	margin-top:10px;
	width:155px;
	height:auto;
}

#smbtn {
	margin:8px;
	text-align:center;
}

#banner {
	margin:35px 0px;
	text-align:center;
}

div.relation {
	font-weight:normal;
	font-size:80%;
	text-align:left;
	background-color:#FFFFCC;
	padding:10px;
}

/* =========== 注文テーブル =========== */

td.tcenter {
	text-align:center;
}

td.tleft {
	text-align:left;
}

td.tright {
	text-align:right;
}


/* =========== フォーム要素 =========== */

input.btnbase,
input.btnsell,
input.btnbuy {
	display:block;
	font-weight:bold;
	height:auto;
	width: auto;
	padding: 4px;
	margin: auto;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}

input.btnmini {
	display:block;
	font-weight:bold;
	height:auto;
	width: auto;
	padding: 2px;
	margin: auto;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}


/* =========== 画像 =========== */

img.btnlogout {
	margin-right:4px;
}

img.icon {
	margin:2px;
	vertical-align: middle;
}

img.logo {
	margin:10px;
	vertical-align: middle;
	border: 1px solid #000;
}

img.btnhelp {
	margin: 2px 4px 0px 0px;
}


/* =========== ボタンサイズの基本設定 =========== */

a.linkbtn,
a.btnbase,
a.btnsell,
a.btnbuy,
a.btnshihyou
{
	display:block;
	height:auto;
	width: auto;
	_width: 100%; /* WinIE box model hack */
	padding: 4px;
	margin:2px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border: 2px outset #DDDDDD;
}

a.btnmini,
a.btnsellmini,
a.btnbuymini,
a.btnshihyoumini,
a.btnchart,
a.btncancel,
a.btngenbiki,
a.btngenwata,
a.btnsinhenuri,
a.btnsinhenkai,
a.btnsubscription,
a.btnchange,
a.btnview
 {
	display:block;
	height:auto;
	width: auto;
	_width: 100%; /* WinIE box model hack */
	padding: 2px;
	margin:2px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border: 2px outset #DDDDDD;
}