body {
	background: url(../images/bg/head_bg.gif) repeat-x;
	font-size:13px; 
	margin:0; 
	padding:0; 
	/*font: normal 13px Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;*/
}

body#home{
	background: url(../images/bg/home_head_bg.gif) repeat-x;
}
p, ol, ul{
	margin:5px 15px;
	line-height: 170%;
	font-size:1.1em;
}
ol, ul {
	margin-left:30px;
}
a:link img  ,a:visited img {
	border:0;
}

.floatleft{
float:left;
margin: 0 10px 10px 0;
}
.floatright{
float:right;
margin: 0 0 10px 10px;
}

/************************
グローバルナビゲーション
************************/

.corp #header-nav li#corporate a { background:url(../images/bg/menu-hover.gif) left bottom no-repeat; font-weight:bold;}/*会社概要ページでの設定*/
.prod #header-nav li#products a{ background:url(../images/bg/menu-hover.gif) left bottom no-repeat; font-weight:bold;}/*製品一覧ページでの設定*/
.proj #header-nav li#project a{ background:url(../images/bg/menu-hover.gif) left bottom no-repeat; font-weight:bold;}/*事業一覧ページでの設定*/
.supp #header-nav li#supports a{ background:url(../images/bg/menu-hover.gif) left bottom no-repeat; font-weight:bold;}/*サポートページでの設定*/
.recr #header-nav li#recruitment a{ background:url(../images/bg/menu-hover.gif) left bottom no-repeat; font-weight:bold;}/*サポートページでの設定*/

/************************
パンくずナビゲーション
************************/

#p-nav{
	clear: both;
	margin: .5em 0 ;
}
#p-nav ul{
	margin:5px 0 0 5px;
	padding:0;
}
#p-nav ul li{
	float:left;
	list-style:none;
	margin-right: 10px;
}
#p-nav li.sub{
	float:left;
	padding-left:25px;
	background:url(../images/bg/arrow-right.png) top left no-repeat;
}

/************************
レフトナビゲーション
************************/
ul#left_nav li {
	list-style:none;
}

ul#left_nav li a {
	padding:25px 5px 5px 50px;
	height:50px;
	color:#666666;
	display: block;
	width:125px;
	text-decoration:none; line-height:150%;
	font-size:0.85em;
}	
#home #left ul, #blog #left ul {margin:0 0 0 -29px;}
#home #left li, #blog #left li {margin-bottom:15px;}
#home ul#left_nav li a {
	padding:25px 5px 5px 0px;
	height:50px;
	width:175px;
	color:#666666;
	display: block;
}
#home #left dl, #blog #left dl {margin-left:10px;}
#home #left dl dt, #blog #left dl dt {font-size:.9em; font-weight:bold;}
#home #left dl dd, #blog #left dl dd {margin-left:0;}

#left_nav li a:hover {background:#f0f0f0;}


ul#left_nav li.go-home a {background:url(../images/bg/home_48x48.png) center left no-repeat;}
	
ul#left_nav li.go-home a:hover {background-color:#f0f0f0;}

/*トップ*/
#gaiyo ul#left_nav .privacy a ,#environmental ul#left_nav li.environmental a {background-color:#f0f0f0;}

/*会社概要*/
#gaiyo ul#left_nav .gaiyo a ,#greeting ul#left_nav .greeting a ,#contact ul#left_nav .contact a ,#access ul#left_nav .access a ,#iso ul#left_nav .iso a {background-color:#f0f0f0;}

/*事業内容*/
#entrusted ul#left_nav .entrusted a ,#equipment ul#left_nav .equipment a, #entrustedflow1 ul#left_nav .entrustedflow a {background-color:#f0f0f0;}

/*サポート*/
#faq ul#left_nav li.faq a ,#catalog ul#left_nav li.catalog a ,#order ul#left_nav li.order a ,#dl ul#left_nav li.dl a {background-color:#f0f0f0;}

/*採用情報*/
#fres ul#left_nav li.fresh a ,#catalog ul#left_nav li.catalog a ,#care ul#left_nav li.career a {background-color:#f0f0f0;}

/*topディレクトリ*/
#environmental li.environmental a ,#privacy li.privacy{background-color:#f0f0f0;}


/**********************
        見出し
**********************/

div#center-b h4.subhead {
	margin:10px;
	padding:0;
	text-align:center;
	font-size: 1.2em;
}
#rightcolumn h3#title-bar {
	background: url(images/title-bar.gif) left top no-repeat;
	text-indent:1em;
	color:#FFF;
	font-weight:bold;
	padding: 8px 5px;
	margin:10px 5px;
	display: block;
	width:680px;
	height: 35px;
}
#rightcolumn h3.sub-title {
	background:#FFCC99;
	width:80%;
	color:#FF6600;
	padding: 5px;
	margin: 10px;
	display: block;
}

