/*

	StyleSheet by David Herreman

	http://www.free-css-templates.com

*/



* {

	margin:0;

	padding:0;

}



body {

	padding : 0;

	margin : 0;

	line-height : 1.5em;

	background : #fff url(../images/bg.jpg) repeat-x top;

	color : #454545;

	font: "MS Gothic";

	font-size: 12px;

}

a {
	color:#00F;
	text-decoration:underline;

}

a:hover {

	color: #FF6600;

	text-decoration : underline;

}

p {

	margin : 5px 0;

}

ul {

	margin : 0;

	padding : 0;

	list-style : none;

}

img {

	border : 0;
	vertical-align:bottom;

}

hr {

	height : 1px;

	border-style : none;

	color : #d0d0d0;

	background-color : #c0c0c0;

	margin : 10px 0;

}

.content {

	margin : 0 auto;

	width : 900px;

}

#preloaded-images {

	height: 0;

	width: 0;

}

#top {
	padding-top : 0;
	background: url(../images/top.jpg) no-repeat top left;
	height : 165px;
	position: relative;
}

#top h1 {

	float: right;

	font-size: 12px;

	color: #666666;

	padding : 5px 0 0 0;

	margin : 0;

	letter-spacing : 1px;

	width: 320px;

	font-weight: normal;

}

#top .caption {

	border-left: #CCC 1px solid;

	border-bottom: #CCC 1px solid;

	float: right;

}

#top .caption a{

	font-size:11px;

	padding: 5px;

	color: #999;

	text-decoration: none;

}

#top .caption a:hover{

	color: #FF3300;

}

#menu {

	margin : 1px 0 0 0;

	background: #B4E04B;

	height : 50px;

	padding-top : 0;

}

#menu ul {

	padding: 12px 0 0 35px;

}

#menu li {

	float:left;

	display : inline;

	margin-right: 20px;

}

#menu li a {

	padding : 0;

	font-weight : bold;

	color : #fff;

	width: 150px;

	height: 0px;

	padding-top: 38px;

	overflow: hidden;

	background-image: url(../images/caps.jpg);

	background-repeat: no-repeat;

	display:block;

}

#menu li#nav-home a { background-position: 0px -2px; }

#menu li#nav-hot a { background-position: -150px -2px; }

#menu li#nav-new a { background-position: -300px -2px; }

#menu li#nav-practice a { background-position: -450px -2px; }

#menu li#nav-tutorial a { background-position: -450px -2px;}

#menu li#nav-shoken a { background-position: -600px -2px; width:150px; }


#menu li#nav-home a.current { background-position: 0px -40px; }

#menu li#nav-hot a.current { background-position: -150px -40px; }

#menu li#nav-new a.current { background-position: -300px -40px; }

#menu li#nav-practice a.current { background-position: -450px -40px; }

#menu li#nav-tutorial a.current { background-position: -450px -40px;}

#menu li#nav-shoken a.current { background-position: -600px -40px; width:150px; }


#main {

	width : 900px;

	margin : 0;

	padding : 0;
/*
	background: url(../images/mainbg.jpg) repeat-x;
*/
}



#main #left_side {

	background : inherit;

	padding-top : 40px;

	padding-left: 15px;

	width : 180px;

	float: left;

	height: auto;

}

#left_side .pad {

	width: 180px;

	margin-bottom: 25px;

}

#left_side .pad #top-op1{

	height: 55px;

	background: url(../images/caps.jpg) 0 -105px no-repeat;

	width: 170px;

}

#left_side .pad #top-op2{

	height: 62px;

	background: url(../images/caps.jpg) -170px -105px no-repeat;

	width: 170px;

}

#left_side .pad #body{

	height:auto;

	border-left: #CCC solid 1px;

	border-right: #CCC solid 1px;

	background: #FFF;

	padding: 5px 3px 5px 7px;

	color: #006699;

}

#left_side .pad #body strong{ color: #666; }



#left_side .pad #bottom{

	height: 12px;

	background: url(../images/caps.jpg) -340px -105px no-repeat;

	width: 170px;

}

