@charset "utf-8";

/* *********************************************************
 *
 * kyouei web site
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
}

html, body {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	height:100%;
	/*font-size:1em;*/
}

h1, h2, h3, h4, h5, h6, div, address, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

table, caption, th, td {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	/*font-size:1em;*/
}

table caption {
	display:none;
}

a{
	outline:none;
	color:#000000;
	text-decoration:underline;
}
	
a:hover{
	color:#454545;
	text-decoration:underline;
}



/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*bodyのスタイル*/

body {
	line-height:1.3;
	color:#000;
	background:url(../common/bg.jpg) top left repeat-x;
}


div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div#all {
	width:850px;
	margin:0 auto;
	padding:0;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-color:#FFFFFF;
}

div#flash {
	margin:0 auto;
}

/*********************************************************************
headのスタイル
*********************************************************************/
div#head {
	width:850px;
	padding:11px 0 0;
	min-height:64px;
	background:#7CCBF2 url(../common/bg_head.gif) top left no-repeat;
}

* html div#head { height:70px; }

/*---ロゴ-----------------------------------------------------------*/
div#head h1 { font-size:0.8em; font-weight:bold; color:#fff; margin:0; }

*html div#head h1 { font-size:10px; }

div#head p.logo { width:200px; float:left; margin:0 0 7px 0; padding:0; }

/*---ヘッダーメニュー-----------------------------------------------*/
div#head ul { float:left; margin:22px 0 0 395px; }

*html div#head ul { float:right; margin:22px 0 0 0; }

div#head ul li { display:inline; margin-left:13px; }


/*---ロゴ-----------------------------------------------------------*/
div#head2 p.logo { margin:0 0 10px 23px; padding:0; }

div#head2 h1 { font-size:0.8em; color:#fff; margin:0 0 0 26px; }

/*********************************************************************
containerのスタイル
*********************************************************************/
div#container {
	width:850px;
	margin:20px auto 45px;
	padding:0;
	min-height:100%;
	height:auto !important;
	height:100%;
}


/********************************************************************
コンテンツ部分
*********************************************************************/
div#contents {
	float:right;
	width:630px;
	padding:0;
	background:#FFFFFF;
}

div#contents h2 { margin-bottom:10px; }

div#contents h3 { font-size:1em; }

div#contents p {
	font-size:0.9em;
	line-height:1.4;
}


/*トピック部分*******************************************************/
div.topic { width:610px; margin-bottom:25px; padding:0 10px; }

div.topic dl { width:610px; font-size:0.9em; }

div.topic dt { float:left; clear:both; width:18%; margin-bottom:5px; }

div.topic dd { float:left; width:82%; margin-bottom:5px; }

/*おすすめ商品********************************************************/
div.osusume { width:630px; margin-bottom:30px; padding:0 0; }

div.osusume div.osusumeBox {
	width:630px;
	padding-bottom:10px;
	background:url(../common/bg_osusume_btm.gif) bottom center no-repeat;
}

div.osusume div.osusumeBox div.osusumeProduct {
	float:left;
	width:210px/*195px*/;
	padding:10px 0 0;
	background:url(../common/bg_osusume_top.gif) top center no-repeat;
}

div.osusume div.osusumeBox div.osusumeProduct h3 {
	border-left:5px solid #69B542;
	color:#69B542;
	font-size:0.9em;
	font-weight:bold;
	margin:0 10px 3px 18px;
	padding-left:5px;
	
}

div.osusume div.osusumeBox div.osusumeProduct p.txt {
	font-size:0.8em;
	margin:0 10px 0 18px;
}

div.osusume div.osusumeBox div.osusumeProduct p.ph { width:175px; margin:0 10px 5px 18px; }

div.osusume div.osusumeBox div.osusumeProduct p.ph img { width:175px; height:auto; }

/*求める人材********************************************************/
div.recruit_company {
	background:url(../images/bg_recruit_company.gif) bottom left no-repeat;
}

div.recruit {
	float:left;
	width:309px;
	margin-right:12px;
	padding-bottom:10px;
	background:#FFF499;
}

/*選ばれる理由********************************************************/
div.company {
	float:left;
	width:309px;
	padding-bottom:10px;
	background:#FFD29D;
}

div.recruit p.ph,div.company p.ph { float:left; width:90px; margin:0 5px 0 8px; }

