﻿@charset "utf-8";
/* daiei seisakujo CSS Document */


* {
	margin:0;
	padding:0;
	color:#333;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	
img { 
	border : none; 
	} 
	
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote { 
	line-height : 1.4em; 
	text-align : left; 
	display : block; 
	list-style-type : none;
	} 	
	
body {
	text-align:center;
	/*background-image:url(../common/bg_body.jpg) ;
	background-repeat:repeat-x;*/
	background : url(../common/bg_body.jpg) repeat-x left top;
	}
	
#container {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	/*background : url(../common/container_bg.gif) repeat-x left bottom;*/
	}
	

a:link {
  color: #3366FF;
}
a:visited {
  color: #3366FF;
}
a:hover {
  color: #ff7f00;
}
	

/* ヘッダー　*/
#header {
	margin:0;
	padding:0;
	height:90px;
	}

#header h1 {
	width:765px;
	height:20px;
	padding:13px 0 0 15px;
	font-size:80%;
	font-weight:normal;
	}

body#top #header #logo {
	margin:0;
	padding:0;
	}
	
#header #logo {
	width:765px;
	margin:0;
	padding:15px 0 0 0;
	}
	
body#top #header h2 {
	width:765px;
	padding:15px 0 4px 0;
	}
	
/*　gnavi　　*/

#gnavi { 
	margin : 10px auto 10px; 
	width : 780px; 
	} 
#gnavi ul { 
	width : 780px; 
	} 
#gnavi ul li { 
	float : left; 
	} 
	
#gnavi ul li a { 
	overflow : hidden; 
	} 
#gnavi ul li a { 
	display : block; 
	text-indent : -99999px; 
	height : 60px; 
	} 
#gnavi ul li.home a { 
	width : 130px; 
	} 
#gnavi ul li.products a { 
	width : 130px; 
	}
#gnavi ul li.equipment a { 
	width : 130px; 
	} 
#gnavi ul li.company a { 
	width : 130px; 
	}
#gnavi ul li.recruit a { 
	width : 130px; 
	}
#gnavi ul li.contact a { 
	width : 130px; 
	}
#gnavi ul li.mirai a { 
	width : 130px; 
	} 

#gnavi ul li.home { 
	width : 130px; 
	background : url(../common/gnavi_home.jpg) no-repeat left top; 
	}
#gnavi ul li.products  { 
	width : 130px; 
	background : url(../common/gnavi_products.jpg) no-repeat left top;
	}
#gnavi ul li.equipment  { 
	width : 130px; 
	background : url(../common/gnavi_equipment.jpg) no-repeat left top;
	} 
#gnavi ul li.company  { 
	width : 130px; 
	background : url(../common/gnavi_company.jpg) no-repeat left top;
	}
#gnavi ul li.recruit  { 
	width : 130px; 
	background : url(../common/gnavi_recruit.jpg) no-repeat left top;
	}
#gnavi ul li.contact  { 
	width : 130px; 
	background : url(../common/gnavi_contact.jpg) no-repeat left top;
	}
#gnavi ul li.mirai { 
	width : 130px; 
	background : url(../common/gnavi_mirai.jpg) no-repeat left top; 
	}

#gnavi ul li.home a:hover { 
	width : 130px; 
	background : url(../common/gnavi_home_on.jpg) no-repeat left top;  
	} 
#gnavi ul li.products a:hover  { 
	width : 130px; 
	background : url(../common/gnavi_products_on.jpg) no-repeat left top;
	}
#gnavi ul li.equipment a:hover  { 
	width : 130px; 
	background : url(../common/gnavi_equipment_on.jpg) no-repeat left top;
	} 
#gnavi ul li.company a:hover  { 
	width : 130px; 
	background : url(../common/gnavi_company_on.jpg) no-repeat left top;
	}
#gnavi ul li.recruit a:hover  { 
	width : 130px; 
	background : url(../common/gnavi_recruit_on.jpg) no-repeat left top;
	}
#gnavi ul li.contact a:hover  { 
	width : 130px; 
	background : url(../common/gnavi_contact_on.jpg) no-repeat left top;
	}
#gnavi ul li.mirai a:hover { 
	width : 130px; 
	background : url(../common/gnavi_mirai_on.jpg) no-repeat left top;  
	} 
	
