@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/1.2 "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center;background:url(imgdir/common/bg_all.gif) repeat-x center;}




p{margin:0 10px 10px;}
a{color: #C68907; text-decoration:none;}
a:visited{color: #999;}
a:hover,a:active{color: #C4B38F;}
img {border:0;}

.left { float:left;}
.right { float:right;}

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

1.レイアウトスタイル

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


/*ヘッダー*/
div#header{position:relative; width:800px; background:#F0EFE3 url(imgdir/header/bg.gif) repeat-x left bottom;}
div#header h1{font:30px Arial, Helvetica, sans-serif;height:60px;line-height:60px;margin:0;padding-left:0px;}
div#header h1 a{text-indent:-9999px; display:block;color: #000;width:310px; background:transparent url(imgdir/header/logo.gif) no-repeat; background-position:10px 30px;}
div#header h1 a:visited{color: #000;}
div#header h1 a:hover{color: #999;}
div#header strong{font-weight:normal;position:absolute;left:10px;top:10px;}
div#header ul{margin:0;position:absolute;right:2px;top:4px;font-size:10px;
}
div#header li{float:left;margin:0 5px 0 5px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:10px;}

/*メインナビゲーション*/

ul#mainnav {width:800px;list-style: none;margin:0;padding:0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
ul#mainnav li {display: inline;font-size:10px;background: transparent;}
ul#mainnav li a {text-indent:-9999px;width:200px;height:28px;display: block;float:left;line-height:28px;color: #666;text-decoration: none;font-size: 12px;font-weight:bold;text-align:center;background:#fff url(imgdir/navi/bg_off.gif) no-repeat left top;}
ul#mainnav li a:hover {background:#ccc url(imgdir/navi/bg_on.gif) top repeat-x;color:#FFFFFF;}
ul#mainnav li#m1 a {background:#ccc url(imgdir/navi/bg01_off.gif) top no-repeat;color:#666;}
ul#mainnav li#m1 a:hover {background:#ccc url(imgdir/navi/bg01_on.gif) top no-repeat;color:#FFFFFF;}
ul#mainnav li#m2 a {background:#ccc url(imgdir/navi/bg02_off.gif) top no-repeat;color:#666;}
ul#mainnav li#m2 a:hover {background:#ccc url(imgdir/navi/bg02_on.gif) top no-repeat;color:#FFFFFF;}
ul#mainnav li#m3 a {background:#ccc url(imgdir/navi/bg03_off.gif) top no-repeat;color:#666;}
ul#mainnav li#m3 a:hover {background:#ccc url(imgdir/navi/bg03_on.gif) top no-repeat;color:#FFFFFF;}
ul#mainnav li#m4 a {background:#ccc url(imgdir/navi/bg04_off.gif) top no-repeat;color:#666;}
ul#mainnav li#m4 a:hover {background:#ccc url(imgdir/navi/bg04_on.gif) top no-repeat;color:#FFFFFF;}

div#container{ background:#fff url(imgdir/common/bg.gif) no-repeat center;text-align:left;}
div#container, x:-moz-broken { background:#fff url(imgdir/common/bg.gif) no-repeat center;text-align:left; font-size;10px;}

/*コンテンツ部分の余白、行間*/
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 #CC9A2E;line-height:0;}

/*左メニュー*/
div#navigation dl{margin:0 0 0px;}
div#navigation dt{text-indent:5px;padding:3px 0;}
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{color:#000;font-weight:bold;color:#CA9421;}

div#extra div{text-align:center;margin-bottom:5px;}

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

/*下部リンク*/
div#underlink{background:#E1DFCB;padding:15px 0 5px;text-align:center;color:#333;font-size:11px;}
div#underlink a{color:#666;}
div#underlink a:hover{color:#666;text-decoration:underline;}

/*フッター*/
div#footer{background: #E1DFCB;color: #666;font-family:Arial, Helvetica, sans-serif;letter-spacing:2px;font-size:10px;}
div#footer p{margin:0;padding:5px 10px;text-align:center;}

/*ボックスレイアウト*/
div#wrapper{float:left;width:100%;padding:0;}
div#container{width:800px;margin:0 auto;padding:0 10px;}
div#pagebody{clear:both;width:602px;padding:0px 0 0;margin:0px 0 0;background:#F0F0E2 url(imgdir/top/main_content_head.gif) repeat-x left top;height:135px;}
div#content{margin:0 0 0 180px;width:620px;background:#fff;}
div#navigation{float:left;width:180px;margin-left:-800px;text-align:left;}
div#extra{float:left;margin-left:-800px;margin-top:300px;width:180px;text-align:left;}
div#underlink{clear:both;width:800px;}
div#footer{clear:both;width:800px;padding:5px 0;}

/*トップページレイアウト用*/
div#greeting{float:left;padding:6px 0 0 0;margin:0;width:800px;background:url(imgdir/common/obi.jpg) no-repeat left top;line-height:0;}
div#headerline{float:left;padding:0;line-height:0;margin:0;width:800px; background:url(imgdir/common/obi.jpg) no-repeat left top;
}
div.contentbanner{float:right;background:#fff;margin:0;text-align:center;line-height:0;width:198px;_margin-right:-5px;}

div#photo{float:left;text-align:left;line-height:0;width:602px;}
div#content_top{float:left;text-align:left;line-height:0;width:602px;}
div#indexcontent{background:#fff;}
div#indexextra{float:left;margin-top:10px;width:160px;margin-left:-160px}
div#indexextra p {line-height:140%;}
div#bottomshadow {width:806px;margin:0 auto;line-height:0;}


br.clear{clear:both;}

.constituent{width:200px;float:left; background-color:transparent;border-right:1px solid #ccc;height:135px;}
.constituent_last{width:197px;float:left; background-color:transparent;height:135px;}
dl#chara, dl#info, dl#contact{margin:0.5em 20px;line-height:160%;}
dl#chara dt, dl#info dt, dl#contact dt{display:block;text-indent:-9999px;}
dl#chara dt{width:93px;height:12px;background:url(imgdir/top/icon_chara.gif) no-repeat;}
dl#info dt{width:110px;height:12px;background:url(imgdir/top/icon_info.gif) no-repeat;}
dl#contact dt{width:73px;height:12px;background:url(imgdir/top/icon_contact.gif) no-repeat;}
dl#chara dd, dl#info dd, dl#contact dd{margin:0.5em;}


/*ニュース用*/
#news{ margin-top:-13px; font-size:11px; background:#FFFFFF;}
*+html #news{ margin-top:-20px;}
* html #news{ margin-top:-19px;}
#news h3{ margin-bottom:1em; }
#news ul{ margin:0; padding:0; }
#news ul li{ margin:0; padding:0.4em 1em; list-style-type:none; border-bottom:1px dashed #ccc; line-height:16px;}
#news ul li a{ color:#CC9A2E;}
#news ul li a:hover { color:#000;}
#news ul li.first-child { border-top:1px dashed #ccc; padding-top:1em; }
#news ul li span.date { margin:0 1em 0 0; }


#news table { border-collapse:collapse; width:602px; }
#news th ,
#news td {  border-bottom:1px dashed #ccc; padding:5px; line-height:180%; vertical-align:top; font-weight:normal; }
#news span.lfont { font-size:140%; }

#news th { white-space:nowrap; }