@charset "UTF-8";



/*
########################################################
  Data        : layout.css
  Date        : 2000.00.00
  Last Update : 2000.00.00
########################################################
*/



/*
########################################################
  Naming rules
########################################################

全体コンテナ         #wrapper (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
フッター内枠         #footerInner (フッター内枠)
コンテンツ           #contents (コンテンツ)
汎用コンテナ         #unitBlock (メインコンテンツ)
入れ子コンテナ       #unitBlockInner
入れ子コンテナ2      #unitBlockBox
第1汎用コンテナ      #alphaBlock
第2汎用コンテナ      #betaBlock
第3汎用コンテナ      #gammaBlock
第4汎用コンテナ      #deltaBlock
第5汎用コンテナ      #zetaBlock
FLASH格納用コンテナ  #flashcontent
サイドバー           #sideBlock (左コンテンツ)
ポップアップコンテナ #popupBlock
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
ロゴ                 #logo
見出し1              #title
見出し2              .headline
見出し3              .crosshead
見出し4              .subheading
見出し5              .index
見出し6              .subindex
記事ヘッダー         .contextHeader
記事                 .context
記事内ブロック       .contextInner
記事フッター         .contextFooter
要約                 .description
コピーライト         .copyright
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop
外部へのリンク       .external

########################################################
*/



/* =IE7-CursorHack */
/* ----------------------------------------------------- */

*:first-child+html #header,
*:first-child+html #headerInner,
*:first-child+html #globalNavi,
*:first-child+html #topicPath,
*:first-child+html #contents,
*:first-child+html #footerInner,
*:first-child+html #betaBlock,
*:first-child+html #sideBlock{
	/* for WinIE7 */
	background: url(../images/common/spacer.gif) no-repeat 0px 0px;
}



/* =marginStyle */
/* ----------------------------------------------------- */

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 40px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 40px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 40px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}



/* =paddingStyle */
/* ----------------------------------------------------- */

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 40px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 40px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 40px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}



/* =alignStyle */
/* ----------------------------------------------------- */

.alLeft{text-align: left;}
.alCenter{text-align: center;}
.alRight{text-align: right;}
.imgCenter{
	text-align: center;
	display: block;
}



/* =boxStyle */
/* ----------------------------------------------------- */

.db{display: block;}
.di{display: inline;}



/* =fontStyle */
/* ----------------------------------------------------- */

.fSmall{font-size: 10px;}
.fLarge{font-size: 14px; line-height: 1.5;}
.fBlue {color: #069;}
.fBold {font-weight: bold;}



/* =FLASH格納用DIV(swfObject使用時) */
/* ----------------------------------------------------- */
.flashContents{
	background: url(../images/toppage/bg_mainimage_back.jpg) 0px 0px repeat-x;
	height: 424px;
}

.flashContentsInner{
	background: url(../images/toppage/bg_mainimage.jpg) center top no-repeat;
	height: 424px;
}



/* =contentsImage */
/* ----------------------------------------------------- */

.contentsImage{
	background: url(../images/toppage/bg_mainimage_back.jpg) 0px 0px repeat-x;
	height: 314px;
}

.contentsImageInner{
	background: url(../images/common/bg_center.jpg) center top no-repeat;
	height: 314px;
	text-align: center;
}

.contentsImageInner .titleImage{
	padding-top:32px;
}

.contentsImageInner img{
	border: 3px solid #333;
}

/* =00.#wrapper */
/* ----------------------------------------------------- */

#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
}

#wrapperInner{
}

#header{
}

#headerInner{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 134px;
	text-align: left;
}

#contentsInner{
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	width: 900px;
	background: url(../images/common/back02_center.jpg) center bottom no-repeat;
	text-align: left;
}



/* =01.#header */
/* ----------------------------------------------------- */



#description{
	position: absolute;
	top: 49px;
	left: 416px;
	width: 341px;
	font-size: 10px;
	line-height: 1.2;
	color: #069;
}

#authorization{
	position: absolute;
	font-size: 10px;
	top: 15px;
	left: 416px;
	width: 332px;
	line-height: 1.1;
}

#logo{
	position: absolute;
	top: 21px;
	left: 0px;
	width: 239px;
}

#CO{
	position: absolute;
	top: 106px;
	left: 0px;
	font-size: 12px;
	width: 239px;
	text-align: center;
	line-height: 1.1;
}

.contactInformation{
	position: absolute;
	top: 67px;
	left: 416px;
}

.contactInformation .tel{
	position: absolute;
	top: 0px;
	left: 0px;
}

.contactInformation .fax{
	position: absolute;
	top: 0px;
	left: 175px;
}



.globalNavi{
	position: absolute;
	top: 95px;
	left: 416px;
	width: 486px;
}

.globalNavi.gm_topPage{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 117px;
}

.globalNavi .gn_toppage{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 117px;
}

