@charset "Shift-JIS";

@import url("layout.css");


/* ------------------------------------------------------------------------ */

/*  Structure

/* ------------------------------------------------------------------------ */

html { height : 100%;}
body {
	margin			: 0;
	padding			: 0;
	height			: 100%;
	background-color: #F6F3F1;
	text-align		: center;
	line-height		: 1.4;
	font-family		: Verdana, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN";
	font-size		: 100%;
	font-style		: normal;
	font-weight		: normal;
	color			: #333;
}

h1,h2,h3,h4,h5,h6,
p,pre,blockquote,form,
ul,ol,dl,li,address{
    margin	: 0;
    padding	: 0;
}

div#wrap{
	margin		: 0 auto;
	width		: 760px;
	min-height	: 100%;
	padding		: 0 10px;
	background	: transparent url(../common_img/bg-wrap.jpg) repeat-y;
	text-align	: center;
}

body > #wrap {
	height : auto;
}

p {
	margin		: 0 10px 10px;
	text-align	: left;
	font-size	: 75%;
	line-height	: 1.4;
}


ol,#kasoContent ul {
	margin		: 0 10px 10px 35px;
}
ol li,
#kasoContent ul li {
	text-align	: left;
	font-size	: 75%;
	line-height	: 1.5;
	margin-bottom: 10px;
}

li img { vertical-align: middle; }

.p-right {
	text-align	: right;
}	 

.bread { 
	margin		: 0 10px 6px;
	padding		: 5px 0 0 0;
	text-align	: left;
	font-size	: 65%;
	line-height	: 1.4;
}
.pagetop {
	text-align	: right;
	font-size	: 65%;
	margin		: 0 0 30px;
	background	: transparent url(../common_img/icon-pagetop.gif) no-repeat 403px 3px;
}


/*
 Link
----------------------------------------------------------- */

