@charset "utf-8";

/* CSS Document */



.left {

float:left;

}



.right {

float:right;

}



.clear {

clear:both;

}



p,h1,h2,h3,h4,h5,h6,ul,ol,dl {

padding:0;

margin:0;

}



a {

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

}



ul,ol,dl {

list-style:none;

}



body {

margin:0 auto;

padding:0;

width:950px;

}



#main {
	width:950px;
	background:#990000;
	background:url(../images/bk.gif) repeat-y;
	float: left;

}



#header {

width:920px;

height:117px;

margin:2px 15px 10px 15px;

_margin:2px 7px 10px 7px;

background:url(../images/head.gif) no-repeat;

}



#header h1 {

font-size:14px;

font-family:"MS Gothic";

color: #000000;

text-align:right;

padding-right:10px;

padding-top:10px;

}



#nav {

width:920px;

height:40px;

border-top:1px solid #DEDEDE;

border-bottom:1px solid #DEDEDE;

margin:2px 15px 10px 15px;

_margin:2px 7px 10px 7px;

}



#nav .line {

width:9px;

height:34px;

border-bottom:1px solid  #DEDEDE;

}



#nav ul {

width:900px;

height:35px;

border-left:1px solid #DEDEDE;

}



#nav  ul li {

border-top:1px solid #FFFFFF;

border-bottom:1px solid #FFFFFF;

}



#nav  ul li.nor {

width:149px;

height:33px;

background:url(../images/nav_nor.gif) repeat-x;

border-bottom:1px solid #DEDEDE;

text-align:center;

float:left;

}



#nav ul li.curr {

width:149px;

height:33px;

background:url(../images/nav_curr.gif) repeat-x;

text-align:center;

float:left;

font-weight:bold;

}



.br1 {

border-right:1px solid #DEDEDE;

}



#nav ul li a {

width:149px;

display:block;

font-family:"MS Gothic";

font-size:14px;

color:#333333;

line-height:230%;

text-decoration:none;

}



#main #mainarea {
	width:625px;
	margin:0 15px;
	_margin:0 15px 0 7px;

}



#main #mainarea p#topExp {

	width:615px;

	padding:5px;

	font:"MS Gothic";

	font-size:12px;

	color:#000000;

	border:1px solid #6DA66B;

	background:#EEFBDA;

	line-height: 1.2em;

}



#main #mainarea #news {

width:625px;

margin-top:10px;

}



#main #mainarea #news h2  {

width:625px;

height:33px;

background:url(../images/title_1.gif);

}



#main #mainarea #news h2 span {

display:none;

}



#newsCont {

width:603px;

border:1px solid #CFCFCF;

padding:10px;

}



#newsCont ul {

width:600px;

margin:10px;

}



#newsCont li {

width:600px;

background:url(../images/newsIcon.gif) left no-repeat;

line-height:180%;

border-bottom:1px dashed #E2E2E2;

list-style:none;

}



#newsCont li a {

font-family:"MS Gothic";

font-size:12px;

color:#0101FF;

padding-left:55px;

text-decoration:none;

}



#newsCont li a:hover {

text-decoration:underline;

}



#main #mainarea .info_1 {

width:625px;

margin-top:10px;

}



#main #mainarea .info_1 h2  {

width:625px;

height:33px;

background:url(../images/title_2.gif);

}



#main #mainarea .info_1 h2 span {

display:none;

}



#main #mainarea  .info_1_Cont {

width:623px;

border:1px solid #CFCFCF;

}



#main #mainarea  .info_1_Cont dl {

width:623px;

margin-top:10px;

border-bottom:1px dashed #E2E2E2;

padding-bottom:5px;

margin-bottom:10px;

_margin-bottom:5px;

}



#main #mainarea .info_1_Cont dl dt{

width:500px;

font-family:"MS Gothic";

font-size:14px;

color:#ED1C24;

font-weight:bold;

background:url(../images/icon.gif) left no-repeat;

padding-left:20px;

margin-left:15px;

margin-bottom:5px;

}



#main #mainarea .info_1_Cont dl dd {

margin:0;

width:580px;

font-family:"MS Gothic";

font-size:12px;

color:#333333;

margin-left:15px;

line-height:130%;

}



#main #mainarea .info_1_Cont .info_1_col {

padding-bottom:10px;

width:623px;

}



#main #mainarea .info_1_Cont .info_1_col .subCol {

width:198px;

margin-left:5px;

_margin-left:3px;

border:1px solid #DEDEDE;

}



#main #mainarea .info_1_Cont .info_1_col .subCol .sbuColTit {

width:196px;

height:25px;

border:1px solid #FFFFFF;

background:#ECECEC;

}



