@charset "UTF-8";

* { margin:0; padding:0;}
body{ background:url(../images/body.jpg) repeat-x #FFFFFF; line-height:1.24em;}
html, input, textarea{font-family:tahoma; font-size:0.84em; color:#353535;}

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

.column { float:left;}
.clear { clear:both;}

p{ margin:0; padding:0;}

a{ text-decoration:underline;}
a:hover{ text-decoration:none;}

.larger {font-size: 1.21em;}
.bold {font-weight: bold;}
img.icon{
	vertical-align: middle;
}

.infomsg {color: #696969;}
.errormsg {color: #9E0D0D;}

/*header*/
#header{ 
	border-top: 1px #CCCCCC solid;
	background:url(../images/header_bg.jpg) no-repeat left bottom;
	padding-left: 2px;
}
#header .head{ width:766px} 
#header .logo{ padding:135px 100px 40px 330px;}
* html #header .logo{ padding:80px 100px 40px 330px; clear : both;} /*ie6*/

/*img = 321 x (59 +41)*/


ul.mainmenu {
	margin-left: 2px;
}
#menu1,
#menu3,
#menu4,
#menu5,
#menu2 {
	list-style-type: none;
	display: block;
	float: left;
	width: 151px;
	height: 3.6em;
	margin: 0px 2px 0px 0px;
	font-size: 0.7em;
}

#menu1 a,
#menu3 a,
#menu4 a,
#menu5 a,
#menu2 a {
	background: #ffffff url(../images/m1.gif) top right no-repeat;
	width: 151px;
	display: block;
	color: #000000;
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.8em;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
}
#menu1 a.on,
#menu3 a.on,
#menu4 a.on,
#menu5 a.on,
#menu2 a.on,
#menu1 a:hover,
#menu3 a:hover,
#menu4 a:hover,
#menu5 a:hover,
#menu2 a:hover
 {
	background: #9E0D0D url(../images/m1_1.gif) top left no-repeat;
	color: #ffffff;
}

.tagline {
	padding-left: 0.5em;
	font-size: 0.8em;
	font-weight: normal;
}

table.format{
	border: none;
	margin-top: 0.3em;
}
table.format th,
table.format td {
	border: none;
	text-align: left;
	vertical-align: top;
}
table.format th {
	padding-right: 1em;
}

#breadcrumb {
	font-size: 0.9em;
	margin-bottom: 12px;
}

.breadcrumblist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.breadcrumblist li {
	list-style-type: disc;
	display: block;
	float: left;
	padding: 0px 4px 0px 16px;
	background: url(../images/breadcrumb_arrow.gif) no-repeat left 50%;
}
.breadcrumblist li.crumbtop {
	list-style-type: none;
	padding-left: 0px;
	background: transparent;
}
.breadcrumblist li.crumbbottom {
}

#breadcrumb:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

/*footer*/
#footer{ background:url(../images/foot_bg.gif) repeat-x}
#footer .foot{ width:766px}
#footer .left{ float:left; padding-left:28px; margin-top:31px}
#footer .right{ float:right; padding-right:62px; margin-top:31px; width:40%}
#footer { color:#353535}
#footer a{ color:#353535; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer span a{ color:#9E0D0D; text-decoration:underline; background:none; padding:0}
#footer span a:hover{ text-decoration:none}
#footer .right ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer .right li {
	display: block;
	float: right;
	padding: 0px 8px 0px 18px;
	background: url(../images/vl.gif) no-repeat left 50%;
}

/*content*/

.title_top, .title_bot, .title { display:block}
.indent_image, .indent_image1{ float:left}

#wrapper{ background:url(../images/wrapper.gif) repeat-y; width:766px}

.separate{ width:100%; background:url(../images/separate.gif) repeat-x; height:26px}

#wrapper ul{margin:0px; padding:0px; list-style:none; line-height:18px}
#wrapper ul li { background:url(../images/list_bg.gif) no-repeat 0 6px; padding-left:16px}
#wrapper ul li a{ color:#9E0D0D;  text-decoration: none; font-weight:bold}
#wrapper ul li a:hover{ text-decoration: underline }