#left_side .pad #body h3 {

	background: url(../images/caps.jpg) -580px -81px no-repeat;

	padding-bottom: 5px;

	height: auto;

	margin : 0;

	color: #73981B;

}

#left_side .pad #body h3 a{

	font-size: 13px;

	padding-left: 12px;

	font-weight: normal;

}

#left_side p {

	color : #454545;

	padding : 0;

	text-align : justify;

}

/* right side */

#right_side {
	padding-top : 20px;
	background : inherit;
	float : right;
	width : 705px;
	padding-left: 10px;

}



#right_side .ext{ 

	width: 93%; 

	border: dashed 1px #CCC; 

	background: #FFF; 

	padding: 5px 3%; 

	color: #006699;

	margin: 10px 0;

	float: left;

}



/* single column */

#right_side .textbox-op1-wide {

	height: auto;

	float: left;

	width: 680px;

	padding: 0 5px;

	margin-bottom: 20px;

}



#right_side .textbox-op1-wide #title {}

#right_side .textbox-op1-wide #title #start {

	background: url(../images/caps.jpg) 0 -80px no-repeat;

	width: 19px;

	height: 25px;

	float: left;

}

#right_side .textbox-op1-wide #title h2 {

	float: left;

	width: 657px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

}

#right_side .textbox-op1-wide #title #end {

	background: url(../images/caps.jpg) -20px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side .textbox-op1-wide #text {

	height: auto;

	padding: 10px 15px 0px 15px;

	background: #FFF;

	border-left: 1px #CCC solid;

	border-right: 1px #CCC solid;

	width: 648px;

	float: left;

}

#right_side .textbox-op1-wide #text-color {

	height: auto;

	padding: 10px 15px 0px 15px;

	background: #FFF9DD;

	border-left: 1px #CCC solid;

	border-right: 1px #CCC solid;

	width: 648px;

	float: left;

}

#right_side .textbox-op1-wide #text-end{

	background: url(../images/caps.jpg) 0 -170px no-repeat;

	width: 680px;

	height: 9px;

	float: left;

}

#right_side .textbox-op1-wide #text-end-color{

	background: url(../images/caps.jpg) 0 -180px no-repeat;

	width: 680px;

	height: 8px;

	float: left;

}

#right_side .textbox-op2-narrow {

	height: auto;

	width: 350px;

	margin-bottom: 20px;

	padding: 0 5px;

	float: left;

}

#right_side .textbox-op2-narrow #title {}

#right_side .textbox-op2-narrow #title #start {

	background: url(../images/caps.jpg) -25px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side .textbox-op2-narrow #title h2 {

	float: left;

	width: 342px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

}

#right_side .textbox-op2-narrow #title #end {

	background: url(../images/caps.jpg) -30px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side .textbox-op2-narrow #record{

	padding-left: 5px;

}



#right_side .textbox-op3{

	width: 485px;

	float: right;

	height: auto;

	margin-top: 15px;

}

#right_side .textbox-op3 #title {}

#right_side .textbox-op3 #title #start {

	background: url(../images/caps.jpg) -40px -80px no-repeat;

	width: 17px;

	height: 21px;

	float: left;

}

#right_side .textbox-op3 #title h2 {

	float: left;

	width: 463px;

	height: 21px;

	line-height: 160%;

	font-size: 13px;

	padding: 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg-alt.jpg) repeat-x;

}

#right_side .textbox-op3 #title #end {

	background: url(../images/caps.jpg) -60px -80px no-repeat;

	width: 5px;

	height: 21px;

	float: left;

}

#right_side .textbox-op3 #btext { 

	width: 463px;

	float: left;

	background: #FFF;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	padding: 5px 10px;

}

#right_side .textbox-op3 #btext-end {

	background: url(../images/caps.jpg) -70px -80px no-repeat;

	height: 6px;

	width: 485px;

	float: left;

}



#right_side .data { float:left; width: 680px; padding: 0 5px; margin-bottom: 20px; }

