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

html,body{margin:0;padding:0}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center; line-height:160%; color:#333333;}
p{margin:0 10px 10px}
a{color: #000066; text-decoration:none;}
a:visited{color: #000066;}
a:hover,a:active{color: #666666;}
img {border:0;}
li {list-style:none;}


h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

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

1.レイアウトスタイル

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


/*ヘッダー*/
div#header{position:relative; width:800px;background:  url(imgdir/common/bg_head.jpg) repeat-x left bottom;height:60px;min-height:60px;}
div#header h1 {position:absolute;font-weight:normal;color:#924F46;font-size:10px;top:4px;left:11px;margin:0;padding:0;}
div#header img{margin:0px 0 0 10px;background: #fff;}
div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:5px 0;position:absolute;right:0;top:0px;font-size:10px;}
div#header li{float:left;margin:0 5px 0 10px;list-style:none;background: url(imgdir/common/cross_bk.jpg) no-repeat left 5px; text-indent:15px;}
div#header li a {color:#4E4E4E;}
div#header li a:hover {text-decoration:underline;}
div#header .li_none{float:left;margin:0 5px 0 10px;list-style:none; text-indent:15px;}
/**************************
*html div#header li{padding-top:6px;}
*:first-child+html div#header li {padding-top:6px;}
**************************/
/*メインナビゲーション*/
div#mainnavi {width:800px;}
div#mainnavi ul {margin:0;padding:0;}
div#mainnavi li {position:relative;height:47px;min-height:47px;float:left;}
div#mainnavi li a { display:block; }

div#mainnavi li#about {width:267px; }
div#mainnavi li#lineup {width:265px;}
div#mainnavi li#flow {width:268px;}


div#mainnavi li#about span {position:absolute;background: url(imgdir/navi/main.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#about a:hover span {position:absolute;background: url(imgdir/navi/main_over.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#lineup span {position:absolute;background: url(imgdir/navi/main.gif) no-repeat -267px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#lineup a:hover span {position:absolute;background:url(imgdir/navi/main_over.gif) no-repeat -267px 0; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#flow span {position:absolute;background:url(imgdir/navi/main.gif)  no-repeat -532px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#flow a:hover span {position:absolute;background:url(imgdir/navi/main_over.gif) no-repeat -532px 0; width:100%;height:100%;cursor:pointer; }


div#mainnavi li#about span#on {background-position:0 -40px;}
div#mainnavi li#gakka span#on {background-position:0 -40px;}
div#mainnavi li#school span#on {background-position:0 -40px;}

div#mainnavi li a:hover, div#mainnavi li a:active { text-decoration:none;}


/*全体の枠*/  
div#container{background:#fff;text-align:left; border: #333333 1px solid;}
div#wrapper{background:url(imgdir/common/bg_body.jpg) repeat-y top;}


/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4}
div.child_content{margin:0 0px 30px 0px;}
div.grandc_content{margin:0 10px}

/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;}

/*左メニュー
div#navigation dl{margin:0 0 8px;}
div#navigation dt{text-indent:10px; font-weight:bold;line-height:25px;background:#ccc;}
div#navigation dd{text-indent:10px;line-height:23px;margin:0;color:#000;}
div#navigation dd a{display:block;width:100%;color:#000;text-decoration:none;}
div#navigation dd a:hover{background:#e3e3e3;color:#000;font-weight:bold;text-decoration:none;}
div#navigation dd a:hover{color:#666;text-decoration:none;}

/*二次階層左メニュー新
#navigation2 {float:left;display:inline;width:194px;margin:10px 0 0 5px;text-align:left; 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:8px;}
#navigation2 li.img_top { border:none;color:#666666;margin-top:0px; line-height:0px; }
#navigation2 li.img { border:none; background:url(imgdir/common/navi_serv.gif) no-repeat left top; height:3px; margin:0; padding:0;}
*: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#pankuzu {margin:10px 1px 5px 1px; background:url(imgdir/common/bar.gif) repeat-x left bottom;padding:2px 5px; width:570px;}
*html div#pankuzu {margin:10px 1px 5px 1px; background:url(imgdir/common/bar.gif) repeat-x left bottom;padding:2px 5px; width:580px;}

/*下部リンク*/
div#underlink{border-top:1px solid #efefef;background:#4E4E4E;padding:10px 0;text-align:center;color:#FFFFFF;}
div#underlink a{color:#FFFFFF;}
div#underlink a:hover{color:#FFFFFF;text-decoration:underline;}

/*フッター*/
div#footer{background: #000;color: #FFF;}
div#footer ul{ margin:0; padding:3px 0 0 3px;}
div#footer li{float:left; background:url(imgdir/common/cross_wt.jpg) no-repeat left 5px; padding:0 0 0 15px; margin:0 15px 0 0;}
div#footer li a{ color:#FFFFFF;}
div#copy {text-align:right; margin:20px 0 0 0; padding: 0 5px 10px 0;}




/*ボックスレイアウト*/
div#wrapper{width:820px;margin:0 auto;padding:0; padding-left:20px;}
*html div#wrapper{width:820px;margin:0 auto;padding:0; }
*+html body div#wrapper{width:820px;margin:0 auto;padding:0;}
div#container{width:800px;padding:0;}

div#extra{float:left;margin-left:-780px;margin-top:350px;width:160px;text-align:left;}
div#underlink{clear:both;width:800px;}
div#footer{clear:both;width:800px}

/*トップページレイアウト用*/
div#greeting{float:left;width:800px;padding:0;margin:0;height:300px;}
div#contentbanner{float:right;background:#F9F7E9;width:160px;text-align:center;}
div#photo{float:left;text-align:left;width:800px;}
div#indexcontent{margin:0 ;width:543px; float:left; margin-left:7px; padding-bottom:10px;}
* html div#indexcontent{margin:0 ;width:542px; float:left; margin-left:4px; }
div#indexextra{float:right;width:250px;}
div#indexextra p {line-height:140%;}


br.clear{clear:both;}




#navigation{ width:195px; float:left; margin-bottom:20px;}
#navigation ul{margin:5px 0 10px 15px; padding:0;}
div#navigation li{line-height:28px;color:#666666;width:170px;margin:0;text-indent:8px; border-bottom:#E1E1E1 1px dotted;}
*html div#navigation li{line-height:28px;color:#666666;width:170px;margin:0px;text-indent:8px; margin-top:-2px;}
div#navigation .navi_top{width:172px; height:5px; background:none;}
div#navigation li a { color:#666666; display:block; width:100%;}
div#navigation li a:hover {color: #003066; background: #EBEBEB;}
div#navigation li.img { margin:0; padding:0px; text-indent:0px;background:none;font-size:0;line-height:0;vertical-align:bottom;}

.left_tit{margin:15px 0 2px 5px; border-bottom:#000000 2px solid; padding:0 0 2px 0; width:180px;}



div#content_box{margin:0 0 0 0px;width:585px;background:#fff; float:left; padding:0 5px;}

/*ハック開始*/
.gototop { text-align:right;margin-top:0px;padding:10px 0 20px; display:inline-table; min-height:1em;   }
.gototop:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html .gototop { height:1em; text-align:right; padding-bottom:20px;}
*:first-child+html .gototop { height:1em; text-align:right; padding-bottom:20px;}
.gototop { display:block; }
/**/

/*ハック終了*/