@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:url(imgdir/common/bg.jpg) repeat-y top; font-size:12px;	}
p{margin:0 0 10px; line-height:140%;}
a{color: #444; text-decoration:none;}
a:visited{color: #6A6A6A;}
a:hover,a:active{color: #003066;text-decoration:underline;}
img {border:0;}
li {list-style:none;}


/**************************

1.レイアウトスタイル

**************************/


div#container h1 {font-weight:normal;color:#666;font-size:10px;position:relative;top:0px;left:0px;margin:0;padding-left:10px;line-height:18px;background:url(imgdir/header/bg_bar.gif) repeat-x left top; height:25px}
div#header{position:relative; width:800px;background: url(imgdir/header/bg.jpg) repeat-x left bottom; height:60px;}
div#header img{margin:13px 8px 12px;width:270px;background: #fff;}
div#header ul{margin-right:5px;position:absolute;right:0;top:10px;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 { margin:0;padding:0; width:800px; height:41px;list-style: none; clear:both;border-bottom:1px solid #ccc;border-top:1px solid #e6e6e6;}
ul#mainnav li {margin:0;padding:0; width:200px;}

ul#mainnav li a {margin:0;padding:0; width:200px;height:41px;color:#666;text-decoration: none;font-size: 12px;font-weight:bold;text-align:center;line-height:37px; background: url(imgdir/navi/01.jpg) top left no-repeat; display:block; }
ul#mainnav li a:hover { width:200px;height:41px;text-align:center;background:url(imgdir/navi/01cr.jpg) top left no-repeat;}

ul#mainnav li#m1 a {background: url(imgdir/navi/01.jpg) top left no-repeat;}
ul#mainnav li#m1 a:hover {background:url(imgdir/navi/01cr.jpg) top left no-repeat;}
ul#mainnav li#m4 a{background:url(imgdir/navi/00.jpg) top left no-repeat;}
ul#mainnav li#m4 a:hover {background:url(imgdir/navi/00cr.jpg) top left no-repeat;}


/*全体の枠*/  
div#container{background:#fff;text-align:left;}

/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.6}
div.child_content{margin:0 15px}
div.child_content p{ line-height:1.5em;}
div.grandc_content{margin:0 10px}

/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 15px 0px; background:url(imgdir/common/pixbg.gif) repeat-x left top;min-height:115px;}
h2#mainimage02{margin:0 0 15px 0px; background:url(imgdir/common/pixbg02.gif) repeat-x left top;min-height:203px;}
h2#mainimage03{margin:0 0 15px 0px;min-height:180px;}

/*左メニュー*/
div#navigation{float:left;width:172px;margin:10px 0 0 -790px;text-align:left;}

div#navigation ul{text-align:left;margin:0 0px 0px 0px;padding:0px;}
div#navigation li{line-height:28px;;color:#666666;background:url(imgdir/navi/navi_left.gif) repeat-y top center;width:172px;margin-top:0px;text-indent:10px;}

div#navigation li.foot {margin-top:-5px;background:url(imgdir/navi/left_bottom.gif) no-repeat bottom center;line-height:6px;height:10px;}
div#navigation li.mid {margin:0px;background:url(imgdir/navi/navi_bg.gif) repeat bottom center; line-height:5px;font-size:0;
vertical-align:bottom;}
div#navigation li.img { margin:0; padding:0px; text-indent:0px;background:none;font-size:0;line-height:0;vertical-align:bottom;}
div#navigation li a { color:#666666;}
div#navigation li a:hover {color: #003066;text-decoration:underline;}
div#navigation &nbsp {line-height:5px; }

div#navigation .navi2 {margin: 10px 0 20px 0;}
/*コンサル左メニュー*/
/*左メニュー*/




/*パンくずリスト*/
ul#breakbread {margin:0;font-size:10px;text-align:left;padding:0;line-height:180%; background:url(imgdir/common/bb_bg.gif) repeat-x left bottom; vertical-align:text-top; border-bottom:1px solid #FFF; height:28px; position:relative;}
ul#breakbread li {text-align:left;padding:0;margin:5px;}
ul#breakbread li span {position:relative ; left:450px; top:-25px; padding-left:10px;}
ul#breakbread li span.back { position:relative ; left:480px; top:-25px; background:url(imgdir/common/point.gif)  no-repeat 0 2px; padding-left:10px;}

