@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;color:#444; font-size:12px;}
p{margin:0 0 10px;}
a{color: #1C4196; text-decoration:none;}
a:visited{color: #6A6A6A;}
a:hover,a:active{color: #003066;text-decoration:underline;}
img {border:0;}
li {list-style:none;}

div.option p{ font-size:12px;}

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

1.レイアウトスタイル

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




div#header{position:relative; width:780px;height:60px;min-height:60px;background:transparent url(imgdir/header/bg.gif) no-repeat left;}
div#header img{margin:0 0 0 12px;}
div#header h1 {font-weight:normal;color:#666;font-size:10px;position:absolute;top:25px;left:280px;margin:0;padding:0;}
*html div#header h1 {font-weight:normal;color:#666;font-size:10px;position:absolute;top:25px;left:280px;margin:0;padding:0;}
*+html div#header h1 {font-weight:normal;color:#666;font-size:10px;position:absolute;top:25px;left:280px;margin:0;padding:0;}
div#header ul{margin:0;position:absolute;right:0;top:5px;font-size:10px;}
div#header li{float:left;margin:0 5px 0 10px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:8px;}

/*メインナビゲーション*/
ul#mainnav {width:780px;list-style: none;float: right;margin:0 0 1px 0;padding:0;border-bottom:1px solid #efefef;border-top:1px solid #f9f9f9;}
ul#mainnav li {display: inline;}
ul#mainnav li a {width:195px;display: inline;float:left;margin:0;padding:0;color: #444;text-decoration: none;font-size: 12px;font-weight:bold;text-align:left;text-indent:33px;height:38px;line-height:32px;background:#FFF url(imgdir/navi/bg.gif) top left no-repeat; background-position:-390px;}
ul#mainnav li#m1 a {background:#FFF url(imgdir/navi/bg.gif) top left no-repeat;}
ul#mainnav li a:hover {background: #ccc url(imgdir/navi/bg.gif) top left no-repeat;color: #00205C;background-position:-585px;}
ul#mainnav li#m1 a:hover {background: #ccc url(imgdir/navi/bg.gif) top left no-repeat;color: #00205C;background-position:-194px;}

/*全体の枠*/  
div#container{background:#fff;text-align:left;}

/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.6}
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 ul{text-align:left;margin:0 0 15px 0;padding:0;}
div#navigation li{line-height:28px;color:#666666;background:url(imgdir/navi/left.gif) no-repeat top left;width:200px;margin:0;text-indent:10px;}
div#navigation li.mini{line-height:28px;color:#666666;background:url(imgdir/navi/left.gif) no-repeat top left;width:200px;margin:0;text-indent:10px; font-size:10px;}
div#navigation li.point{line-height:28px;color:#666666;background:url(imgdir/navi/left_c.gif) no-repeat top left;width:200px;margin:0;text-indent:10px;}
div#navigation p{4background:url(imgdir/navi/left.gif) no-repeat top left;font-size:10px;line-height:140%;margin:15px 15px 0 2px;}
div#navigation  p.point {text-align:left;background:url(imgdir/common/top_point.gif) no-repeat 0px;margin:10px 15px 0 2px;text-indent:10px;}
div#navigation li.head {background:url(imgdir/navi/exbar.gif) no-repeat left;line-height:24px;height:24px;text-indent:15px;color:#1C4196;font-size:12px;text-indent:20px;color:#FFFFFF;font-weight:bold;margin-bottom:1px;margin:0;}
div#navigation li.foot {margin-top:-7px;background:url(imgdir/navi/left_bottom.gif) no-repeat bottom left;line-height:10px;height:10px;}
div#navigation div.img {background:url(imgdir/navi/left_img.gif) no-repeat bottom left;line-height:0;padding:0;text-indent:0;}
div#navigation li a { color:#666666;}
div#navigation li a:hover {color: #1C4196;text-decoration:underline;}
div#navigation li.mini a:hover {color: #1C4196;text-decoration:underline; font-size:10px;}



/*パンくずリスト*/
ul#breakbread {margin:0;font-size:10px;text-align:left;padding:0;line-height:100%;}
ul#breakbread li {text-align:left;padding:0;margin:0;}

/*下部リンク*/
div#underlink{border-top:1px solid #efefef;background:#cfcfcf;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: #cfcfcf;color: #FFF}
div#footer p{margin:0;padding:5px 10px;text-align:center;}


/*ボックスレイアウト*/
div#container{width:780px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:100%;padding:0;}
div#content{margin:10px 0 0 200px;width:580px;background:#fff;}
div#navigation{float:left;width:200px;margin:10px 0 0 -780px;text-align:left;}
div#foot_area {clear:both;width:780px;margin:50px 0 0 0;padding:0;border-bottom:3px solid #ccc;height:20px;}
div#foot_area ul {list-style:none;margin:0;padding:0;line-height:100%;}
div#foot_area li {float:left;width:120px;background:url(imgdir/common/underlink_bg.gif) no-repeat left;text-indent:15px;font-size:10px;text-align:left;}
div#foot_area li#top {width:420px;background:none;text-align:right;}
div#foot_area li a {display:block;color:#666;}
div#foot_area li a:hover {color: #1C4196;text-decoration:underline;}

/*トップページレイアウト用*/
div#greeting{float:left;width:780px;padding:0;margin:0 0 25px;line-height:0;border-bottom:1px solid #efefef;}
div#greeting img {border-bottom:1px solid #dadada;}
div#indexcontent{margin:15px 200px 0 0;background:#fff;width:565px;}
div#indexextra{float:left;margin:0;width:200px;margin-left:-200px}


br.clear{clear:both;line-height:0;height:0;}