#right_side .data th { background-color: #B4E04B; height: 25px; width: 130px; color: #FFF; }

#right_side .data td { 

	height: 92px;

	border-left: #B4E04B 1px solid;

	border-bottom: #B4E04B 1px solid;

	text-align: center;

	vertical-align: middle;

}

#right_side h3 a { color: #2c51aa; font-size: 18px; } 

#right_side h3 a:hover { color: #FF0000; } 

#right_side .data td h3 { margin: 0; padding: 0; }

#right_side .data td h3 a{ color: #73981B; text-decoration: underline; font-size: 13px; } 

#right_side .data td h3 a:hover { color: #FF6600; }

#right_side .data th.first { width: 160px; }

#right_side .data td.end { border-right: #B4E04B 1px solid; }



#right_side .data-tables { float:left; width: 680px; padding: 0 5px; margin-bottom: 20px; }

#right_side .data-tables table{ float:left; margin-bottom: 10px; }

#right_side .data-tables th { background-color: #B4E04B; height: 25px; color: #FFF; }

#right_side .data-tables td { 

	height: 30px;

	border-left: #B4E04B 1px solid;

	border-bottom: #B4E04B 1px solid;

	text-align: center;

	vertical-align: middle;

}

#right_side .data-tables td.end { border-right: #B4E04B 1px solid; }



#right_side .btnlink{ 

	float:left; 

	height: 70px; 

	width: 680px; 

	padding: 0 5px; 

	text-align: center; 

	vertical-align:middle; 

	border-bottom: #CDCDCD dashed 1px;

	margin-bottom: 20px;

}



/*split 2 columns*/

#right_side #wide_col {

	width: 510px;

	float: left;

	clear: both;

}

#right_side #wide_col .top-box {

	float: left;

	margin-bottom: 20px;

	height: auto;

	width: 510px;

}

#right_side #wide_col .top-box #start{

	background: url(../images/caps.jpg) -165px -325px no-repeat;

	height: 8px;

	width: 510px;

}

#right_side #wide_col .top-box #body{

	background: #FFF9DD;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	height: auto;

	color: #006699;

	text-align: left;

	padding: 0px 10px;

}

#right_side #wide_col .top-box #end{

	background: url(../images/caps.jpg) -165px -333px no-repeat;

	height: 8px;

}

#right_side #wide_col .textbox-op1 {

	height: auto;

	margin-bottom: 20px;

	float: left;

	width: 510px;

}

#right_side #wide_col .textbox-op1 #title {}

#right_side #wide_col .textbox-op1 #title #start {

	background: url(../images/caps.jpg) 0 -80px no-repeat;

	width: 19px;

	height: 25px;

	float: left;

}

#right_side #wide_col .textbox-op1 #title h2 {

	float: left;

	width: 487px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

}

#right_side #wide_col .textbox-op1 #title #end {

	background: url(../images/caps.jpg) -20px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side #wide_col .textbox-op1 #text {

	height: auto;

	padding: 10px 15px 0px 15px;

	background: #FFF;

	border-left: 1px #CCC solid;

	border-right: 1px #CCC solid;

	width: 478px;

	float: left;

}

#right_side #wide_col .textbox-op1 #text h3 {

	margin: 0;

	background: url(../images/caps.jpg) -580px -100px no-repeat;

	padding-left: 10px;

	margin-top: 15px;

	color:#333;

	font-size: 12px;

	font-weight: bold;

}

#right_side #wide_col .textbox-op1 #text p {

	margin: 0;

	padding: 0 0 0 10px;

}

#right_side #wide_col .textbox-op1 #text a{

	text-decoration: underline;

}

#right_side #wide_col .textbox-op1 #text-end{

	background: url(../images/caps.jpg) 0 -200px no-repeat;

	width: 511px;

	height: 13px;

	float: left;

}



#right_side #wide_col .halfcol{

	width: 210px;

	border: 1px dashed #CCCCCC;

	padding: 8px 15px; 

	color: #006699;

	float: left;

	height: 230px;
	
	margin-bottom:10px;

}