/*パンくずリスト*/
ul#breakbread_rec {margin:-10px 0 0;font-size:10px;text-align:left;padding:0; background:url(imgdir/common/bb_bg.gif) repeat-x left bottom; vertical-align:text-top; border-bottom:1px solid #FFF; height:20px; position:relative;}
ul#breakbread_rec li {text-align:left;padding:0;margin:0 5px 5px 5px;}
ul#breakbread_rec li span {position:relative ; left:450px; top:-25px; padding-left:10px;}
ul#breakbread_rec li span.back { position:relative ; left:480px; top:-25px; background:url(imgdir/common/point.gif)  no-repeat 0 2px; padding-left:10px;}
div#interimg{ float:right; position:relative;  top:-2px;}


ul#breakbread ul.page_index { margin:0; padding:0; list-style-type:none; position:absolute; right:1em; top:0; font-size:12px; }
ul#breakbread ul.page_index li { margin:0; padding:0 0.5em; float:left; display:inline; }
ul#breakbread ul.page_index li.active { color:#c00; font-weight:bold;}

/*下部リンク*/
div#underlink{background:#fff; height:20px; margin:0; padding:0 0 5px 0; margin-bottom:-10px; clear:both;}
div#underlink a{color:#444;}
div#underlink a:hover{color:#003066;text-decoration:underline;}
div#underlink ul{font-size:10px; margin:5px 0; padding:0; list-style:none;}
div#underlink li{float:left; margin:0 10px 0 5px; padding:0;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:8px;}


/*フッター*/
div#footer{color: #444; font-size:9px; float:right;}
div#footer p{margin:0px;padding:5px 10px;text-align:right;}

div#foot_add{width:100px; float:left; font-size:10px; margin-left:5px;}
div#foot_add2{width:250px; float:left; font-size:10px; margin-left:10px;}
div#foot_add3{width:70px; float:left; font-size:10px; background:url(imgdir/header/ya.gif) no-repeat left bottom; padding-left:15px;}
div#foot_tel{ width:270px; float:right; font-size:10px;}
div#foot_add_area{width:480px; height:40px; border-right:#BFBFBF 1px solid; float:left;}
div#foot_tel img{float:right; width:117px; height:22px; margin-right:10px;}
div#foot_tel .tel1{margin:5px ;}
div#foot_tel .tel2{background:url(imgdir/header/ya.gif) no-repeat left bottom; padding-left:15px; float:right; clear:both; margin-right:10px;}

div#foor{border-bottom:#BFBFBF 1px solid;}

/*ボックスレイアウト*/
div#container{width:800px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:100%;padding:0; background:#FFFFFF;}
div#content{margin:15px 0 0 200px;width:585px;background:#fff;}
div#content_single{margin:15px 0 0 0px;width:800px;background:#fff; clear:both;}
div#consul_navigation{float:left;width:172px;margin:10px 0 0 -785px;text-align:left;}
div#creative_navigation{float:left;width:172px;margin:10px 0 0 -785px;text-align:left;}
div#foot_area {height:56px;clear:both;width:800px;border-bottom:1px solid #ccc;line-height:0;padding-top:30px;border-bottom:1px solid #ccc;}
div#foot_area div {float:left;margin:0 30px 0 0;}
div#foot_area ul {list-style:none;margin:0;padding:0;line-height:100%;display:inline;}
div#foot_area li {float:left;display:block;width:120px;background:url(imgdir/common/underlink_bg.gif) no-repeat left bottom;text-indent:15px;font-size:10px;text-align:left;}
div#foot_area li#top {float:right;background:url(imgdir/common/underlink_bg2.gif) no-repeat left bottom;text-indent:17px;}
div#foot_area li a {height:56px;display:block;color:#666;}
div#foot_area li a:hover {color: #AE0202;text-decoration:underline;}

/*トップページレイアウト用*/
div#greeting{width:800px;padding:0px;margin:0px 0 6px 0;line-height:0;text-align:center; border-bottom:#CCCCCC 1px solid;}
/*div#greeting img {border-bottom:1px solid #dadada;}*/
div#indexcontent{margin:0px;background:#fff;width:770px;_width:770px; padding:0 15px;}
div#indexextra{float:left;margin:15px 10px 0px 0px;width:235px;margin-left:-250px}
div#indexextra p {line-height:150%; padding-bottom:5px;margin:0 0 10px 10px;background:url(imgdir/common/dot.gif) repeat-x left bottom;}
div#indexextra ul,div#indexextra li {margin:0;padding:0;list-style:none;text-align:right;}
div#indexextra li {margin-bottom:5px;text-indent:5px;}
div#indexextra li.title {margin:15px 0 10px 0px;}


br.clear{clear:both;}

/*サイドバナー*/
div#leftbana{margin-bottom:20px;}
div#leftbana div{ margin:0 0 5px 0;}
