@charset "utf-8";

/************************************************

	core.css 2010.10.07

	Copyright 2010 image All Rights Reserved.
	URL http://www.image.co.jp/

*************************************************/

/* 1.Reset */html,body,h1,h2,h3,h4,h5,h6,div,p,th,td,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea{margin:0;padding:0;} html{overflow-y:scroll;} li{list-style:none;} img{border:0 none;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} fieldset{border:0;} legend{color:#000;} hr{display:none;visibility:hidden;}
/* 2.Fonts */body {font:13px/1.4 arial, helvetica, clean, sans-serif; *font-size:small;/*for IE*/ *font:x-small;/*for IE*/} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} table{font-size:inherit; font:100%;} caption,th{font-style:normal;font-weight:normal;text-align:left;} select,input,button,textarea{font:99% arial, helvetica, clean, sans-serif;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;/*for IE*/} pre,code{font-family:monospace; *font-size:108%; line-height:100%;} p,pre,address,dt,dd,li,dd li,dd p,dd pre,dd dt,dd dd,li li,li p,li pre,li dt,li dd{font-size:100%;} sup,sub{font-size:77%;} address,code,em,strong{font-style:normal;font-weight:normal;}
/* 3.Components */#header:after,#footer:after,#keyVisual:after,#contents:after,#unitArea:after,.unitFloat:after,.unitFloatRe:after,.unitColumn:after,.listPara:after,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} * html #header,* html #footer,* html #keyVisual,* html #contents,* html #unitArea,* html .sectionBlock,* html .sectionBox,* html .sectionItem,* html .unitColumn,* html .unitFloat,* html .unitFloatRe,* html .caption,* html .dlTable,* html .addMarker li,* html ul.listNote li,*html .listPara,* html .clearfix{display:inline-block;}*:first-child+html #header,*:first-child+html #footer,*:first-child+html #keyVisual,*:first-child+html #contents,*:first-child+html #unitArea,*:first-child+html .unitColumn,*:first-child+html .unitFloat,*:first-child+html .unitFloatRe,*:first-child+html .listPara,*:first-child+html .clearfix{display:inline-block;}#wrapper,#header,#footer,#keyVisual,#contents,#unitArea,ul.listNote li{position:relative;} .unitColumn .sectionBox,.unitFloat .floatBox,.floatItem,img.floatImg,.listPara li,.dlTable dt{float:left;} .titleImg,.leadImg{line-height:0!important;} br.clear{clear:both;} a:hover img.click{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .unitColumn .sectionBox{margin-bottom:0;} .unFloat .followBox{display:inline; margin-left:0!important; margin-right:0!important;} .unitFloatRe .floatBox,img.floatImgRe{margin-right:0; float:right;} .caption{padding-top:5px;display:block;} table,th,td{border:1px solid #CCC;} table{width:100%;border-right:0;border-bottom:0px;border-spacing:0px;border-collapse:separate;*border-collapse:collapse;/*for IE*/} th,td{border-top:0;border-left:0;padding:5px;} th{text-align:center;} .dlTable dt{clear:both;} ul.listNote li{padding-left:2.15em;} ul.listNote li span.item{position:absolute;top:0;left:0; font-family:monospace;} ol.listNote li{margin-left:2.2em;list-style-type:decimal;} .listPara li{margin-right:15px;} * html .listPara li{white-space:nowrap;}.addMarker li{background-position:0 0.1em;background-repeat:no-repeat;padding-left:18px;} img.icoL,img.icoR{vertical-align:middle;margin-top:-3px;*margin-top:0;/*for IE*/} img.icoL{margin-right:6px;} img.icoR{margin-left:6px;} .attention{color:#F00;font-weight:bold;} .center{text-align:center;} .readArea,.hidden{border-style:none;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute;top:-1px;left:0px;z-index:100;} .forPrint{display:none;} .mR0{margin-right:0!important;}.mR5{margin-right:5px!important;}.mR10{margin-right:10px!important;}.mR15{margin-right:15px!important;}.mR20{margin-right:20px!important;}.mR30{margin-right:30px!important;} .mL0{margin-left:0!important;}.mL5{margin-left:5px!important;}.mL10{margin-left:10px!important;}.mL15{margin-left:15px!important;}.mL20{margin-left:20px!important;}.mL30{margin-left:30px!important;} .mT0{margin-top:0!important;}.mT5{margin-top:5px!important;}.mT10{margin-top:10px!important;}.mT15{margin-top:15px!important;}.mT20{margin-top:20px!important;}.mT30{margin-top:30px!important;} .mB0{margin-bottom:0!important;}.mB5{margin-bottom:5px!important;}.mB10{margin-bottom:10px!important;}.mB15{margin-bottom:15px!important;}.mB20{margin-bottom:20px!important;}.mB30{margin-bottom:30px!important;} 