#right_side #wide_col .halfcol strong{

	color: #666;

	border-bottom: 1px #73981B dotted;

}



#right_side #wide_col .halfcol a { float:right;}



#right_side #narrow_col{

	width: 160px;

	float: right;

	padding: 0 15px;

}

#right_side #narrow_col .textbox-op3 {

	height: auto;

	margin-bottom: 20px;

	float: left;

}



#right_side #wide_col .textbox-op2 {

	width: 510px;

	margin-bottom: 20px;

	float: left;

}

#right_side #wide_col .textbox-op2 #title {}

#right_side #wide_col .textbox-op2 #title #start {

	background: url(../images/caps.jpg) -25px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side #wide_col .textbox-op2 #title h2 {

	float: left;

	width: 502px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

}

#right_side #wide_col .textbox-op2 #title #end {

	background: url(../images/caps.jpg) -30px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side #wide_col .textbox-op2 #record {

	width: 510px;

	float: left;

}

#right_side #wide_col .textbox-op2 #record a{

	background: url(../images/icon-new.jpg) top left no-repeat;

	margin: 3px 0;

	padding-left: 60px;

	text-decoration: underline;

}

#right_side #wide_col .textbox-op2 #recommend .boxset{

	background: url(../images/caps.jpg) 0 -220px no-repeat;

	width: 160px;

	height: 200px;

	float: left;

	text-align: center;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #title {

	height: 18px;

	padding: 3px 0;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #title a{

	width: 100%;

	text-decoration: underline;

	font-weight: bold;

	background: none;

	font-size: 13px;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #image{

	height: 60px;

	padding: 3px 0;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #desc{

	font-size: 12px;

	text-align: left;

	line-height: 100%;

	overflow: hidden;

	padding: 12px 10px 3px 10px;

	height: 60px;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #enter a img.detail-hor{

	background: url(../images/btn-detail-horizontal.jpg) no-repeat;

	padding-top: 30px;

	height: 0;

	width: 112px;

}

#right_side #wide_col .textbox-op2 #recommend .boxset #enter a:hover img.detail-hor{

	background: url(../images/btn-detail-horizontal-hover.jpg) no-repeat;

	padding-top: 30px;

	height: 0;

	width: 112px;

}

#right_side #wide_col .textbox-op2 #hot .singlerow{

	float:left;

	width: 510px;

	height: 80px;

	background: url(../images/caps.jpg) -170px -350px; 

}

#right_side #wide_col .textbox-op2 #hot .singlerow #rank1{ 

	background: url(../images/caps.jpg) -230px -250px no-repeat;

	width: 43px;

	height: 75px;

	float: left;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #rank2{ 

	background: url(../images/caps.jpg) -280px -250px no-repeat;

	width: 43px;

	height: 75px;

	float: left;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #rank3{ 

	background: url(../images/caps.jpg) -330px -250px no-repeat;

	width: 43px;

	height: 75px;

	float: left;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #image{

	height: 75px;

	width: 130px;

	padding: 8px 5px;

	float: left;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #desc{

	width: 290px;

	float: left;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #desc h3{

	margin: 0;

	padding: 0;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #desc h3 a{

	text-decoration: underline;

	font-weight: bold;

	background: none;

	font-size: 13px;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #enter { 

	float: left;

	padding: 3px 0 0 10px;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #enter a img.detail-ver{

	background: url(../images/btn-detail-vertical.jpg) no-repeat;

	padding-top: 75px;

	height: 0;

	width: 26px;

}

#right_side #wide_col .textbox-op2 #hot .singlerow #enter a:hover img.detail-ver{

	background: url(../images/btn-detail-vertical-hover.jpg) no-repeat;

	padding-top: 75px;

	height: 0;

	width: 26px;

}



#right_side #narrow_col{
	width: 160px;
	float: right;
	padding: 0 10px;

}

#right_side #narrow_col .textbox-op3 {

	height: auto;

	margin-bottom: 20px;

	float: left;

	width: 160px;

}

