@charset	"UTF-8";

/* init elements ------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td	{
	margin:	0;
	padding:	0;
}

fieldset,img	{
	border:	0;
}

address,caption,cite,code,dfn,em,strong,th,var	{
	font-style:	normal;
	font-weight:	normal;
}

ol,ul	{
	list-style:none;
}

caption,th	{
	text-align:left;
}

th,td	{
	vertical-align:	top;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

/* general ------------------------------------------------- */

html	{
	height:	100%;
}

body	{
	background-color:	#002530;
	color:#373737;
	font-size:12px;
	line-height:140%;
	height:	100%;
}

a:link {
	color:#018449;
	text-decoration:underline;
}
a:visited {
	color:#018449;
	text-decoration:underline;
}
a:hover {
	color:#018449;
	text-decoration:none;
}
a:active {
	color:#018449;
	text-decoration:none;
}

em	{
	font-weight:	600;
}

/* content wrap -------------------------------------------- */

div.allwrap	{
	width:	924px;
	margin:	0px auto 0px;
}

div.headarea	{
	width:	922px;
	height:	93px;
	background-image:	url(../images/common/headtopback.jpg);
	background-repeat:	repeat-x;
	background-position:	top left;
	border-style:	none solid solid;
	border-width:	1px;
	border-color:	#f0f2f3;
}

/* headers ------------------------------------------------- */

div.logoarea	{
	width:	498px;
	height:	93px;
	float:	left;
}

div.catchcopy	{
	height:	13px;
	color:	#d4d4d4;
	font-size:	11px;
}

div.catchcopy p	{
	margin:	3px 0px 0px 6px;
	height:	10px;
}

/* 検索／言語 */

div.topsublinks	{
	width:	424px;
	height:	93px;
	float:	right;
	background: url(../images/common/headnavback_ber.jpg) top right no-repeat;
}

div.searcharea	{
	width:	210px;
	height:	24px;
	padding:	11px 0px 10px;
	float:	left;
}

div.searcharea input.searchbox	{
	width:	128px;
	height:	20px;
	margin-left:	10px;
	background-color:	#000000;
	border:	solid 1px #d4d4d4;
	color:	#ffffff;
	vertical-align:	middle;
}

div.searcharea input.searchbutton	{
	vertical-align:	middle;
}

div.langchoice	{
	width:	200px;
	height:	24px;
	padding:	11px 0px 10px;
	float:	right;
}

div.langchoice ul li	{
	display:	inline;
}

div.toplinks	{
	width:	424px;
	height:	43px;
	padding-top:	12px;
	float:	left;
}

div.toplinks ul	{
	text-align:	right;
	padding-right:	40px;
}

div.toplinks ul li	{
	display:	inline;
}


/* ナビゲーション ------------------------------------------ */

