@charset "UTF-8";

a:link {color:#036; text-decoration:none;}
a:visited {color:#036; text-decoration:none;}
a:hover {color:#f03; text-decoration:underline;}
a:active {color:#f03; text-decoration:underline;}

body {
	color:black;
	font-size:0.8em;
	line-height:150%;
	font-family:'ＭＳ Ｐゴシック', 'HiraKakuPro-W3';
	margin:0px;
	padding:0px;
	background:#E6E6E6 url(../img/bg.gif) repeat-y; }
img { border:0px; }
h1, h2, h3, h4, h5, p, div, form { margin:0px; padding:0px; }
hr {border:none; height:1px; background:#999;margin:10px 0px;}
li {margin-bottom:5px; line-height:140%;} 

.black { color:#000; }
.red { color:#f00; }
.redarial {font-size:1.6em; color:#f00; font-family:Arial bold;line-height:120%;}
.small { font-size:0.9em; }
.spacer { clear:both; margin:0px; padding:0px; }
.floatR {float:right;}
img.floatR { margin-left:5px;}
.floatL {float:left;}
img.floatL { margin-right:5px;}
.clr {clear:both;}

/*header*/
#header { width:800px; height:80px; background:url(../img/header.jpg) no-repeat; text-indent:-9999px; }
#header a { display:block; width:240px; height:80px; text-indent:-9999px; }


/*main*/
#main { width:800px; margin:0; background:#fff url(../img/main_bg.gif) repeat-y;}
#main p { padding:3px 25px 3px 25px; }
#main ul { margin:3px 25px 30px 40px; padding:0px; }
#main li { margin:0; }

#contents { width:515px; padding:10px 20px 20px 20px; float:right; background:url(../img/contents_head.gif) no-repeat; }
#topPage #contents { padding:20px; }
#contents { _width:555px; }

#contents p { clear:both; }
#contents p img { margin-bottom:6px; }

#contents div.col, #contents div.colbdr {
	clear:both; 
	margin:0 0 0 25px;
	padding:10px 0 0 0;
	}
#contents div.colbdr {
	border-bottom:1px solid #ccc;
	margin:0 0 10px 25px;
	padding:10px 0 0 0;
	}
#contents div.col p, #contents div.colbdr p {
	clear:none;
	float:left;
	width:220px;
	margin:0 25px 0 0;
	padding:0 0 10px 0;
	}
#contents div.col p, #contents div.colbdr p {
	_width:245px;
	_margin:0;
	_padding:0 25px 10px 0;
	}
#contents div.col p img, #contents div.colbdr p img { margin-bottom:0px; }

#contents a:link {color:#00c; text-decoration:underline;}
#contents a:visited {color:#00c; text-decoration:underline;}
#contents a:hover {color:#f03; text-decoration:underline;}
#contents a:active {color:#f03; text-decoration:underline;}

/*top topic*/
#main ul.topic {  margin:0px 25px 40px 20px;  list-style-type:none; color:#000;  }
#main ul.topic li { padding:5px 0 3px 0; border-bottom:1px solid #B3C1D3;}
#main ul.topic strong { font-weight:normal; color:#036; }
#main ul.listNostl { list-style-type:none; margin:3px 25px 30px 22px;}


/*location*/
#contents .navlct { font-size:11px; text-align:right; margin:0 25px 3px 0; }

/*highLight*/
#topPage h1 { display:none; }
#contents h2 { 
	font-size:1.2em;
	color:#036;
	margin:15px 0 0 20px;
	height:2em;
	background:url(../img/hl_bg.gif) no-repeat 0px 1.4em;
	clear:both; 
	}
#contents h3 {
	font-size:1em;
	margin:5px 0 0 20px;
	clear:both;
	}
#contents h3.horange { color:#c30; }
#topPage h2,#topPage h3 { margin:0px; padding:0px; border:none; background:none; }

/*導入事例*/
#case h2 { margin:25px 0 0 20px;}

#case h3 {
	width:450px;
	height:20px;;
	font-size:12px;
	color:#000;
	padding:5px 0 0 5px;
	margin:10px 0 0 20px;
	background:#ccc url(../../img/case_namebg.gif) no-repeat;
	}
#case h4 {
	color:#036;
	font-size:1.2em;
	margin:5px 0 0 20px;
	}
#case div.box { margin:5px 20px 15px 20px; }
#case div.box img { margin-bottom:15px; }


/*table*/
#contents .tbl {
	margin:10px 20px 30px 20px;
	border-top:1px solid #00306A;
	border-left:1px solid #00306A;
	_font-size:1em;
	}