a:link,
a:visited	{ text-decoration : underline; color : #00608D; cursor : pointer;}
a:hover		{ text-decoration : none; color : #D53E31;}


/* Hedding
--------------------------------------------------------------------------- */

h3.h3-position {
	position	: relative;
	margin		: 0 auto 6px;
	width		: 740px;
	height		: 28px;
}

	h3.h3-position span { 
		position	: absolute;
		top			: 6px;
		right		: 0;
		font-size	: 12px;
		font-weight	: normal;
	}


h3.h3-position2{
	position	: relative;
	margin		: 0 auto 8px;
	width		: 490px;
	height		: 30px;
}

	h3.h3-position2 span{
		position	: absolute;
		top			: 5px;
		right		: 5px;
		font-size	: 12px;
		font-weight	: normal;
	}

h4.h4-position{
	position	: relative;
	margin		: 0 auto 6px;
	width		: 500px;
	padding		: 5px 0 ;
	font-size	: 75%;
	text-align	: left;
	text-indent	: 20px;
	background	: url(../common_img/bg-h4.jpg) no-repeat left bottom;
}

	h4.h4-position span{
		position	: absolute;
		top			: 5px;
		right		: 5px;
		font-size	: 10px;
		font-weight	: normal;
	}


h3.h3-product,
h3.h3-company,
h3.h3-recruit,
h3.h3-news,
h3.h3-other {
	position		: relative;
	width			: 500px;
	font-size		: 85%;
	text-align		: left;
	text-indent		: 10px;
	padding			: 5px 0 7px;
	margin-bottom	: 15px;
	background		: transparent bottom left repeat-x;
}

h3.h3-news { width : 390px; text-indent: 0; padding : 5px 100px 7px 10px;} 

h3.h3-product {	background	: url(../common_img/bg-h_product01.gif); }
h3.h3-company { background	: url(../common_img/bg-h_company01.gif); }
h3.h3-recruit { background	: url(../common_img/bg-h_recruit01.gif); }
h3.h3-news,
h3.h3-other	  { background	: url(../common_img/bg-h_other01.gif) bottom left repeat-x; }

h4.h4-product {
	width			: 500px;
	font-size		: 75%;
	text-align		: left;
	text-indent		: 20px;
	padding			: 5px 0 5px;
	margin-bottom	: 10px;
	background		: transparent url(../common_img/bg-h_product03.jpg) bottom left repeat-x;
}
h4.h4-sub {
	width			: 500px;
	font-size		: 75%;
	text-align		: left;
	text-indent		: 20px;
	padding			: 5px 0 5px;
	margin-bottom	: 10px;
	background		: transparent url(../common_img/bg-h_sub.jpg) bottom left repeat-x;
}


.h4-conpany,
#product_box01 h4,
#product_box02 h4,
#product_box03 h4 {
	padding		: 7px;
	font-size	: 75%;
	text-align	: left;
	border		: 1px solid #CCC;
	background	: transparent url(../common_img/bg-h_item.jpg) top left;
	margin-bottom: 10px;
}

.h4-conpany02 {
	width		: 500px;
	height		: 31px;
	font-size	: 75%;
	text-align	: left;
	text-indent	: 30px;
	line-height	: 31px;
	margin-bottom: 5px;
	background	: transparent url(../common_img/bg-h_company03.jpg) top left no-repeat;
}

h4.indextitle_pro,
h4.indextitle_co,
h4.indextitle_re {
	width		: 245px;
	height		: 31px;
	font-size	: 75%;
	text-align	: left;
	text-indent	: 30px;
	line-height	: 31px;
	margin-bottom: 5px;
}


h4.indextitle_pro a,
h4.indextitle_co a,
h4.indextitle_re a {
	width		: 245px;
	height		: 31px;
	display		: block;
}

h4.indextitle_pro {	background	: transparent url(../common_img/bg-h_product02.jpg) top left no-repeat; }
h4.indextitle_co  {	background	: transparent url(../common_img/bg-h_company02.jpg) top left no-repeat; }
h4.indextitle_re  {	background	: transparent url(../common_img/bg-h_recruit02.jpg) top left no-repeat; }


h5.h5_form {
	text-align	: left;
	margin		: 0 10px 5px;
	font-size	: 75%;
}



/* Text
--------------------------------------------------------------------------- */

.txt10 { font-size : 65% !important;}
.txt12 { font-size : 75% !important;}

.strong { font-weight: bold ;}



/* Image
--------------------------------------------------------------------------- */

img 		{ border: 0;}
img.image	{ border: solid 1px #CCC;}

img.img_deco {
	padding		: 1px;
	border		: 1px solid #ccc;
	background	: #FFF;
}

img.img { vertical-align: middle; }


/* Margin
--------------------------------------------------------------------------- */

.mgn_b0  { margin-bottom : 0;}
.mgn_b5  { margin-bottom : 5px;}
.mgn_b10 { margin-bottom : 10px;}
.mgn_b15 { margin-bottom : 15px;}
.mgn_b20 { margin-bottom : 20px;}
.mgn_b30 { margin-bottom : 30px;}

.center_b20 { margin : 0 auto 20px;}


/* Table
--------------------------------------------------------------------------- */

.tbl-center {
	margin		: 0 auto;
}
.tbl-style	{
	text-align		: left;
	border			: 1px solid #CCC;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;
}

	.tbl-style th{
		border		: 1px solid #CCC;
		padding		: 3px 5px;
		background	: #F2F2F2;
		font-size	: 12px;
		font-weight	: normal;
	}

	.tbl-style td{
		border		: 1px solid #CCC;
		padding		: 3px 5px;
		font-size	: 12px;
	}



/* ------------------------------------------------------------------------ */

/* Index

/* ------------------------------------------------------------------------ */

a.product_psn { position : relative; width:182px; height:100px;}
a.product_psn span {
	position		: absolute;
	left			: 20px;
	bottom			: 11px;
	font-size		: 75%;
	font-weight		: bold;
	text-decoration : underline;
}
a:hover.product_psn span { text-decoration : none; }

	* html a.product_psn span	{ bottom : 7px;}
	* +html a.product_psn span	{ bottom : 7px;}


dl#dl-news,
dl#dl-news dt,
dl#dl-news dd { margin : 0; padding : 0;}

dl#dl-news dt {
	margin-bottom	: 5px;
	padding-left	: 20px;
	background		: transparent url(../common_img/icon-index_news.jpg) no-repeat 5px 3px;
	text-align		: left;
	font-size		: 65%;
	font-weight		: bold;
	color			: #656565;
}

dl#dl-news dd {
	margin		: 0 auto 5px;
	padding		: 0 8px 15px 20px;
	background	: transparent url(../img/bg-news.jpg) no-repeat center bottom;
	text-align	: left;
	font-size	: 75%;
}

/* ------------------------------------------------------------------------ */

/* LeftNavigation

/* ------------------------------------------------------------------------ */
.leftnavi_txt_Com,
.leftnavi_txt_Pro,
.leftnavi_txt_Rec {
	margin-bottom	: 30px;
}
.leftnavi_txt_Com td a,
.leftnavi_txt_Pro td a,
.leftnavi_txt_Rec td a {
	display		: block;
	width		: 220px;
	height		: 30px;
	font-size	: 75%;
	text-align	: left;
	text-indent	: 23px;
	line-height	: 28px;
	background	: no-repeat left top; 
}

.leftnavi_txt_Pro .left-ProItem td a {
	text-indent	: 35px;
}

.leftnavi_txt_Pro .left-butan td a {
	display		: inline;
	margin		: 0;
	padding		: 0;
	text-indent	: 0;
}
.left-ProItem td.title {
	width		: 220px;
	height		: 30px;
	font-size	: 75%;
	text-align	: left;
	text-indent	: 23px;
	line-height	: 30px;
	background	: transparent url(../common_img/left_navigation/bg-leftnaviPro-item02.jpg) no-repeat left top;
}