#right_side #narrow_col .textbox-op3 #title {}

#right_side #narrow_col .textbox-op3 #title #start {

	background: url(../images/caps.jpg) 0 -80px no-repeat;

	width: 19px;

	height: 25px;

	float: left;

}

#right_side #narrow_col .textbox-op3 #title h2 {

	float: left;

	width: 137px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

}

#right_side #narrow_col .textbox-op3 #title #end {

	background: url(../images/caps.jpg) -20px -80px no-repeat;

	width: 4px;

	height: 25px;

	float: left;

}

#right_side #narrow_col .textbox-op3 #text {

	height: auto;

	padding: 10px 3px 0px 5px;

	background: #F9F9F9;

	border-left: 1px #CCC solid;

	border-right: 1px #CCC solid;

	width: 150px;

	float: left;

}

#right_side #narrow_col .textbox-op3 #text li{

	width: 140px;

}

#right_side #narrow_col .textbox-op3 #text li a{

	padding-left: 8px;	

	font-size: 13px;

	background: url(../images/caps.jpg) -550px -220px no-repeat;

}

#right_side #narrow_col .textbox-op3 #text-end{

	background: url(../images/caps.jpg) -340px -160px no-repeat;

	width: 160px;

	height: 13px;

	float: left;

}

#right_side #narrow_col .adcol{
	text-align: center;
	margin-bottom: 20px;
	padding-top: 5px;
	background-color: #FFFBDE;
	border:1px solid #CCC;
}

#left_side .adcol{
	text-align: center;
	margin-top:10px;
	margin-bottom: 20px;
	padding-top: 5px;
	background-color: #FFFBDE;
	border:1px solid #CCC;
}

#right_side #narrow_col .adcol a{


}

.date {

	border-top : 1px dotted #ccc;

	padding : 5px 0;

	margin : 10px 0 25px 0;

	text-align : right;

}

#footer {
	clear : both;
	width : 900px;
	height: 45px;
	color : #777;
	background : #fff url(../images/footbg.jpg) repeat-x;
	text-align: center;
	float: left;
	margin-top: 20px;

}

#footer .center {
	margin: 0 auto;
	text-align : center;
	background : inherit;
	width : 100%;
	color: #006699;

}

#footer a {

	text-decoration : none;

}





/*---------ここからsakata----------*/







.blue-title a {

	color:#006699;

}



.blue-title a:hover {

	color:#FF6600;

}



.green-title a {

	color:#73981B;

}



.green-title a:hover {

	color:#FF6600;

}



#blue-title a {

	color:#006699;

}



#blue-title a:hover {

	color:#FF6600;

}



#green-title a {

	color:#73981B;

}



#green-title a:hover {

	color:#FF6600;

}



p {

	margin:0;

	padding:0;

}



#pankuzu {
	height:17px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 3px;
	font-size: 10px;

}



#blogparts {

	width:200px;

	float: right;

	padding-right: 15px;

}





/*---------lecture----------*/



.lecture-box {

	padding: 10px 15px 10px 15px;

	border: 1px solid #cccccc;

	margin: 0 15px 15px 5px;

	background-color: #FFFFFF;

}



h2 {

	color:#006699;

	padding: 0;

	margin: 0;

	padding-bottom: 15px;

}



.lecture-box a {

	color:#006699;

}



.lecture-box a:hover {

	color:#FF6600;

}



.lecture-box li {

	padding:5px 5px 8px 5px;

}



.next {

	text-align:right;

	padding-right: 50px;

	padding-bottom: 15px;

	font-size: 13px;

}



#characteristic {

	padding-top:20px;

}



#answer {

	color: #FF1522;

	font-size: 15px;

	padding-top: 10px;

	line-height: 1.5em;

	}



#answer-a {

	font-weight:bold;

	font-size: 17px;

}



#order-image {

	text-align:center;

	padding-top: 25px;

}



.chart-image {

	text-align:center;

}



.chart-image02 {

	text-align:center;

	padding:15px;

}



#record li {

	list-style:none;

	height:auto;

}



