@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01. common elements
	02.txt
	03.kodawari
	04.access
	05.menu
	06.soba02
	07.jun
	08.privacy
	09.order

====================================================================*/


/*--------------------------------------------------------------------/
	01.common elements
/--------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 225px;
}
#contents {
	float: left;
	width: 657px;
}

/* h3 h4 */

h3 img {
	margin-top: 3px;
}

.txt h4 {
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 3px 8px 2px;
	background: url(../img/h4.gif) repeat-x 0 0;
	font-size: 14px;
	color: #ffffff;
}

/* strong,em */

.txt strong {
	color: #993300;
	font-weight: bold;
}
.txt em {
	color: #CC0033;
	font-style: normal;
}


/* 02.txt
---------------------------------------------------------------------*/

.txt {
	margin: 10px 0 25px 4px;
	width: 610px;
}

.txt p {
	padding-bottom: 10px;
	padding-left: 5px;
}

.txt img.right,
.txt img.left,
#greet02 img {
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}

.txt img.right { margin-left: 11px;}
.txt img.left { margin-right: 15px;}

.txt:after,
#koda div:after,
#trader dl:after,
#jun p:after,
#jun div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* 03.kodawari
---------------------------------------------------------------------*/

#koda div {
	margin: 10px auto;
	background: url(../../soba/img/img03.gif) no-repeat 0 0;
	width: 600px;
	height:120px;
}

#koda div h3 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#koda div div {
	float: left;
	padding-top: 25px;
	background: none;
	width: 295px;
	height: auto;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
}


/* 04.access
---------------------------------------------------------------------*/

#greet02 img.right { margin-left: 5px;}
#greet02 img.left { margin-right: 5px;}

#access table {
	margin-bottom: 15px;
	margin-right: 35px;
	border-right: 1px solid #dddddd;
	width: 245px;
}

#access table thead th{ width: 245px;}
#access table th,
#access table td {
	padding-bottom: 3px;
	text-align: left;
}

#access table th {
	width: 110px;
}
#access table td { width: 135px;}


/* 04.trader
---------------------------------------------------------------------*/
#trader table,
.order table {
	margin: 10px auto;
	width: 615px;
}

#trader th,
.order th,
#trader td,
.order td {
	padding: 5px 10px 4px;
	border-bottom: 8px solid #fbf6ee;
	text-align: left;
}
#trader th,
.order th {
	width: 180px;
	font-size: 14px;
	color: #ffffff;
	vertical-align: top;
}
#trader th { background: #51335a url(../img/dlbg.gif) repeat-x 0 0;}


*html #trader dl dt.big,
*html .order dl dt.big {
	height: 100px;
}
*:first-child+html #trader dl dt.big,
*:first-child+html .order dl dt.big {
	height: 100px;
}

.imeon{ ime-mode:active; }
.imeoff{ ime-mode:disabled; }
.stick { height: 400px;}


/* 05.menu
---------------------------------------------------------------------*/
.menu { margin-bottom: 30px;}

.menu table { width: 180px;}
.menu table.left { margin-right: 25px;}

.menu th,
.menu td {
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #cccccc;
}

.menu th { text-align: left;}
.menu td {
	text-align: right;
	color: #669900;
}


/* 06.soba
---------------------------------------------------------------------*/
#soba02 div {
	margin: 10px 0 20px 0;
	background: url(../../soba/img/pic04.jpg) no-repeat 100% 0;
	width: 590px;
	height: 466px;
	color: #ffffff;
}

#soba02 div p {
	padding-top: 48px;
	padding-bottom: 23px;
	text-align: center;
}


/* jun
--------------------------------------------------------------------*/
#jun div {
	clear: both;
	margin-bottom: 25px;
}
#jun div h4 {
	float: left;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	background: none;
	width: 115px;
}
#jun p { padding-top: 3px;}
#jun img.left {
	padding: 0;
	border: none;
}
#jun p strong { font-size: 14px;}


/* privacy
--------------------------------------------------------------------*/

#privacy div {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px 15px;
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	width: 150px;
}

#privacy div p {
	padding-bottom: 5px;
}

#privacy p { clear: both;}
#privacy h4 {
	clear: both;
	background: url(../img/h4_02.gif) repeat-x 0 0;
}

#privacy table {
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#privacy thead td {	background-color: #ffffee;}
#privacy th,
#privacy td {
	padding: 3px 10px;
	border-bottom: 1px solid #cccccc;
}

#privacy th {
	border-right: 1px solid #cccccc;
	background-color: #ffeeee;
	width: 200px;
	text-align: left;
}

#privacy th.ken {
	width: 50px;
	vertical-align: top;
	font-weight: bold;
	color: #669900;
}

#privacy td {
	background-color: #ffffff;
	width: 90px;
	text-align: right;
}


/* order
--------------------------------------------------------------------*/
.order p strong {
	color: #CC0033;
	font-size: 16px;
}
.order th em { color: #ee66aa;}
.order th { background: #668928 url(../img/dlbg02.gif) repeat-x 0 0;}
.order th.nobr,
.order td.nobr { border-bottom: none;}
.order th.nobg,
.order td.nobg {
	padding-bottom: 10px;
	background: none;
	background-color: #668928;
	border-top: 1px solid #809b64;
}
textarea { font-size: 12px;}