@charset "utf-8";
@import url("parts.css");
/* CSS Document */


p{margin:0 0 10px; line-height:140%; text-align:justify;text-justify:inter-ideograph;}

img {border:0; vertical-align:bottom; line-height:0;}
ul {margin:0;padding:0;}
li {list-style:none;}

.clear{clear:both;}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.auto {margin:0 auto;}


/**************************

1.レイアウトスタイル

**************************/

/*全体の枠*/ 
div#container {background:url(imgdir/common/background.gif) repeat-y center;text-align:left;height:100%;position:relative; }
div#container {width:800px;margin:0 auto;padding:0 15px; min-height:1em; min-height:1em; }
#footer {width:800px;background:url(imgdir/common/footer_shadow.gif) no-repeat;background-position:bottom;}

/*ヘッダー*/
#header{width:800px;background: url(imgdir/common/header.gif) no-repeat 0px 21px;height:80px;position:relative; }
#header h1 {width:800px; height:16px;border-bottom:1px solid #666;border-top:1px solid #666;font-weight:normal;color:#666;font-size:10px;margin:0;padding-top:4px; text-indent:1em;background-color:#FFFFFF;}
*html #header h1 {width:800px; height:21px;border-bottom:1px solid #666;border-top:1px solid #666;font-weight:normal;color:#666;font-size:10px;margin:0;padding-top:4px; text-indent:1em;background-color:#FFFFFF;}
#header img{margin:13px 0 0 15px;}
*html #header ul {margin:0;position:absolute;font-size:10px;width:250px;right:-5px;padding-top:5px;}
#header ul {margin:0;position:absolute;font-size:10px;width:250px;right:-10px; top:21px;}
#header li {padding-top:5px;float:left;margin:0 5px 0 10px;list-style:none;background:url(imgdir/common/toplink_cursor.gif) no-repeat left top; text-indent:15px;}
#header span img { margin:0;padding:0; position:absolute;float:right; top:55px; right:9px;}



/*メインナビゲーション*/
#mainnavi { _width:800px; height:24px; list-style: none; margin:0;padding:0 0 0 0px;font-size:10px;background:#5E5E46; }
#mainnavi ul {margin:0;padding:0; }
#mainnavi li {margin:0;padding:0;float:left; }


#mainnavi li {position:relative; }
#mainnavi li a {width:200px; height:24px; display:block;float:left; }
#mainnavi li a:hover, .mainnavi li a:active {text-decoration:none;background:#007B98;}

#mainnavi li.feature a span {position:absolute;background:url(imgdir/common/nav01.gif) no-repeat; width:100%; height:100%;cursor:pointer; }
#mainnavi li.guide a span {position:absolute;background:url(imgdir/common/nav02.gif) no-repeat; width:100%; height:100%;cursor:pointer; }
#mainnavi li.intro a span {position:absolute;background:url(imgdir/common/nav03.gif) no-repeat;width:100%;height:100%;cursor:pointer;
}
#mainnavi li.data a span {position:absolute;background:url(imgdir/common/nav04.gif) no-repeat; width:100%; height:100%;cursor:pointer; }

#mainnavi li.feature a:hover span {background:url(imgdir/common/nav01.gif) no-repeat 0 -24px; }
#mainnavi li.guide a:hover span {background:url(imgdir/common/nav02.gif) no-repeat 0 -24px; }
#mainnavi li.intro a:hover span {background:url(imgdir/common/nav03.gif) no-repeat 0 -24px; }
#mainnavi li.data a:hover span {background:url(imgdir/common/nav04.gif) no-repeat 0 -24px; }


/*サブナビゲーション*/
#subnavi {width:553px; height:53px; list-style: none; margin:0;padding:0px;font-size:10px;background:#FFF; margin-top:10px;}
*html #subnavi {width:570px; height:53px; list-style: none; margin:0;padding:0px;font-size:10px;background:#FFF; margin-top:10px;}
#subnavi ul {margin:0;padding:0; }
#subnavi li {margin:0;padding:0;float:left;display:inline;position:relative;}
#subnavi li a {width:179px; height:53px; display:block;float:left;padding-left:5px;color:#FFF;}
*html #subnavi li a {width:185px; height:53px; display:block;float:left;padding-left:5px;color:#FFF;}
#subnavi li a:hover, .mainnavi li a:active {text-decoration:none;background:#fff;}