#main #mainarea .info_1_Cont .info_1_col .subCol .sbuColTit span {
	font-family:"MS Gothic";
	font-size:13px;
	color: #333333;
	background:url(../images/icon_1.gif) left no-repeat;
	line-height:185%;
	padding-left:15px;
	font-weight:bold;
	height: 25px;
	display: block;

}



#main #mainarea .info_1_Cont .info_1_col .subCol a.c_logo {

padding-top:10px;

padding-bottom:10px;

padding-left:40px;

}



#main #mainarea .info_1_Cont .info_1_col p {

width:190px;

border-top:1px dashed #E2E2E2;

font-family:"MS Gothic";

font-size:12px;

color:#333333;

padding:5px;

line-height:130%;

}



a.link {

width:40px;

font-family:"MS Gothic";

font-size:12px;

color:#6286E8;

background:url(../images/icon_2.gif) left no-repeat;

padding-left:25px;

margin-right:5px;

margin-bottom:5px;

}



#main #mainarea #info_2 h2  {

width:625px;

height:33px;

background:url(../images/title_3.gif);

}



#rank {

width:625px;

margin-top:10px;

}



#rank h2  {

width:625px;

height:33px;

background:url(../images/title_4.gif);

}



#rank h2 span {

display:none;

}



#rank #rankCont {

width:623px;

border:1px solid #CFCFCF;

}



#rank #rankCont p {

width:610px;

font-family:"MS Gothic";

font-size:12px;

color:#333333;

padding:5px;

line-height:130%;

}



#rank #rankCont table {

width:613px;

margin-left:5px;

background:#C6C6C6;

margin-bottom:10px;

}



#rank #rankCont table tr {

background:#FFFFFF;

}



#rank #rankCont table tr.title {
	height:40px;
	vertical-align: middle;

}



#rank #rankCont table tr.nor {

height:35px;

}



#rank #rankCont table tr.title td {
	font-family:"MS Gothic";
	font-size:16px;
	color:#333333;
	padding-left:15px;
	vertical-align: middle;
	font-weight: bold;

}



#rank #rankCont table tr.title td span {
	line-height:185%;
	vertical-align: middle;
	padding-left: 5px;

}

#rank #rankCont table tr.title td a {
	line-height:180%;
	color:#333;
	margin-left:5px;
	}
	
#rank #rankCont table tr.title td a:hover {
	color:#F60;
}



#rank #rankCont table tr.nor td {

font-family:"MS Gothic";

font-size:12px;

color:#333333;

}



#rank #rankCont table tr.nor td.exp {
	font-family:"MS Gothic";
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	text-align: left;
	padding: 0 10px;

}



#rank #rankCont table tr.nor td.sub {

background:#0076A3;

color:#FFFFFF;

border:1px solid #FFFFFF;

}



#agency {

width:625px;

margin-top:10px;

}



#agency h2  {

width:625px;

height:33px;

background:url(../images/title_5.gif);

}



#agency h2 span{

display:none;

}



#agency #agencyCont {

width:623px;

border:1px solid #CFCFCF;

}



#agency #agencyCont dl {

width:623px;

margin-top:10px;

padding-bottom:5px;

margin-bottom:10px;

_margin-bottom:5px;

}



#agency #agencyCont dl dt{

width:500px;

font-family:"MS Gothic";

font-size:14px;

color:#ED1C24;

font-weight:bold;

background:url(../images/icon.gif) left no-repeat;

padding-left:20px;

margin-left:15px;

margin-bottom:5px;

}



#agency #agencyCont  dl dd {

margin:0;

width:580px;

font-family:"MS Gothic";

font-size:12px;

color:#333333;

margin-left:15px;

line-height:130%;

}





.beginner {

width:308px;

margin-top:10px;

}



.beginner h2  {

width:308px;

height:33px;

background:url(../images/title_6.gif);

}



.beginner h2 span{

display:none;

}



.beginner .be_cont {
	width:306px;
	border:1px solid #CFCFCF;
	height:190px;



}



.beginner .be_cont dl {

width:306px;

margin-top:10px;

padding-bottom:5px;

margin-bottom:10px;

_margin-bottom:5px;



}



.beginner .be_cont dl dt{

width:260px;

font-family:"MS Gothic";

font-size:14px;

color:#ED1C24;

font-weight:bold;

background:url(../images/icon.gif) left no-repeat;

padding-left:20px;

margin-left:15px;

margin-bottom:5px;

}



.beginner .be_cont  dl dd {

margin:0;

width:280px;

font-family:"MS Gothic";

font-size:12px;

color:#333333;

margin-left:15px;

line-height:130%;

}



#lastest {

margin-left:9px;

}



#lastest h2  {

width:308px;

height:33px;

background:url(../images/title_7.gif);

}



/*----------------------------subarea---------------------------*/

#main #subarea {

width:280px;

}



ul#menu {