body#top #gnavi ul li.home { 
	width : 130px; 
	background : url(../common/gnavi_home_on.jpg) no-repeat left top; 
	} 
body#products #gnavi ul li.products  { 
	width : 130px; 
	background : url(../common/gnavi_products_on.jpg) no-repeat left top;
	}
body#equipment #gnavi ul li.equipment  { 
	width : 130px; 
	background : url(../common/gnavi_equipment_on.jpg) no-repeat left top;
	} 
body#company #gnavi ul li.company  { 
	width : 130px; 
	background : url(../common/gnavi_company_on.jpg) no-repeat left top;
	}
body#recruit #gnavi ul li.recruit  { 
	width : 130px; 
	background : url(../common/gnavi_recruit_on.jpg) no-repeat left top;
	}
body#contact #gnavi ul li.contact  { 
	width : 130px; 
	background : url(../common/gnavi_contact_on.jpg) no-repeat left top;
	}
body#mirai #gnavi ul li.mirai { 
	width : 130px; 
	background : url(../common/gnavi_mirai_on.jpg) no-repeat left top; 
	} 

/*　　key　　*/	
div#key { 
	margin : 0 auto 15px; 
	width : 780px; 
	} 
body#top div#key { 
	margin : 0 auto; 
	width : 780px; 
	}
	
div#key02 { 
	margin : 0 auto 15px; 
	width : 565px; 
	} 

/*　　contents　　*/

#wrap { 
	padding : 10px 0 5px 0; 
	} 
	
#contentsIn {
	margin : 0 auto; 
	width : 780px;
	background:url(../common/bg_contentsIn.jpg) repeat-y left top;
	}
#contents { 
	margin : 0 auto; 
	width : 780px; 
	position : relative; 
	} 
#contents div#contentsL { 
	width : 565px; 
	float : left; 
	display : inline; 
	} 
	
#contentsL p.text {
	margin: 10px 15px;
	font-size : 0.80em; 
	line-height:1.4em;
	}
	


#contentsL p#path { 
	margin : 10px 0; 
	padding : 0 0 0 10px; 
	font-size : 0.66em; 
	} 	
#contents div#contentsR { 
	width : 200px; 
	float : right; 
	display : inline; 
	} 
	
/*  talbe layout  */
body#company .talbe {
	padding: 15px 10px;
	font-size: 0.8em;
	}
	
body#company .table_base {
	border-top: #999 1px solid;
	margin: 0px auto;
	border-left: #999 1px solid;
	font-weight:normal;
	line-height: 1.5em}
	
body#company .table_base td {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
}
body#company .table_base th {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	font-weight: normal; 
	width: 110px;
	text-align:left;	
	}
	
body#equipment .talbe {
	padding: 15px 10px;
	font-size: 0.8em;
	}
	
body#equipment .table_base {
	border-top: #999 1px solid;
	margin: 0px auto;
	border-left: #999 1px solid;
	font-weight:normal;
	line-height: 1.3em}
	
body#equipment .table_base td {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	text-align:center;
}
body#equipment .table_base th {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	font-weight: normal; 
	text-align:left;	
	}
	
.bg01 {
	background-color:#efefef;
}

#map  {
	margin : 10px 15px; 
	width : 535px;
	}
	
#map p {
	width : 535px;
	text-align:right;
	font-size: 0.8em;
	}

/* ページトップイメージ */
.pagetop {
	clear:both; 
	text-align: right
}

/*　contact　　*/

#formwrap {
	padding: 0px;
 	margin: 10px auto; 
	width: 500px; 
	text-align: left;
}

.inquiry {
	margin-bottom: 12px;
	margin-left: 10px;
	width: 530px;
	line-height:1.5em;
	/*background-color:#999*/
}

.inquiry tr {
	vertical-align: top;
}

.inquiry th {
	/*width: 30%;*/
	color: #666;
	font-size:80%;
	background-color:#F0F9FF;
}

.inquiry td {
	/*background-color:#fff;*/
	padding-right: 10px;
	padding-left:10px;
	padding-bottom:8px;
	padding-top:8px;
	font-size:80%;
	font-weight: normal;
	/*border-top:#fff 1px solid;
	border-left:#fff 1px solid;*/
	}