#record li a {

	display:block;

	height:auto;

	

}



#fx-news {

	float:left;

	width:470px;

	margin-left: 5px;

	clear: both;

}



#fx-news li {

	list-style:none;

	height:auto;

}



#fx-news li a {

	display:block;

	height:auto;

	background: url(../images/icon-new.jpg) top left no-repeat;

	margin: 3px 0;

	padding-left: 60px;

	text-decoration: underline;

}



#news-ttl {

	width: 466px;

	height: 19px;

	line-height: 130%;

	font-size: 15px;

	padding: 3px 0 8px;

	margin: 0;

	color: #FFF;

	background: url(../images/textbox-bg.jpg) repeat-x;

	font-weight:bold;

	padding-left:4px;

}



#blue-text {

		color:#006699;

		font-weight:bold;

	}

	

.comparison-box {

	padding: 10px 15px 10px 15px;

	border: 1px solid #cccccc;

	margin: 0 15px 5px 5px;

	background-color: #F7F7F7;

}



#red-text {

	color: #FF1522;

}



#chargetop-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#chargetop-table td,#chargetop-table th {

	border:1px solid #ccc;

	width: 129px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#chargetop-table th {

	background-color:#B5E34A;

	text-align: center;

}



#chargetop-table td {

	background-color:#EDEBED;

}









#guaranty-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#guaranty-table td,#guaranty-table th {

	border:1px solid #ccc;

	width: 161px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#guaranty-table th {

	background-color:#B5E34A;

}



#guaranty-table td {

	background-color:#EDEBED;

}



#pair-top-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#pair-top-table td,#pair-top-table th {

	border:1px solid #ccc;

	width: 80px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#pair-top-table th {

	background-color:#B5E34A;

}



#pair-top-table td {

	background-color:#EDEBED;

}



#service-top-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#service-top-table td,#service-top-table th {

	border:1px solid #ccc;

	width: 107px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#service-top-table th {

	background-color:#B5E34A;

}



#service-top-table td {

	background-color:#EDEBED;

}





#quick-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#quick-table td,#quick-table th {

	border:1px solid #ccc;

	width: 92px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#quick-table th {

	background-color:#B5E34A;

}



#quick-table td {

	background-color:#EDEBED;

}



#charge-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#charge-table td,#charge-table th {

	border:1px solid #ccc;

	width: 129px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#charge-table th {

	background-color:#B5E34A;

}



#charge-table td {

	background-color:#EDEBED;

}



#trust-table {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc

}



#trust-table td,#trust-table th {

	border:1px solid #ccc;

	width: 129px;

	text-align: center;

	height:20px;

	vertical-align:middle;

}



#trust-table th {

	background-color:#B5E34A;

}



#trust-table td {

	background-color:#EDEBED;

}































#table-tpl {

	border: 1px solid #cccccc;

	margin: 0 15px 15px 5px;

	background-color: #F7F7F7;

	text-align: center;

	padding-bottom: 20px;

	}

	

.table-box {

	margin:0 auto -10px;

	width: 645px;

}

	

.list {

	width:645px;

	margin-bottom:25px;

	margin-left:25px;

	border-collapse:collapse;

	border:1px solid #ccc;

	margin:0;

	padding:0;

}



.list td,.list th {

	border:1px solid #ccc;

	vertical-align:middle;

}



.list th {
	background-color:#B5E34A;
	text-align: center;
	text-align: center;
	padding: 1px;

}



.list td {

	background-color:#EDEBED;

	height:40px;

	font-size:15px;

	padding: 0 15px;

}

#hot-rank {
	width:510px;
	clear: both;
	float: left;
}


.table-box2 {
	margin:0 auto 0;
	width: 510px;
	padding-top: 10px;
}

.table-box3 {
	width: 252px;
	padding-top: 10px;
	float:left;
}

.table-box4 {
	width: 252px;
	padding-top: 10px;
	float:right;
}


.list2 {
	width:510px;
	margin-bottom:25px;
	margin-left:25px;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	height: 60px;

}



