@charset "utf-8";

/* -------- Copyright (C) Taitosolution Co.,LTD. -------- */

/* =========================================================
■他スタイルシート読み込み
========================================================= */

@import url(contents.css);

/* =========================================================
■FireFox縦スクロールバー常時表示
========================================================= */

@media screen {
	html>/**/body {
		overflow-y              : scroll;
	}
}

/* =========================================================
■テキストリンク
========================================================= */

a:link, a:visited {
	color                   : #3289FF;
	text-decoration         : underline;
}

a:hover, a:active {
	color                   : #3289FF;
	text-decoration         : none;
}

/* =========================================================
■要素のリセット
========================================================= */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin                  : 0;
	padding                 : 0;
	border                  : none;
	font-style              : normal;
	font-weight             : normal;
	font-size               : 100%;
	text-align              : left;
	list-style-type         : none;
}

/* =========================================================
■スタイル初期設定
========================================================= */

img {
	border                  : 0;
	vertical-align          : bottom;
}

.textinput {
	border                  : 1px solid #999;
	padding                 : 5px;
}

form, input, select, option {
	color                   : #404040;
	font-family             : Arial,Helvetica,sans-serif;
	font-size               : 100%;
}

span.clear {
	margin                  : 0;
	display                 : block;
	clear                   : both;
	line-height             : 1px;
	font-size               : 1px;
}

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

body {
	margin                  : 0;
	padding                 : 0;
	background              : url(../img/header_bg.gif) repeat-x top;
 color                   : #333;
 font-family             : Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande",Arial,Helvetica,sans-serif;
 font-size               : 12px;
	line-height             : 1.5;
}

div#container {
	width                   : 100%;
	margin                  : 0 auto;
}

/* =========================================================
■共用スタイル
========================================================= */

.logo {
	display                 : inline;
	float                   : left;
}

.contact_info {
	display                 : inline;
	float                   : right;
}

/* =========================================================
■ヘッダー
========================================================= */

div#header {
	width                   : 100%;
	height                  : 155px;
	margin                  : 0 auto;
	padding                 : 0;
	font-size               : 10px;
}

div#header div#h_navi {
	width                   : 800px;
	margin                  : 0 auto;
}

div#header div#h_navi h1 {
	height                  : 22px;
	line-height             : 22px;
	margin-bottom           : 5px;
	float                   : left;
}

div#header div#h_navi ul {
	float                   : right;
	height                  : 22px;
	line-height             : 22px;
}

div#header div#h_navi li {
	float                   : left;
	margin-left             : 13px;
}

div#header div#h_navi li a {
	background              : url(../img/arrow_blue.gif) left center no-repeat;
	display                 : block;
	padding-left            : 13px;
}

div#header div#h_navi li a:link,
div#header div#h_navi li a:visited {
	color                   : #333;
	text-decoration         : none;
}

div#header div#h_navi li a:hover,
div#header div#h_navi li a:active {
	color                   : #3289FF;
	text-decoration         : underline;
}

/* グローバルナビ
--------------------------------------------------------- */

div#header div#global_navi {
	width                   : 100%;
	background              : url(../img/global_navi_bg.jpg) repeat-x top;
	overflow                : hidden;
	height                  : 62px;
	margin-top              : 5px;
}

div#header div#global_navi ul {
	width                   : 800px;
	height                  : 62px;
	margin                  : 0 auto;
}

div#header div#global_navi ul li {
	float                   : left;
	height                  : 62px;
}

div#header div#global_navi ul li a {
	display                 : block;
	height                  : 62px;
	background-repeat       : no-repeat;
	background-position     : 0 0;
	text-indent             : -9999px;
	outline                 : none;
}

div#header div#global_navi ul li a:hover {
	background-position     : 0 100%;
}

div#header div#global_navi ul li#navi01 a {
	background-image        : url(../img/global_navi_01.jpg);
	width                   : 134px;
}
div#header div#global_navi ul li#navi02 a {
	background-image        : url(../img/global_navi_02.jpg);
	width                   : 133px;
}
div#header div#global_navi ul li#navi03 a {
	background-image        : url(../img/global_navi_03.jpg);
	width                   : 133px;
}
div#header div#global_navi ul li#navi04 a {
	background-image        : url(../img/global_navi_04.jpg);
	width                   : 133px;
}
div#header div#global_navi ul li#navi05 a {
	background-image        : url(../img/global_navi_05.jpg);
	width                   : 133px;
}
div#header div#global_navi ul li#navi06 a {
	background-image        : url(../img/global_navi_06.jpg);
	width                   : 134px;
}

/* =========================================================
■カラムレイアウト
========================================================= */

div#wrap {
	width                   : 800px;
	margin                  : 13px auto 30px;
	padding                 : 0;
}

/* サイドバー
--------------------------------------------------------- */

div#sidebar {
	width                   : 190px;
	margin                  : 0;
	padding                 : 0;
	float                   : left;
}