width:280px;

}



ul#menu li {

margin-bottom:3px;

}



#subarea  #list {

width:278px;

border:1px solid #C6C6C6;

background:#F9F9F9;

padding-bottom:10px;

margin-top:5px;

}



#subarea  #list h3 {

width:266px;

height:32px;

background:url(../images/title_8.gif) left no-repeat;

margin:5px 10px;

_margin:5px 0 5px 6px;

}



#subarea  #list h3 span {

display:none;

}



#list .recom {

width:260px;

margin-top:5px;

border:1px dashed #BEDB99;

background:#EFF7E0;

margin:5px 10px;

_margin:3px;

}



#list .recom h4 {

	width:220px;

	font-family:"MS Gothic";

	font-size:13px;

	color:#ED1C24;

	background:url(../images/icon_3.gif) left no-repeat;

	padding-left:10px;

	margin:5px;

}



#list .recom h4 a {

	color:#ED1C24;

}



#list .recom h4 a:hover {

	color:#B5AE00

}



#list .recom img {

margin:5px;

}



#list .recom p {

width:120px;

font-family:"MS Gothic";

font-size:13px;

color:#000000;

margin:5px;

line-height:120%;

}



#adLink {

margin-top:5px;

}



#method {

width:280px;

margin-top:10px;

}



#method h3 {

	width:280px;

	height:35px;

}



#method h3 span {

display:none;

}



#method #methodCont {

width:278px;

border-right:1px solid #C6C6C6;

border-left:1px solid #C6C6C6;

border-bottom:1px solid #C6C6C6;

}



#method #methodCont ul {

width:260px;

margin-left:10px;

margin-top:10px;

padding-bottom:10px;

}



#method #methodCont ul li {

width:120px;

float:left;

background:url(../images/icon_4.gif) left no-repeat;

padding-left:10px;

margin-bottom:10px;

}



#method #methodCont ul li a {
	font-family:"MS Gothic";
	font-size:13px;
	color:#3E3EEF;
	text-decoration:none;
	display:inline-block;

}


#method #methodCont ul li a:hover {
	text-decoration:underline;
}



.special {

width:280px;

margin-top:10px;

}



.special h3 {

width:280px;

height:35px;

background:url(../images/title_10.gif) left no-repeat;

}



.special h3 span {

display:none;

}



.special .speCont {

width:278px;

border-right:1px solid #C6C6C6;

border-left:1px solid #C6C6C6;

border-bottom:1px solid #C6C6C6;

}



.special .speCont dl {

width:260px;

margin-left:10px;

margin-top:10px;

}



.special .speCont dl dt {

font-family:"MS Gothic";

font-size:13px;

color:#ED1C24;

background:url(../images/icon_5.gif) no-repeat left;

padding-left:15px;

line-height:150%;

font-weight:bold;

margin-bottom:10px;

}



.special .speCont dl dt a {

	color:#ED1C24;

	}



.special .speCont dl dd {

	margin:0;

	background: url(../images/icon_6.gif) left no-repeat;

	padding-left:20px;

	margin-bottom:5px;

	background-position: 0 3px;

	font-size: 12px;

}



.special .speCont dl dd a {

font-family:"MS Gothic";

font-size:12px;

color:#0072BC;

text-decoration:none;

}



.special .speCont dl dd a:hover {

text-decoration:underline;

}



#special2 h3 {

width:280px;

height:35px;

background:url(../images/title_11.gif) left no-repeat;

}



#knowledge {

width:278px;

background:#F5F5F5;

border:1px dashed #CCCCCC;

margin-top:10px;

}



#knowledge h3 {

width:263px;

height:36px;

background:url(../images/title_12.gif) left no-repeat;

margin-left:10px;

padding:5px 0;

}



#knowledge h3 span {

display:none;

}



#knowledge ul {

width:250px;

margin-left:10px;

}



#knowledge ul li {

background:url(../images/icon_4.gif) left no-repeat;

margin-bottom:5px;

padding-left:15px;

}



#knowledge ul li a {

font-family:"MS Gothic";

font-size:13px;

color: #000000;

text-decoration:none;

}

#knowledge ul li a:hover {

text-decoration:underline;

}





#footer {

width:920px;

height:127px;

margin:2px 15px 10px 15px;

_margin:2px 7px 10px 7px;

background:url(../images/footer.gif) repeat-x;

text-align:center;

}



#footer p {

	font-family:"MS Gothic";

	color:#333333;

	font-size:14px;

	margin-top:50px;

	line-height: 1.5em;

}





/*-----------------------------info page----------------------------*/



#mainarea #info_title {

margin-bottom:20px;

margin-left:10px;

_margin-left:5px;

}



#mainarea dl.info {

width:610px;

margin-bottom:15px;

margin-left:12px;