h4.product-title, h3.product-title {
	background:url(../images/bg/title-bg.gif) repeat;
	border: #FF9933 .1em solid;
	padding: 8px 5px;
	border-left: #FF9933 .5em solid;
	font-size: 1.1em;
	width: 90%;
	position:relative;
	left:15px;
}
#blog h2.entry-title a {font-size: .8em;}
#home h3.entry-title a {font-size: .8em;}

/**********************
        layout
**********************/

#wrapper{
	width:800px;
	margin:0 auto;
}

#header{
	height:138px;
	margin: 0;
	position: relative;
}
#home #header{
	height:90px;
}
#logo{float:left; margin:20px 10px 40px 5px;}
#logo a{
	width:250px;
	height:43px;
	display:block;
	text-indent:-1000em;
	background:url(../images/bg/logo.gif) left top;
}
#header p{
	position:absolute;
	top:60px;
	left:0;
	font-size: 0.9em;
	color: #666666;
}

#header-nav{
	background:url(../images/bg/menu.gif) top left no-repeat;
	float:right;
	margin: 0 0 0 10px;
}
#header-nav ul{
	display:block;
	width:400px;
	height:50px;
	margin: 0 10px 0 -30px;
}

#header-nav ul li{
	float:left;
	list-style:none;
}
#header-nav ul li a{
	display:block;
	width:80px;
	height:50px;
	line-height: 380%;
	text-align: center;
	text-decoration:none;
	color:#333333;
}
#header-nav ul li a:hover{
	color:#FF0000;
	background:url(../images/bg/menu-hover.gif) left top no-repeat;
}
#home #pr{
	clear: both;
	margin: 0;
	position: relative;
}

#left{
	clear:both;
	float:left;
	width:200px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
	position: relative;
	padding-top: 10px;
}
#left #top{
	background:url(../images/bg/side-bar.gif) left top no-repeat;
	padding: 20px 10px 10px;
	font-size:13px;
	margin: 0;
	text-indent: -1000em;
}
#left #under{
	background:url(../images/bg/side-bar-u.gif) left bottom no-repeat;
	padding: 0 10px 20px 0;
	font-size:13px;
	margin: 0;
}
#left ul{margin:0 0 0 -31px;}
#left ul li{
	list-style:none;
	margin: 0;
	border-bottom: #f0f0f0 1px dotted;
}
#left ul li a{
	display:block;
}

#center {
	margin-left:200px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px;
	position: relative;
	margin-top: 15px;
	padding: 0;
}
#home #center {
	margin-top: 35px;
}
	
#center-t {
	margin:0;
	background: url(../images/bg/main-top.gif) left top no-repeat;
	padding: 10px 5px 0;
}
#center-b {
	margin:-13px 0 0;
	background:url(../images/bg/main-middle.gif) 1px top repeat-y;
	padding: 5px 15px;
	min-height:500px;
}
#center-b p{
	padding: 10px;
}
#center-b p.pagetop {
	text-align:right;
}
span.bottom{
	background:url(../images/bg/main-bottom.gif) 1px bottom no-repeat;
	height:20px;
	display:block;
	margin:0px;
	margin-top: -5px;
}
#center-b dl{
	padding:5xp 10px;
	margin: 10px 15px;
	display: block;
}
#center-b dl dt{
	margin:5px 0;
	font-weight:bold;
	font-size: 1.2em;
	line-height: 1.5;
}
#center-b dl dl dt{
	background:url(../images/bg/arrow-right.png) left 3px no-repeat;
	padding-left: 17px;
}

#center-b dl dd{
	padding: 5px;
	margin: 0 10px;
	line-height: 1.5;
}
#center-b p a.more{
	width:100%;
	text-align:right;
	display: block;
}

#footer {
	clear:both;
	height:100px;
	font-size:11px;
}
#footer ul {
	background:url(../images/bg/footer_bg.gif) left top repeat-x;
	display:block;
	position: relative;
	height: 40px;
	line-height: 250%;
	margin: 0;
}
#footer ul li {
	float:left;
	list-style:none;
	margin: 3px;
	padding: 0 0 0 7px;
	background:url(../images/bg/bg_slash.gif) no-repeat center left;
}
#footer p {clear:both; text-align:center;}

body, td, th {
	color: #333333;
}

h1, h2, h4 {
	color: #333333;
	border-left: 5px;
}

h3#center-t img, h5 img, h6 img {
	margin: 10px;
}

a {
}

h3.product-t {
}


