@charset 'UTF-8';

@import url("contents.css");
@import url("tae.css");
@import url("top.css");

body {
	color:#222; margin:0px; text-align:center;
	background:url(../img/bg_shadow.gif) repeat-y center;}


/* ____ 共通フレーム ____ */
#container {
	width:1000px; margin:0px auto; padding:0px; }

/* ____ ヘッダー ____ */
#header{ width:1000px; height:80px; text-align:left; background:#003366; position:relative; padding:0px;}

#topmenu1_container { position:absolute; top:5px; left:230px;}
#topmenu1_container li { display:inline;}
#topmenu1_container li a{ color:#ffffff; font-weight:bold; margin:0px 10px 0px 0px; padding:5px; float:left; display:block; white-space:nowrap; text-decoration:none; }
#topmenu1_container a:hover, #topmenu1_container a.active { background:#336699; }

#topmenu2_container { position:absolute; top:7px; right:10px;}
#topmenu2_container { font-size:120%; text-align:right; display:block; font-weight:bold;}
#topmenu2_container a{ color:#fff; margin:0px; padding:5px; text-decoration:none; }
#topmenu2_container a:hover { text-decoration:underline;}

#toptab { position:absolute; bottom:0px; right:0px; width:500px;}
#toptab li { display:inline;}
#toptab li a{ color:#ffffff; text-decoration:none; font-size:120%; font-weight:bold; text-align:center;
padding:5px; display:block; width:110px; height:23;
background:#666666; float:right;
border-top:1px solid #000;
border-left:1px solid #000;}
#toptab a:hover, #toptab a.active { background:#000000; }

/*____サブナビ____*/

#subnavi{ height:55px; padding:0px 10px; border-bottom:#B0B0B0 2px solid;}
#subnavi li{ display:inline;}
#subnavi li a{ display:block; float:left; background:url(../img/subnavi.gif) no-repeat top left; height:55px; margin-right:5px; }

#subnavi .company a{ width:138px; background-position: 0px 0px;}
#subnavi .service a{ width:138px; background-position: -143px 0px;}
#subnavi .beginner a{ width:138px; background-position: -286px 0px;}
#subnavi .support a{ width:138px; background-position: -429px 0px;}
#subnavi .platform a{ width:138px; background-position: -572px 0px;}
#subnavi .faq a{ width:138px; background-position: -715px 0px;}

#subnavi .company a:hover{ width:138px; background-position: 0px -55px;}
#subnavi .service a:hover{ width:138px; background-position: -143px -55px;}
#subnavi .beginner a:hover{ width:138px; background-position: -286px -55px;}
#subnavi .support a:hover{ width:138px; background-position: -429px -55px;}
#subnavi .platform a:hover{ width:138px; background-position: -572px -55px;}
#subnavi .faq a:hover{ width:138px; background-position: -715px -55px;}

.company_on #subnavi .company a, .company_on #subnavi .company a:hover{ width:138px; background-position: 0px -55px;}
.service_on #subnavi .service a, .brabd_on #subnavi .service a:hover{ width:138px; background-position: -143px -55px;}
.beginner_on #subnavi .beginner a, .beginner_on #subnavi .beginner a:hover{ width:138px; background-position: -286px -55px;}
.support_on #subnavi .support a, .support_on #subnavi .support a:hover{ width:138px; background-position: -429px -55px;}
.platform_on #subnavi .platform a, .platform_on #subnavi .platform a:hover{ width:138px; background-position: -572px -55px;}
.faq_on #subnavi .faq a, .faq_on #subnavi .faq a:hover{ width:138px; background-position: -715px -55px;}

#subnavi_base{ background:url(../img/subnavi_base.gif) repeat-x 0px 0px; width:119px; float:left;
height:55px;}


/* ____ フッター ____ */

#footer{ font-size:110%; padding:20px 0px 15px 0px; background:#000; color:#FFF; text-align:left; padding:15px;}
#footer a{color:#FFF; text-decoration:none;}
#footer a:hover{color:#FFF; text-decoration:underline;}
#copyright{ padding:10px 0px; font-size:100%; float:right;}	
#disclosure {border-top:1px solid #EEE; text-align:center; margin-top:10px; padding-top:10px;}






/* ____ ページ上部へ ____ */
.pagetop_block { font-size:110%; margin-top:5px; text-align:right; width:706px;}
.pagetop_block img{ vertical-align:middle; margin-left:5px;}



/* ____ 汎用要素のプロパティ ____ */
a{ color: #0000FF; text-decoration: underline;}
a:hover{ text-decoration:none;}

img{ border:0px; }
dl{ margin:0px 0px; }
h1,h2,h3,h4,h5,form,p,ul,ol,li,dt,dd{ margin:0; padding:0; }
ul li, ol li{ list-style-type:none; }



/* ____ 汎用クラスのプロパティ ____ */
.padT{ margin-top:10px;}
.padB40{ margin-bottom:40px;}
.padB{ margin-bottom:10px;}
.mrgT{ margin-top:10px;}
.mrgT20{ margin-top:20px;}
.mrgB20{ margin-bottom:20px;}
.mrgR{ margin-right:10px;}
.mrgL{ margin-left:10px;}
.nowrap{ white-space: nowrap;}
.err{color:#CC0000; font-weight:bold;}
.blbold{color:#003467; font-weight:bold;}
.grbold{ color:#00A650; font-weight:bold;}
.txtcenter{ text-align:center;}
.txtleft{ text-align:left;}
.txtright{ text-align:right;}
.floatright{ float:right;}
.floatleft{ float:left;}

.hrgray { border-bottom: 1px solid #CCC;
	background: transparent; margin:15px auto; padding:0px; height:1px; font-size: 1%; }



/*float-clear */
.cfl{ clear:both; height:0pt; line-height:0pt; font-size:1px; display:block; }
/*clearfix */
.clearfix:after{ clear:both; content:"."; display:block; height:0pt; visibility:hidden;}
/*clearfix IE6用*/
* html .clearfix { height:1%;}
.clearfix { display:block;}


/* ____ フォントサイズ ____ */

#header, #container, #containerpop, #copyright, table{
	font-size:x-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

* html #header, * html #container, * html #containerpop, * html #copyright, * html table{
/* ____ xml宣言ありの場合 winIE用 ____ */
	font-size:xx-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif;}

.lsize{ font-size:140%; line-height:1.8;}
.lsize0{ font-size:140%;}
.msize{ font-size:120%; line-height:1.7;}
.ssize{ font-size:104%; line-height:1.6;}
.ssize2{ font-size:106%; line-height:1.6;}
.xssize{ font-size:85%; line-height:1.4;}
.msize0{ font-size:120%;}


.alt{ display:block; left:-5000px; position:absolute; visibility:hidden;}

/*eof*/