/* basic setting ---------------------------------- */

body {
	background-color:#FFFFFF;
	color: #666666;
	line-height: 15px;
	font-size: 12px;
	margin:0px;
	background-repeat: repeat-x;}

html,body {
	height:100%;
	min-height:100%;}

img {
	border:none;
	vertical-align:middle;}

p { 
	margin: 0px; 
	padding: 0px; }

.t01 {color:#80B6D2;} /* 水色 */
.t02 {color:#996600;} /* 茶色 */
.notice {color: #cc0000;}

a:link     {color:#0A54A7;}
a:active   {color:#0A54A7;}
a:visited  {color:#0A54A7;}
a:hover    {color:#0000FF;}

a.white:link     {color:#0A54A7; text-decoration:none;}
a.white:active   {color:#0A54A7; text-decoration:none;}
a.white:visited  {color:#0A54A7; text-decoration:none;}
a.white:hover    {color:#0000FF; text-decoration:underline;}

.textsmall {font-size: 10px;}
.textlarge {font-size: 13px;}

.textleft   {text-align: left;}
.textright  {text-align: right;}
.textcenter {text-align: center;}

.clearleft  {clear: left;}
.clearright {clear: right;}
.clearall   {clear: both;}

h1 { clear: both; margin: 10px 0px 0px 0px; padding: 0px; font-size: 14px; }
h2 { clear: both; margin: 0px 0px 10px 0px; padding: 0px; font-size: 13px; }
h3 { clear: both; margin: 1.5em 0px 3px 0px; padding: 0px; font-size: 12px; }
h4 { clear: both; margin: 1.5em 0px 3px 0px; padding: 0px; font-size: 12px; }
h5 { clear: both; margin: 1.5em 0px 0px 0px; padding: 0px; font-size: 12px; }
h6 { clear: both; margin: 1.5em 0px 0px 0px; padding: 0px; font-size: 12px; }


/* parts setting -----------------------------------------*/

.atit {
	width:100%;
	background:url(../image/common/icon-sq.gif) no-repeat 3px 4px;
	margin:10px 0;	
	color:#80B6D2;
	clear:both;}
	
	.atit h2 , .atit h3 , .atit h4 , .atit h5 {
		 padding:0 0 0 15px; margin:0px;}

.innerblock { border-style: none; margin: 0px; padding: 10px; }

div.line-see {
	width:490px;
	height:7px;
	clear: both;
	background:url(../image/common/line-seed.gif) no-repeat;
	border:none;}

div.line-dot {
	width:490px;
	height:7px;
	clear: both;
	background:url(../image/common/line-dot.gif) repeat-x;
	border:1px solid #FFFFFF;}

div.line-maki {
	width:490px;
	height:24px;
	clear: both;
	background:url(../image/common/line-490.gif) no-repeat 50%;
	border:1px solid #FFFFFF;}

.moreinfo , .gotop {
	clear: both;
	border-style: none;
	margin: 0px;
	padding: 4px 5px 6px 0px;}

	.moreinfo p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 0px 10px 0px 0px;
		background: url(../image/common/icon-yaji.gif) no-repeat right center;
		text-align: right;
		font-size: 10px;}

	.gotop p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 0px 18px 0px 0px;
		background: url(../image/common/icon-yaji-top.gif) no-repeat right bottom;
		text-align: right;
		font-size: 10px;}

.compact li { border-style: none; margin-left: 1.8em; }
	ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; }
	ol.compact { list-style-position: outside; border-style: none; padding-left: 0px; }

.floatbox-left {
	float:left;
	margin:7px 7px 7px 0;}

.floatbox-right {
	float:right;
	margin:7px 0 7px 7px;}

table.standard { border-collapse: collapse; border-spacing: 0px;  border: solid 1px #CCCCCC; margin-top: 10px; }
	table.standard tr { }
	table.standard tr.even td { background: #B8B8DC; color: #ffffff; }
	table.standard th.even { background: #B8B8DC; color: #ffffff; }
	table.standard td.even { background: #B8B8DC; color: #ffffff; }
	table.standard tr.odd td { background: #E9E9E9; }
	table.standard th.odd { background: #E9E9E9; }
	table.standard td.odd { background: #E9E9E9; }
	table.standard th { background-color: #cccccc; border: solid 1px #CCCCCC; }
	table.standard td { background-color: #ffffff; border: solid 1px #CCCCCC; }

table.lines { border-collapse: collapse; border-spacing: 0px;  margin:10px 0; }
	table.lines tr { }
	table.lines th { border-bottom: dotted 1px #666666; }
	table.lines td { border-bottom: dotted 1px #666666; }
	table.lines td.rigl { 	border-right: dotted 1px #666666; }
	table.lines td.topl { 	border-top: dotted 1px #666666; }
	table.lines td.rtol { 	border-top: dotted 1px #666666; border-right: dotted 1px #666666;  }
	
/* 以下縦中央寄せ
<div class="vertical vertical_middle">  
 <p>#/p>  
</div> 
*/
		div.vertical {   
				display: table-cell;   
				width: 470px;   
				height: 46px; }  
				 
		* html div.vertical  {   
				display: inline;   
				zoom: 1;   }   
				
		*+html div.vertical  {   
				display: inline;   
				zoom: 1;  }  
				 
		div.vertical_middle {   
				vertical-align: middle;} 

.line-boxs {
	width:220px;
	background:url(../image/common/line-220.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:5px;
	clear:left;}

.line-boxs p.txt {
	margin:3px 10px;}

.line-box {
	width:490px;
	background:url(../image/common/line-490.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:5px;
	clear:left;}

.col2 {
	width:490px;
	margin-top:20px;}
		 
.col2lef {
	width:240px;
	float:left;
	margin-bottom:20px;}
		 
.col2rig {
	width:240px;
	float:right;
	margin-bottom:20px;}

.col2b {
	width:490px;
	margin-top:20px;}
		 
.col2blef {
	width:280px;
	float:left;
	margin-bottom:20px;}
		 
.col2brig {
	width:200px;
	float:right;
	margin-bottom:20px;}

	h2.bg010relative { position: relative; margin: 5px 0px 0px 0px; background:url(../image/common/line-dot.gif) repeat-x bottom; }
	span.bg010inside { display: block; padding:4px 0; }
	span.link010 { position: absolute; top: 5px; right: 3px; display: block; font-size: 9px; font-weight: normal; }

.bline { position:relative; margin:20px 0 10px 0; background:url(../image/common/line-dot.gif) repeat-x bottom;}
	.bline h3 { padding:0 0 7px 0; margin:0px;}

.bbox {
	width:100%;
	background:url(../image/common/icon-sq.gif) no-repeat 3px 4px;
	margin:10px 0;
	padding-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
	clear:both;}
	
	.bbox h3 , .bbox h4 , .bbox h5 { padding:0 0 0 15px; margin:0px;}
	.bbox p { padding:10px 0 0 15px; margin:0px;}


/* page format ---------------------------------------- */

#contents {
	text-align:center;
	width:100%;}

#contentsarea {
	margin:0 auto;
	width: 800px;}

#stage {
	width: 800px;
	padding:0;
	text-align: left;
	margin:0 auto;}

#header {
	width:800px;
	height:100px;
	text-align:center;}
	
	#header img {
		margin-top:23px;}
	
#flash {
	width:800px;
	height:450px;
	background:url(../image/top/flash.jpg) no-repeat;}

#main {
	width:800px;
	padding:20px 0;}
	
#topnabi {
	width:220px;
	float:left;
	margin-left:8px;
	font-size:10px;}

#waku {
	width:570px;
	float:left;
	text-align:left;
	background:url(../image/common/waku-top.gif) no-repeat;
	margin-bottom:15px;}

	#waku:after {
		content: ".";
		display:block;
		height: 0;
		clear:both;
		visibility:hidden;}
		
#waku-bot {
	width:570px;
	background:url(../image/common/waku-botom.gif) no-repeat bottom;}

	#waku-bot:after {
		content: ".";
		display:block;
		height: 0;
		clear:both;
		visibility:hidden;}

#circu {
	width:490px;
	padding:44px 0 44px 40px;}	

#circuarea {
	width:490px;}
	
#footer-link {
	clear:left;
	width:800px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	text-align:center;}

#footer-link a:link     {color:#666666; text-decoration:none;}
#footer-link a:active   {color:#999999; text-decoration:underline;}
#footer-link a:visited  {color:#999999; text-decoration:underline;}
#footer-link a:hover    {color:#999999; text-decoration:underline;}
	
#footer-link p , #footer p {
	padding:15px;}

#footer {
	width:800px;
	text-align:center;}

/* page + base format  */

#button {
	width:800px;
	height:150px;
	background:url(../image/common/button-bg.jpg) no-repeat;}

	#button ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;}
	
	#button li {
		float:left;
		height:120px;
		margin-top:1px;
		list-style: none;
		list-style-image: none;	
		display:block;
		padding:0px;}

#button a.b01{ display:block; width:200px; background:url(../image/common/b01.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b02{ display:block; width:200px; background:url(../image/common/b02.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b03{ display:block; width:200px; background:url(../image/common/b03.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b04{ display:block; width:200px; background:url(../image/common/b04.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b05{ display:block; width:200px; background:url(../image/common/b05.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b06{ display:block; width:200px; background:url(../image/common/b06.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}

#button a.b01:hover{ background:url(../image/common/roal/b01.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b02:hover{ background:url(../image/common/roal/b02.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b03:hover{ background:url(../image/common/roal/b03.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b04:hover{ background:url(../image/common/roal/b04.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b05:hover{ background:url(../image/common/roal/b05.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}
#button a.b06:hover{ background:url(../image/common/roal/b06.gif) no-repeat; width:133px; height:120px; text-decoration:none; float:left;}

#button span { visibility:hidden; display:none;}

#nabi-rap {
	width:228px;
	float:left;
	margin:0 0 5px 2px;
	background:url(../image/common/cbg.gif);}

#nabi {
	width:220px;
	margin:4px 4px 8px 4px;
	font-size:10px;}


/* top setting -----------------------------------------*/

#top {
	width:570px;
	float:left;}
	
#picup {
	width:490px;}

#picup-lef {
	width:220px;
	float:left;
	margin-left:25px;}

#picup-rig {
	width:220px;
	float:left;
	text-align:center;}

#top-com {
	width:550px;
	background:url(../image/common/line-490.gif) no-repeat bottom;
	padding-bottom:30px;
	margin-left:10px;
	clear:left;}

	#top-com:after {
		content: ".";
		display:block;
		height: 0;
		clear:both;
		visibility:hidden;}