.list2 td,.list2 th {
	border-collapse:collapse;

	border:1px solid #ccc;

	vertical-align:middle;
	padding:1px;

}



.list2 th {
	background-color:#B5E34A;
	text-align: center;
	font-size: 18px;
	padding: 2px;

}




.list2 td {
	background-color:#EDEBED;
	font-size:12px;
	text-align: center;

}


/*---------詳細ページ----------*/
#show-ttl {
	background: url(../images/textbox-bg.jpg) repeat-x;
	padding: 3px 10px;
	color: #FFF;
	}
	
#show-ttl a {
		color:#FFF;
	}
	
	
#text-table {
	width:100%;
	margin-bottom: 15px;
}

#show-ttl a:hover {
	color:#F60;
}

#text-table td {
	padding:5px 10px;
	}
	
.show-table01 {
	width:100%;
	text-align: center;
	border-collapse:collapse;
	border:1px solid #CCC;
	margin-bottom: 5px;
	}
	
.show-table01 td,.show-table01 th {
	border:1px solid #CCC;
	padding:3px;
	}

.text-table img {
	vertical-align:top;
	}

.show-table01 th {
	background-color:#b5e34a;
	}

.show-table-ttl{
	font-size:18px;
	}

#show-button {
	text-align:center;
}

.comparison-box2 {
	padding: 0 0 10px;
	margin: 0 0 5px 0;
	width: 720px;
	float: left;

}

.news-box {
	width:330px;
	float: left;
	padding-left: 0px;
	padding-right: 15px;
	}

.news-box li {
	list-style:none;
	line-height:1.2em;
	margin-bottom:10px;
	width:300px;
	padding-left:10px;
	}
	
h2.news-ttl {
	color:#FFF;
	background: url(../images/textbox-bg.jpg) repeat-x;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	}
	
.news-box p {
	padding-left:20px;
}

#pair-tbl table {
		width:500px;
		border-collapse:collapse;
	}
	
#pair-tbl table th,#pair-tbl table td {
	padding:3px;
	text-align:center;
	}
	
#pair-tbl table th {
	width:172px;
}

#pair-tbl table td {
	border:1px soli #CCC;
}

#info{
	font-size:10px;
}

#info a {
	color:#006699;
}

#info a:hover {
	color:#ff6600;
}

#company-info {
	font-weight:bold;
	font-size:18px;
	padding-left:100px;
	line-height:1.5em;
	
	}



#info-box {
	text-align:left;
	width: 700px;
	margin: 20px 100px;
	padding: 10px;
	border: 1px solid #ccc;
	color: #999;
}


.pair-tbl {
	border-collapse:collapse;
	}

table.list a{
	color:#069;
	font-weight:bold;
}

table.list a:hover {
	color:#ff6600;
	}

#ad {
	clear:both;
	padding:20px 15px;
	}

#side_rank {
	margin-left:10px;
	}

#side_rank li {
	padding:2px 0;
	}

#side_rank_box{
	border:1px solid #CCC;
	padding:5px 0;
	width:168px;
	margin-bottom:25px;
	background-color: #FFFBDE;
	}
#top_text {
	position:absolute;
	top:70px;
	width: 250px;
	right: 15px;
	line-height: 1.2em;
	font-size: 11px;
	}
.right_txt {
	text-align:left;
	padding:3px 10px 10px;
	font-size:11px;
	line-height:1.2em;
}
#right_side_ttl {
	font-weight:bold;
	color:#F00;
	font-size: 14px;
}
.top_group {
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;
	clear: both;
}
.top_group th {
	color:#F00;
	text-align:left;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-size:16px;
	background-color:#B5E34A;
	}

.top_group td {
	line-height:1.3em;
	padding: 5px 2px;
	}

.top_group th,.top_group td {
	

	}

.info {
	width:100%;
	border-collapse:collapse;
	}
.info th {
	font-weight:bold;
	background-color:#036;
	color:#FFF;
	height:30px;
	}