h3.strong{
	color:#9E0D0D;
	padding-left: 15px;
	background: url(../images/marker.gif) left 50% no-repeat;
}
strong{ color:#9E0D0D;}

.col_1{ /*font-size:0.9em; line-height: 1.26em*/}
.col_1 .indent{ padding:33px 30px 30px 22px}
.col_1 .title_top{ margin-bottom:9px; font-size: 1.5em; color: #9E0D0D}
.col_1 .title_bot{ margin-bottom:9px; margin-top:53px; font-size: 1.5em; color: #9E0D0D}
.col_1 .title_bot_black { margin-bottom:9px; margin-top:53px; font-size: 1.5em; color: #353535}
.col_1 p{ margin-top:9px}
.col_1 strong{ color:#353535}

a{ color:#9E0D0D; text-decoration: underline}
a:hover{ text-decoration: none}


span a{ color:#353535; text-decoration:none; background:url(../images/list_bg.gif) no-repeat 0 3px; padding-left:17px}
span a:hover{ text-decoration:underline}

span b a{ color:#9E0D0D; text-decoration:none; background:url(../images/list_bg.gif) no-repeat 0 3px; padding-left:17px; font-weight:bold; }
span b a:hover{ text-decoration:underline}

h3 span a, h2 span a { background: none; padding: 0px; }

/*==================index.html==================*/
#page1 .col_2 .indent_top{ padding:29px 44px 27px 22px}
#page1 .col_2 .indent_image{ margin-right:18px; margin-bottom: 18px;}
#page1 .col_2 .title_top{ margin-top: 4px; font-size: 1.5em; color: #9E0D0D; }
#page1 .col_2 .indent_top p{ margin-top:16px}
#page1 .col_2 .indent_bot{ padding:0 44px 34px 24px}
#page1 .col_2 .title_bot{ margin-bottom:18px; font-size: 1.2em;} 
#page1 .col_2 .indent_bot p{ margin-top:8px; margin-left:17px; margin-bottom:10px}
#page1 .col_2 .indent_bot p img{ margin-left:-17px; margin-right:9px; margin-top:4px}
#page1 .col_2 .column1 ul{ margin-top:18px; margin-bottom:16px}
/*=====*/


/*==================index-1.html==================*/
#page2 .col_2 .indent_top{ padding:29px 40px 29px 22px}
#page2 .col_2 .title_top{ margin-bottom:24px}
#page2 .col_2 .block { margin-top:14px;}
#page2 .col_2 .block img{ margin-top:1px}
#page2 .col_2 .block .column1{ width:211px; float:left}
#page2 .col_2 .block .column2{ width:235px; float:left}
#page2 .col_2 .block .column2 ul{ margin-top:12px}
#page2 .col_2 .block1 .bg{ background:url(../images/block1_bg.gif) repeat-y; width:511px}
#page2 .col_2 .block1 .column1{ width:282px; float:left; background:url(../images/separate.gif) repeat-x}
#page2 .col_2 .block1 .column2{ width:229px; float:left; background:url(../images/separate.gif) repeat-x}
#page2 .col_2 .indent_bot_left{ padding:28px 20px 44px 22px}
#page2 .col_2 .block1 .column1 .title_bot{ margin-bottom:21px}
#page2 .col_2 .block1 .column1 ul{ margin-top:18px; margin-bottom:16px}
#page2 .col_2 .indent_bot_right{ padding:28px 43px 33px 24px}
#page2 .col_2 .block1 .column2 .title_bot{ margin-bottom:19px}
#page2 .col_2 .block1 .column2 ul{ margin-top:12px}
/*=====*/


/*==================index-2.html==================*/
#page3 .col_2 .indent_top{ padding:29px 40px 26px 22px}
#page3 .col_2 .title_top{ clear: both; margin-bottom:20px; font-size: 1.5em; color: #353535;}
#page3 .col_2 .block { margin-top:12px}
#page3 .col_2 .block img{ margin-top:3px}
#page3 .col_2 .block .column1{ width:183px; float:left}
#page3 .col_2 .block .column2{ width:260px; float:left}
#page3 .col_2 .block .column2 p{ margin-bottom:17px}
#page3 .col_2 .block .column2 ul{ margin-top:10px}
#page3 .col_2 .indent_bot{ padding:28px 66px 46px 22px}
#page3 .col_2 .separate{ margin-bottom:2px}
#page3 .col_2 .indent_bot{ padding:0 40px 44px 22px}
#page3 .col_2 .title_bot{ margin-bottom:20px; font-size: 1.2em}
#page3 .col_2 .indent_image{margin-right:19px; margin-top:3px; margin-bottom: 20px;}
#page3 .col_2 .indent_bot p{ margin-top:17px}
#page3 .col_2 .indent_bot blockquote{margin-top:17px; padding: 1.5em; border: solid 1px #9E0D0D;}
#page3 .col_2 .indent_bot blockquote p {margin-top:0px; margin-bottom: 17px;}
#page3 .col_2 .indent_bot blockquote p.last {margin-bottom:0px}

.serviceflow ol{
	list-style-type: decimal;
	padding-left: 22px;
}
.serviceflow li {
	font-weight: bold;
	color: #9E0D0D;
}
.serviceflow li span{
	font-weight: normal;
	color: #353535;
	display: block;
	padding-bottom: 2em;
	background:url(../images/flow_bg.gif) no-repeat 2em 75%;
}
.serviceflow li.last span{
	padding-bottom: 0em;
	background:none;
}

/*=====*/


/*==================index-3.html==================*/
#page4 .col_2 .indent_top{ padding:28px 45px 31px 22px}
#page4 .col_2 .title_top{ clear: both; margin-bottom:23px; font-size: 1.5em; color: #353535;}
#page4 .col_2 .indent_image{margin-right:20px; margin-top:2px; margin-bottom: 22px;}
#page4 .col_2 .indent_top p{ margin-bottom:13px}
#page4 .col_2 .separate{ margin-bottom:2px}
#page4 .col_2 .indent_bot{ padding:0 40px 22px 22px}
#page4 .col_2 .title_bot{ margin-bottom:14px; font-size: 1.2em}
#page4 .col_2 .block { margin-top:11px; margin-bottom:17px}
#page4 .col_2 .block .column1{ width:252px; float:left}
#page4 .col_2 .block .column2{ width:188px; float:left}
#toolworks h4 {margin: 1em 0px 0px 0px;}
#toolworks p {margin: 0px;}
/*=====*/


/*==================index-4.html==================*/
#page5 .col_2 .indent_top{ padding:28px 45px 34px 22px}
#page5 .col_2 .title_top{ clear: both; margin-bottom:24px; font-size: 1.5em; color: #353535;}
#page5 .col_2 .indent_image{margin-right:20px; margin-top:1px}
#page5 .col_2 .indent_top p{ margin-bottom:14px}
#page5 .col_2 .block1 .bg{ background: url(../images/separate.gif) repeat-y 233px 0; width:511px}
#page5 .col_2 .block1 .column1{ width:234px; float:left; background:url(../images/separate.gif) repeat-x}
#page5 .col_2 .block1 .column2{ width:277px; float:left; background:url(../images/separate.gif) repeat-x}
#page5 .col_2 .indent_bot_left{ padding:26px 20px 40px 22px}
#page5 .col_2 .indent_bot_left h3 { font-size: 1.2em; margin-bottom: 0.1em;}
#page5 .col_2 .indent_bot_left p { margin-bottom: 1em;}
#page5 .col_2 .indent_bot_right{ padding:26px 43px 32px 22px}
#page5 .col_2 .bg .title_bot{ margin-bottom:21px; font-size: 1.5em; color: #9E0D0D}
#page5 .col_2 .indent_bot_right .title_bot{ margin-bottom:1em;}
#page5 .col_2 .indent_bot_right p{ margin-bottom:12px}
#page5 .col_2 .indent_bot_right h3 { font-size: 1.2em; margin-bottom: 0px;}
#page5 .col_2 .indent_bot_right ul{margin:0px 0px 1em 0px; padding:1em; list-style:disc; line-height:1.2em}
#page5 .col_2 .indent_bot_right ul li {margin-top:0px; background:none; padding-left:0.2em}
#page5 .col_2 .indent_bot_right ul li a{color:#353535; text-decoration: underline; font-weight: normal;}
#page5 .col_2 .indent_bot_right ul li a:hover{ text-decoration: none }

/*=====*/

#page3 .form { margin-top:22px}
#page3 .form .row{ height:42px; margin-bottom: 0.5em;}
#page3 .form .row1{ height:250px}
.formvalue { background:#FFFFFF; border:#999999 1px solid; color:#353535; padding:3px 4px;  margin-bottom: 0.5em;}
#page3 .form input{ width:400px; height:17px; background:#FFFFFF; border:#353535 1px solid; color:#353535; padding:3px 0 0 3px; font-size: 1.1em}

#page3 .form .short{ width:200px;}
#page3 .form .mini{ width:80px;}
#page3 .form textarea{ width:400px; height:200px; background:#FFFFFF; border:#353535 1px solid; color:#353535; padding:3px 0 0 3px; font-size: 1.1em}
#page3 .form .right{ text-align:right; margin-top:19px}
#page3 .form .mandatory{ border-left: #9E0D0D 3px solid;}

#page3 .col_2 .profile p{ margin-bottom:12px}
#page3 .col_2 .profile h3 { font-size: 1.1em; margin-bottom: 0px; color: #9E0D0D;}


/*==================index-5.html==================*/
#page6 .col_2 .title_top{ clear: both; margin-bottom:20px; font-size: 1.5em; color: #353535;}
#page6 .col_2  .indent{ padding:28px 42px 47px 22px}
#page6 .col_2  .title{ margin-bottom:21px}
#toolbody p,
#page6 .col_2  p{ margin-bottom:17px}
#page6 .col_2  .indent_img{ margin:5px 9px 0 0 }
#toolbody h2,
#page6 .col_2 .title_bot{ margin-top:22px; margin-bottom:4px; font-size: 1.2em}
#tooldate {text-align: right; margin: 0.3em 0px;}
#toolfiles {list-style-type: none; margin: 1em 0px 0px 0px; padding: 1em 0px 0px 0px;}
#toolnavi {margin: 1em auto;}
#toolnavi .left {width: 20em; text-align: left;}
#toolnavi .center {width: 20em; text-align: center;}
#toolnavi .right {width: 20em; text-align: right;}
/*=====*/


/*==================index-5.html==================*/
/*=====*/