/* initialize and formatting */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Myriad, Helvetica, Arial, sans-serif;
}

p{
	font-size: 13px;
	line-height: 1.8;
	color: #333333;
	margin: 10px 50px 10px 50px;
	}

.clear {
	clear: both;
	height: 1px;
}

.space{
	margin: 1px;
	}
	
.center{
	text-align: center;
	font-weight: bold;
	}

.right{
	text-align: right;
	}
	
body {
	margin: 20px; padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
	text-align: left;
	background: #34280e;
	background: url(img/back.gif)  repeat center top;
	background-attachment: fixed;
	}


a {
 text-decoration: none;
 outline: none;
}

a:link,a:visited {
	color: #d03400;
}

a:active,a:hover {
	text-decoration:underline;
	color:#AFD2DE;
}


hr { 
	width: 500px;
	border-top: 1px dotted #cccccc;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin: 5px auto 20px auto;
	text-align: center;
}




/*-- レイアウト--*/
#header {
	text-align: left;
	width: 800px;
	height: 180px;
	background: url(img/head.gif) no-repeat;
	background-color: #FFFFFF;
	margin: 0 auto;
}

#logo {
	width: 320px;
	float: left;
	text-align: left;
}
#logo img{
	margin: 20px 0 0 20px;
}

#navi{
	width: 400px;
	float: right;
	margin:30px 10px 0 0;
  border: 0px solid #333333;
}

#navi ul{
	display: block;
	margin: 5px 15px 5px 0;
	padding:0;
	text-align:right;
}
#navi li{
	list-style-type: none;
	display: inline;
    font-size: 12px;
    font-weight: bold;
	margin:0 5px 0 0;
}


#navi a {
  text-align: center;
  padding: 3px 5px;
  border-right: 2px solid #cccccc;
  border-bottom: 1px solid #cccccc;
	letter-spacing: 1px;
}

#navi a:link {
  color: #30b943;
}

#navi a:visited {
  color: #30b943;
}

#navi a:hover,navi a:active {
	color:#AFD2DE;
	border-bottom: 1px solid #ffcc00;
	text-decoration: none;
}



h1 {
	margin: 0 1px 0 15px; 
	text-align: right;
	font-size: 21px;
	font-weight: bold;
	color: #454545;
	padding: 15px 15px 5px 15px;
	border-bottom: 0px dotted #E6E6E6;
  }

h1 span.sub{
	font-size: 15px;
	letter-spacing:normal;
}

.description {
	width: 500px;
	margin: 22px 20px 20px 15px;
}


#main {
	text-align: left;
	margin: 0 auto; 
	width: 788px;
	background: #FFFFFF url(img/mainbg.png) repeat-x;
	border-right: 6px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;

 }	


#contents { 
	float: left;
	width: 560px;
	margin: 0 auto; 
    border:  0px dashed #000000;
}


/*-- コンテンツ部分 --*/
.article_navi {
	width: 570px;
	text-align:center;
	font-size: 75%;
	margin: 10px 0 0 0;
}

.fx_article {
	width: 560px;
    border:  0px dashed #E6E6E6;
	margin: 25px 0px 20px 0px;
    border:  0px dashed #000000;
}

h2.article_title {
	font-size: 18px;
	font-weight: bold;
	color: #4b4b4b;
	margin: 15px 20px 20px 15px;
	border-bottom: 1px dotted #cccccc;
	padding: 2px 0 0 16px;
	letter-spacing: 1px;
	background: url(img/h2.gif) no-repeat 0% 10%;
}

.fx_article h3 {
	font-size: 14px;
	font-weight: bold;
	color: #4b4b4b;
	margin: 10px 10px 0 10px;
	padding: 0 0px 0 30px;
	background: url(img/h3.gif) no-repeat 2% 10%;
}

.fx_top{
	width: 560px;
    border:  1px dashed #E6E6E6;
	margin: 25px 0px 20px 0px;
}

.fx_end {
	width: 480px;
	margin: 20px auto 20px auto;
	border: #E3E3E3 solid 2px;
	background-color: #f5fe7c; 
}

.fx_end p {
	margin: 10px 20px 10px 20px;
}


.fx_article p.imgleft {
	font-size: 13px;
	float: left;
	margin: 7px 12px 3px 25px;
	width: auto;
	height: auto;
	border: 0px dotted #cccccc;
}

.fx_article p.imgleft img {
  border: none;
}



.fx_article p.imgright {
	font-size: 13px;
	float: right;
	margin: 13px 50px 1px 8px;
	width: auto;
	height: auto;
}

.fx_article p.imgright img {
  border: none;
}

.fx_article p.fclear {
  clear: both;
  height: 0;
}


h3.fxsub {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 10px 10px 10px 10px;
	text-align: left;
	padding: 0;
}