.inquiry th {
	padding-right: 12px;
	border-top: #fff 1px solid;
	padding-left: 12px;
	padding-bottom: 8px;
	border-left: #fff 1px solid;
	padding-top: 8px
}
.inquiry tr.cell_submit td {
	/*background-color: #fff;*/
	text-align: center;
}
.inquiry tr.cell_submit INPUT {
	padding: 3px;
	font-weight: bold;
	margin: 1px 3px;
}
.inquiry INPUT {
	margin-bottom: 2px
}
.red {
	padding: 0 2px;
    font-weight: bold;
	font-size: 80%;
	color:#FF0000;
}
	
/* 見出し */
#contents h2 {
	background-image: url(../common/bg_h2.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	color:#ffffff;
	height: 35px;
	margin-bottom: 13px;
	padding-left: 25px;
	padding-top: 8px;
	background-repeat: no-repeat;
}

body#company h3 {
	clear:both;
	background-image: url(../common/bg_h3_company.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 35px;
	margin-top: 15px;
	padding-left: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
}
body#equipment h3 {
	clear:both;
	background-image: url(../common/bg_h3_equipment.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 35px;
	margin-top: 15px;
	padding-left: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
}
body#products h3 {
	clear:both;
	background-image: url(../common/bg_h3_products.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 35px;
	margin-top: 30px;
	padding-left: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
}
body#info h3 {
	clear:both;
	background-image: url(../common/bg_h3_info.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 35px;
	margin-top: 15px;
	padding-left: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

body#contact h3 {
	clear:both;
	background-image: url(../common/bg_h3_contact.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 35px;
	margin-top: 15px;
	padding-left: 30px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

h4 {
	clear:both;
	background-image: url(../common/bg_h4.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 25px;
	margin-top: 15px;
	padding-left: 20px;
	padding-top: 4px;
	background-repeat: no-repeat;
}


#map h4 {
	clear:both;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	height: 20px;
}
	
/*　　infomation   */

#listBox dl dt { 
	margin : 0; 
	padding : 0; 
	} 
#listBox dl dd { 
	margin-top : -1px; 
	padding : 11px 12px 12px; 
	border : 1px solid #d8d8d8; 
	border-width : 0 1px 1px; 
	position : relative; 
	} 
#listBox dl dd ul { 
	position : relative; 
	margin : 0 1px 0; 
	padding : 0 0 0; 
	background : none; 
	line-height : 1.5em; 
	font-size:80%;
	font-weight:normal;
	} 
#listBox dl dd ul li { 
	/*padding : 9px 0 9px 25px;*/ 
	margin : 0 0 0 0; 
	} 

/*　sitemap　　*/


#sitemap  {
	margin-top: 30px;
	padding-left: 50px;
}
#sitemap ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
}

#sitemap li.s00{
	background-image: url(../common/tree00.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-left: 25px;
}

#sitemap li.s01{
	background-image: url(../common/tree01.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left:25px;
	padding-left: 25px;
}
#sitemap li.s02 {
	padding-left:65px;
	list-style-type: none;
	line-height: 1.3em;
}

/*　topmenubanner　*/
	
#topmenubanner { 
	margin : 20px 0; 
	width : 565px; 
	} 
#topmenubanner ul { 
	width : 565px; 
	} 
#topmenubanner ul li { 
	float : left; 
	margin-bottom : 10px;
	} 
	
#topmenubanner ul li a { 
	overflow : hidden; 
	} 
#topmenubanner ul li a { 
	display : block; 
	text-indent : -99999px; 
	height : 125px; 
	} 

#topmenubanner ul li.products a { 
	width : 290px; 
	}
#topmenubanner ul li.equipment a { 
	width : 275px; 
	} 
#topmenubanner ul li.company a { 
	width : 290px; 
	}
#topmenubanner ul li.envelope a { 
	width : 275px; 
	}

#topmenubanner ul li.products  { 
	width : 290px; 
	background : url(../common/bn_products.jpg) no-repeat left top;
	}
#topmenubanner ul li.equipment  { 
	width : 275px; 
	background : url(../common/bn_equipment.jpg) no-repeat left top;
	} 
#topmenubanner ul li.company  { 
	width : 290px; 
	background : url(../common/bn_company.jpg) no-repeat left top;
	}
#topmenubanner ul li.envelope  { 
	width : 275px; 
	background : url(../common/bn_envelope.jpg) no-repeat left top;
	} 