#subnavi li.btn01 a span {position:absolute;background:url(imgdir/common/btn01.gif) no-repeat; width:100%; height:100%;cursor:pointer; }
#subnavi li.btn02 a span {position:absolute;background:url(imgdir/common/btn02.gif) no-repeat; width:100%; height:100%;cursor:pointer; }
#subnavi li.btn03 a span {position:absolute;background:url(imgdir/common/btn03.gif) no-repeat; width:100%; height:100%;cursor:pointer; }
#subnavi li.btn04 a span {position:absolute;background:url(imgdir/common/btn04.gif) no-repeat; width:100%; height:100%;cursor:pointer; }


#subnavi li.btn01 a:hover span {background:url(imgdir/common/btn01.gif) no-repeat 0 -53px; }
#subnavi li.btn02 a:hover span {background:url(imgdir/common/btn02.gif) no-repeat 0 -53px; }
#subnavi li.btn03 a:hover span {background:url(imgdir/common/btn03.gif) no-repeat 0 -53px; }
#subnavi li.btn04 a:hover span {background:url(imgdir/common/btn04.gif) no-repeat 0 -53px; }


/*コンテント左*/
#menu1 {width:255px; height:auto; margin:10px 0 10px 5px ;padding:0 8px 10px 9px;border-left:1px solid #5e5e46;}
#menu1 img {margin:0;padding:0; margin-bottom:8px;}
#menu1 dl {margin:0;padding:0;line-height:2.0em;}
#menu1 dt {border-bottom:1px dashed #999999;color:#5e5e46;font-weight:bold;}
#menu1 dd {background:url(imgdir/common/mark1.gif) no-repeat 3px 7px; text-indent:18px;border-bottom:1px dashed #999999; margin:0;color:#5e5e46;}
#menu1 p {font-size:10px; }


/*コンテント右*/
#menu2 {width:255px; height:auto; margin:10px 5px 10px 0px ;padding:0 8px 10px 9px;border-right:1px solid #5e5e46;border-left:1px solid #5e5e46;}
#menu2 img {margin:0;padding:0; margin-bottom:8px;}
#menu2 ul{margin:0;padding:0;line-height:2.0em;}
#menu2 li{border-bottom:1px dashed #999999;background:url(imgdir/common/mark1.gif) no-repeat 3px 7px; text-indent:18px;}
#menu2 p {font-size:10px; }

/*2段リスト用css*/
#menu2 li.txt {border-bottom:1px dashed #999999;background:url(imgdir/common/mark1.gif) no-repeat 3px 7px; padding:3px 0 0 18px; text-indent:0; line-height:1.5em;}

/*最新情報*/
#news {width:537px; height:705px; margin:5px 0 0 5px;padding:10px 0 10px 10px;background:url(imgdir/top/news_bg.gif) no-repeat;}
#news h2 {margin:0;padding:0;}
#news img {margin-bottom:10px;}
#news ul {margin:0;padding-left:10px;list-style:none;}
#news li{padding:0;line-height:200%;color:#666;text-align:left;}
#news a {color:#666;text-decoration:underline;}
#news a:hover {color: #003066;}

/*右バナー*/
#rightbnr {margin:0;padding:0;width:226px;position:absolute;right:27px;_right:20px;top:393px;}
#rightbnr ul {margin:0;padding:0;}
#rightbnr li {margin-bottom:7px;}
#rightbnr li.txt{font-size:10px;letter-spacing:0.2em; width:226px;}

/*アンダーリンク*/
#underlink{clear:both;float:left; display:inline;width:550px;text-align:left;color:#FFFFFF;}
#underlink ul {margin:0;padding:3px 0 0px 10px;}
#underlink li {float:left;display:inline;line-height:15px;padding:0;margin:0;font-size:12px;}
#underlink a{color:#FFFFFF;}

