
/*----------------------------
 * ヘッダ
 *----------------------------*/
#header {
	background-image:url("/img/business/header/bg_header.gif");
}
#header_utils {
	background-image:url("/img/business/header/bg_submenu.gif");
}

#header_utils a:link {
	color: #7F0012;
	text-decoration: none;
}

#header_utils a:visited {
	color: #7F0012;
	text-decoration: none;
}

#header_utils a:hover {
	color: #b83800;
	text-decoration: none;
}

/*----------------------------
 * メインコンテンツ
 *----------------------------*/

#contents {
	padding:0 0 0 1px;
	background-image:url("/img/business/bg_contents.gif");
	background-repeat:repeat-y;
}

/*----------------------------
 * メニュー
 *----------------------------*/
#menu {
	width:200px;
	float:left;
	background-color:#568348;
	text-align:center;
	color:#ffffff;
	padding:0 0 20px 0;
}
#menu h2 {
	margin:0;
}

#menu ul a {
	font-size:80%;
}
#menu ul.business_menu_service a, #menu ul.business_menu_company a {
	color:#ffffff;
	text-decoration:none;
}
#menu ul {
	list-style-type:none;
	text-align:left;
}
#menu li, #menu p{
	font-size:100%;
}

#menu ul.customers {
	padding:7px 0;
	background-image:url("/img/business/menu/bg_menu_customer.gif");
	background-repeat:repeat-y;
}

#menu ul.customers li {
	margin:0;
	padding:0;
}

#menu ul.business_menu_service {
	margin:-10px 0 0 0;
	padding:3px 0 15px 0;
}
#menu ul.business_menu_service li {
	margin:10px 0 0 8px;
	padding:0;
	line-height:1.0;
}
#menu ul.business_menu_company {
	padding:3px 0 15px 0;
}
#menu ul.business_menu_company li {
	margin:3px 0 0 8px;
	padding:0;
	line-height:1.0;
}
#menu ul.business_menu_sub li {
	margin:3px 0 0 12px;
	line-height:1.0;
}
#menu ul.business_menu_service li img, #menu ul.business_menu_company li img {
	padding-right:5px;
}

#menu div#order_by_phone ul {
	font-size:80%;
	text-align:center;
}
#menu div#order_by_phone p.notice {
	font-size:80%;
}

#menu div.banners {
	padding-top:20px;
}
#menu div.banners p {
	margin:15px 0;
}

/*----------------------------
 * 会員メニュー
 *----------------------------*/
div#menu div#member ul {
	margin:0 auto;
	text-align:center;
}

/*----------------------------
 * メインコンテンツエリア
 *----------------------------*/
#main {
	width:516px;
	float:right;
	padding:0 22px 30px 22px;
	text-align:left;
}

/* パンくずリスト */
#contents div#main ul.step {
	margin:2px 0 0 -5px;
	padding:0 0 10px 0;
}
ul.step li{
	display:inline;
	padding:0 3px 0 0;
}
ul.step li a, ul.step span {
	padding:0 0 0 5px;
	margin:0;
}
ul.step li span {
	color:#666666;
}

/* INFOMATION */
div.information {
	clear:both;
	border-top:solid 1px #ffffff;
}
div#main div.information h2 {
	border-top:solid 3px #f8dcc1;
	margin:35px 0 0 0;
	padding:0 0 5px 0;
}
div.information dl {
	margin:5px 0 0 0;
}
div.information dt {
	width:3.5em;
	float:left;
	font-size:90%;
	padding:2px 0 0 0;
}
div.information dd {
	float:left;
	width:13em;
}
div.information strong {
	color:#ff0000;
	font-size:140%;
	letter-spacing:1px;
}
p.person_in_charge {
	clear:left;
	text-align:right;
	padding-right:1em;
}


/* not_display */
.trivial {
	display:none;
}

/*----------------------------
 * フッタ
 *----------------------------*/
#footer {
	background-image:url("/img/business/footer/bg_footer.gif");
}

/*----------------------------
 * 事業者向けトップページ専用
 *----------------------------*/
div.banner {
	margin:0 0 8px 0;
}

div.customer {
	width:100px;
	float:left;
	padding-right:4px;
	margin:0 0 20px 0;
}
div.customer ul {
	border-left:solid 1px #cccccc;
	height:105px;
	padding:5px 0 0 17px;
	font-size:95%;
	color:#663333;
}
* html div.customer ul {
	font-size:75%;
}

div.customer li {
	padding:0;
	margin:0 0 4px 0px;
	line-height:1.2;
}
* html div.customer li {
	line-height:1.6;
}