_margin-left:6px;

}



#mainarea dl.info dt {

font-family:"MS Gothic";

font-size:14px;

font-weight: bold;

color:#ED1C24;

background:url(../images/info_icon1.gif) left no-repeat;

padding-left:25px;

line-height:150%;

padding-top:2px;

margin-bottom:5px;

border-bottom:1px dashed #E1E1E1;

}



#mainarea dl.info dd {

margin:0;

font-family:"MS Gothic";

font-size:13px;

color:#000000;

padding-top:5px;

line-height:130%;

}



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



#mainarea #compare_title {

margin-bottom:20px;

margin-left:10px;

_margin-left:5px;

}



.topCol {

width:612px;

margin-left:10px;

_margin-left:5px;

margin-bottom:10px;

}



.topCol ul {

	padding-bottom:15px;

}



.topCol li {

	font-size:13px;

	line-height:1.5em;

	background-image:url(../images/icon_8.gif);

	background-repeat: no-repeat;

	padding-left: 30px;

	background-position: 15px 4px;
	
	list-style:none;

}



.topCol li a {

	color:#10A2D6;



}



.topCol .colCont {

	width:610px;

	border:1px solid #DEDEDE;

}



.topCol .colCont p {

	width:600px;

	padding:10px 5px;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

	font-size:13px;

	color:#000000;

	line-height:150%;

}



.topCol .colCont dl {

width:580px;

margin-left:10px;

_margin-left:5px;

margin-top:10px;

padding-bottom:10px;

}



.topCol .colCont dl dt {

margin-bottom:3px;

margin-left:5px;

}



.topCol .colCont dl dt {

	font-family:"MS Gothic";

	font-size:13px;

	color:#005AEF;

	background:url(../images/icon_7.gif) left no-repeat;

	padding-left:10px;

}



.topCol .colCont dl dd {

margin-left:30px;

font-family:"MS Gothic";

font-size:13px;

color:#000000;

margin-bottom:10px;

}



img#compare_table_title {

_margin-left:6px;

margin-left:10px;

}



table#compareTable {

width:612px;

background:#D6D6D6;

_margin-left:6px;

margin-left:10px;

_margin-top:-5px;

#margin-top:-5px;

}



table#compareTable tr {

background:#FFFFFF;

height:50px;

}



table#compareTable tr td {

font-family:"MS Gothic";

font-size:13px;

color:#000000;

text-align:center;

}



table#compareTable tr td img {

padding:5px 0;

margin-left:30px;

}



table#compareTable tr td strong {

font-family:"MS Gothic";

font-size:13px;

color:#000000;

padding-bottom:5px;

width:185px;

text-align:center;

}



#btmNews {

width:612px;

_margin-left:6px;

margin-left:10px;

margin-top:10px;

}



#btmNews #btmNewsCont {

width:610px;

border:1px solid #D6D6D6;

}



#btmNews #btmNewsCont ul {

margin-left:15px;

width:580px;

margin-top:10px;

}



#btmNews #btmNewsCont ul li {

margin-bottom:3px;

background:url(../images/icon_4.gif) left no-repeat;

padding-left:15px;

}



#btmNews #btmNewsCont ul li a {

font-family:"MS Gothic";

font-size:13px;

color:#333333;

text-decoration:none;

}



#btmNews #btmNewsCont ul li a:hover {

text-decoration:underline;

}





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





#picDetails {

width:612px;

_margin-left:6px;

margin-left:10px;

}



#pic {
	text-align: center;
	width: 135px;

}



#pic span{
	width:120px;
	border:2px solid #cccccc;
	padding: 5px;

}



#details {
	width:455px;
	background:#F2F9E9;
	border:1px dashed #C2DE93;
	margin-left:10px;
	padding-bottom:8px;

}



#details dl {
	width:440px;
	margin-top:10px;
	margin-left:10px;

}



#details dl dt {

background:url(../images/icon_8.gif) left no-repeat;

font-family:"MS Gothic";

font-size:13px;

color:#11760F;

line-height:150%;

padding-left:15px;

font-weight:bold;

margin-bottom:5px;

}



#details dl dd {

margin:0px;

font-family:"MS Gothic";

font-size:13px;

color:#555555;

line-height:150%;

}



a#details_btn {

margin:20px 0 40px 150px;

}



table.tab {

width:612px;

background:#D7D7D7;

_margin-left:6px;

margin-left:10px;

margin-bottom:15px;

}



table.tab tr {

background:#FFFFFF;

height:35px;

}



table.tab tr td.tit {

background:#0076A3;

border:1px solid #FFFFFF;

font-family:"MS Gothic";

font-size:13px;

color:#FFFFFF;

font-weight:bold;

}



table.tab tr td {

font-family:"MS Gothic";

font-size:13px;

color:#000000;

}