/******************
会社概要
******************/
#company-table {
	margin:10px 0 10px;
	background: #CCC;
	width: 550px;
}
#company-table td {
	background:#f0f0f0;
	padding: 5px;
}
#company-table td.th {
	width:100px;
	font-weight:bold;
}
#company-table ul {
	margin:0.5em 1em;
}
#company-table dl {
	margin:.5em;
}
#company-table dl dt {
	margin:.5em 0 0 0;
}
#company-table dl dd {
	margin:-1.2em 0 0 8em;
}
.content {
	position:static;
}

img.map {
	padding:5px;
	border:#666666 5px solid;
}

/******************
トップ
******************/
ul#top-list {
	margin-left:5px;
	margin-bottom: 10px;
	position: relative;
	display: block;
	padding: 10px 0;
	height:73px;
}
ul#top-list li {
	float:left;
	width:171px;
	height:73px;
	margin-right: 10px;
	list-style:none;
}
ul#top-list li.alter {background:url(../images/top-list-alter.gif) no-repeat;}
ul#top-list li.t-caro {background:url(../images/top-list-caro.gif) no-repeat;}
ul#top-list li.t-oem {background:url(../images/top-list-OEM.gif) no-repeat;}

ul#top-list li a{text-indent:-1000em; width:171px; height:73px; display:block;}

#top-list:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

ul#left_nav li.privacy a {background: url(../images/bg/decrypted.png) center left no-repeat;}
ul#left_nav li.environmental a {background: url(../images/bg/earth.png) center left no-repeat;}

ul#left_nav li.privacy a:hover ,ul#left_nav li.environmental a:hover {background-color:#f0f0f0;}

#home ul#left_nav {}
ul#left_nav li.top-caro a {background: url(../images/bg/caro-button.gif) center left no-repeat; text-indent:-1000em;}
ul#left_nav li.top-alter a {background: url(../images/bg/alter-button.gif) center left no-repeat; text-indent:-1000em;}
ul#left_nav li.top-ent a {background: url(../images/bg/ent-button.gif) center left no-repeat; text-indent:-1000em;}
ul#left_nav li.top-rec a {background: url(../images/bg/rec-button.gif) center left no-repeat; text-indent:-1000em;}

/******************
会社概要
******************/
ul#left_nav li.gaiyo a {background: url(../images/bg/company.png) center left no-repeat;}
ul#left_nav li.houmon a {background: url(../images/bg/text_document.png) center left no-repeat;}
ul#left_nav li.greeting a {background: url(../images/bg/greeting.png) center left no-repeat;}
ul#left_nav li.contact a {background: url(../images/bg/mail_new.png) center left no-repeat;}
ul#left_nav li.access a {background: url(../images/bg/walk.png) center left no-repeat;}
ul#left_nav li.iso a {	background:url(../images/bg/contents_48x48.png) center left no-repeat;}

ul#left_nav li.gaiyo a:hover ,ul#left_nav li.houmon a:hover ,ul#left_nav li.greeting a:hover ,ul#left_nav li.contact a:hover ,ul#left_nav li.access a:hover ,ul#left_nav li.iso a:hover
{background-color:#f0f0f0;}

#cloud {background:url(../images/bg/cloud.gif) 0 -5px no-repeat;padding: 5px 5px 0;}
#cloud img {margin:10px 105px 10px 10px;float:left;}

#entrustedflow #cloud {background:url(../images/bg/cloud_top.jpg) 0 -5px no-repeat;}
#entrustedflow #cloud img{margin:10px 65px 10px 10px;float:left;}
#entrustedflow #cloud span{
	background:url(../images/bg/cloud_bottom.jpg) 0 bottom no-repeat;
	display:block;
	width:100%;
	height:30px;
	margin: -5px 0 0 -5px;
}
/******************
サポート
******************/
ul#left_nav li.order a { background:url(../images/pdf.png) center left no-repeat;}

ul#left_nav li.dl a { background: url(../images/download_manager.png) center left no-repeat;}

ul#left_nav li.catalog a { background: url(../images/bookmark.png) center left no-repeat;}

ul#left_nav li.faq a { background: url(../images/bg/question.png) center left no-repeat;}
ul#left_nav li.faq a:hover ,ul#left_nav li.dl a:hover ,ul#left_nav li.order a:hover ,ul#left_nav li.catalog a:hover
{background-color:#f0f0f0;}


table#tbebg1 {
	margin:10px;
	border: 5px #f0f0f0;
	background: #f0f0f0;
	width: 520px;
}
table#tbebg1 td {
	background: #FFF;
	padding: 5px;
	border-bottom:#CCC 1px solid;
}

/******************
製品一覧
******************/