div.recruit p.txt,div.company p.txt { float:left; width:200px; }

* html div.recruit p.txt,* html div.company p.txt { float:left; width:190px; }

div.recruit p.txt span,div.company p.txt span { display:block; margin-top:6px; }
/*********************************************************************
lmenuのスタイル
*********************************************************************/
div#lmenu {
	float:left;
	width:200px;
	height:auto;
	background:#FFFFFF url(../common/bg_lmenu.jpg) top left no-repeat;
	margin:0 20px 0 0;
}

* html div#lmenu {
	margin:0 15px 0 0;
}

div#lmenu ul {
	width:180px;
	list-style:none;
	margin:0 10px 40px 10px;
	padding:0;
}

div#lmenu ul li {
	font-weight:bold;
	color:#48B8EF;
	margin-bottom:3px;
	padding:20px 10px 20px 15px;
	background:url(../common/ico_lmenu.gif) top left no-repeat;
	border-bottom:1px dotted #7CCBF2;
}

div#lmenu ul li ul {
	width:180px;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

* html div#lmenu ul li ul {
	width:160px;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

div#lmenu ul li ul li {
	font-weight:normal;
	font-size:0.8em;
	color:#48B8EF;
	margin-top:3px;
	padding:0 10px 0 6px;
	background:url(../common/ico_lmenu_s.gif) center left no-repeat;
	border-bottom:none;
}

div#lmenu ul li a,
div#lmenu ul li a:link,
div#lmenu ul li a:visited {
	/*display:block;*/
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

div#lmenu ul li a:focus,
div#lmenu ul li a:hover,
div#lmenu ul li a:active {
	text-decoration:underline;
	font-weight:bold;
	color:#454545;
}


/*バナーエリア*********************************************************/
div#side_bn { width:200px; margin:0 0 0; padding-bottom:5px; }

div#side_bn p {
	width:100%;
	margin-bottom:5px;
}

div#company_map {
	width:180px;
	padding:10px 10px;
	background:#E9E9E9 url(../common/bg_top_map_top.gif) top left no-repeat;
}

div#company_map h2 {
	font-size:0.9em;
	font-weight:bold;
	border-left:4px solid #25AEF1;
	margin-bottom:3px;
	padding-left:5px;
}

div#company_map p {
	font-size:0.8em;
	margin-bottom:5px;
}


/********************************************************************
会社概要
*********************************************************************/
table.companyProfile { width:600px; margin-left:15px; }

table.companyProfile th,table.companyProfile td { font-size:0.9em; 	padding:10px;}

table.companyProfile th {
	width:18%;
	color:#48B8EF;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	background-color:#EBF7FD;
	border-bottom:2px solid #FFF;
}

table.companyProfile td {
	border-left:1px solid #48B8EF;
	border-bottom:2px solid #FFF;
	background-color:#F8F8F8;
}

table.companyProfile td table th {
	width:18%;
	color:#000;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	background-color:#F1F1F1;
	border-bottom:2px solid #FFF;
}

table.companyProfile td table td {
	border-left:none;
	border-bottom:2px solid #FFF;
	background-color:#FFFFFF;
}

table.companyProfile th.wide { width:37%; }

table.companyProfile td table th.wide { width:30%; }


table.companyProfile ul li { margin-bottom:3px; }

div.president p.ph { float:right; margin-bottom:8px; }

.presidentPh_txt { width:397px; }


table.companyGroup { width:600px; }

table.companyGroup th,table.companyGroup td { font-size:0.9em; 	padding:10px;}

table.companyGroup th {
	width:18%;
	color:#48B8EF;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	background-color:#EBF7FD;
	border-bottom:2px solid #FFF;
}

table.companyGroup td {
	border-left:1px solid #48B8EF;
	border-bottom:2px solid #FFF;
	background-color:#F8F8F8;
}

table.companyGroup td table th {
	width:18%;
	color:#000;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	background-color:#F1F1F1;
	border-bottom:2px solid #FFF;
}

table.companyGroup td table td {
	border-left:none;
	border-bottom:2px solid #FFF;
	background-color:#FFFFFF;
}