.fx_data {
	font-size: 11px;
	color: #4E889A;
	margin: 10px 10px 10px 10px;
	text-align: right;
	clear: both;
	padding: 0 10px 12px 10px;
	border: #E3E3E3 solid 2px;
	background-color: #E6F1F5; 
}


.intro{
	font-size: 13px;
	line-height: 1.6;
	color: #333;
	margin: 10px 45px 10px 45px;
	background-color: #E6F1F5; 
	border: #cccccc solid 1px;
	padding: 5px 15px 5px 15px;

}

.tright {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 5px 20px 10px 50px;
	text-align: right;
	padding: 6px 7px 5px 18px;
	background: url(img/next1.gif) no-repeat 0% 45%;
	float: right;
}

blockquote {
	font-size: 12px;
	margin: 10px 20px 10px 20px;
	padding: 6px;
	border-top: #E3E3E3 solid 2px;
	border-right-width: 0;
	border-bottom: #E3E3E3 solid 2px;
	border-left-width: 0;
	background-color: #E6F1F5; 
}


#next_center{
	margin: 20px 40px 10px 40px;
	text-align : center;
}

#next_center a#bn1{
	width: 350px;
	height: 60px;
	margin: 10px auto 10px auto;
	display: block;
	background: url(img/detail.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

#next_center a#bn1:hover {
	background: url(img/detail-ov.png) no-repeat;
}

/*-- イメージBOX --*/

.fx125left{
float: left;
width : 430px;
margin: 0 0 0 10px;
text-align : left;
}

.fx125right{
margin: 15px 30px 10px 0px;
float: right;
width : 125px;
text-align : right;
}

/*FX紹介1*/
.fx125r_left{
	margin: 13px 0px 10px 50px;
	float: left;
	width : 125px;
	text-align : left;
	background-color: #E6F1F5; 
	border: #000000 solid 1px;
}


.fxbnr_center{
	margin: 3px 0px 5px 0px;
	text-align : center;
}

.fx125r_left p{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	margin: 5px 1px 5px 4px;
}


.fx125r_right{
float: right;
width : 375px;
margin: 0;
text-align : left;
	border: #000000 solid 0px;
}

.fx125r_right p{
	font-size: 13px;
	line-height: 1.8;
	color: #333333;
	margin: 10px 0px 10px 0px;
}

/*FX紹介2*/
.fx100left{
float: left;
width : 370px;
margin: 0;
text-align : left;
}

.fx100right{
margin: 15px 30px 10px 0px;
float: right;
width : 100px;
text-align : right;
font-size: 12px;
line-height: 1.8;
}

.lfx100left{
margin: 15px 0 0px 30px;
float: left;
width : 100px;
text-align : left;
font-size: 12px;
line-height: 1.8;
}

.lfx100right{
float: right;
width : 370px;
margin: 0;
text-align : left;
}

/*-- 3ボックス --*/
.box3layout{
	width: 500px;
    border:  0px solid  #E6E6E6;
	margin: 24px 20px 0 15px;
}

.box{
	width:162px;
	float:left;
	border: #000000 solid 0px;
	margin: 0px 2px 0px 2px;
}
.box img{
	border: #000000 solid 2px;
}

.box h3{
	text-align: center;
	margin: 5px 1px 10px 1px;
	font-size:12px;
	color: #A07D5E;
}

.box p{
	text-align: center;
	font-weight: bold;
	margin: 5px 1px 10px 1px;
	font-size:12px;
	color: #A07D5E;
}


/*-- メニュー --*/
#sidemenu { 
    margin: 15px 5px 0px 0;
	float: right;
	width: 220px;
	text-align: left;
    border:  0px dashed #000000;
}

.menu { 
    margin: 0;
	padding: 0;
	float: right;
	width: 220px;
	text-align: left;
}


.menu ul {
	margin: 0;
	padding: 0;
	}

.menu ul li { 
	border-bottom: 1px dashed #AFD2DE;
	background-image: url(img/bullet.gif) ;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0px 5px 25px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4;
	margin: 7px 10px 1px 10px;
	color: #eb462d;
}


.menu a{
	display:block;
	color: #00bae2;
}

.menu a:hover{
	color:#B6212D;
	text-decoration:none;
}

.small_link {
    margin: 0;
	padding: 0;
	float: right;
	width: 220px;
	text-align: left;
}

.small_link ul li { 
	list-style: disk;
	list-style-position: inside;
	font-weight: bold;
	font-size: 12px;
	margin: 3px 10px 1px 10px;
	color:#B6212D;
	border-bottom: 1px dashed #AFD2DE;
	padding: 3px 0px 3px 40px;
	}



.small_link a:hover{
	color: #B6212D;
	text-decoration: none;
}


