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

html,body{margin:0;padding:0}
body{font:"ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center;color:#444; background:#F3F2F2;font-size:12px;}
p{margin:0 0 10px}
a{color: #154598; text-decoration:none;}
a:visited{color: #6A6A6A;}
a:hover,a:active{color: #003066;text-decoration:underline;}
img {border:0;}
li {list-style:none;}

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

.b { font-weight:bold;}

.clearfix:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.clear { clear:both; }
.att { font-size:10px; color:#c60000; }
.small { font-size:80%; }

/* 余白設定 */
.pt05 { padding-top:5px;}
.mt05 { margin-top:5px;}
.mt10 { margin-top:10px;}

.mb10 { margin-bottom:10px;}


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

1.レイアウトスタイル

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

div#all { margin:0 auto; width:800px; background:url(imgdir/common/bgall.gif) repeat-x;}
div#container h1 {font-weight:normal;color:#666;font-size:10px;position:relative;top:0px;left:0px;margin:0;padding-left:15px;line-height:18px; border-bottom:3px #26449A solid; background:url(imgdir/header/bg02.gif) repeat-x;}

div#header{position:relative; width:780px;background: url(imgdir/header/bg.gif) no-repeat right bottom;height:72px}
div#header img{margin:10px 5px 5px 15px;width:156px;background:#fff;}
div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0;top:8px;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:10px;}

div#header02 {position:relative; width:780px;background: url(imgdir/header/bg02c.gif) no-repeat right bottom;height:72px}
div#header02 img{margin:10px 5px 5px 15px;width:156px;background:#fff;}
div#header02 strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header02 ul{margin:0;position:absolute;right:0;top:8px;font-size:10px;}
div#header02 li{float:left;margin:0 5px 0 10px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:10px;}

/*メインナビゲーション*/
ul#mainnav {width:780px;list-style: none;float: right;margin:0 0 1px 0;padding:0;border-bottom:1px solid #ccc;border-top:1px solid #e6e6e6;letter-spacing:0.1em;}
ul#mainnav li {display:inline;}
ul#mainnav li a {display:inline;float:left;margin:0;padding:0;color:#666;text-decoration: none;font-size: 12px;font-weight:bold;text-align:center;line-height:28px;}
ul#mainnav li#m1 a {background:#FFF url(imgdir/navi/01.jpg) top left no-repeat; width:150px;}
ul#mainnav li#m2 a {background:#FFF url(imgdir/navi/02.jpg) top left no-repeat; width:215px;}
ul#mainnav li#m3 a {background:#FFF url(imgdir/navi/03.jpg) top left no-repeat; width:135px;}
ul#mainnav li#m4 a {background:#FFF url(imgdir/navi/04.jpg) top left no-repeat; width:146px;}
ul#mainnav li#m5 a {background:#FFF url(imgdir/navi/05.jpg) top left no-repeat; width:134px;}


ul#mainnav li a:hover {background:top left no-repeat;}
ul#mainnav li#m1 a:hover {background: #FFF url(imgdir/navi/01r.jpg) top left no-repeat;color: #FFFFFF;}
ul#mainnav li#m2 a:hover {background: #FFF url(imgdir/navi/02r.jpg) top left no-repeat;color: #FFFFFF;}
ul#mainnav li#m3 a:hover {background: #FFF url(imgdir/navi/03r.jpg) top left no-repeat;color: #FFFFFF;}
ul#mainnav li#m4 a:hover {background: #FFF url(imgdir/navi/04r.jpg) top left no-repeat;color: #FFFFFF;}
ul#mainnav li#m5 a:hover {background: #FFF url(imgdir/navi/05r.jpg) top left no-repeat;color: #FFFFFF;}

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

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

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

/*左メニュー*/
div#navigation ul { margin:0 5px 20px 5px; padding:0; list-style-type:none;}
/*div#navigation li.head {background-image:none;line-height:13px;background:url(imgdir/top/list_dt.gif) no-repeat top center;width:171px;}
div#navigation li.img {background:url(imgdir/top/list_dt.gif) no-repeat bottom center;line-height:30px;padding-left:5px; background-position:5px 0;}*/

div#navigation li.head { background:url(imgdir/top/list_dt.gif) no-repeat; height:18px; margin:0; font-weight:bold; color:#333;text-indent:10px;}
div#navigation li.img { display:none; }
div#navigation li { margin:10px 0px 10px 8px;color:#666666; background:url(imgdir/common/cursor.gif) no-repeat left center; text-indent:2px; /*line-height:22px;background-position:10px 3px; padding:0 0 0px 10px;*/}
div#navigation li.high { margin:10px 0px 10px 8px;color:#666666; background:url(imgdir/common/cursor.gif) no-repeat left 5px; text-indent:-4px; height:30px; line-height:18px; padding-left:4px;/*line-height:22px;background-position:10px 3px; padding:0 0 0px 10px;*/}
div#navigation li a { margin:0 0 5px 10px;color:#666666;}
div#navigation li a:hover {color: #154598;text-decoration:underline;}
div#navigation li span { margin:0 0 5px 10px;color:#666666;}

div#navigation li.none { margin:10px 0px 10px 8px;color:#666666; background:url(imgdir/common/cursor.gif) no-repeat left center; text-indent:2px; /*line-height:22px;background-position:10px 3px; padding:0 0 0px 10px;*/}
div#navigation li.mid { margin:0px 0px 0px 8px;color:#666666; background:url(imgdir/common/nv_mid.gif) no-repeat left center; text-indent:2px;line-height:22px  /*line-height:22px;background-position:10px 3px; padding:0 0 0px 10px;*/}
div#navigation li.end { margin:0px 0px 0px 8px;color:#666666; background:url(imgdir/common/nv_end.gif) no-repeat left center; text-indent:2px; line-height:22px /*line-height:22px;background-position:10px 3px; padding:0 0 0px 10px;*/}

/*第2階層コンテンツバナー*/
div.sidebanner {text-align:center;margin:0; }
div.sidebanner p {margin:0 0 8px 5px;font-size:10px;width:185px; color:#666;line-height:140%; text-align:left;}
div.sidebanner p a {color:#666;}
div.sidebanner p a:hover {color:#003066;}
div.sidebanner img {text-align:center;margin:0;}

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

/*下部リンク*/
div#underlink{background:#fff;padding:5px 0 5px;text-align:center;color:#8C9157;font-size:11px;}
div#underlink a{color:#154598;}
div#underlink a:hover{color:#630000;text-decoration:underline;}

/*フッター*/
div#footer{background:#25459C no-repeat top;color: #FFF;}
div#footer p{font-size:10px;font-family:Arial, Helvetica, sans-serif;margin:0;text-align:center;line-height:20px;}


/*ボックスレイアウト*/
div#container{width:780px;margin:0 auto;padding:0;}
div#wrapper{ clear:both;width:100%;padding:0; text-align:left;}
div#content{margin:5px 0 0 0;width:585px;background:#fff; float:right;}
div#navigation{float:left;width:190px;margin:5px 0 0 0;text-align:left;}
div#foot_area { clear:both; float:right;height:20px;padding-top:0px; position:relative; top:25px;}
div#foot_area div {margin:0 auto;}
div#foot_area ul {list-style:none;margin:0;padding:0;line-height:100%;display:inline;}
div#foot_area li {width:100px;font-size:10px;text-align:left;}
div#foot_area li#top {float:left;text-indent:5px;}
div#foot_area li a {height:14px;display:block;color:#666;}
div#foot_area li a:hover {color: #154598;text-decoration:underline;}
div#underlink{clear:both;width:780px;}
div#footer{clear:both;width:780px}

/*トップページレイアウト用*/
div#greeting{float:left;width:780px;padding:0;margin:0;line-height:0;border-bottom:1px solid #efefef;}
div#greeting img {border-bottom:1px solid #dadada;}
div#indexcontent{margin:-10px 225px 0 0;_margin:-10px 225px 0 0;background:#fff;width:555px;  padding:0; float:left;}
div#indexextra{float:right;margin:5px 0px 0 0;width:225px;margin-left:-225px;  padding:0; display:inline;}
div#indexextra p {line-height:140%;}
div#indexextra ul,div#indexextra li {margin:0;padding:0;list-style:none; text-align:left;}
div#indexextra li {margin-bottom:0px;text-indent:0px;}
div#indexextra li.txt {margin-bottom:8px;text-indent:0px;font-size:10px;width:208px; color:#666; line-height:140%;}
div#indexextra li.txt a {color:#666; display:block; }
div#indexextra li.txt a:hover {color:#003066;}
br.clear{clear:both;}