div.headnav	{
	width:	922px;
	height:	112px;
	margin:	0px auto 0px;
	background-image:	url("../images/common/headnavback.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 0px;
	border-style:	none solid none solid;
	border-width:	1px;
	border-color:	#f0f2f3;
}

.headnav ul	{
	width:	900px;
	height:	69px;
	margin:	0px auto 0px;
	padding-top:	3px;
}

.headnav ul li	{
	display:	inline;
}

div.breadnav	{
	margin:	18px 0px 0px 20px;
}

/* トップ専用 */

div.toppagenav	{
	position:	relative;
	width:	922px;
	height:	402px;
	margin:	0px auto 0px;
	background-color:	#f3f3f3;
	background-image:	url("../images/top/topkeyback.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 0px;
	border-style:	none solid none solid;
	border-width:	1px;
	border-color:	#f0f2f3;
}

img.top_key	{
	position:	absolute;
	width:	432px;
	height:94px;
	top:	126px;
	left:	0px;
}

.toppagenav ul	{
	position:	absolute;
	top:	332px;
	left:	11px;
	width:	900px;
	height:	69px;
}

.toppagenav ul li	{
	display:	inline;
}

div#topcontwrap	{
	position:	relative;
	width:	864px;
	padding:	0px 11px 0px 47px;
	border-style:	none solid solid solid;
	border-width:	0px 1px 1px 1px;
	border-color:	#fff #f0f2f3 #676767 #f0f2f3;
	background-color:	#f3f3f3;
}	

div.leftcontents_top	{
	width:	550px;
	padding:	20px 0px 20px 0px;
	background-color:	#f3f3f3;
}

div.leftcontents_top h1	{
	position:	relative;
	width:	550px;
	height:	68px;
	clear:	both;
}

div.leftcontents_top h1 img	{
	vertical-align:	middle;
}

img.see_all	{
	position:	absolute;
	right:	8px;
	top:	24px;
}

div.prodcase	{
	width:	530px;
	height:	240px;
	padding-left:	12px;
}

div.leftcontents_top ul	{
	width:	530px;
	margin:	10px auto 10px;
}

div.leftcontents_top ul li	{
	display:	block;
	width:	162px;
	height:	103px;
	float:	left;
	padding:	0px 0px 12px 14px;
}

table.newstable	{
	width:	530px;
	margin:	10px 0px 10px 12px;
	border:	none;
}

table.newstable th	{
	width: 65px;
}

table.newstable td	{
	padding:	2px 4px;
}

table.newstable td.newsicon	{
	width: 55px;
}


/* カラム縦サイズ可変 -------------------------------------- */

.colmask	{
	position:	relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:	both;
	float:	left;
	width:	100%;			/* width of whole page */
	overflow:	hidden;	/* This chops off any overhanging divs */
}
	/* 2 column right menu settings */
.rightmenu	{
	background-color:	#000000;
	background-image:	url("../images/top/toprightback.jpg");
	background-repeat:	no-repeat;
	background-position:	right bottom;
}

.rightmenu .colleft	{
	float:	left;
	width:	200%;
	margin-left:	-264px;
	position:	relative;
	right:	100%;
 	background:	#f3f3f3;
}

.rightmenu .col1wrap {
	float:	left;
	width:	50%;
	position:	relative;
	left:	50%;
}
.rightmenu .col1 {
	margin:	0px 0px 0px 264px;
	overflow:	hidden;
}

.rightmenu .col2 {
	float:	right;
	width:	264px;
	position:	relative;
	left:	264px;
}

div.colsclear	{
	clear:	both;
	height:	0px;
	visibility:	hidden;
}

/* 左サイド ------------------------------------------------ */


div.backtotop	{
	clear:	both;
	font-size:	10px;
	font-weight:	600;
	width:	610px;
	margin:	0px auto 0px;
	padding:	32px 0px 16px;
	text-align:	right;
}

/* 右サイド ------------------------------------------------ */

div.rightcontents	{
	width:	264px;
}

div.submenubase	{
	margin:	0px 0px 0px;
	padding:	40px 0px 48px;
/* 	background-color:	#000000; */
}

table.rightsearch	{
	width:	264px;
	color:	#ffffff;
	margin:	8px 0px 6px;
}

table.rightsearch td	{
	padding:	0px 0px 4px;
	vertical-align:	middle;
}

table.rightsearch td label:hover	{
	text-decoration:	underline;
}

div.serchseprator	{
	width:	264px;
	height:	11px;
	margin:	0;
	text-align:	center;
}

div.submitarea	{
	width:	264px;
	height:	24px;
	text-align:	center;
	padding:	10px 0px 20px;
}

div.recruitinfo	{
	width:	264px;
	text-align:	center;
}


/* footer -------------------------------------------------- */

div.footsection	{
	clear:	both;
	height: 50px;
/*	width:	924px;
	padding-bottom:	80px;*/
}

div.footleft	{
	width:	50%;
	height:	14px;
	float:	left;
	margin:	4px 0px;
	color:	#a0a0a0;
}

div.footright	{
	width:	50%;
	height:	14px;
	float:	right;
	margin:	4px 0px;
	text-align:	right;
}

.footright a:link	{
	color:	#ffffff;
	text-decoration:	none;
}
.footright a:visited	{
	color:	#ffffff;
	text-decoration:	none;
}
.footright a:hover	{
	color:	#ffffff;
	text-decoration:	underline;
}