.globalNavi .gn_service{
	position: absolute;
	top: 0px;
	left: 123px;
	width: 117px;
}

.globalNavi .gn_case{
	position: absolute;
	top: 0px;
	left: 246px;
	width: 117px;
}

.globalNavi .gn_progile{
	position: absolute;
	top: 0px;
	left: 369px;
	width: 117px;
}

#headerInner .gn_recruit{
	position: absolute;
	top: 0px;
	left: 757px;
}

.contact{
	position: absolute;
	top: 50px;
	left: 757px;
	width: 144px;
}



.headerRightBlock{
	position: relative;
	width: 300px;
	text-align: right;
}

.headerRightBlock li{
	display: inline;
	font-size: 10px;
	line-height: 1em;
	padding-left: 0.5em;
}

.headerRightBlock p,
.headerRightBlock ul{
	padding-bottom: 0px;
}



/* =02.#globalNavi */
/* ----------------------------------------------------- */

#globalNavi{
	zoom:1;
}

/*for modern browser*/
#globalNavi:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#globalNavi li{
	float: left;
}



/* =03.#contents */
/* ----------------------------------------------------- */

#contentsWrap{
	background-image: url("../images/common/back02.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

/* #contents{
	background: url(../images/common/back02.gif) center bottom repeat-x;
	background-color: #FFF !important;
	zoom:1;
} */

#contents .toppage{
	padding-top: 0px;
	zoom:1;
}

/*for modern browser*/
#contents:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#contentsInner{
	padding-bottom: 80px;
}



/* =04.#topicPath */
/* ----------------------------------------------------- */

#topicPath{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
	zoom:1;
}

/*for modern browser*/
#topicPath:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#topicPath li{
	float: left;
	padding-left: 0.75em;
	padding-right: 0.5em;
	background: url(../images/common/topicpath_arrow.gif) 0px 2px no-repeat;
	line-height: 1.1;
}

#topicPath li.firstList{
	padding-left: 0px;
	background: none;
}



/* =05.unitBlock */
/* ----------------------------------------------------- */

#unitBlock{
	float: left;
	padding-top: 30px;
	width: 620px;
}


.context.header{
	margin-top: 0px;
}

.contextHeader p{
	margin-top: 1.5em;
}



.context{
	margin-top: 30px;
}

.context h3{
}


.contextFooter{
}



.subText{
	padding-top: 1.5em;
	font-size: 10px;
}



.contextInner{
	padding: 15px;
}



.toTop{
	padding-top: 3em;
	text-align: right;
}



/* =06.sideBlock */
/* ----------------------------------------------------- */

#sideBlock{
	float: right;
	padding-top: 30px;
	width: 255px;
}



#sideBlock .banner{
	padding-top: 15px;
}

.localNavi{
}

.localNavi h4{
}

.localNavi ul{
	background: #F2F2F2;
	padding: 5px;
	zoom:1;
}

#sideBlock .banner ul{
	zoom:1;
}

/*for modern browser*/
.localNavi ul:after,
#sideBlock .banner ul:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.localNavi li,
#sideBlock .banner li{
	float: left;
	width: 255px;
}

.localNavi li,
#sideBlock .banner li{
	margin-top: 5px;
}

#sideBlock .banner li.first{
	border-top: 2px solid #F2F2F2;
	padding-top: 15px;
}

.localNavi li.first,
#sideBlock .banner li.first{
	margin-top: 0px;
}

.localNavi li img,
#sideBlock .banner img,
#sideBlock .banner a{
	display: block;
}

#sideBlock .banner a{
	margin-bottom: 3px;
}

#sideBlock .banner{
	font-size: 10px;
	line-height: 1.25;
}



/* =07.#footer */
/* ----------------------------------------------------- */

#footer{
	margin-top: 1px;
	color: #D5D5D5;
	height: 130px;
	background: #333;
}



#footerInner{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	zoom:1;
}

/*for modern browser*/
#footerInner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}



#footerInner .left{
	float: left;
	width: 300px;
}

#footerInner .left dt,
#footerInner .left dd{
	font-size: 10px;
	line-height: 1.4em;
}



#footerInner .right{
	float: right;
	text-align: right;
	width: 480px;
}

#footerInner .right li{
	display: inline;
	font-size: 10px;
	line-height: 1em;
	padding-left: 0.5em;
}

#footerInner .right li img{
	padding-right: 3px;
	padding-bottom: 1px;
}



/* =08. */
/* ----------------------------------------------------- */

.adFooter{
	margin-top: 80px;
	position: relative;
	height: 110px;
}

.adFooter .ad1{
	display: block;
	position: absolute;
	width: 181px;
	height: 35px;
	top: 14px;
	left: 422px;
	z-index: 2;
}

.adFooter .ad2{
	display: block;
	position: absolute;
	width: 620px;
	height: 110px;
	top: 0px;
	left: 0px;
	z-index: 1;
}



/* =09. */
/* ----------------------------------------------------- */