﻿@charset "utf-8";

/* bond.css
============================================================================================================*/
div#mainArea div#mainWrap {
	width: 800px;
	margin-top: 5px;
}

div#contentsArea div#underContents.warisho p{
	margin:0px;
}

p.main_image img{
	margin-left:10px;
}

ul.details{
	text-align:center;
	border:#CCCCCC solid 1px;
	margin:20px 10px 30px;
	padding:6px;
}

ul.details li{
	display:inline;
	background:url(../../../../../common_images/arrow_blue_under.gif) 0 0 no-repeat;
	padding-left:15px;
	margin:0 8px;
}

ul.details a:link{color: #023894;text-decoration: none;}
ul.details a:visited {color: #023894;text-decoration: none;}
ul.details a:hover {color: #6089ce;text-decoration: underline;}
ul.details a:active {color: #6089ce;text-decoration: underline;}

div#contentsArea div#underContents.warisho p.feature{
	background:#ededed;
	border:#cccccc solid 2px;
	padding:4px 10px;
	font-weight:bold;
	margin-bottom:10px;
}

img.feature_top{
	vertical-align:bottom;
}

div.featureBox{
	background:url(../../images/warisho_bg_feature.gif) left bottom no-repeat;
	margin-bottom:20px;
	padding:0 0 28px 17px;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}

div.featureBox:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

div.featureBox div.leftArea{
	float:left;
	width:243px;
	margin-right:15px;
}

div.featureBox div.leftArea p.line{
	color:#019069;
	background:url(../../images/warisho_featureBox_line.gif) left bottom repeat-x;
	padding:5px 0 10px 0;
}

div.featureBox div.leftArea dl.supple{
	padding:22px 0 5px 0;
}

div.featureBox div.leftArea p.btn{
	text-align:right;
}

div.featureBox div.rightArea{
	width:258px;
	float:left;
}

ul.howtoBuy{
	background:#ededed;
	margin:0 20px 30px;
	padding:15px 0 15px 15px;
}

ul.howtoBuy li{
	display:inline;
}

ul.howtoBuy li.center{
	margin:0 15px;
}

div#contentsArea div#underContents.warisho p.tenpo{
	margin-bottom:30px;
}

p.tenpo img{
	vertical-align:middle;
	margin-left:15px;
}

div.guide{
	float:left;
	width:246px;
	background:#ededed;
	border:#CCCCCC solid 2px;
	margin-right:17px;
}

div.guide dl{
	padding:8px 10px;
}

div.guide dt{
	background:url(../../images/warisho_bg_guide.gif) 0 0.1em no-repeat;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:20px;
}

div.guide dd{
	margin-bottom:20px;
}

div.guide dd em{
	font-size:large;
	font-weight:bold;
}
div#contentsArea div#underContents .h6BoxBond {
	padding:8px 10px;
}
div#contentsArea div#underContents h6.catchSquare {
	margin:0 0 5px 0;
	padding: 0 0 0 20px;
	font-size:100%;
	background: transparent url(../../images/warisho_bg_guide.gif) 0 0.1em no-repeat !important;
}

div.guide p{
	margin-bottom:20px!important;
}

div.guide p em{
	font-size:large!important;
	font-weight:bold!important;
} 

table.condition,
table.condition02{
	background:#CCCCCC;
	width:258px;
	margin-bottom:30px;
}

table.condition th,
table.condition02 th{
	background:#e1f4f9;
	border:#FFFFFF solid 1px;
	font-weight:normal;
	text-align:center;
}

table.condition th{
	padding:6px 25px;
}

table.condition th.index,
table.condition02 th.index{
	background:#019069;
	color:#FFFFFF;
}

table.condition02 th.index{
	padding:6px 0;
}

table.condition td,
table.condition02 td{
	background:#FFFFFF;
	text-align:center;
}

table.condition td{
	padding:2px 20px;
}

table.condition02 td{
	padding:2px 0;
}

table.condition p.money{
}

dl.annotation {
	margin: 0 10px 30px !important;
}

dl.annotation dd{
	margin-bottom: 10px;
}

dl.anEND {
	margin: 0 10px 0 !important;
}

dl.anNM {
	margin: 0 !important;
}

dl.ddNM dd{
	margin-bottom: 0 !important;
}



/* wide.html
============================================================================================================*/
div.featureBox div.leftArea p.line02{
	color:#019069;
	padding:5px 0 10px 0;
}

table.condition02_2{
	width:254px;
}

table.condition02_2 th{
	border:none!important;
	vertical-align:middle;
}


table.condition02_2 p.arrow{
	background:url(../../images/risho_bg_condition02_2.gif) 0 0.5em no-repeat;
}


#left{
	width:270px;
	float:left;
}

#right{
	float:right;
	margin-right:10px;
	display:inline;
}

#right table{
	width:250px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#right th{
	border-bottom:1px solid #CCCCCC;
	background:#e1f4f9;
}

#right th,
#right td{
	padding:4px;
	text-align:center;
}

.left_bor{
	border-left:1px solid #CCCCCC;
}

#right td{
	border-bottom:1px solid #CCCCCC;
}

.h5Box{
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
.h5Box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}


/* risho.html
============================================================================================================*/
.supple2{
	padding-top:11px;
	padding-bottom:5px;
}


.annotation2 dd{
	padding-left:1.3em;

}

dl.annotation2 {
	margin:0!important;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}

dl.annotation2 dt {
	float:left;
}


/* beginner.html
============================================================================================================*/
div.bond_waku_end{
	margin:0 0 0 0!important;
}
.marginBeginner{
	margin:5px 0 0 0!important;
	padding:0!important;
}
.marginBeginner dd{
	margin-bottom:5px!important;
}
div#underContents div.bond_waku .listIndent{
	padding:0 10px 0 0;
	padding:0!important;
}
div#underContents div.bond_waku .listIndent li{
	text-indent:-1.7em;
	margin:0px 20px!important;
}
div#underContents div.bond_waku .flow_btn{
	margin:0!important;
	padding:0!important;
}
div#underContents div.bond_waku .flow_dd001{
	padding:0 0 20px 35px;
}
div#underContents div.bond_waku .flow_btn{
	margin:0!important;
	padding:0!important;
}
div#underContents div#BondWaku2{
	margin-bottom:30px!important;
}
div#underContents #borderHidden{
	background:url(../../../common_images/borderHiddenbg.gif) repeat-y;
	padding:0;
	margin:0;
	vertical-align:top;
	border-top:0px;
}
div#underContents #borderHidden img{
	position:relative;
	top:-3px;
	left:1px;
}
div#underContents #borderHidden img.hidden2_2{
	position:relative;
	top:-7px;
	_top:-15px;
	left:1px;
	zoom:1;
}
#discUl{
	list-style-type: disc;
	margin-bottom:10px;
}
#discUl li{
	margin:0 5px 10px 15px!important;
}
.bond_p04{
	margin:0 0 10px 0!important;
}
.annotation2 dt{
	float:left;
}
.annotation2 dd{
	padding:0 10px 0 1.4em;
}
dl.annotation2 {
	margin:0!important;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
.annotation2 dl:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