div#sidebar p.sideimg {
	margin                  : 0;
	padding                 : 0;
	margin-bottom           : 15px;
	width                   : 190px;
}


div#sidebar p.sideimg a {
	display                 : block;
	height                  : 40px;
	background-repeat       : no-repeat;
	background-position     : 0 0;
	text-indent             : -9999px;
	outline                 : none;
}

div#sidebar p.sideimg a:hover {
	background-position     : 0 100%;
}

div#sidebar p#buy a {
	background-image        : url(../img/side_flowchart_buy.gif);
	width                   : 190px;
}

div#sidebar p#sell a {
	background-image        : url(../img/side_flowchart_sell.gif);
	width                   : 190px;
}

div#sidebar div#sidelist_buy ,div#sidebar div#sidelist_sell {
	margin-bottom           : 15px;
	padding-bottom          : 11px;
	width                   : 190px;
}

div#sidebar img {
	width                   : 190px;
}

div#sidebar a:link,
div#sidebar a:visited {
	color                   : #333;
	text-decoration         : none;
}

div#sidebar a:hover,
div#sidebar a:active {
	color                   : #3289FF;
	text-decoration         : underline;
}

div#sidebar div#sidelist_buy {
	background              : url(../img/side_buy_btm.gif) center bottom no-repeat;
}

div#sidebar div#sidelist_buy ul {
	border-left             : 1px solid #3F8700;
	border-right            : 1px solid #3F8700;
	background-color        : #99CC00;
	text-align              : center;
}

div#sidebar div#sidelist_buy li {
	background              : url(../img/side_buy_list.jpg) center top no-repeat;
	list-style              : none outside none;
}

div#sidebar div#sidelist_sell {
	background              : url(../img/side_sell_btm.gif) center bottom no-repeat;
}

div#sidebar div#sidelist_sell ul {
	border-left             : 1px solid #FF6600;
	border-right            : 1px solid #FF6600;
	background-color        : #F7C600;
	text-align              : center;
}

div#sidebar div#sidelist_sell li {
	background              : url(../img/side_sell_list.jpg) center top no-repeat;
	list-style              : none outside none;
}

div#sidebar div#sidelist_buy a ,div#sidebar div#sidelist_sell a {
	display                 : block;
	height                  : 42px;
	margin                  : 0;
	padding-left            : 38px;
	line-height             : 42px;
}

div#sidebar div#sidelist_info ul {
	margin                  : 6px 0 15px;
}

div#sidebar div#sidelist_info li {
	margin-left             : 12px;
}

div#sidebar div#sidelist_info li a {
	background              : url(../img/arrow_blue.gif) left center no-repeat;
	display                 : block;
	height                  : 21px;
	margin                  : 0;
	padding-left            : 15px;
	line-height             : 21px;
}

/* コンテンツ
--------------------------------------------------------- */

div#contents {
	width                   : 590px;
	margin-left             : 20px;
	padding                 : 0;
	float                   : right;
}

/* =========================================================
■ページトップへ
========================================================= */

div.pagetop {
	display                 : block;
	min-height              : 1%;
	clear                   : both;
	margin                  : 0;
	padding-top             : 10px;
}

div.pagetop a {
	overflow                : hidden;
	background              : url(../img/btn_page_top.jpg) no-repeat;
	display                 : block;
	float                   : right;
	width                   : 105px;
	height                  : 25px;
	text-decoration         : none;
	text-indent             : -9999px;
}

/* =========================================================
■フッター
========================================================= */

div#footer {
	width                   : 100%;
	background              : url(../img/footer_bg.gif) repeat-x top;
	margin-bottom           : 10px;
}

div#footer div#f_dotline {
	width                   : 100%;
	background              : url(../img/footer_dotline.gif) repeat-x top;
	height                  : 17px;
}

div#footer div.f_navi {
	width                   : 800px;
	margin                  : 0 auto;
}

div#footer div.f_navi span {
	display                 : block;
	font-size               : 10px;
	margin-bottom           : 5px;
}

div#footer div.f_navi span a:link,
div#footer div.f_navi span a:visited {
	color                   : #333;
	text-decoration         : none;
}

div#footer div.f_navi span a:hover,
div#footer div.f_navi span a:active {
	color                   : #3289FF;
	text-decoration         : underline;
}

div#footer div.f_navi p#copy {
	height                  : 24px;
	line-height             : 24px;
	color                   : #999;
	margin-bottom           : 5px;
}

div#footer div.f_navi p.list {
	float                   : left;
	line-height             : 17px;
	font-weight             : bold;
	font-size               : 10px;
}

div#footer div.f_navi ul {
	float                   : right;
	width                   : 690px;
}

div#footer div.f_navi ul li {
	float                   : left;
	line-height             : 17px;
	font-weight             : normal;
	font-size               : 10px;
}