ul#left_nav li.product-list a:hover , ul#left_nav li.houmon a:hover{background-color:#f0f0f0;}
ul#left_nav li.product-list a {	background:url(../images/bg/camera_48x48.png) center left no-repeat;}


#product dl dt {
	font-weight:bold;
	color: #990000;
	margin-top: 10px;
}

#product dl dd {
	margin-left:30px;
}
.page-index ul{
	margin:10px 20px;
}

div.rowt {
	margin:0 0 10px 10px;
	background:transparent url(images/bg/bg_pro_waku_01.gif) no-repeat left bottom;
	position: relative;
}
div.rowt1 {
	margin:0 0 10px 10px;
	background: url(images/bg/bg_pro_waku_11.gif) no-repeat left bottom;
	position: relative;
}
#product #rightcolumn dl.list {
	width:320px;
	float:left;
	margin:0;
	display: block;
	position: relative;
	padding: 10px 10px 10px 5px;
	background:transparent url(images/bg/bg_pro_waku_02.gif) no-repeat;
}
#product#rightcolumn dl.list dt {
	float:left;
}
#product#rightcolumn dl.list dd {
}

#product #rightcolumn ul.page-index {
	display:block;
	margin: 10px;
	list-style-position: inside;
	width: 300px;
	float: left;
}

/******************
リクルート
******************/
ul#left_nav li.career a { background:url(../images/bg/Briefcase.png) center left no-repeat;}
ul#left_nav li.fresh a { background:url(../images/bg/keditbookmarks.png) center left no-repeat;}
ul#left_nav li.career a:hover , ul#left_nav li.fresh a:hover{background-color:#f0f0f0;}

ul#rec {
	display:block;
}

ul#rec li{
	float:left;
	border:#f0f0f0 5px solid;
	margin-right: 20px;
	list-style: none;
	width:200px;
	height:200px;
}

ul#rec li a{
	display:block;
	text-align: center;
	line-height: 200px;
	width:200px;
	height:200px;
}
ul#rec li a:hover{
	background:#f0f0f0;

}

/******************
事業一覧
******************/
ul#left_nav li.entrusted a { background: url(../images/bg/usb.png) center left no-repeat;}
ul#left_nav li.equipment a { background: url(../images/bg/equipment.png) center left no-repeat;}
ul#left_nav li.security a { background: url(../images/bg/security.png) center left no-repeat;}
ul#left_nav li.entrustedflow a { background: url(../images/bg/evolution-tasks.png) center left no-repeat;}
ul#left_nav li.entrusted a:hover, ul#left_nav li.equipment a:hover, ul#left_nav li.security a:hover, ul#left_nav li.entrustedflow a:hover{background-color:#f0f0f0;}

#entrustedflow1 dl.serviceList {
	margin: 0 0 20px 30px;
}
 
#entrustedflow1 dl.serviceList dt {
	position: relative;
	width: 400px;
	margin-bottom: 5px;
	padding-top: 40px;
	padding-left: 80px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
	background: url(../images/bg/allow-f.png) 200px 0px no-repeat;
}
 
#entrustedflow1 dl.serviceList dt.firstChild,
#entrustedflow1 dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0px;
}
 
#entrustedflow1 dl.serviceList dt a {
	padding-left: 15px;
	background: url(../img/item/mark_01.gif) no-repeat left center;
}
 
#entrustedflow1 dl.serviceList dt img {
	position: absolute;
	top: 30px;
	left: 0;
	padding: 2px;
	border: 1px solid #EEE;
}
 
#entrustedflow1 dl.serviceList dt.firstChild img,
#entrustedflow1 dl.serviceList dt:first-child img {
	top: 0;
}
 
#entrustedflow1 dl.serviceList dd {
	margin-bottom: 15px;
	padding-left: 80px;
	height: 50px;
}
 
#entrustedflow1 dl.serviceList > dd {
	min-height: 50px;
	height: auto;
	border-bottom:none;
}

/******************
お問い合せフォーム
******************/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}


#blog dl.entries, #home dl.entries {
	display:block;
	border:3px dashed #F0F0F0;
	padding: 0;
}

	#blog dl.entries dt, #home dl.entries dt {
	margin:0;
	padding-left: 5px;
	}
	
	#home dl.entries dd {
		padding:0;
	}
#home dl.entries {margin-right:30px;}
/*table*/
table.table {
	border-collapse: collapse;
	margin:0 0 20px 20px;
	width:520px;
	padding:3px;
}
.table th, #center-b .table td, #center-b .table thead th{padding:5px;color: #000;}
.table th {
	border: solid 1px #666;
	background-color: #FDFBC8;
}
.table td {
	border: solid 1px #666;
	background-color: #fff;
	width:380px;
}
.table thead th {
	background-color: #FDA968;
}