/*フッター*/
#footer {width:800px; height:50px;background-color:#5e5e46;color:#FFFFFF;font-size:10px;position:relative;}
#footer .foot_wrap {width:800px; height:50px;background:url(imgdir/common/foot_bdr.gif) no-repeat 551px 3px;}
/*#footer .foot01 {width:480px;margin:0;padding:5px 0 0 25px;float:left;display:inline;}*/
#footer .foot02 {width:235px;margin:0;padding:2px 10px 0px 0px;float:right;display:inline; text-align:right;}
/*#footer .foot03 {width:75px; height:15px;margin:0;padding:5px 0 0 430px;float:right;display:inline;background:url(imgdir/common/mark2.gif) no-repeat 416px 5px;}
#footer .foot03 a {color:#FFFFFF;font-size:10px; }*/
#footer .foot04 {text-indent:10px; width:235px;margin:0;padding:5px 10px 0 0;float:right;display:inline; text-align:right;background:url(imgdir/common/mark2.gif) no-repeat 62px 7px; line-height:160%;}
#footer .foot04 a {color:#FFFFFF;font-size:10px; }

/*コピーライト*/
p.copy {width:800px;margin:0 auto;padding:0; text-align:right;font-size:10px;}

/*二次階層左メニュー新*/
#navigation2 {float:left;display:inline;width:172px;margin:10px 0 0 5px;text-align:left;border-right:1px solid #5e5e46;border-left:1px solid #5e5e46;padding:0 8px 10px 8px;}
*html #navigation2 {float:left;display:inline;width:175px;margin:10px 0 0 5px;text-align:left;border-right:1px solid #5e5e46;border-left:1px solid #5e5e46;padding:0 8px 10px 8px;}
*+html #navigation2 {float:left;display:inline;width:176px;margin:10px 0 0 5px;text-align:left;border-right:1px solid #5e5e46;border-left:1px solid #5e5e46;padding:0 8px 10px 8px;}

#navigation2 ul{margin:0;padding:0;}
#navigation2 li{border-bottom:1px dashed #999999;line-height:28px;color:#666666;margin-top:0px; text-indent:2px;}
#navigation2 li.img_top {border:none;color:#666666;margin-top:0px; line-height:0px; }
#navigation2 li.img {border:none;color:#666666;margin-top:0px; _margin-top:-10px; line-height:0px;text-indent:0px;}
*:first-child+html #navigation2 li.img {border:none;color:#666666;margin-top:-10px; line-height:0px;}
#navigation2 li.end {border:none;line-height:28px;color:#666666;margin-top:0px;}
#navigation2 li.px {font-size:11px; letter-spacing:-0.2em;}
#navigation2 li.px02 {font-size:11px; letter-spacing:-0.2em;}
#navigation2 li.px02 span {font-size:11px; letter-spacing:0em;}



/*二次階層左メニュー*/
div#navigation{float:left; display:inline;width:172px;margin:10px 0 0 5px;text-align:left;}
div#navigation ul{text-align:left;margin:0;padding:0;}
div#navigation li{line-height:28px;;color:#666666;background:url(imgdir/common/navi_left.gif) repeat-y top center;width:172px;margin-top:0px;text-indent:7px;}
div#navigation li.mini{line-height:28px;color:#666666;background:url(imgdir/common/navi_left.gif) repeat-y top center;width:172px;margin-top:0px;text-indent:7px;font-size:11px; letter-spacing:-0.2em;}
div#navigation li.foot {margin-top:-5px;background:url(imgdir/common/left_bottom.gif) no-repeat bottom center;line-height:6px;height:10px;}
div#navigation li.mid {margin:0px;background:url(imgdir/common/navi_bg.gif) repeat bottom center;line-height:5px;font-size:0;
vertical-align:bottom;}
div#navigation li.img {margin:0;padding:0px;text-indent:0px;background:none;font-size:0;line-height:0;vertical-align:bottom;}
div#navigation li a {color:#666666;}
div#navigation &nbsp {line-height:5px;}

/*二次階層コンテンツ*/

