/* CSS Document */

/* RESET */
html{color:#333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#333333;}a{color:#5D6EC0; text-decoration:none;}

body {font:12px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka; background: url(../img/bg_l.jpg) repeat-x; position: relative;}
table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
ol, li { zoom: normal; }


/*  CLEAR  */
.clear,
#header,
#contents,
#footer {zoom: 1;}
.clear:after,
#header:after,
#contents:after,
#footer:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

/*  COMMON  */
div#wrapper_bg {
	background: url(../img/bg.jpg) no-repeat;
	width: 998px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
div#wrapper_bg_l {
	background: url(../img/bg_r.jpg) repeat-x;
	width: 50%;
	height: 905px;
	right: 0;
	position: absolute;
}
div#wrapper {
	width: 960px;
	margin: 0 auto;
}
div#wrapper div#hedder {
	margin: 0 15px 21px 0;
	_margin: 0 15px 9px 0;
	padding: 5px 0 0 0;
	_padding: 15px 0 0 0;
	height: 50px;
}
div#wrapper div#hedder dt {
	float: left;
}
div#wrapper div#hedder dl dd {
	text-align: right;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	_padding: 6px 0 0 0;
}
div#wrapper div#hedder dl dd ul li {
	background: url(../img/list.gif) no-repeat 2px;
	margin: 10px 0 0 8px;
	padding: 0 0 0 13px;
	display: inline;
}
div#wrapper div#menu {
	height: 40px;
	clear: both;
}
div#wrapper div#menu li {
	float: left;
	padding: 0 1px 0 0;
}
div#footer {
	background: url(../img/footer_bg.gif) repeat-x;
	height: 100px;
	width: 100%;
	clear: both;
	color: #FFFFFF;
	margin: 20px 0 0 0;
}	
div#footer p {
	text-align: right;
	padding: 20px 30px 0 0;
}

/*  INDEX  */
div#sub_menu {
	background: url(../img/sub_menu_bg.jpg) no-repeat;
	margin: 208px auto 20px auto;
	_margin: 204px auto 20px auto;
	padding: 0 0 0 11px;
	height: 52px;
	width: 963px;
}
div#sub_menu li {
	float: left;
	padding: 0 2px 0 0;
	margin: 5px 0 0 0;
}
div#sub_menu li.end {
	padding: 0;
}
div#wrapper div#left {
	width: 690px;
	display:inline;
	float: left;
	margin: 0 0 30px 20px;
}
div#wrapper div#left p {
	line-height: 2.0;
}
div#wrapper div#left dl.closeup { 
	float: left;
	width: 340px;
	padding: 20px 0 0 0;
	display: inline;
}
div#wrapper div#left dl.closeup dd {
	margin: 10px 10px 0 10px;
	clear: both;
	border-bottom: #BCB6B3 1px dotted;
	height: 70px;
	line-height: 1.5;
	font-size: 90%;
}
div#wrapper div#left dl.closeup dd img {
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}
div#wrapper div#left dl.trouble { 
	float: right;
	width: 340px;
	padding: 20px 0 0 0;
}
div#wrapper div#left dl.trouble dd ul.demand {
	margin: 10px 0 0 10px;
}
div#wrapper div#left dl.trouble dd ul.demand li {
	background: url(../img/list.gif) no-repeat;
	padding: 0 0 9px 15px;
}
div#wrapper div#left dl.trouble dd.buttom {
	width: 320px;
	height: 117px;
	background: #DEE3FF;
	padding: 10px 0 0 15px;
	margin: 0 0 20px 0;
}
div#wrapper div#left dl.trouble dd.buttom ul {
	margin: 10px 0 0 0;
}
div#wrapper div#left dl.trouble dd.buttom ul li {
	float: left;
	margin: 0 10px 10px 0;
}
div#wrapper div#info {
	width: 690px;
	margin: 0 0 20px 0;
}
div#wrapper div#info dl {
	margin: 10px 0 0 0;
}
div#wrapper div#info dl dt {
	float: left;
	padding: 0 50px 0 10px;
}
div#wrapper div#info dl dd {
	background: url(../img/list.gif) no-repeat 110px;
}
div#wrapper div#right {
	float: right;
	background: url(../img/access.gif) no-repeat left top;
	width: 210px;
	display: inline;
	margin: 0 20px 0 0;
}
div#wrapper div#right h1 {
	margin: 5px 0 0 158px;
}
div#wrapper div#right p {
	line-height: 1.5;
	padding: 10px 0 0 10px;
	float: left;
	display: inline;
	font-size: 90%;
}
div#wrapper div#right div.pitta p {
	margin: 60px 0 0 0;
}
div#wrapper div#right dl {
	padding: 10px 0 0 0;
	clear: both;
	border-bottom: #BCB6B3 1px dotted;
}
div#wrapper div#right dl dd {
	clear: both;
	margin: 10px 10px 0 0;
	height: 65px;
	line-height: 1.2;
	font-size: 90%;
}
div#wrapper div#right dl dd img {
	float: left;
	display: inline;
	margin: 0 10px;
}
div#wrapper div#right dl dd div {
	_text-indent: -17px;
}