.info th,.info td {
	border:1px solid #ccc;
	font-size:12px;
	width:50%;
	text-align:center;
	vertical-align:middle;
	}
.under_group {
	border-collapse:collapse;
	width:100%;
	border:1px solid #ccc;
	}
	
.under_group th {
	color:#F00;
	text-align:left;
	padding:3px 10px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	background-color:#B5E34A;
	}
.under_group td {
	font-size:11px;
	line-height:1.2em;
	}	

.info2 {
	width:100%;
	border-collapse:collapse;
	}
.info2 th {
	font-weight:normal;
	background-color:#036;
	color:#FFF;
	height:25px;
	}

.info2 th,.info2 td {
	border:1px solid #ccc;
	font-size:10px;
	text-indent:-2px;
	width:50%;
	text-align:center;
	vertical-align:middle;
	}
.two_tbl {
	width:510px;
	float:left;
	}
	
#under_box {
	padding: 10px 15px 10px 15px;
	border: 1px solid #cccccc;
	margin: 0 15px 15px 5px;
	background-color: #FFFFFF;
	clear: both;
	}	

#red_ttl {
	color:#F00;
	font-size: 15px;	
	}
#left {
	width:45%;
	border: 1px solid #ccc;
	padding: 5px 10px;
	float: left;
	}
#right {
	width:45%;
	border: 1px solid #ccc;
	padding: 5px 10px;
	float: right;
	}

.company {
	font-weight:bold;
	text-align:center;
	font-size: 16px;
	padding-bottom: 5px;
}
#p_top {
	clear:both;
	text-align:right;
	padding-top:15px;
	font-size:11px;
	}
.top_group a {
	color:#F00;
	text-decoration:underline;
	}

.top_group a:hover {
	text-decoration:none;
	}

.under_group a {
	color:#F00;
	text-decoration:underline;
	}

.under_group a:hover {
	text-decoration:none;
	}














.tec-box_l {
	float:left;
	width:250px;
	height:208px;
	background: url(../images/bg_tec01.gif) no-repeat;
	}

.tec-box_r {
	float:right;
	width:250px;
	height:208px;
	background: url(../images/bg_tec02.gif) no-repeat;
	margin-right:5px;
	}
	
.tec-bn{
	margin:35px 25px;
	}
	
.tec-bn td {
	width: 200px;
	height:40px;
	text-indent: -9999px;
	overflow: hidden;
}

.tec01 a{ display: block; height:35px; background: url(../images/lec01_off.gif) no-repeat 0 0; }
.tec02 a{ display: block; height:35px; background: url(../images/lec02_off.gif) no-repeat 0 0; }
.tec03 a{ display: block; height:35px; background: url(../images/lec03_off.gif) no-repeat 0 0; }
.tec04 a{ display: block; height:35px; background: url(../images/lec04_off.gif) no-repeat 0 0; }
.tec05 a{ display: block; height:35px; background: url(../images/lec05_off.gif) no-repeat 0 0; }
.tec06 a{ display: block; height:35px; background: url(../images/lec06_off.gif) no-repeat 0 0; }
.tec07 a{ display: block; height:35px; background: url(../images/lec07_off.gif) no-repeat 0 0; }
.tec08 a{ display: block; height:35px; background: url(../images/lec08_off.gif) no-repeat 0 0; }

.tec01 a:hover{ background: url(../images/lec01_on.gif) no-repeat 0 0; }
.tec02 a:hover{ background: url(../images/lec02_on.gif) no-repeat 0 0; }
.tec03 a:hover{ background: url(../images/lec03_on.gif) no-repeat 0 0; }
.tec04 a:hover{ background: url(../images/lec04_on.gif) no-repeat 0 0; }
.tec05 a:hover{ background: url(../images/lec05_on.gif) no-repeat 0 0; }
.tec06 a:hover{ background: url(../images/lec06_on.gif) no-repeat 0 0; }
.tec07 a:hover{ background: url(../images/lec07_on.gif) no-repeat 0 0; }
.tec08 a:hover{ background: url(../images/lec08_on.gif) no-repeat 0 0; }