/* LeftNavigation Background */
.leftnavi_txt_Com td a			{ background	: transparent url(../common_img/left_navigation/bg-leftnaviCom.jpg); }
.leftnavi_txt_Com td a:hover	{ background	: transparent url(../common_img/left_navigation/bg-leftnaviCom_over.jpg); }

.leftnavi_txt_Pro td a 			{ background	: transparent url(../common_img/left_navigation/bg-leftnaviPro.jpg); }
.leftnavi_txt_Pro td a:hover 	{ background	: transparent url(../common_img/left_navigation/bg-leftnaviPro_over.jpg); }
.leftnavi_txt_Pro td.act a,
.leftnavi_txt_Pro td.act a:hover { background	: transparent url(../common_img/left_navigation/bg-leftnaviPro_active.jpg); }
.leftnavi_txt_Pro .left-butan td a,
.leftnavi_txt_Pro .left-butan td a:hover { background: none; }
.leftnavi_txt_Pro .left-ProItem td a,
.leftnavi_txt_Pro .left-ProItem td a:hover { background	: transparent url(../common_img/left_navigation/bg-leftnaviPro-item.jpg); }
.leftnavi_txt_Pro .left-ProItem td.act a,
.leftnavi_txt_Pro .left-ProItem td.act a:hover { background	: transparent url(../common_img/left_navigation/bg-leftnaviPro-item_active.jpg); }

.leftnavi_txt_Rec td a			{ background	: transparent url(../common_img/left_navigation/bg-leftnaviRec.jpg); }
.leftnavi_txt_Rec td a:hover	{ background	: transparent url(../common_img/left_navigation/bg-leftnaviRec_over.jpg); }



/* ------------------------------------------------------------------------ */

/* Company

/* ------------------------------------------------------------------------ */

.txt-style01 {
	padding			: 0 3px;
	vertical-align	: top;
	text-align		: left;
	font-size		: 75%;
	line-height		: 1.4;
}
.sing {
	position	: relative;
	margin		: 0 0 20px 300px;
	width		: 200px;
	height		: 40px;
}

	.sing span{
		position	: absolute;
		top			: 0px;
		right		: 10px;
		text-align	: right;
	}

.p-right-icon01 {
	text-align		: right;
	font-size		: 65%;
}
	.p-right-icon01 img {
		vertical-align	: middle;
		margin			: 0 2px 0 0;
	}
 
/* ------------------------------------------------------------------------ */

/* Product

/* ------------------------------------------------------------------------ */
.cursor-hand { cursor: pointer; }
.productList { background	: transparent url(../common_img/line01.gif) bottom left repeat-x;}
.productList-end {	background	: none; }

#product_box01,
#product_box02,
#product_box03 {
	width		: 470px;
}

#product_box01 table p,
#product_box01 table p {
	font-size: 100%;
}


table.xls_table {
	width			: 450px;
	border-collapse	: collapse;
}

table.xls_table td {
	font-size		: 11px;
	vertical-align	: middle;
	line-height		: 1.4;
	padding			: 2px;
	border			: 2px solid #EEE;
}


/* ------------------------------------------------------------------------ */

/* Catalog

/* ------------------------------------------------------------------------ */
.txt_box {
	width		: 455px; 
	padding		: 7px;
	text-align	: left;
	border		: 1px solid #CCC;
	background	: transparent url(../common_img/bg-h_item.jpg) top left;
}
	.txt_box p {
		margin	: 0 0 10px;
	}

select,input { 
	vertical-align	: middle; }
textarea.form_txt { 
	width			: 300px; }
textarea.form_txt02 { 
	width			: 450px; }

.catalog_name { 
	width			: 113px; 
	clear			: both; 
	padding-bottom	: 2px;
}
	.catalog_name input {
		float	: left; 
		width	: 20px; 
		margin	: 0; 
		padding	: 0; 
		outline	: 0;
	}
	.catalog_name label {
		float		: left;
		width		: 80px;
		margin		: 0;
		_padding-top: 4px;
		display		: block;
		font-size	: 10px;
	}


/* ------------------------------------------------------------------------ */

/* News

/* ------------------------------------------------------------------------ */
span.data{
	position	: absolute;
	bottom		: 5px;
	right		: 10px;
	text-align	: right;
	font-size	: 11px;
	}
.news_box {
	margin		: 0 auto 30px;
	min-height	: 100%;
	height		: 100%;
}

/* ------------------------------------------------------------------------ */

/* Map

/* ------------------------------------------------------------------------ */
.map_tbl {
	width		: 500px;
	margin		: 0 auto 20px;
}
	.map_tbl table td {
			text-align	: left;
			padding		: 0 0 7px 0;
	}