div.g_map2 { border:5px solid #E9E9E9; }

/********************************************************************
商品紹介
*********************************************************************/
ul.prodcut_list { width:600px; margin-bottom:20px; }

ul.prodcut_list li {
	list-style:none;
	width:130px;
	font-size:0.9em;
	background:url(../common/ico_map_detail.gif) center left no-repeat;
	padding:5px 5px 5px 15px;
	float:left;
}

div.productLink a,
div.productLink a:link,
div.productLink a:visited {
	color:#000000;

}

div.productLink a:focus,
div.productLink a:hover,
div.productLink a:active {
	text-decoration:underline;
	color:#454545;
}

div.prodcut01,div.prodcut02,div.prodcut03,div.prodcut04,div.prodcut05,div.prodcut06,div.prodcut07,div.prodcut08,div.prodcut09,div.prodcut10,div.prodcut11,div.prodcut12,div.prodcut13,div.prodcut14 {
	width:500px;
	margin-bottom:25px;
	padding:0 0 0 100px;
	min-height:90px;
}

*html div.prodcut01,*html div.prodcut02,*html div.prodcut03,*html div.prodcut04,*html div.prodcut05,*html div.prodcut06,*html div.prodcut07,*html div.prodcut08,*html div.prodcut09,*html div.prodcut10,*html div.prodcut11,*html div.prodcut12,*html div.prodcut13,*html div.prodcut14 {
	height:90px;
}

div.prodcut01 {
	background:url(../product/images/product01.jpg) top left no-repeat;
}

div.prodcut02 {
	background:url(../product/images/product02.jpg) top left no-repeat;
}

div.prodcut03 {
	background:url(../product/images/product03.jpg) top left no-repeat;
}

div.prodcut04 {
	background:url(../product/images/product04.jpg) top left no-repeat;
}

div.prodcut05 {
	background:url(../product/images/product05.jpg) top left no-repeat;
}

div.prodcut06 {
	background:url(../product/images/product06.jpg) top left no-repeat;
}

div.prodcut07 {
	background:url(../product/images/product07.jpg) top left no-repeat;
}

div.prodcut08 {
	background:url(../product/images/product08.jpg) top left no-repeat;
}

div.prodcut09 {
	background:url(../product/images/product09.jpg) top left no-repeat;
}

div.prodcut10 {
	background:url(../product/images/product10.jpg) top left no-repeat;
}

div.prodcut11 {
	background:url(../product/images/product11.jpg) top left no-repeat;
}

div.prodcut12 {
	background:url(../product/images/product12.jpg) top left no-repeat;
}

div.prodcut13 {
	background:url(../product/images/product13.jpg) top left no-repeat;
}

div.prodcut14 {
	background:url(../product/images/product14.jpg) top left no-repeat;
}

ul.company_list { width:500px; }

ul.company_list li {
	list-style:none;
	width:153px;
	font-size:0.9em;
	background:url(../common/ico_product.gif) top left no-repeat;
	padding:3px 5px 5px 7px;
	float:left;
}

/********************************************************************
お問合せフォーム
********************************************************************/
div.inq table {
	width:600px;
	margin:10px auto;
}

div.inq table th {
	width:25%;
	color:#48B8EF;
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	background-color:#EBF7FD;
	border-bottom:2px solid #FFF;
}

div.inq table th span {
	font-size:10px;
	padding-left:5px;
	color:#DE0010;
}

div.inq table td {
	padding:5px;
	border-left:1px solid #48B8EF;
	border-bottom:2px solid #FFF;
	background-color:#F8F8F8;
}

div.inq table td p {font-size:1em;}

div.inq table td input.s {width:120px;}

div.inq table td input.m {width:180px;}

div.inq table td input.l {width:300px;}

div.inq table td select.pref {width:100px;}

div.inq table td textarea.l {width:300px;}

div.inq table td.kiyaku textarea.l {width:450px; margin-bottom:5px;}

div.buttonSet input.tranceB {width:100px; height:25px;}

div.buttonSet {
	font-size:1em;
	line-height:1.4;
	text-align:center;
	clear:both;
	margin-top:10px;
	padding:10px 0 0;
}

/********************************************************************
リクルート
********************************************************************/
div.profileBox { margin-bottom:20px; }

div.profile { float:left; margin-bottom:15px; }

div.profileBox .cent { margin-left:70px; margin-right:70px; }

div.profileTxt { float:left; width:330px; }
/********************************************************************
サイトマップ
********************************************************************/
h3.smap { border-left:5px solid #FA5D02; border-bottom:1px dashed #CCCCCC; padding:0px 3px 3px 5px; }

ul.smap { list-style:none; margin:10px 0 20px 20px; }

ul.smap li { background:url(../common/ico_map_detail.gif) center left no-repeat; margin-bottom:5px; padding-left:16px; }

/********************************************************************
エントリー関係
********************************************************************/
.height450 { min-height:450px; }

* html .height450 { height:450px; }


/********************************************************************
お問合せバナーページ埋め込み
********************************************************************/
div.inqBox { width:580px; margin-top:40px; padding:20px 10px; background:#E3F5FF; text-align:center; }

/********************************************************************
アーカイブ
********************************************************************/
ul.module-list li {
	list-style:none;
	width:130px;
	font-size:0.9em;
	background:url(../common/ico_map_detail.gif) center left no-repeat;
	padding:5px 5px 5px 15px;
	float:left;
}

ul.module-list a,
ul.module-list a:link,
ul.module-list a:visited {
	color:#000000;

}

ul.module-list a:focus,
ul.module-list a:hover,
ul.module-list a:active {
	text-decoration:underline;
	color:#454545;
}

/********************************************************************
updateのスタイル
*********************************************************************/
div.updateList {
	margin:15px 0 5px 20px;
border-top:1px dotted #808080;

}

div#contents div.updateList ul {
	width:auto;
	list-style:none;
	font-size:1em;
	margin-right:0;
	display:inline;
}

div#contents div.updateList ul li {
	background:url(../common/ico_map_detail.gif) center left no-repeat;
	padding:5px 5px 5px 15px;
}

div#contents div.updateList ul li a,
div#contents div.updateList ul li a:link,
div#contents div.updateList ul li a:visited{
	outline:none;
	color:#000000;
	text-decoration:underline;
}