/*  2nd  */
div#wrapper_bg2 {
	background: url(../img/2nd/bg2.jpg) repeat-x;
	width: 100%;
	margin: 0 auto;
}
div#wrapper div#title2 {
	margin: 21px 0 0 7px;
}
/* div#title_IE6 */
div#wrapper div#title2 {
	_margin: 16px 0 0 7px;
}
div#contents {
	width: 969px;
	margin: 28px auto 0 auto;
	_margin: 29px auto 0 auto;
	background: url(../img/2nd/contents_bg.jpg) no-repeat left top;
}
div#contents div#breadcrumb {
	margin: 0 auto;
	font-size: 90%;
	width: 930px;
	padding: 12px 0 0 0;
}
div#contents div#breadcrumb ul li {
	display: inline;
	margin: 0 5px 0 0;
}	
div#contents div#inner {
	width: 930px;
	background: #ECECEC;
	margin: 10px auto 0 auto;
}
div#contents div#inner div.left {
	width: 700px;
	background: #FFFFFF;
	float: left;
	padding: 0 20px 0 0;
}
div#contents div#inner div.left2 {
	width: 910px;
	background: #FFFFFF;
	float: left;
	padding: 0 20px 0 0;
}
/* div#contents div#inner div.left_IE6 */
div#contents div#inner div.left {
	_width: 720px;
	_background: #FFFFFF;
	_float: left;
	_padding: 0;
}
div#contents div#inner div.left2 {
	_width: 920px;
	_background: #FFFFFF;
	_float: left;
	_padding: 0 10px 0 0;
}
div#contents div#inner div.left h2 {
	background: url(../img/2nd/h2_bg.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 690px;
}
div#contents div#inner div.left2 h2 {
	background: url(../img/2nd/h2_bg.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 910px;
}
div#contents div#inner div.left h3 {
	background: url(../img/2nd/h2_bg.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 690px;
	clear: both;
}
div#contents div#inner div.left2 h3 {
	background: url(../img/2nd/h2_bg.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 690px;
	clear: both;
}
div#contents div#inner div.left p {
	line-height: 1.5;
	margin: 0 12px 15px 0;
}
div#contents div#inner div.left2 p {
	line-height: 1.5;
	margin: 0 12px 15px 0;
	width: 700px;
}
div#contents div#inner div.left p.side {
	width: 370px;
	float: left;
}
div#contents div#inner div.left p.right {
	text-align: right;
}
div#contents div#inner div.left p img {
	margin: 0 0 30px 0;
}
div#contents div#inner div.left p.img_r {
	float: right;
}
div#contents div#inner div.left p span {
	color: #FF0000;
}
div#contents div#inner div.left dl {
	margin: 20px 0;

}
div#contents div#inner div.left dl dt {
	margin: 0 10px 20px 0;
}
div#contents div#inner div.left dl dd {
	padding: 0 0 2px 0 ;
}
div#contents div#inner div.left dl dd ul {
	margin: 0;
}
div#contents div#inner div.left dl dd ul li{
	list-style: inside square;
	margin: 0 0 3px 0;
}
div#contents div#inner div.left .service {
	margin: 30px 0 0 23px;
}
div#contents div#inner div.left .service dl {
	height: 76px;
	float: left;
	margin: 0 20px 25px 0;
	display: inline;
}
div#contents div#inner div.left .service dt {
	float: left;
}
div#contents div#inner div.left .service dd {
	margin: 0 0 8px 87px;
	width: 218px;
	line-height: 1.2;
}
div#contents div#inner div.left .service dd.cate {
	line-height: 28px;
	border-bottom: #55C1C1 2px solid;
	width: 218px;
	font-weight: bold;
	padding: 0;
}
div#contents div#inner div.left2 dl {
	margin: 20px 0;
	width: 710px;
}
div#contents div#inner div.left2 dl dt {
	float: left;
	margin: 0 20px 20px 0;
	height: 230px;
}
div#contents div#inner div.left2 dl dd {
	padding: 0 0 7px 0;
}
div#contents div#inner div.left2 dl dd ul {
	margin: 0;
}
div#contents div#inner div.left2 dl dd ul li{
	list-style: inside square;
	margin: 0 0 3px 0;
	_width: 400px;
}
div#contents div#inner div.left h4 {
	background: url(../img/2nd/h3_bg.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 690px;
	clear: both;
}
div#contents div#inner div.left ul.case {
	margin: 0 0 0 10px;
}
div#contents div#inner div.left ul.case li {
	background:url(../img/2nd/list3.gif) no-repeat left center;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
div#contents div#inner div.left table.company tr th {
	vertical-align: top;
	padding: 5px;
}
div#contents div#inner div.left table.company tr td {
	padding: 5px;
	line-height: 1.5;
}
div#contents div#inner div.left table.company tr td ol {
	margin: 0 0 0 17px;
	*margin: 0 0 0 24px;
}
div#contents div#inner div.left table.company tr td ol li {
	list-style: decimal;
	padding: 0 0 0 7px;
	*padding: 0;
}
div#contents div#inner div.left2 table.contact {
	width: 700px;
	border-bottom: #999999 1px solid;
	margin: 0 auto;
}
div#contents div#inner div.left2 table.contact th {
	background: #EBEBEB;
	padding: 10px;
	border-right: #999999 1px dotted;
	border-bottom: #999999 1px solid;
}
div#contents div#inner div.left2 table.contact th.top {
	border-top: #999999 1px solid;
}
div#contents div#inner div.left2 table.contact span {
	color: #FF0000;
}
div#contents div#inner div.left2 table.contact td {
	padding: 10px;
	border-top: #999999 1px solid;
}
div#contents div#inner div.left2 table.contact td.txt_r {
	text-align: right;
}
div#contents div#inner div.left2 table.contact td.btm {
	border-bottom: #999999 1px solid;
}
div#contents div#inner div.left2 table.contact td.non {
	border-top: none;
}
div#contents div#inner div.left2 table.contact td input {
	margin: 0 5px 0 0;
}
div#contents div#inner div.left2 table.sitemap th {
	font-weight: bold;
}
div#contents div#inner div.left2 table.sitemap td {
	padding: 5px;
}
div#contents div#inner div.right {
	width: 200px;
	padding :5px;
	float: right;
}
div#contents div#inner div.right ul li img {
	vertical-align: bottom;
}

