@charset "shift_jis";

/*--------------------------------------------------
  == Okasan Online Securities Common Style ==
  --------------------------------------------------
  File       : common.css
  Date       : 2010.03.01
  Last Update: 2010.08.27
--------------------------------------------------*/


/*	.section01
--------------------------------------------------*/
.section01{zoom:1;}

.section01 h4{
margin:0 0 4px 0;
}

.section01 .box{
border:1px solid #cacaca;
margin-bottom:17px;
padding:10px;
zoom:1;
}

.section01 .header{margin-bottom:10px; zoom:1;}

.section01 .img01,
.section01 .img02,
.section01 .img03{
float:left;
}

.section01 .img01{width:171px;}
.section01 .img02{width:299px;}
.section01 .img03{width:177px;}

.section01 li{
float:left;
margin-bottom:10px;
}

.note01{
text-align:right;
font-size:83%;
color:#8f8f8f;
}

/*	.section02
--------------------------------------------------*/
.section02{
margin-bottom:15px; zoom:1;}

.section02 h4{
margin:0 0 10px 0;
}

.section02 table{
width:650px; margin:0 auto 10px; border:none;}

.section02 table td,
.section02 table tr
{border:none;
vertical-align:top;}

.section02 table td.border{
border:solid 1px #cccccc;
padding:10px;}

.section02 table p.img{
text-align:center;
padding:0 0 10px 0;
}

.section02 table p.ssttl{
padding:0 0 5px 0;
}

.section02 table p.last{
margin-top:10px;
}

.section02 .ttl-365fx{
margin-bottom:5px;
text-align:center;
}

/*	.section03
--------------------------------------------------*/
.section03{margin-bottom:15px; zoom:1;}

.section03{
background:#fbfef2;
border:1px solid #cacaca;
margin-bottom:15px;
padding:10px;
}
.section03 .img{
float:left;
width:281px;
}
.section03 .txt{
float:right;
width:355px;
}

/*	.section04
--------------------------------------------------*/
.section04{margin-bottom:15px;}

.section04 li{
float:left;
padding-right:10px;
margin-bottom:0;
width:160px;
}
.section04 li.last{
padding-right:0;
}
.section04 li .img{
margin-bottom:10px;
}
.section04 li .txt img{
float:left;
width:32px;
}
.section04 li .txt span{
display:block;
float:right;
width:125px;
}

/*	.section05 *2010.08.27 アップデート*
--------------------------------------------------*/
.section05{margin-bottom:15px; zoom:1;}

.section05 h4 {
margin-bottom:4px;
}

.section05 .img {
margin-bottom:8px;
}

.section05 .box{
border:1px solid #cacaca;
padding:10px;
zoom:1;
}

/*	.section06
--------------------------------------------------*/
.section06{margin-bottom:15px; zoom:1;}

.section06 h4{
margin-bottom:4px;
}

.section06 .box{
border:1px solid #cacaca;
padding:10px;
zoom:1;
}

/*	.section07
--------------------------------------------------*/
.section07{margin-bottom:15px; zoom:1;}

.section07 h3{
margin-bottom:5px;
}

.section07 .header{margin-bottom:2px; zoom:1;}

.section07 .header h5{
margin:0 11px 2px 0;
float:left;
display:inline;
}

.section07 .header .last{
margin-right:0 !important;
}

.section07 .box{
width:670px;
background-image: url(/fx/images/attractive_st07_bgtop.gif);
background-repeat: no-repeat;
}

.section07 .box-inner{
padding:8px 0 8px 0;
background-image: url(/fx/images/attractive_st07_bgbtm.gif);
background-repeat: no-repeat;
background-position: bottom;
zoom:1;
}

.section07 .col01,
.section07 .col02,
.section07 .col03{
width:214px;
float:left;
display:inline;
}

.section07 .col01{margin-left:1px;}
.section07 .col02{margin-left:13px;}
.section07 .col03{margin-left:13px;}

/*	.imgList01
--------------------------------------------------*/
.imgList01{
position:relative;
}
.imgList01 .img01,
.imgList01 .img02,
.imgList01 .img03,
.imgList01 .img04{
position:absolute;
}
.imgList01 .img01{
top:0;
left:0;
}
.imgList01 .img02{
top:0;
left:193px;
}
.imgList01 .img03{
top:106px;
left:0;
}
.imgList01 .img04{
top:82px;
left:193px;
}

/*	.tbl-compare-01
--------------------------------------------------*/
.tbl-compare-01 th,
.tbl-compare-01 td{text-align:center !important;}

/*	.imgList02
--------------------------------------------------*/
.imgList02 li{
float:left;
padding-right:10px;
width:154px;
margin-bottom:0;
}
.imgList02 li.last{
padding-right:0;
}

/*	.uList01
--------------------------------------------------*/
ul.uList01{
margin:0 8px;
}

.uList01 li{
padding-left:8px;
background-image: url(/fx/images/icon02.gif);
background-repeat: no-repeat;
background-position: left 6px;
}

/*==================================================
	ClearFix
==================================================*/
.section01:after,
.section01 .box:after,
.section01 .header:after,
.section02:after,
.section03:after,
.section04:after,
.section05:after,
.section05 .box:after,
.section07:after,
.section07 .header:after,
.section07 .box:after,
.section07 .box-inner:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}

/*==================================================
	hasLayout Swicth
==================================================*/
/*
div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,th,td,form,fieldset,legend{ zoom:1; }
*/

ul li,
ol li{ zoom:normal; }