@charset "utf-8";
/* CSS Document */

/* all--------------------------------------------------------------------*/

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

html{
	overflow:-moz-scrollbars-vertical;
}

body{
	font-size:13px;
	color:#333333;
	background-color:#ffffff;
}

img{
	border:0px;
}

ul{
	list-style:none;
	margin:0px;
	padding:0px;

}

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

hr{
	margin:0px;
}

h1, h2, h3{
	margin:0px;
	padding:0px;
}

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


/* link---------------------------------------------------------------------------*/

a:link{
	color:#222222;
	text-decoration:none;
}

a:visited{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#666666;
	text-decoration:underline;
}

a:active{
	color:#666666;
	text-decoration:underline;
}


/* page-link---------------------------------------------------------------------------*/

#contents a:link{
	color:#c0723e;
	text-decoration:underline;
}

#contents a:visited{
	color:#d18c5d;
	text-decoration:underline;
}

#contents a:hover{
	color:#d18c5d;
	text-decoration:none;
}

#contents a:active{
	color:#d18c5d;
	text-decoration:none;
}


/* header-------------------------------------------------------------*/

#header{
	width:840px;
	height:60px;
	margin:10px auto;
}

#logo{
	margin-top:9px;
	margin-right:8px;
	float:left;
	height:51px;
	width:230px;
}

p#header-comment{
	margin-top:27px;
	float:left;
}

#ad-banner{
	float:right;
	height:60px;
	width:468px;
}


/* leader-------------------------------------------------------------------------*/

#leader{
	clear:both;
	height:92px;
	background:url(../images/leader-bg.jpg) repeat-x left top;
}

ul#navi{
	height:49px;
	width:844px;
	margin:0px auto;
}

ul#navi li{
	float:left;
}

a#navi-attention{
	height:49px;
	width:171px;
	display:block;
}

a#navi-campaign{
	height:49px;
	width:166px;
	display:block;
}

a#navi-beginner{
	height:49px;
	width:166px;
	display:block;
}

a#navi-compare{
	height:49px;
	width:166px;
	display:block;
}

#navi-end{
	height:49px;
	width:175px;
}

#navi-plus{
	width:840px;
	height:32px;
	margin:0px auto;
}

#navi-plus-new{
	font-size:12px;
	height:32px;
	float:left;
	width:360px;
	background:url(../images/navi-plus-new.jpg) no-repeat top left;
	padding-left:40px;
}

#navi-plus-new-list a{
	text-decoration:underline;
}

#navi-plus-new-list a:hover{
	text-decoration:none;
}

#navi-plus-push{
	font-size:12px;
	height:32px;
	float:left;
	width:360px;
	background:url(../images/navi-plus-push.jpg) no-repeat top left;
	padding-left:40px;
}

#navi-plus-push-list a{
	text-decoration:underline;
}

#navi-plus-push-list a:hover{
	text-decoration:none;
}


/* container-------------------------------------------------------------------------*/

#container{
	width:840px;
	margin:20px auto;
}


/* contents-------------------------------------------------------------------------*/

#contents{
	float:right;
	width:620px;
}


/* attention-------------------------------------------------------------------------*/

h1#attention-title{
	width:620px;
	height:30px;
}

#attention-box-space{
	height:220px;
	margin:15px 7px 0px;
}

#attention-whats-box{
	float:left;
	margin-right:13px;
	background-color:#f4f4f4;
	width:269px;
}

#attention-whats-box-head{
	height:32px;
	width:269px;
}

#attention-risk-box{
	float:left;
	background-color:#f4f4f4;
	width:315px;
}

#attention-risk-box-head{
	height:32px;
	width:315px;
}

#necessity-list{
	margin:15px 10px 0px;	
}

#necessity-list dt{
	font-weight:bold;
	margin-top:10px;
}

#necessity-list dd{
	background-color:#f4f4f4;
	margin-top:5px;
}

#necessity-list dd.box-text{
	padding:4px;
}