div#contents div.updateList ul li a:focus,
div#contents div.updateList ul li a:hover,
div#contents div.updateList ul li a:active{
	color:#454545;
	text-decoration:underline;
}


/********************************************************************
backNumberのスタイル
*********************************************************************/
div.pageback {
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}

div.pageback ul li {
	list-style:none;
} 
/********************************************************************
pagetopのスタイル
*********************************************************************/
div.ptop {
	margin:15px 0 5px 0;
	text-align:right;
}

div#contents div.ptop ul {
	width:auto;
	list-style:none;
	font-size:10px;
	margin-right:0;
	display:inline;
}

div#contents div.ptop ul li {
	padding:0 0 0 0;
}

div#contents div.ptop ul li a,
div#contents div.ptop ul li a:link,
div#contents div.ptop ul li a:visited{
	outline:none;
	color:#000000;
	text-decoration:underline;
}

div#contents div.ptop ul li a:focus,
div#contents div.ptop ul li a:hover,
div#contents div.ptop ul li a:active{
	color:#454545;
	text-decoration:underline;
}


/********************************************************************
footerのスタイル
*********************************************************************/
div#f_menu {
	width:850px;
	margin:20px auto 0;
	text-align:center;
}

div#f_menu ul li {
	display:inline;
	font-size:0.8em;
}

div#footer {
	width:100%;
	color:#FFF;
	margin:5px auto 0;
	padding:20px 0 25px;
	text-align:center;
	background:url(../common/bg_footer.jpg) top left repeat-x;
}

div#footer p.copy { color:#FFF; font-size:0.8em;}
	


/*共通クラス*/
p.detail {
	background:url(../common/ico_map_detail.gif) center left no-repeat;
	padding-left:15px;
}


ul.icoNone { list-style:none; }



.txt_s { font-size:0.8em!important; }

ul.subm_txt { list-style:none; font-size:0.9em; }

ul.subm_txt li { background:url(../images/common/ico_link.gif) top left no-repeat; margin-right:8px; }

ul.subm_txt li.on { font-weight:bold; background:url(../images/common/ico_link.gif) top left no-repeat; padding-left:8px; }


ul.subm_txt li a,
ul.subm_txt li a:link,
ul.subm_txt li a:visited {  padding-left:8px; background:url(../images/common/ico_link.gif) top left no-repeat; text-decoration:none; }

