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

html,body{margin:0;padding:0}
html[xmlns] body{ font-size:0.8em;}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #902D0E; text-decoration:none;}
a:visited{color: #902D0E;}
a:hover,a:active{color: #000;}

img {border:0;}
li {list-style:none;}
.b{ font-weight:bold;}

ul.nomal li{ list-style:disc; line-height:160%;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}


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

1.レイアウトスタイル

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


/*ヘッダー*/
div#header{position:relative; width:800px;background: url(imgdir/head/bg.gif) no-repeat left top;height:68px;min-height:68px;}
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:20px 0 0 10px;}
div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0;top:0px;font-size:10px;}
div#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;}
div#header li a {color:#4E4E4E;}
div#header li a:hover {text-decoration:underline;}


*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:40px;min-height:40px;float:left;}
div#mainnavi li a { display:block; }

div#mainnavi li#about {width:200px;}
div#mainnavi li#lineup {width:200px;}
div#mainnavi li#flow {width:200px;}
div#mainnavi li#request {width:200px;}


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

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

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

div#mainnavi li#request span {position:absolute;background:url(imgdir/navi/bg.gif) no-repeat -600px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#request a:hover span {position:absolute;background:url(imgdir/navi/bg.gif) no-repeat -600px -40px; 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#message span#on {background-position:0 -40px;}

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


/*全体の枠*/  
div#container{background:#F9F7E9;text-align:left;border-left:8px solid #4E4E4E;border-right:8px solid #4E4E4E;border-bottom:1px solid #4E4E4E;}

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

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

/*左メニュー*/
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;}

/*パンくずリスト*/
div#pankuzu {margin:20px 1px;border-bottom:3px solid #1A83B6;padding:2px 5px;}

/*下部リンク*/
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: #4E4E4E;color: #FFF}
div#footer p{margin:0;padding:5px 10px;text-align:center;}


/*ボックスレイアウト*/
div#container{width:800px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:800px;padding:0;}
div#content{margin:15px; padding:15px;width:;background:#fff;}
div#navigation{float:left;width:160px;margin-left:-780px;text-align:left;}
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 0 0 0px;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:8px; padding-bottom:10px;}
* html div#indexcontent{margin:0;width:542px; float:left; margin-left:4px; padding-left:1px; }
div#indexextra{float:right;width:249px; position:relative; left:-2px;}
div#indexextra p {line-height:140%;}


br.clear{clear:both;}