#content {width:585px; margin:5px 10px 0 10px;}
/*ハック開始*/
#content .child_content {margin:0;padding:0; display:inline-table; min-height:50px;   }
#content .child_content:after {content:""; display:block;clear:both; height:1px;}

/*\*/
* html #content .child_content { height:50px;}
#content .child_content { display:block; }
/**/

/*ハック終了*/
#content .child_content {width:575px; margin-bottom:30px;padding:0 5px;}
#content .child_content ul {line-height:160%;}
#content .child_content table.plan {margin-bottom:15px;}
#content .child_content table.plan tr.ttl {text-align:center;}
#content .child_content th.plan {line-height:2em;background-color:#FFFFD9;}
#content .child_content th.plan2 {line-height:2em;background-color:#FFFFD9;}
#content .child_content th.plan3 {line-height:2em;background-color:#FFFFD9;}
#content .child_content td.plan {line-height:1.4em;padding:5px;text-align:left;}
#content .child_content td.plan2 {line-height:1.4em;padding:5px;text-align:center;}
#content .child_content th.impress {line-height:2em;padding:5px;font-weight:bold; text-align:left;}
#content .child_content td.impress {line-height:1.4em;padding:5px;border-bottom:1px solid #CCCCCC; text-align:left;}
#content .child_content th.impress_sp {padding:10px 0 0 20px;line-height:2em;background-color:#FFFFD9; }
#content .child_content table.impress2 {margin-top:50px;}
.float_img_l {float:left;padding:5px 10px 5px 0;margin-bottom:8px;}
.float_img_r {float:right;padding:5px 0 5px 10px;margin-bottom:8px;}


/*サブナビゲーション*/

#course li {margin:0;padding:0;float:left;display:inline;position:relative;}
#course li.detail a {width:101px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li.sche a {width:154px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li.appli a {width:87px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li a:hover, .mainnavi li a:active {text-decoration:none;background:#fff;}
#course li.yajirusi {margin:0;padding:0;}
#course li.detail a span {position:absolute;background:url(imgdir/common/detail.jpg) no-repeat; width:101px; height:100%;cursor:pointer; }
#course li.sche a span {position:absolute;background:url(imgdir/common/sche.jpg) no-repeat; width:154px; height:100%;cursor:pointer; }
#course li.appli a span {position:absolute;background:url(imgdir/common/appli.jpg) no-repeat; width:87px; height:100%;cursor:pointer; }

#course li.detail a:hover span {background:url(imgdir/common/detail.jpg) no-repeat 0 0; }
#course li.sche a:hover span {background:url(imgdir/common/sche.jpg) no-repeat 0 0; }
#course li.appli a:hover span {background:url(imgdir/common/appli.jpg) no-repeat 0 0; }

/*コース2*/
#course li {margin:0;padding:0;float:left;display:inline;position:relative;}
#course li.detail a {width:101px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li.sche a {width:154px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li.appli a {width:87px; height:50px; display:block;float:left;padding-left:5px;padding-right:5px;color:#FFF;}
#course li a:hover, .mainnavi li a:active {text-decoration:none;background:#fff;}
#course li.yajirusi {margin:0;padding:0;}
#course li.detail a span {position:absolute;background:url(imgdir/common/detail.jpg) no-repeat; width:101px; height:100%;cursor:pointer; }
#course li.sche a span {position:absolute;background:url(imgdir/common/sche.jpg) no-repeat; width:154px; height:100%;cursor:pointer; }
#course li.appli a span {position:absolute;background:url(imgdir/common/appli.jpg) no-repeat; width:87px; height:100%;cursor:pointer; }

#course li.detail a:hover span {background:url(imgdir/common/detail.jpg) no-repeat 0 0; }
#course li.sche a:hover span {background:url(imgdir/common/sche.jpg) no-repeat 0 0; }
#course li.appli a:hover span {background:url(imgdir/common/appli.jpg) no-repeat 0 0; }