#attention-kaisetu-button{
	margin-top:10px;
	margin-left:80px;
	width:409px;
	height:69px;
	display:block;
}


/* beginner-------------------------------------------------------------------------*/

#beginner-manepa-button{
	margin:10px auto;
	display:block;
	height:69px;
	width:325px;
}


/* fx-beginner-------------------------------------------------------------------------*/

#setumei-box{
	margin:10px auto;
	width:461px;
	padding-bottom:9px;
	background:url(../images/setumei-box-foot.jpg) no-repeat left bottom;
}

#setumei-box-head{
	width:461px;
	height:22px;
}

#setumei-box .box-text{
	width:447px;
	background-color:#ededed;
}


/* fx-risk-------------------------------------------------------------------------*/

#risk-list{
	margin:15px 10px 0px;	
}

#risk-list dt{
	font-weight:bold;
	margin-top:10px;
}

#risk-list dd{
	background-color:#f4f4f4;
	margin-top:5px;
}

#risk-list dd.box-text{
	padding:4px;
}


/* kaisetu-------------------------------------------------------------------------*/

h1#kaisetu-title{
	width:620px;
	height:30px;
}

#go-gaitameonline{
	background:url(../images/flow.jpg) no-repeat left top;
	margin:15px 20px;
	padding-left:302px;
	padding-top:16px;
	width:544px;
	height:538px;
}

#kaisetu-button-space{
	width:620px;
	height:69px;
	margin-top:10px;
}

#kaisetu-gaitame-button{
	float:left;
	margin-right:2px;
	height:69px;
	width:309px;
	display:block;
}

#kaisetu-other-button{
	float:left;
	height:69px;
	width:309px;
	display:block;
}


/* campaign-------------------------------------------------------------------------*/

#campaign-table{
	margin-top:10px;
	width:618px;
}

#campaign-table tr th{
	height:25px;
	padding:0px 3px;
	background:#cccccc;
}

#campaign-table tr td{
	padding:5px 5px;
	border:1px #cccccc solid;
}

.campaign-check-button{
	display:block;
	width:82px;
	height:49px;
}


/* compare-------------------------------------------------------------------------*/

.compare-box-upper{
	padding-top:8px;
	padding-left:8px;
	border:1px solid #cccccc;
	width:590px;
	height:178px;
	margin-bottom:10px;
}

.left-box{
	width:125px;
	float:left;
	margin-right:10px;
}

.right-box{
	width:447px;
	float:left;
}

.number-1st{
	width:125px;
	height:40px;
	display:block;
	background:url(../images/con-1st.jpg) no-repeat left top;
}

.number-2nd{
	width:125px;
	height:40px;
	display:block;
	background:url(../images/con-2nd.jpg) no-repeat left top;
}

.number-3rd{
	width:125px;
	height:40px;
	display:block;
	background:url(../images/con-3rd.jpg) no-repeat left top;
}

.banner-space-upper{
	padding-top:5px;
	width:125px;
	height:125px;
}

.company-space-upper{
	width:332px;
	float:left;
}

.company-name-upper{
	height:28px;
	font-size:26px;
	display:block;
	border-bottom:1px solid #333333;
	margin-bottom:12px;
}

.company-text-upper{
}

.button-space-upper{
	margin-top:5px;
	float:right;
	margin-bottom:8px;
}

.kaisetu-button-upper{
	margin-bottom:2px;
	width:110px;
	height:55px;
	display:block;
}

.details-button-upper{
	width:110px;
	height:30px;
	display:block;
}

.con-table-upper{
	clear:both;
	border:1px solid #cccccc;
	width:447px;
	height:70px;
}

.con-table-upper th{
	background-color:#e9f6fb;
	border:1px solid #cccccc;
}

.con-table-upper td{
	text-align:center;
	border:1px solid #cccccc;
}

.compare-box-lower{
}

.con-table-lower{
	border:1px solid #cccccc;
	width:600px;
	margin-bottom:20px;
}

.con-table-lower th{
	height:25px;
	background-color:#e9f6fb;
	border:1px solid #cccccc;
}