#contents .tbl td, #contents .tbl th {
	margin:0;
	padding:2px;
	_padding:3px;
	text-align:center;
	border-bottom:1px solid #00306A;
	border-right:1px solid #00306A;
	}
#contents .tbl th { background:#A7B7CC; }

#contents .tbl2 {
	margin:10px 20px 30px 20px;
	_font-size:1em;
	}
#contents .tbl2 td, #contents .tbl2 th {
	margin:0;
	padding:2px;
	_padding:3px;
	text-align:left;
	border-bottom:1px solid #999;
	}

#contents .tbl3 {
	margin:10px 20px 5px 20px;
	border-top:1px solid #00306A;
	border-left:1px solid #00306A;
	_font-size:1em;
	}
#contents .tbl3 td, #contents .tbl3 th {
	margin:0;
	padding:2px;
	_padding:3px;
	text-align:center;
	border-bottom:1px solid #00306A;
	border-right:1px solid #00306A;
	}
#contents .tbl3 th { background:#A7B7CC; }

/*nav*/
#nav { width:230px; float:left; }
#nav ul { margin:15px 0 0 0; padding:0px; color:#036;}

#nav li { margin:4px 0 0 25px; line-height:130%; list-style-image:url(../img/nav_li.gif);}

#nav .nav01 { margin:0; height:29px; width:230px; background:#fff url(../img/nav01.gif) repeat-y; text-indent:-9999px; }
#nav .nav02 { margin:15px 0 0 0; height:29px; width:230px; background:#fff url(../img/nav02.gif) repeat-y; text-indent:-9999px; }
#nav .nav03 { margin:15px 0 0 0; height:29px; width:230px; background:#fff url(../img/nav03.gif) repeat-y; text-indent:-9999px; }
#nav .nav04 { margin:15px 0 0 0; height:29px; width:230px; background:#fff url(../img/nav04.gif) repeat-y; text-indent:-9999px; }
#nav .nav05 { margin:15px 0 0 0; height:29px; width:230px; background:#fff url(../img/nav05.gif) repeat-y; text-indent:-9999px; }

/*nav現在地表示*/
#hammerhead #nav .nav01 { background:url(../img/nav01.gif) repeat-y 0px 29px; }
#consul #nav .nav02, #case #nav .nav02 { background:url(../img/nav02.gif) repeat-y 0px 29px; }
#partner #nav .nav03 { background:url(../img/nav03.gif) repeat-y 0px 29px; }
#creation #nav .nav04 { background:url(../img/nav04.gif) repeat-y 0px 29px; }
#company #nav .nav05 { background:url(../img/nav05.gif) repeat-y 0px 29px; }


/*footer*/
#footnav { clear:both; margin-left:270px; }
#footnav ul {
	height:14px;
	list-style-type:none;
	margin:0 20px 10px 0;
	}
#footnav li {
	font-size:11px;
	float:left;
	margin:0 5px 5px 0px;
	padding-right:5px;
	border-right:1px solid #999;
	}

#footdtl {
	color:#666;
	clear:both;
	font-size:10px;
	line-height:12px;
	margin:5px 20px 5px 270px;
	}
#footer { width:800px; height:60px; clear:both; background:url(../img/footer.gif) no-repeat; text-indent:-9999px;}