ul.subm_txt li a:focus,
ul.subm_txt li a:hover,
ul.subm_txt li a:active {  padding-left:8px; background:url(../images/common/ico_link.gif) top left no-repeat; text-decoration:underline; }

div#contents .mgr90{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90{margin-right:80px !important;}

div#contents .mgr90-2{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90-2{margin-right:90px !important;}


div.pIn {
  margin-bottom:15px;
}

div.pIn p {
  font-size:0.8em;
  line-height:1.2;
}

/********************************************************************
共通見出しタイプ
*********************************************************************/
.ttl_green_line_l { font-size:1em; font-weight:bold; color:#22B34C; border-left:5px solid #22B34C; padding:0 3px; }

.subttl_bg { color:#FFF; font-weight:bold; font-size:1.0em; margin-bottom:15px; padding:8px 10px 10px 20px; background:url(../common/bg_subttl.gif) top left no-repeat; } 

.orangeline_l { font-weight:bold; border-left:5px solid #FA5D02; padding:0px 3px; }

.orangeline_l_dot { font-weight:bold; border-left:5px solid #FA5D02; border-bottom:1px dotted #FA5D02; padding:0px 3px 3px; }

.h4_orange { font-weight:bold; color:#FA5D02; }

/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

/*フォントサイズ*/
div#contents .txt10{font-size:10px !important;}

div#contents .txtb{ font-weight:bold !important;}

div#contents .txttop{ vertical-align:top !important;}


	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#all .mgb0{margin-bottom:0 !important;}
div#all .mgb5{margin-bottom:5px !important;}
div#all .mgb10{margin-bottom:10px !important;}
div#all .mgb15{margin-bottom:15px !important;}
div#all .mgb20{margin-bottom:20px !important;}
div#all .mgb30{margin-bottom:30px !important;}

div#all .mgt0{margin-top:0 !important;}
div#all .mgt5{margin-top:5px !important;}
div#all .mgt10{margin-top:10px !important;}
div#all .mgt15{margin-top:15px !important;}
div#all .mgt20{margin-top:20px !important;}
div#all .mgt30{margin-top:30px !important;}

div#all .mgl0{margin-left:0 !important;}
div#all .mgl5{margin-left:5px !important;}
div#all .mgl10{margin-left:10px !important;}
div#all .mgl15{margin-left:15px !important;}
div#all .mgl20{margin-left:20px !important;}
div#all .mgl30{margin-left:30px !important;}

div#all .mgr0{margin-right:0 !important;}
div#all .mgr5{margin-right:5px !important;}
div#all .mgr10{margin-right:10px !important;}
div#all .mgr15{margin-right:15px !important;}
div#all .mgr20{margin-right:20px !important;}
div#all .mgr30{margin-right:30px !important;}


div#all .mgn0{margin:0 !important;}

div#all .pdt0{padding-top:0 !important;}
div#all .pdt5{padding-top:5px !important;}
div#all .pdt10{padding-top:10px !important;}
div#all .pdt15{padding-top:15px !important;}
div#all .pdt20{padding-top:20px !important;}
div#all .pdt30{padding-top:30px !important;}

div#all .pdb0{padding-bottom:0 !important;}
div#all .pdb5{padding-bottom:5px !important;}
div#all .pdb10{padding-bottom:10px !important;}
div#all .pdb15{padding-bottom:15px !important;}
div#all .pdb20{padding-bottom:20px !important;}
div#all .pdb30{padding-bottom:30px !important;}

div#all .pdl0{padding-left:0 !important;}
div#all .pdl5{padding-left:5px !important;}
div#all .pdl10{padding-left:10px !important;}
div#all .pdl15{padding-left:15px !important;}
div#all .pdl20{padding-left:20px !important;}
div#all .pdl30{padding-left:30px !important;}


div#all .pdr0{padding-right:0 !important;}
div#all .pdr5{padding-right:5px !important;}
div#all .pdr10{padding-right:10px !important;}
div#all .pdr15{padding-right:15px !important;}
div#all .pdr20{padding-right:20px !important;}
div#all .pdr30{padding-right:30px !important;}

div#all .pad0{padding:0 !important;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#all .clearBoth{clear:both;}
div#all .floatLeft{float:left;}
div#all .floatRight{float:right;}
div#all .alignLeft{text-align:left;}
div#all .alignRight{text-align:right;}
div#all .alignCenter{text-align:center;}