@charset "utf-8";

/* CSS Document */
body {background:url(../img/20090401/top_bg.gif) repeat-x #eeeeee;
	font-size: 13px;
	margin: 0px;
	line-height: 18px;
	color: #333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote,form
{margin: 0;padding: 0;}

br.Clear {clear: both;font: 0pt/0pt sans-serif;}F
br.ClearLeft {clear: left;font: 0pt/0pt sans-serif;}

img {border: 0px;}
a:link, a:visited{ color:#2B5171;text-decoration: none;}
a:hover{color: #006699;text-decoration: underline;}
a:focus { outline: 0 !important; } 
.PageLink{padding-right: 5px;background-image: url(../../img/0_arrow_08.gif);background-repeat: no-repeat;background-position: left center;padding-left: 14px;}

.Special a{ color:#000;text-decoration: none; background-color:#FF0;}
.Special a:hover{color: #FF0;text-decoration: none; background-color:#000;}

/* Layout
*******************************************************************************************************************/
#TopContainer{width: 894px;margin-right: auto;margin-left: auto;padding: 0px 5px 0px 5px;}

#Container{width: 890px;margin-right: auto;margin-left: auto;background-image: url(../../img/0_bg.gif);background-repeat: repeat-y;padding: 0px 5px 0px 5px;}
#Container #Inner{padding: 20px 20px 20px 20px;}
#flashcontent {width: 890px;}
#flashcontent {height: 100%;}
#flashcontent h1{color: #666;font-size: 15px;font-weight: normal;padding: 0px;margin: 120px 20px 15px 20px;}
#flashcontent h2{color: #666;font-size: 12px;line-height: 14px;font-family: Verdana;font-weight: normal;padding: 0px;margin: 0px 20px 5px 20px;}
#flashcontent .Link{;font-size: 10px;font-family: Verdana;margin: 0px 20px 10px 20px;}
#flashcontent .Dl{color: #333;font-size: 11px;line-height: 14px;margin: 0px 20px 10px 20px;}

/* Header 
*******************************************************************************************************************/
#Header{margin-right: auto;margin-left: auto;padding:18px 0px 8px 0px;}
.HeaderTd{}
#Header #Lead h1{font-size: 12px;color: #FFFFFF;float: left;padding: 15px 0 0 0px; margin:0px;height: 16px; font-weight:bold;}

/* Flash
*******************************************************************************************************************/
#Flash{}
#FlashCon{}
#NonFlash{background-image: url(../img/200907/flash_bg.gif);background-repeat: no-repeat; padding:0px 2px 0px 2px;}
/* Main
*******************************************************************************************************************/
.Lp10{margin-bottom:10px;}
.Lp15{margin-bottom:15px;}
.Lp20{margin-bottom:20px;}

.ConTd{border-left:2px solid #000;border-bottom:2px solid #000;border-right:2px solid #000; padding:9px;}
.ConText{padding:5px;margin-bottom:10px;}
.CamTd{
	background-image: url(../img/20090401/cmp_03.gif);
	background-repeat: no-repeat;
	font-size:12px;
	background-position: left top;
}
.CamTd .Text{ padding:0px 0px 10px 3px;}
#MainImg{width: 900px;margin-right: auto;margin-left: auto;}
.CapmTd01{border-top:3px solid #0068B7;border-bottom:3px solid #0068B7;border-right:3px solid #0068B7; padding:5px;}
.CapmTd02{border-top:3px solid #FF5A00;border-bottom:3px solid #FF5A00;border-right:3px solid #FF5A00; padding:5px;}
.CapmTd03{border-top:3px solid #E91B2B;border-bottom:3px solid #E91B2B;border-right:3px solid #E91B2B; padding:5px;}
.CapmTd01Img,.CapmTd02Img{ text-align:center; margin-bottom:5px;}
.CapmTd01Text{ padding-left:8px; margin-bottom:3px;}
.CapmTd01Cap{ padding-left:8px; font-size:11px; line-height:12px;}
.TCapmTd01{border-top:3px solid #5CA913;border-bottom:3px solid #5CA913;border-right:3px solid #5CA913; padding:5px;}
.TCapmTd02{
	background-image: url(../img/201003/t_bg.gif);
	background-repeat: repeat;
}
.CampFTd{padding: 10px;border: 1px solid #CCC; vertical-align:middle;}
.CampFC{ font-size:11px; line-height:14px;}

/* Pc&Mobile
*******************************************************************************************************************/
#PmArea{margin-bottom: 15px;}
.PmTd{background-image: url(../img/20090401/pm_02.jpg);background-repeat: no-repeat;background-position: left top;}
#Pml{width: 192px;padding-top: 15px;padding-left: 30px;}
#Pmr{width: 190px;padding-top: 15px;padding-left: 45px;font-size: 12px;}
.PmCap{ font-size:11px; color:#F00;}

/* Beginner
*******************************************************************************************************************/
#Begi{background: url(../img/201004/bn_img.gif) no-repeat left top;margin-bottom: 15px;padding-left:295px;height:132px;}
#BegT{margin-bottom:10px;background: url(../img/201004/bn_t.gif) no-repeat left top #FFF100;height: 36px;}
#BegT h2{ padding:0; margin:0;text-indent: -9999px;}
#BegText{ font-size:15px; line-height:25px; padding:0px 10px 10px 10px; font-weight:bold;}

/* Signal
*******************************************************************************************************************/
#Sig{background: url(../img/201007/signal_03.gif) no-repeat left top;padding-left:295px;height:150px;}
#SigT{margin-bottom:8px;background: url(../img/201007/signal_02.gif) no-repeat left 3px;height: 32px;}
#SigT h2{ padding:0; margin:0;text-indent: -9999px;}
#SigText{ font-size:13px; line-height:20px; padding:0px 10px 10px 10px;}


/* Pro
*******************************************************************************************************************/
#ProArea{margin-bottom: 0px;}
#ProTitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-right: 15px;
	margin-left: 15px;
}
#ProA{
	background-image: url(../img/20090401/pro_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#ProText{
	line-height: 22px;
	width: 420px;
	padding-top: 15px;
	padding-left: 20px;
	color: #000;
}

.BookTd{
	padding-top:0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../img/200906/step_bg.gif);
	background-repeat: repeat-y;
}

/* Step
*******************************************************************************************************************/
#Step{margin-bottom: 20px;}
.StepTd{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../img/200906/step_bg.gif);
	background-repeat: repeat-y;
}

.StepTdText{ font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅"; line-height:16px; padding: 10px 12px 0px 5px;}
.TieTd{
	padding: 0px 10px 0px 10px;
	background-image: url(../img/200906/step_bg.gif);
	background-repeat: repeat-y;
}


/* Merit
*******************************************************************************************************************/
#Merit{margin-bottom: 15px;}
.MeritTd{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../img/20090401/mrt_f_bg.gif);
	background-repeat: repeat-y;
}
.MeritInTd{
	padding-top:10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	background-image: url(../img/20090401/mrt_bg.gif);
	background-repeat: repeat-y;
}

/* Mobile
*******************************************************************************************************************/
.MobileBg{
	background-image: url(../img/20090301/mo_bg.gif);
	background-repeat: repeat-y;
}
.MobilrText{}


/* Demo&Report
*******************************************************************************************************************/
#DsArea{margin-bottom: 20px;}
.DsTitle{
	padding: 5px;
	margin-bottom: 10px;
}
.DsTd{
	color:#003366;
	background-image: url(../img/20081015/sd_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#DsDemo{padding:0px 12px 5px 12px; margin-bottom:10px;}
#DsReport{padding:0px 12px 5px 12px; margin-bottom:10px;}
#DsBtn{
	width: 323px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#DsBtn p#Demo a{list-style: none;text-indent: -9999px;padding: 0;margin: 0;display: block;
width: 323px;height: 59px;background-position: left top;background-image: url(../img/20081015/btn_demo.gif);
}
#DsBtn p#Report a{list-style: none;text-indent: -9999px;padding: 0;margin: 0;display: block;
width: 323px;height: 59px;background-position: left top;background-image: url(../img/20081015/btn_shiryo.gif);
}
#DsBtn p#Demo a:hover{background-position: left bottom;}
#DsBtn p#Report a:hover{background-position: left bottom;}
.Dsline{font-size: 1px;line-height: 1px;background-image: url(../../img/0_pb_line.gif);background-repeat: repeat-x;height: 7px;margin: 0px 12px 10px 12px;}

/* Btn
*******************************************************************************************************************/
.ACBtn{
	width: 556px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.ACBtn p.Account a{
	list-style: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	display: block;
	width: 556px;
	height: 80px;
	background-position: left top;
	background-image: url(../img/20081015/btn_account.gif);
}
.ACBtn p.Account a:hover{background-position: left bottom;}

.DMBtn{
	width: 556px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.DMBtn p.Demo a{
	list-style: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	display: block;
	width: 556px;
	height: 80px;
	background-position: left top;
	background-image: url(../img/20081015/btn_demo_l.gif);
}
.DMBtn p.Demo a:hover{background-position: left bottom;}




/* Risk
*******************************************************************************************************************/
#Risk{
	margin-bottom: 20px;
	background-color: #F4F4F4;
	padding: 10px 15px 15px 15px;
}
#RiskT{
	background-image: url(../../img/0_dot02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.RiskText{
	size:14px;
	background-image: url(../../img/0_tmark.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-bottom: 8px;
	padding-left: 8px;
	font-size: 14px;
	color: #333;
}
#RiskL{
	background-image: url(../../img/0_dot02.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 3px;
	text-align: right;
}

/* Footer 
*******************************************************************************************************************/
#FooterArea{width: 860px;margin-right: auto;margin-left: auto;background-image: url(../../img/0_footer_bg.gif);background-repeat: no-repeat;background-position: left bottom;padding: 7px 20px 15px 20px;}
#FooterLink01{line-height: 26px;color: #758491;height: 26px;text-align: center;background-color: #EFF2F2;}
#FooterLink01 a{color: #758491;}
#FooterLink01 a:hover{color: #88959F;text-decoration:underline;}
#FooterLeft{float: left;background-image: url(../../img/0_footer_logo.gif);background-repeat: no-repeat;font-size: 11px;line-height: 15px;margin-top: 3px;width: 255px;color: #EBEBEB;padding: 28px 0px 0px 5px;}
#FooterRight{float: right;padding-top: 2px;}
#FooterLink02{margin-bottom: 15px;}
#FooterLink02 a{font-size: 11px;color: #EBEBEB;background-image: url(../../img/0_arrow_01.gif);background-repeat: no-repeat;background-position: left top;padding: 0px 3px 0px 13px;line-height: 13px;}
#PageTop{text-align: right;padding-right: 3px;}
#FooterCap{font-size: 13px;font-weight: normal;text-align: right;margin-bottom: 5px;color: #EBEBEB;}
#FooterCap a{color: #EBEBEB; text-decoration:none;}
#Copy{text-align: right;padding-bottom: 10px;}