.con-table-lower td{
	height:25px;
	text-align:center;
	border:1px solid #cccccc;
}

.kaisetu-button-lower{
	margin-bottom:2px;
	width:72px;
	height:30px;
	display:block;
}

.con-table-lower tr.gray{
	background-color:#f5f5f5;
}

#style-list{
	margin:15px 10px 0px;	
}

#style-list dt{
	font-weight:bold;
	margin-top:10px;
}

#style-list dd{
	background-color:#f4f4f4;
	margin-top:5px;
}

#style-list dd.box-text{
	padding:4px;
}


/* ranking-------------------------------------------------------------------------*/

#ranking-1st{
	width:588px;
	margin-left:15px;
}

#ranking-1st-head{
	color:#333333;
	height:44px;
	width:478px;
	font-size:26px;
	padding:40px 0px 0px 110px;
	background:url(../images/ranking-1st-head.jpg) no-repeat left top;
}

#ranking-2nd{
	width:588px;
	margin-left:15px;
}

#ranking-2nd-head{
	color:#333333;
	height:40px;
	width:478px;
	font-size:26px;
	padding:40px 0px 0px 110px;
	background:url(../images/ranking-2nd-head.jpg) no-repeat left top;
}

#ranking-3rd{
	width:588px;
	margin-left:15px;
}

#ranking-3rd-head{
	color:#333333;
	height:40px;
	width:478px;
	font-size:26px;
	padding:40px 0px 0px 110px;
	background:url(../images/ranking-3rd-head.jpg) no-repeat left top;
}

.mainarea{
	width:518px;
	padding:5px 35px 10px;
	height:120px;
	background:url(../images/ranking-box-bg.jpg) repeat-y left top;
}

.banner-space-ranking{
	float:left;
	width:120px;
	height:120px;
	margin-right:10px;
}

.ranking-text{
	line-height:1.4em;
}

.specarea{
	height:86px;
	padding-left:150px;
	background:url(../images/ranking-spec.jpg) no-repeat left top;
}

.specarea ul{
	line-height:1.5em;
}

.footarea{
	height:70px;
	background:url(../images/ranking-footbg.jpg) repeat-y left top;
}

.campaign-text{
	color:#333333;
	line-height:0.9em;
	float:left;
	height:53px;
	width:300px;
	padding:10px 0px 0px 28px;
}

.ranking-kaisetu-button{
	display:block;
	float:right;
	margin:10px 0px;
	padding-right:40px;
	width:216px;
	height:53px;
}

.ranking-box-foot{
	height:11px;
	width:588px;
	background:url(../images/ranking-box-foot.jpg) no-repeat left top;
}

.ranking-lower-block{
	margin-top:7px;
	clear:both;
	margin-left:15px;
	width:588px;
	height:202px;
}

.ranking-lower-box{
	float:left;
	margin-right:13px;
	width:187px;
	height:202px;
	background:url(../images/ranking-lower-bg.jpg) no-repeat left top;
}

.box-right{
	margin-right:0px;
}

.ranking-lower-title{
	padding:12px 0px 0px 20px;
}

.hitokoto{
	width:145px;
	height:70px;
	padding:26px 0px 0px 23px;
}

.banner-space-lower{
	margin:5px 0px 0px 35px;
}


/* details-------------------------------------------------------------------------*/

#details-top{
	margin-left:5px;
}

#ss-text{
	font-family:"HGP明朝E","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top:15px;
	margin-bottom:5px;
	font-size:16px;
	padding-left:80px;
}

#details-ss{
	float:left;
	width:260px;
	height:240px;
	margin-right:15px;
}

#company-outline{
	width:320px;
	height:240px;
	float:left;
}

#company-outline h2{
	background:url(../images/company-name-bg.jpg) no-repeat left top;
	width:303px;
	height:37px;
	font-size:24px;
	font-weight:lighter;
	font-family:"HGP明朝E","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	padding-top:7px;
}