div#greeting {
	clear:both;
	border-top:solid 3px #f8dcc1;
	background-image:url("/img/business/index/dc_greeting.gif");
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:3px 0 0 0;
}
* html div#greeting {
	background-position:0 6px;
}

div#greeting p {
	text-indent:1em;
}


/*----------------------------
 * 顧客別ページ／サービス紹介ページ用
 *----------------------------*/
h1.service {
	margin:7px 0 20px 0;
}
h1.service_detail {
	margin:7px 0 0 0;
}
div#main h2 {
	color:#663333;
}

div#main h2.service {
	font-size:90%;
	margin:30px 0 3px 0;
	padding:0;
}

div#main h2.service_catch {
	font-size:90%;
	margin:5px 0 5px 0;
	padding:0;
}

p.lead_para {
	margin:5px 0 1em 0;
}

div.service_image_area {
	float:right;
	width:120px;
	text-align:right;
}
div.service_text_area {
	margin:0 0 0 1px;
	border-left:solid 2px #cccccc;
	padding:1px 0 1px 8px;
	width:380px;
	color:#663333;
}
div.service_text {
	margin:0 0 0 1px;
	border-left:solid 2px #cccccc;
	padding:1px 0 1px 8px;
	color:#663333;
	/* to fix IE bug */
	border-bottom:solid 1px white;
}
div.service_text_area ul {
	padding:0;
	margin:0.5em 0 0 30px;
}
div.service_text_area li {
	padding:0;
}

p.big_banner {
	margin:0.5em 0;
}

/* 取得認証 */
div#certifications {
	margin:10px 1px 0px 1px;
	border:groove 2px #663333;
	padding:0.5em;
}
div#certifications h2 {
	font-size:80%;
}
/*
div#certifications td, div#certifications th {
	vertical-align:top;
	font-size:80%;
	font-weight:normal;
	padding:0;
}*/
div#certifications ul {
	margin:0;
	padding:0 0 0 25px;
}
div#certifications li {
	font-size:80%;
	/*list-style-type:none;*/
	padding:0;
	margin:0;
}
div#certifications li p {
	font-size:100%;
	margin:0 0 0 1em;
	text-indent:-1em;
}

/* xxxについて詳しく */
p.see_more {
	margin:5px 0 0 0;
}
p.see_more a:link, p.see_more a:visited, p.see_more a:hover, p.see_more a:active {
	text-decoration:none;
}
p.see_more img {
	padding-right:5px;
}

/*----------------------------
 * 製造工程ページ
 *----------------------------*/
/* 製造フロー */
div.manufacturing_flow h2 {
	font-size:100%;
	margin:25px 0 3px 0;
}

/* 機械紹介 */
div.machine {
	border-top:solid 1px #ffffff;
	clear:both;
}
div.machine h2 {
	font-size:100%;
	margin:25px 0 3px 0;
}
div.machine h3 {
	margin:0 0 0 210px;
	font-size:80%;
}
div.machine p {
	margin-left:210px;
}
div.machine img {
	padding:0 10px 15px 0;
}

/* 製造工程 */
div.manufacturing_process {
	border-top:solid 1px #ffffff;
	clear:both;
}
div.manufacturing_process h2 {
	font-size:100%;
	margin:25px 0 3px 0;
}
div.manufacturing_process li{
	list-style-type:none;
	clear:left;
}
div.manufacturing_process img {
	float:left;
	padding:0 10px 15px 0;
}
div.manufacturing_process h3 {
	margin:0 0 0 210px;
	font-size:100%;
	color:#000000;
}
div.manufacturing_process p {
	margin-left:210px;
	font-size:100%;
	line-height:1.33;
}

/* 特徴 */
div.product_feature {
	border-top:solid 1px #ffffff;
	clear:both;
}
div.product_feature h2 {
	font-size:100%;
	margin:25px 0 3px 0;
}
div.product_feature p {
	margin-bottom:1em;
}
img.product_image {
	padding-bottom:14px;
}

/*---------------------
  会社案内・サブメニュー
-----------------------*/
div#main ul.sub_menu {
	margin:0;
	padding:2px 0;
	background-color:#dcdcdc;
	border-top:1px solid #999;
	line-height:140%;
}
div#main ul.sub_menu li {
	margin:0 0 0 -5px;
	list-style-type:none;
	display:inline;
	padding:0 0 0 24px;
	background-image:url(/img/usually-img/guide_menu_marker.gif);
	background-repeat:no-repeat;
	background-position:14px 2px;
	white-space:nowrap;
}
div#main ul.sub_menu a:hover, div#main ul.sub_menu a:active {
	text-decoration:underline;
	color:#f00;
}