/**************************

資料請求 お申し込み

**************************/
/*.markkome {color:#CB0000;font-size:12px;}
#z-submit  {margin:40px 0 ;}
#z-submit .pair {position:relative;margin-bottom:5px;background:url(imgdir/common/dsh.gif) repeat-x bottom;padding:5px 0 7px;}
#z-submit .pair input,#z-submit .pair select {position:absolute;left:140px;top:0;font-size:12px;line-height:160%;padding:1px;}
#z-submit .set {position:relative;margin-bottom:5px;relative;padding:5px 0;}
#z-submit .set input,#z-submit .set select {position:absolute;left:140px;top:0;font-size:12px;line-height:160%;padding:1px;}
#z-submit .multi {position:relative;margin-bottom:5px;background:url(imgdir/common/dot.gif) repeat-x bottom;padding:5px 0 7px;}
#z-submit .multi div {position:absolute;left:140px;top:0;font-size:12px;line-height:160%;padding:1px;}
#z-submit textarea {width:332px;font-size:12px;line-height:160%;}
#z-submit span {position:absolute;right:5px;top:0;line-height:180%;font-size:10px;color:#C60000;}
#z-submit p {position:absolute;left:140px;top:0;font-size:12px;line-height:160%;padding:1px;margin:3px 0;padding:0;}
#z-submit p.body {position:static;line-height:140%;margin:5px 0;padding:0;background:#fff;border:0;}
#z-submit b {color:#CB0000;font-size:12px;}

/*性別
#z-submit .pair input.sex01{position:absolute;left:140px;top:0;}
#z-submit .pair input.sex02{position:absolute;left:200px;top:0;}
#z-submit .pair input.old{position:absolute;left:275px;top:0;}
#z-submit .pair p {font-size:12px;line-height:160%;padding:1px;margin-top:-2px;}
#z-submit .pair p.sex01 {position:absolute;left:165px;top:0;}
#z-submit .pair p.sex02 {position:absolute;left:225px;top:0;}
#z-submit .pair p.old {position:absolute;left:330px;top:0;}*/

#z-submit .pair .yes {position:absolute;left:140px;top:0; z-index:1;}
#z-submit .pair .no {position:absolute;left:225px;top:0; z-index:1;}
#z-submit .pair .fin {position:absolute;left:310px;top:0; z-index:1;}
#z-submit .pair .yes2 {position:absolute;left:140px;top:24px; z-index:1;}
#z-submit .pair .no2 {position:absolute;left:225px;top:24px; z-index:1;}
#z-submit .pair .fin2 {position:absolute;left:310px;top:24px; z-index:1;}
#z-submit .pair p.member {position:absolute;left:162px;top:0px; z-index:0;}
#z-submit .pair p.member2 {position:absolute;left:162px;top:12px; z-index:0;}
#z-submit .pair p.pamphlet {position:absolute;left:162px;top:24px;}
#z-submit .pair select.what {position:absolute;left:140px;top:24px;}
#z-submit .pair select.what2 {position:absolute;left:140px;top:12px;}
#z-submit .pair .yes3 {position:absolute;left:140px;top:12px; z-index:1;}
#z-submit .pair .no3 {position:absolute;left:210px;top:12px; z-index:1;}
#z-submit .pair .fin3 {position:absolute;left:350px;top:12px; z-index:1;}

p.tosche {font-weight:bold; text-align:right; }

/**************************

会社概要

**************************/

#content #profile {margin:0;line-height:160%;}
#content #profile dl {margin:0;}
#content #profile dt {font-weight:bold;letter-spacing:2px;}
#content #profile dd {margin:0 0 8px 0;border-bottom:1px solid #CCCCCC;}

li.ol {list-style-type:decimal;}


/**************************

パンくず

**************************/
#pankuzu {margin:0;padding:0;font-size:10px; line-height:150%; margin-bottom:3px; letter-spacing:0.1em;}

/**************************

フォームテーブル

**************************/

table.formtb {margin:0; padding:0; width:95%;}
table.formtb th {margin:0; padding:5px 5px 5px 20px;background:url(imgdir/common/dsh.gif)  repeat-x left bottom;font-weight:normal;width:30%;}
table.formtb td {margin:0; padding:5px;background:url(imgdir/common/dsh.gif)  repeat-x left bottom;width:70%;}
.submitbtn {margin:10px 0 0 0;padding:0;}
.kometb { color:CB0000;}