#company-outline h3{
	margin-top:20px;
	padding:0px 5px;
	font-size:16px;
	color:#ff2222;
}

#company-outline p{
	margin-top:10px;
	padding:0px 5px;
}

.space{
	clear:left;
	display:block;
	height:10px;
}

.details-kaisetu-button{
	clear:both;
	margin:0px auto;
	display:block;
	width:260px;
	height:55px;
}

#campaign-box{
	width:543px;
	height:171px;
}

#campaign-left{
	float:left;
	width:150px;
	height:171px;
}

#campaign-right{
	width:393px;
	height:171px;
	float:left;
}

#campaign-head{
	width:393px;
	height:63px;
}

#campaign-body{
	width:393px;
	height:96px;
	background:url(../images/campaign-bg.jpg) repeat-y left top;
}

#campaign-body p{
	padding:10px 10px 0px 10px;
}

#check-button{
	padding-right:5px;
	float:right;
	display:block;
	width:138px;
	height:27px;
}

#campaign-foot{
	width:393px;
	height:12px;
	background:url(../images/campaign-foot.jpg) no-repeat left top;
}

.details-table{
	margin-top:10px;
	text-align:center;
	width:581px;
}

#tesuryo-table td{
	border:1px solid #e1e1e1;
}

#tesuryo-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#tesuryo-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#tesuryo-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

#spread-table td{
	border:1px solid #e1e1e1;
}

#spread-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#spread-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#spread-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

#swap-table td{
	border:1px solid #e1e1e1;
}

#swap-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#swap-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#swap-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

#pair-table td{
	border:1px solid #e1e1e1;
}

#pair-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#pair-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#pair-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

#leverage-table td{
	border:1px solid #e1e1e1;
}

#leverage-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#leverage-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#leverage-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

#other-table td{
	border:1px solid #e1e1e1;
}

#other-table .lev-1{
	height:18px;
	background-color:#e1e1e1;
}

#other-table .lev-2{
	height:18px;
	background-color:#e1e1e1;
}

#other-table .lev-3{
	font-size:20px;
	height:35px;
	background-color:#ffffff;
}

.annotation{
	margin-bottom:8px;
}


/* aboutus-------------------------------------------------------------------------*/

h1#aboutus-title{
	width:620px;
	height:30px;
}

table.aboutus{
	margin-top:20px;
}

.name{
	background-color:#f0f0f0;
	line-height:2.5em;
	width:170px;
	border-bottom:1px solid #cccccc;
}

.about-content{
	width:450px;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid #cccccc;
}


/* link-------------------------------------------------------------------------*/

h1#link-title{
	width:620px;
	height:30px;
}

#link-list{
	margin-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:2px dotted #cccccc;
}


/* linkinfo-------------------------------------------------------------------------*/

h1#link-info-title{
	width:620px;
	height:30px;
}

#link-info-box{
	padding-left:8px;
}

#link-info-box h3{
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
}


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

#sitemap-list{
	width:300px;
	margin:15px 10px 0px;	
}

#sitemap-list dt{
	font-weight:bold;
	margin-top:10px;
}

#sitemap-list dd{
	background-color:#f4f4f4;
	margin-top:5px;
}

#sitemap-list dd.box-text{
	padding:4px;
}


/* formtable ------------------------------------------------------*/

#f-table{
	line-height:2.0em;
	width:450px;
	margin:10px 0px 0px 10px;
}

#f-table tr th{
	width:150px;
	background-color:#e1e1e1;
}

#f-table tr td{
	width:300px;
	padding:3px 0px 3px 5px;
}

#f-table_kakunin{
	width:450px;
	margin:10px 0px 0px 10px;
}

#f-table_kakunin tr th{
	width:150px;
	background-color:#e1e1e1;
}

#f-table_kakunin tr td{
	width:300px;
	padding:3px 0px 3px 5px;
	border-bottom:1px solid #e1e1e1;
}


/* contents common-------------------------------------------------------------------------*/

.section{
	clear:left;
	margin-top:25px;
}

