@charset "shift_jis";

/*--------------------------------------------------
  == Okasan Online Securities Common Style ==
  --------------------------------------------------
  File       : fx_attractive.css
  Date       : 2010.08.26
  Last Update: 2010.10.25
--------------------------------------------------*/

/*	maini2010.10.25j
--------------------------------------------------*/

.main_banner{
margin-bottom:1em;
width:670px;
padding:0;
}

.main_banner li{
text-align:center;
}

.main_banner li.left{
float:left;
}
.main_banner li.right{
float:right;
}


/*	.section01
--------------------------------------------------*/

#fx-attractive .section01 {
border:solid 1px #ccc;
margin-bottom:20px;
}

#fx-attractive .section01 .inner {
padding:19px;
}

#fx-attractive .section01 ul {
zoom:1;
}

#fx-attractive .section01 ul li {
float:left;
zoom:1;
}

#fx-attractive .section01 ul li.left {
width:227px;
padding-right:10px;
}

#fx-attractive .section01 ul li.left p img {
padding-bottom:10px;
}

#fx-attractive .section01 .section01-box {
border:solid 1px #ccc;
padding:10px;
display:block;
}

#fx-attractive .section01 .section01-box .inner {
padding:5px;
}

/*	.section02
--------------------------------------------------*/

#fx-attractive .section02 {
width:670px;
margin-bottom:20px;
}

#fx-attractive .section02 ul li{
float:left;
}

#fx-attractive .section02 ul li.left{
width:305px;
padding-right:12px;
}

#fx-attractive .section02 ul li.right{
width:352px;
}


#fx-attractive .section02 ul li p {
padding-bottom:10px;
}
#fx-attractive .section02 ul li .last {
padding-bottom:0px;
}

/*	.section04
--------------------------------------------------*/
#fx-attractive .section04 .wrap {
margin-bottom:8px;
}

#fx-attractive .section04 .last {
margin-bottom:0px;
}


/*==================================================
	ClearFix
==================================================*/
#fx-attractive .main_banner:after,
#fx-attractive .section01 ul:after,
#fx-attractive .section02 ul:after {
display:block;
clear:both;
height:0;
content:"";
}


.tesuuryou{
margin:0;
padding:0 0 10px 0;
}

.tesuuryou p.pgh-left{
margin:3px 0 0 0;
padding:0;
float:left;
}

.tesuuryou p.pgh-right{
margin:0;
padding:0;
float:right;
}

.tesuuryou:after{
display:block;
clear:both;
height:0;
content:"";
}