#topmenubanner ul li.products a:hover  { 
	width : 290px; 
	background : url(../common/bn_products_on.jpg) no-repeat left top;
	}
#topmenubanner ul li.equipment a:hover  { 
	width : 275px; 
	background : url(../common/bn_equipment_on.jpg) no-repeat left top;
	} 
#topmenubanner ul li.company a:hover  { 
	width : 290px; 
	background : url(../common/bn_company_on.jpg) no-repeat left top;
	}
#topmenubanner ul li.envelope a:hover  { 
	width : 275px; 
	background : url(../common/bn_envelope_on.jpg) no-repeat left top;
	} 
	
/*　contentsR　*/

#contents div#contentsR { 
	width : 200px; 
	float : right; 
	display : inline; 
	} 
	
/*　sidebanner　*/
	
#sidebanner { 
	margin : 0;  
	width : 200px; 
	} 
#sidebanner ul { 
	width : 200px; 
	} 
#sidebanner ul li { 
	float : left; 
	margin-bottom : 10px;
	} 
	
#sidebanner ul li a { 
	overflow : hidden; 
	} 
#sidebanner ul li a { 
	display : block; 
	text-indent : -99999px; 
	} 

#sidebanner ul li.sgs_01 a { 
	width : 200px; 
	height : 230px;
	}
#sidebanner ul li.sgs_02 a { 
	width : 200px; 
	height : 170px;	
	} 
#sidebanner ul li.komoro a { 
	width : 200px; 
	height : 60px;	
	} 
#sidebanner ul li.kyushu a { 
	width : 200px; 
	height : 60px;	
	} 

#sidebanner ul li.shiroimo a { 
	width : 200px; 
	height : 280px;
	}

#sidebanner ul li.letterset a { 
	width : 200px; 
	height : 281px;
	}

#sidebanner ul li.letterset_s a { 
	width : 200px; 
	height : 120px;
	}

#sidebanner ul li.enve a { 
	width : 200px; 
	height : 150px;	
	} 

#sidebanner ul li.enve02 a { 
	width : 200px; 
	height : 200px;	
	} 

#sidebanner ul li.shop a { 
	width : 200px; 
	height : 250px;	
	} 

#sidebanner ul li.shop_s a { 
	width : 200px; 
	height : 60px;	
	} 

#sidebanner ul li.s_artista a { 
	width : 200px; 
	height : 36px;	
	} 
#sidebanner ul li.s_envelope a { 
	width : 200px; 
	height : 36px;	
	} 
#sidebanner ul li.s_grandserows a { 
	width : 200px; 
	height : 36px;	
	} 
#sidebanner ul li.s_asai a { 
	width : 200px; 
	height : 36px;	
	} 




#sidebanner ul li.sgs_01  { 
	width : 200px; 
	background : url(../common/bn_sgs_01.jpg) no-repeat left top;
	}
#sidebanner ul li.sgs_02  { 
	width : 200px; 
	background : url(../common/bn_sgs_02.jpg) no-repeat left top;
	} 
#sidebanner ul li.komoro  { 
	width : 200px; 
	background : url(../common/bn_komoro.jpg) no-repeat left top;
	} 
#sidebanner ul li.kyushu  { 
	width : 200px; 
	background : url(../common/bn_kyushu.jpg) no-repeat left top;
	} 

#sidebanner ul li.shiroimo  { 
	width : 200px; 
	background : url(../common/shiroimo.jpg) no-repeat left top;
	}

#sidebanner ul li.letterset  { 
	width : 200px; 
	background : url(../common/letter_set.jpg) no-repeat left top;
	}

#sidebanner ul li.letterset_s  { 
	width : 200px; 
	background : url(../common/letter_set_s.jpg) no-repeat left top;
	}

#sidebanner ul li.enve  { 
	width : 200px; 
	background : url(../common/r_mn_envelope.jpg) no-repeat left top;
	}

#sidebanner ul li.enve02  { 
	width : 200px; 
	background : url(../common/r_mn_envelope02.jpg) no-repeat left top;
	}
#sidebanner ul li.shop  { 
	width : 200px; 
	background : url(../common/bn_goshop.jpg) no-repeat left top;
	}

#sidebanner ul li.shop_s  { 
	width : 200px; 
	background : url(../common/bn_goshop_s.jpg) no-repeat left top;
	}