.imgFit { line-height:0; vertical-align:top; }

.txtSmallXX { font-size:77%;    }
.txtSmallX  { font-size:85%;    }
.txtSmall   { font-size:93%;    }
.txtLarge   { font-size:108%;   }
.txtLargeX  { font-size:116%;   }
.txtLargeXX { font-size:123.1%; }

.fontSerif  { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/*==============================================*/
/* 1.Layout - body,wrapper,lay**,etc
/*==============================================*/
body{	
	position:relative;
	color:#4D4D4D;
}

/*wrapper
---------------------------------*/
#wrapper{min-width:960px;}

/*double
---------------------------------*/
#category .layDouble #areaMain{
	width:676px;
	margin-left:234px;
	padding-top:110px;
	float:left;
	z-index:80;
}
* html #areaMain{display:inline;}/* for IE6*/

.layDouble #areaLeft{
	position:fixed;
	top:0; left:30px;
	z-index:100;
	width:164px;
}
* html .layDouble #areaLeft{
	font:left;
	position:absolute;
}/* for IE6*/

/*==============================================*/
/* 2.Heading,Lead
/*==============================================*/
h1{line-height:0; margin-bottom:20px;}
h2,h3{font-size:108%; margin-bottom:5px; font-weight:bold;}
h2.titleImg,h3.titleImg{margin-bottom:10px;}

h2{color:#50ACCF;}
h3{color:#717171;}

/*==============================================*/
/* 3.Link
/*==============================================*/
a:link,
a:visited{color:#50ACCF; }
a:hover  {text-decoration:none; }
a:active {color:#4D4D4D;}
a        {outline: hidden;}

#areaMain a.mailto {padding:0 2px; margin:0 2px; text-decoration:underline; }
#areaMain a.mailto:hover  { color:#fff;  background-color:#50ACCF;}
/*==============================================*/
/* 4.Header
/*==============================================*/
#siteId{
	overflow:hidden;
	line-height:0;
	height:50px;
	margin:45px 0;
}

/*==============================================*/
/* 6.Contents
/*==============================================*/
.sectionBlock {margin-bottom:30px;}
.sectionBox   {margin-bottom:20px;}
.sectionBox p {margin-bottom:10px;}
.sectionBox li{margin-bottom:5px;}
.sectionItem  {margin-bottom:10px;}

/*#areaLeft
---------------------------------*/
#navHome,#navGlobal,#banner,#copyright,#truste{margin-left:25px;}
#navHome,#banner,#truste{line-height:0;}
#navAbout,#navWorks,#banner,#copyright{
	margin-bottom:20px;
	*margin-bottom:17px;/*for IE*/
}
#banner a,#copyright,#truste a{display:inline-block;}

#navHome{margin-bottom:5px;}

#copyright{
	width:121px; height:28px;
	background: url(../img/copyright.gif) no-repeat 0 0;
	overflow:hidden;
}

#copyright span{ position:absolute; display:block; margin-top:-999px;}

/*==============================================*/
/* 7.Footer
/*==============================================*/
#footer{
	display:none;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

/* layDouble wfDivide
---------------------------------*/
.layDouble #areaMain .wfDivide2 .floatBox{
	width:331px;
	margin-right:14px;
}

/*==============================================*/
/* Navigation Set
/*==============================================*/
#navHome,#navGlobal li,#navGlobal .subMenu{overflow:hidden;}
* html #navHome,* html #navGlobal li,* html #navGlobal .subMenu{display:inline-block;}/*for IE6*/

#navHome li,#navGlobal ul li{float:left;}

#navHome li span,#navGlobal li span,
.navContact span,.navPrivacy span,.navMap span{
	margin-top:-100px;
	display:block;
	height:1px;
	overflow:hidden;
}

#navHome li,#navHome li a,#navHome li em,
#navGlobal li,#navGlobal li a,#navGlobal li em{
	width:120px;
	display:block;
	overflow:hidden;
}

/*==============================================*/
/* Home
/*==============================================*/
#navHome li a,#navHome li em{
	background:url(../img/nav/home.gif) no-repeat 0 0;
	height:16px;
}
#navHome li a:hover{background-position:0 -16px}
#navHome li em     {background-position:0 -32px}

/*==============================================*/
/* Global Navigation
/*==============================================*/
#navGlobal { margin-bottom:10px; }

#navGlobal li{
	background-image: url(../img/nav/menu_over.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}
#navGlobal li a,#navGlobal li em{background:url(../img/nav/menu.gif) no-repeat 0 0;}

#navGlobal li.current{background-position:242px 0;}
#navGlobal .subMenu li{
	background-image: url(../img/nav/menu_sub_over.gif);
	margin-bottom:2px;
}
#navGlobal .subMenu li a,#navGlobal .subMenu li em{height:15px;}