.topbox {
	width:270px;
	float:left;}


/* orderbook setting -------------------------------*/

.ortit01 {
	width:490px;
	border-bottom:dotted 1px #80B6D2;
	border-top: solid 4px #80B6D2;
	margin:30px 0 7px 0;}

.ortit01 h3 {
	padding:8px; 
	margin:0px;}

.ortit02 {
	background:#80B6D2;
	width:490px;
	margin:5px 0;}

.ortit02 h4 {
	color:#FFFFFF;
	padding:5px 7px; 
	margin:0px;}

		 
/* staff setting -------------------------------*/	 
		 
#stasam {}

#stasam img {
	margin:7px 3px 10px 0;}
		 
table.stb { border-collapse: collapse; border-spacing: 0px;  margin:10px 0; }
	table.stb tr { }
	table.stb th { font-size:10px; font-weight:normal; color:#DF86BB;}
	table.stb td { font-size:10px; }

table.sta { border-collapse: collapse; border-spacing: 0px;  margin:10px 0; }
	table.sta tr { }
	table.sta th { font-size:10px; font-weight:normal; color:#549CC2;}
	table.sta td { font-size:10px; }


/* concept setting -------------------------------*/	

#concept {
	width:490px;
	height:619px;
	margin:0 0 15px 0;}


/* price setting ---------------------------------*/	

.price {
	width:220px;
	margin-left:10px;
	font-size:10px;}

.pricebg {
	width:490px;
	height:794px;
	background:url(../image/price/bg.jpg) no-repeat;} 

.pricebg:after 
	{	content: ".";	display:block;	height: 0;	clear:both;	visibility:hidden;}	

.pricebg h2 {
	text-align:center;
	padding:15px 0 10px 0;}
	


/* Q&A setting -----------------------------------*/	

.qa {
	width:490px;
	clear:both;}
		 
.qalef {
	width:90px;
	float:left;
	margin-bottom:10px;}
		 
.qarig {
	width:400px;
	float:right;
	margin-bottom:10px;}


/* STAFF setting --------------------------------*/	

.staff01 { width:490px;	margin-top:20px; background:url(../image/staff/pic01.jpg) no-repeat; height:390px; overflow:visible;}
.staff02 { width:490px;	margin-top:20px; background:url(../image/staff/pic02.jpg) no-repeat right; height:380px; overflow:visible;}
.staff03 { width:490px;	margin-top:20px; background:url(../image/staff/pic03.jpg) no-repeat; height:390px; overflow:visible;}
.staff04 { width:490px;	margin-top:20px; background:url(../image/staff/pic04.jpg) no-repeat right; height:380px; overflow:visible;}
.staff05 { width:490px;	margin-top:20px; background:url(../image/staff/pic05.jpg) no-repeat; height:390px; overflow:visible;}
.staff06 { width:490px;	margin-top:20px; background:url(../image/staff/pic06.jpg) no-repeat right; height:380px; overflow:visible;}
.staff07 { width:490px;	margin-top:20px; background:url(../image/staff/pic07.jpg) no-repeat; height:390px; overflow:visible;}
.staff08 { width:490px;	margin-top:20px; background:url(../image/staff/pic08.jpg) no-repeat right; height:380px; overflow:visible;}


.box-rig { width:240px; margin-left:250px;}
.box-lef { width:240px; margin-right:250px;}


/* sitemap setting -----------------------------*/	

.smbox {
	width:100%;
	background:url(../image/common/icon-sq.gif) no-repeat 200px 8px;
	margin:2px 0;
	padding-bottom:5px;
	border-bottom:1px dotted #CCCCCC;}
	
	.smbox p { padding:2px 0 2px 220px; margin:0px;}