.section-title{
	color:#c0723e;
	font-size:14px;
	padding-bottom:3px;
	padding-left:3px;
	background:url(../images/section-dot.jpg) no-repeat left bottom;
}

.section-text{
	line-height:1.4em;
	margin-top:15px;
	padding-left:5px;
}

.box-text{
	line-height:1.3em;
	padding:7px 7px 3px;
}

.more{
	text-align:right;
	padding-right:7px;
	padding-bottom:5px;
}

#go-top{
	margin-bottom:10px;
	border-top:1px dotted #333333;
	width:620px;
	color:#333333;
	margin-top:10px;
	padding-top:5px;
	text-align:right;
}

.text{
	font-size:12px;
	line-height:1.5em;
	margin-top:10px;
}

.sub-title{
	margin-top:20px;
	font-size:16px;
}

.list{
	margin-top:10px;
}

.souce{
	margin-left:30px;
	margin-top:5px;
}

.pink{
	background-color:#ffccff;
}

.note{
	font-size:14px;
	font-weight:bolder;
	color:#ff0000;
}


/* side bar-------------------------------------------------------------------------*/

#side{
	float:left;
	width:204px;
}

#side-campaign-button{
	width:204px;
	height:104px;
	display:block;
}

#side-ranking{
	margin-top:6px;
	height:178px;
	width:204px;
	background:url(../images/side-ranking-bg.jpg) no-repeat left top;
}

ul li#side-ranking-1st{
	font-size:14px;
	padding-left:53px;
	padding-top:45px;
}

ul li#side-ranking-2nd{
	font-size:14px;
	padding-left:53px;
	padding-top:20px;
}

ul li#side-ranking-3rd{
	font-size:14px;
	padding-left:53px;
	padding-top:20px;
}

ul li#side-ranking-more{
	padding-left:128px;
	padding-top:13px;
}

#side-ranking-more a{
	display:block;
	height:9px;
	width:60px;
}

#side-menu{
	width:204px;
	background:url(../images/side-menu-bg.jpg) repeat-y left top;
}

#side-menu-body{
	padding:10px 0px 50px;
	background:url(../images/side-menu-foot.jpg) no-repeat left bottom;
}

#side-compare{
	width:204px;
	background:url(../images/side-menu-bg.jpg) repeat-y left top;
}

#side-compare-body{
	padding:10px 0px 50px;
	background:url(../images/side-compare-foot.jpg) no-repeat left bottom;
}

#side-info{
	width:204px;
	background:url(../images/side-menu-bg.jpg) repeat-y left top;
}

#side-info-body{
	padding:10px 0px 50px;
	background:url(../images/side-info-foot.jpg) no-repeat left bottom;
}

#side-banner{
	padding:5px 17px 10px 17px;
}


/* side-common-------------------------------------------------------------------------*/

ul.side-menu-list{
	width:204px;
}

ul.side-menu-list li{
	line-height:1.6em;
	margin-left:25px;
	padding-left:15px;
	background:url(../images/side-menu-arrow.jpg) no-repeat left 6px;
}

*html ul.side-menu-list li{
	line-height:1.6em;
	margin-left:25px;
	padding-left:15px;
	background:url(../images/side-menu-arrow.jpg) no-repeat left 7px;
}

*:first-child+html ul.side-menu-list li{
	line-height:1.6em;
	margin-left:25px;
	padding-left:15px;
	background:url(../images/side-menu-arrow.jpg) no-repeat left 7px;
}


/* footer-------------------------------------------------------------------------*/

#footer{
	clear:both;
	height:130px;
}

#footer-link{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	line-height:1.5em;
	height:60px;
	width:840px;
	padding-top:5px;
	margin:5px auto;
	border-top:1px solid #333333;
}

#powered-by{
	margin-top:20px;
	float:right;
	height:33px;
	width:166px;
}

#copyright{
	padding-top:12px;
	color:#ffffff;
	text-align:center;
	height:52px;
	background:url(../images/footer-bg.jpg) repeat-x left top;
}