.categoryTitle{
	display:block;
	height:23px;
}
#navAbout .categoryTitle,#navWorks .categoryTitle{margin-bottom:7px;}

#navAbout .categoryTitle{background-position:0 1px;}
#navGlobal #navAbout1 a,
#navGlobal #navAbout1 em{background-position:0 -27px;}
#navGlobal #navAbout2 a,
#navGlobal #navAbout2 em{background-position:0 -44px;}
#navGlobal #navAbout3 a,
#navGlobal #navAbout3 em{background-position:0 -60px;}
#navGlobal #navAbout4 a,
#navGlobal #navAbout4 em{background-position:0 -77px;}
#navWorks .categoryTitle{background-position:0 -116px;}
#navGlobal #navWorks1 a,
#navGlobal #navWorks1 em{background-position:0 -143px;}
#navGlobal #navWorks2 a,
#navGlobal #navWorks2 em{background-position:0 -160px;}
#navGlobal #navWorks3 a,
#navGlobal #navWorks3 em{background-position:0 -177px;}
#navGlobal #navWorks4 a,
#navGlobal #navWorks4 em{background-position:0 -194px;}
#navRecruit .categoryTitle{background-position:0 -231px;}

#navGlobal #navBanner { margin-top:5px; }
#navGlobal #navBanner a,
#navGlobal #navBanner2 a { background:none; }


#navLang { overflow:hidden; display:inline-block; margin:0 0 10px 25px; }

#navLang li { float:left; }

#navLang ,
#navLang a,
#navLang em { background:url(../img/nav/lang.png) no-repeat 0 0; height:17px; }

#navLang a,
#navLang em { overflow:hidden; }

#navLang a,
#navLang em ,
#navLang span{ display:block; }

#navLang span { text-indent:-777px; }

#navLang .navBtn01 { margin-right:11px; }

#navLang .navBtn01 a{ background-position:0 0; width:37px; }
#navLang .navBtn01 a:hover,
#navLang .navBtn01 em{ background-position:0 -17px; width:37px; }

#navLang .navBtn02 a{ background-position:-48px 0; width:27px; }
#navLang .navBtn02 a:hover,
#navLang .navBtn02 em{ background-position:-48px -17px; width:27px; }

/*==============================================*/
/* Status Buttons
/*==============================================*/
#navPage{
	position:fixed;
	left:940px; top:250px;
	z-index:99;
}
* html #navPage{display: none;}
#navPage li,#navPage li a{width:25px;}
#navPage li{margin-bottom:5px;}
#navPage a{
	background:url(../img/nav/pagemove.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	height:25px;
	display:block;
}
#navPage a.navToTop{height:25px;}
#navPage a.navUp{background-position:0 -27px;}
#navPage a.navDown{background-position:0 -54px;}
#navPage a.navToTop:hover{background-position:-27px 0;}
#navPage a.navUp:hover{ background-position:-27px -27px;}
#navPage a.navDown:hover{ background-position:-27px -54px;}
#navPage a.navToTop:active{background-position:-54px 0;}
#navPage a.navUp:active{ background-position:-54px -27px;}
#navPage a.navDown:active{ background-position:-54px -54px;}

/*navContact
---------------------------------*/
.navContact a,.navPrivacy a,.navMap a{
	overflow:hidden;
	display:block;
	height:19px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.navContact a{width:95px;  background-image:url(../img/nav/contact.gif);}
.navPrivacy a{width:153px; background-image:url(../img/nav/privacy.gif);}
.navMap a    {width:35px;  background-image:url(../img/nav/map.gif);}

.navContact a:hover,
.navPrivacy a:hover,
.navMap a:hover{background-position:0 -19px;}

/*==============================================*/
/* icon
/*==============================================*/
.external,.popup,.pdf,.download{cursor:pointer /*url(../../img/icon/cursor_original.gif),auto*/;}
.icoCircleA li,li.icoCircleA{background-image: url(../img/ico/circle_a.gif);}
/**
.icoSquareA li,li.icoSquareA{background-image: url(../img/ico/square_a.gif);}
.icoArrowA li,li.icoArrowA{background-image: url(../img/ico/arrow_a.gif);}
/*==============================================*/
/* wrapLine
/*==============================================*/
.wrapLine{
	border:1px solid #CCC;
	padding:15px;
}

/*==============================================*/
/* txt
/*==============================================*/
.right{text-align:right;}

/*==============================================*/
/*  dlType
/*==============================================*/
.dlTypeA dt,.dlTypeA dd{margin-bottom:1em;}

.dlTypeA dt{width:5em;}
.dlTypeA dd{margin-left:6.5em;}

/*==============================================*/
/* position
/*==============================================*/
.posR { text-align:right; }