.tabmenu{
	width: 220px;
	float: right;
    margin: 5px 0px 0px 0;
	border: solid 0px #CCCCCC;
}

.tabmenu p{
	margin: 0px 0 5px 20px;
}

.tabmenu ul{
	margin: 0;
	padding: 0;

}
.tabmenu li{
	list-style-type: none;
	display: inline;
}

.tabmenu a{
	background: url(img/bg_li.gif) no-repeat 0% 0%;
 	margin: 5px 0 5px 0;
	padding: 11px 0 10px 0;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height:12px;
	text-align: center;
}

.tabmenu a:hover,
.tabmenu a.s{
	background: url(img/bg_li_ov.gif) no-repeat 0% 0%;
}


.rank { 
    margin: 0;
	padding: 0;
	float: right;
	width: 220px;
	text-align: left;
    border:  0px solid  #E6E6E6;
}

.rank h3{
	background: url(img/bg_li.gif) no-repeat 0% 0%;
 	margin: 0px 0 5px 0;
	padding: 11px 0 10px 0;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height:12px;
	text-align: center;
}

.rank p{
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: #333333;
	margin: 5px 18px 5px 18px;
}

.rank ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: #333333;
	}

.rank ul li { 
	border-bottom: 1px dashed #AFD2DE;
	background-image: url(img/bullet.gif) ;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0px 5px 25px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4;
	margin: 7px 10px 1px 10px;
	color:#B6212D;
	text-align: left;
}


.fx_rightpr { 
    margin: 5px 0 5px 0;
	padding: 0;
	float: right;
	width: 250px;
	text-align: center;
}


.ads{
    margin: 30px 0 20px 0;
	text-align: center;
	clear: both;
	background: url(http://fx.days2good.com/img/white.gif) ;
	}


.fx_bnr{
	margin: 10px 0 10px 0;
	text-align: center;
}

.fx_bnr468{
	width: 500px;
	margin: 20px 20px 20px 15px;
	text-align: center;
}


/*Under*/
#fx_footer{
	margin: 20px 15px 20px 15px;
	text-align: left;
	line-height: 1.5;
	border-top:  3px solid #FFD700;
	clear: both;
}
#fx_footer h3{
	background: url(img/bullet.gif) no-repeat 0% 50%;
	padding: 6px 0px 5px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #4b4b4b;
	margin: 10px 0 10px 15px;
	text-align: left;

}

#fx_footer p{
	font-size: 13px;
	line-height: 1.8;
	color: #333333;
	margin: 10px 40px 10px 40px;
	}


.fx_list{
	margin: 5px 40px 5px 40px;
	text-align: left;
	line-height: 1.2;
}

.fx_list ul{
	list-style: none;
	border-right: solid 1px #666666;
	display: inline;
	font-size: 12px;
	padding-left: 3px;
}

.fx_list li{
	display: inline;
	border-left: solid 1px #666666;
	padding-left: 8px;
	padding-right: 6px;
	font-size: 12px;
}

/*UnderPick*/
.pickfx{
	width: 750px;
	border-top:  3px solid #FFD700;
	clear: both;
	margin: 25px auto 20px auto;
	text-align : left;
}

.pickfx h3 {
	background: url(img/bullet.gif) no-repeat 0% 50%;
	padding: 6px 0px 5px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	margin: 10px 0 10px 10px;
	text-align: left;
}

.pickup {
	font-size: 13px;
	font-weight: bold;
	color: #30b943;
	margin: 10px 0 10px 15px;
	text-align: center;
	padding: 2px 0px 0px 23px;
}

.pickfx p{
	margin: 12px 50px 10px 40px;
}

.pickfx p.imgleft {
	font-size: 13px;
	float: left;
	margin: 5px 12px 3px 40px;
	width: auto;
	height: auto;
	border: 0px dotted #cccccc;
}

.pickfx p.imgleft img {
  border: none;
}


.pickupr_left{
	margin: 12px 0px 10px 40px;
	float: left;
	width : 125px;
	text-align : left;
}

.pickupr_left p{
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	margin: 5px 1px 5px 4px;
}

.pickupr_right{
	float: right;
	width : 570px;
	margin: 0;
	text-align : left;
	border: #000000 solid 0px;
	}


.pickupr_right p{
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
	margin: 10px 20px 10px 15px;
	}




/*-- フッター --*/
#copyright {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 18px 0 15px 0;
	margin: 20px auto 20px auto;   
	clear: both;
	color: #d03400;
	background-color: #F1FF77;
	width: 788px;
	border-bottom: 6px solid #FFFFFF;

}

#copyright a:link, #copyright a:visited, #copyright a:active { 
	color: #d03400; 
	text-decoration:none; 
	font-weight: bold;
}

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