#sidebanner ul li.s_artista  { 
	width : 200px; 
	background : url(../common/sbn_artista.gif) no-repeat left top;
	}
#sidebanner ul li.s_envelope  { 
	width : 200px; 
	background : url(../common/sbn_envelope.gif) no-repeat left top;
	}
#sidebanner ul li.s_grandserows  { 
	width : 200px; 
	background : url(../common/sbn_grandserows.gif) no-repeat left top;
	}
#sidebanner ul li.s_asai  { 
	width : 200px; 
	background : url(../common/sbn_asai.jpg) no-repeat left top;
	}




#sidebanner ul li.sgs_01 a:hover  { 
	width : 200px; 
	background : url(../common/bn_sgs_01_on.jpg) no-repeat left top;
	}
#sidebanner ul li.sgs_02 a:hover  { 
	width : 200px; 
	background : url(../common/bn_sgs_02_on.jpg) no-repeat left top;
	} 
#sidebanner ul li.komoro a:hover  { 
	width : 200px; 
	background : url(../common/bn_komoro_on.jpg) no-repeat left top;
	} 
#sidebanner ul li.kyushu a:hover  { 
	width : 200px; 
	background : url(../common/bn_kyushu_on.jpg) no-repeat left top;
	}

#sidebanner ul li.shiroimo a:hover  { 
	width : 200px; 
	background : url(../common/shiroimo_on.jpg) no-repeat left top;
	}

#sidebanner ul li.letterset a:hover  { 
	width : 200px; 
	background : url(../common/letter_set_on.jpg) no-repeat left top;
	}

#sidebanner ul li.letterset_s a:hover  { 
	width : 200px; 
	background : url(../common/letter_set_s_on.jpg) no-repeat left top;
	}

#sidebanner ul li.enve a:hover  { 
	width : 200px; 
	background : url(../common/r_mn_envelope_on.jpg) no-repeat left top;
	}

#sidebanner ul li.enve02 a:hover  { 
	width : 200px; 
	background : url(../common/r_mn_envelope02_on.jpg) no-repeat left top;
	}
#sidebanner ul li.shop a:hover  { 
	width : 200px; 
	background : url(../common/bn_goshop_on.jpg) no-repeat left top;
	}

#sidebanner ul li.shop_s a:hover  { 
	width : 200px; 
	background : url(../common/bn_goshop_s_on.jpg) no-repeat left top;
	}	

#sidebanner ul li.s_artista a:hover  { 
	width : 200px; 
	background : url(../common/sbn_artista_on.gif) no-repeat left top;
	}
#sidebanner ul li.s_envelope a:hover  { 
	width : 200px; 
	background : url(../common/sbn_envelope_on.gif) no-repeat left top;
	}
#sidebanner ul li.s_grandserows a:hover  { 
	width : 200px; 
	background : url(../common/sbn_grandserows_on.gif) no-repeat left top;
	}
#sidebanner ul li.s_asai a:hover  { 
	width : 200px; 
	background : url(../common/sbn_asai_on.jpg) no-repeat left top;
	}




/*　sidemenu　*/

#contentsR p {
	margin-top:10px;
	padding:0;
	}
	
#contentsR .menu ul {
	padding:0 0 25px 0;
	}
	
#contentsR .menu li {
	list-style-type:none;
	background-color:#ffffff;
	font-size:0.8em;
	line-height:2.0em;
	padding-left:10px;
	border-bottom:1px dotted #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	} 





/*　footer　　*/

#footer { 
	clear : both; 
	position : relative;
	margin : 0 0 20px 0; 
	background : #ececec url(../common/footer.gif) repeat-x left top; 
	text-align : center; 
	} 
#footer p.flink { 
	margin : 0 auto 10px; 
	padding : 15px 0 10px 0; 
	width : 780px; 
	font-size : 80%; 
	background : url(../common/footer_bg.gif) repeat-x left bottom; 
	} 
#footer div.flogo { 
	margin : 0 auto; 
	width : 780px; 
	} 
#footer div.flogo p { 
	margin : 0 0 0 8px; 
	width : 207px; 
	float : left; 
	display : inline; 
	} 
#footer div.flogo address { 
	width : 535px; 
	font-style : normal; 
	font-size : 80%;
	float : right; 
	} 



/*　large INPUT button　*/
input.button{
	font-size:15px;
	font-weight:bold;
	}

