@charset "utf-8";

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

	alps-giken


	2007.07.25

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



/* // -------------------------------------------------------------------------------------------------
// // C O M M O N
---------------------------------------------------------------------------------------------------- */



/* // -------------------------------------------------------------------------------------------------
// //.	[ BASICS ]
---------------------------------------------------------------------------------------------------- */


/* //.		Default Format
---------------------------------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	font:normal normal normal 100% sans-serif;
	color:#333;
}

img {
	border:0;
}

hr {
	display:none;
}

body {
	font-size:80%;
	background-color:#fff;
	background-image:url(../images/side_background.gif);
	background-repeat:repeat-x;
}



li {
	list-style:none outside;
}

a {
	color:#0387CB;
	text-decoration:underline;
}

a:visited {
	color:#525684;
}

a:hover {
	color:#38B8E8;
}

a:active {
	color:#85DAF9;
}




/* // -------------------------------------------------------------------------------------------------
// //.	[ COMMON CLASS ]

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


/* //.		ul.nav / ul.navi
---------------------------------------------------------------------------------------------------- */

ul.nav,
ul.navi {
	overflow:hidden;
}
/*\*/
* html ul.nav,
* html ul.navi {
	overflow:visible;
	height:1em;
}
/**/

	ul.nav li,
	ul.navi li {
		float:left;
	}

	ul.nav li img,
	ul.navi li img {
		vertical-align:top;
	}


/* // -------------------------------------------------------------------------------------------------
// //.	[ CONTAINER ]
---------------------------------------------------------------------------------------------------- */


/* //.		div#container
---------------------------------------------------------------------------------------------------- */

div#container {
	overflow:hidden;
	margin:0 auto;
	width:770px;
	background:#fff url(../../common/images/bg_container.gif) repeat-y;
}
/*\*/ * html div#container {
	height:1em;
	overflow:visible;
} /**/

div#container:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	margin-bottom:-1px;
	overflow:hidden;
}



/* // -------------------------------------------------------------------------------------------------
// //.	[ HEADER ]
---------------------------------------------------------------------------------------------------- */


/* //.		div#header
---------------------------------------------------------------------------------------------------- */

div#header {
	overflow:hidden;
	background-color:#fff;
}
/*\*/ * html div#header {
	height:1em;
	overflow:visible;
} /**/



/* //.		div#header >
---------------------------------------------------------------------------------------------------- */

div#header div.sitename,
div#header ul#siteInfo {
	margin-top:7px;
}

div#header div.sitename {
	float:left;
}

	div#header div.sitename p {
		margin-bottom:7px;
		font-size:85%;
	}

div#header ul#siteInfo {
	float:right;
	position:relative;
}

		div#header ul#siteInfo li {
			padding-top:30px;
			padding-left:30px;
		}

div#header ul#globalNav,
div#header ul#globalNavi {
	clear:both;
	padding-top:20px;
	width:100%;
}

	div#header ul#globalNav li,
	div#header ul#globalNavi li {
	}


/* // -------------------------------------------------------------------------------------------------
// //.	[ H ]
---------------------------------------------------------------------------------------------------- */


/* //.		h1
---------------------------------------------------------------------------------------------------- */

h1 {
	padding-left:155px;
	height:70px;
	background:white no-repeat 0 0;
}

.company h1 {
	background-image:url(../../company/images/title_a.gif);
}

.business h1 {
	background-image:url(../../business/images/title_a.gif);
}

	.business h1.engneer {
		background-image:url(../../business/images/title_b.gif);
	}

	.business h1.contract {
		background-image:url(../../business/images/title_c.gif);
	}


.ir h1 {
	background-image:url(../../ir/images/title_a.gif);
}

.environment h1 {
	background-image:url(../../environment/images/title_a.gif);
}


.copyright h1 {
	padding-left:0;
	background-image:url(../../common/images/title_00.jpg);
	background-position:155px 0;
}

.recruit h1 {
	background-image:url(../../recruit/images/title_a.gif);
}



/* //.		h2
---------------------------------------------------------------------------------------------------- */

h2 {
	padding:5px 15px;
	border-left:solid 5px #0287cb;
	background:url(../../common/images/bg_h2dot2.gif) repeat-y bottom;
	line-height:1.5em;
	font-weight:bold;
}


/* //.		h3
---------------------------------------------------------------------------------------------------- */


div.section h3 {
	margin-top:30px;
	padding:10px 15px 0 5px;
	background:url(../../common/images/bg_h3line.gif) repeat-x top;
	line-height:1.4em;
	font-weight:bold;
}


	div.section h3.emphasis {
		padding:2px 0 3px;
		background:url(../../common/images/bg_h3em.gif) repeat-y bottom;
		border-top:solid 1px #0287cb;
	}



	div.section h3.emphasis em {
		display:block;
		padding:3px 10px;
		background-color:#0287cb;
		color:#fff;
		font-weight:bold;
		height:1.4em;
		line-height:1.4em;
	}



/* //.		h4
---------------------------------------------------------------------------------------------------- */

div.section h4 {
	margin-top:30px;
	padding:6px 5px;
	background:url(../../common/images/bg_h3em.gif) repeat-y;
	/*border-top:solid 1px #0287cb;*/
	height:1.3em;
	line-height:1.3em;
}

	div.section h4.emphasis {
		padding:6px 0 4px;
		color:#fff;
		font-weight:bold;
	}
	/*\*/ * html div.section h4.emphasis {
		padding:4px 0 4px;
	} /**/

		div.section h4 .number {
			padding:0.3em 20px;
			background-color:#0287cb;
			color:#fff;
			line-height:1em;
			font-weight:bold;
			vertical-align:top;
		}
		/*\*/ * html div.section h4 .number {
			padding:0.15em 20px;
		} /**/


		div.section h4 em {
			padding:0px 5px;
			background:none;
			border-top:none;
			height:1.5em;
			vertical-align:top;
		}
		
		div.section h4 em.color {
			color:#ff7519;
		}

		div.section h4 em.colorS {
			font-size:71%;
			color:#e60012;
			margin-top:20px;
		}
		
		* html div.section h4 em.colorS  {
  			font-family: 'ＭＳ Ｐゴシック', sans-serif;
		}

		*:first-child+html div.section h4 em.colorS {
  			font-family: 'メイリオ', sans-serif;
		}

	div.section h4.noDecoration {
		padding:0px;
		background:none;
		border-top:none;
		font-weight:bold;
		height:1.5em;
	}






/* // -------------------------------------------------------------------------------------------------
// //.	[ CONTENT ]
---------------------------------------------------------------------------------------------------- */


/* //.		div#content
---------------------------------------------------------------------------------------------------- */

div#content {
	clear:both;
	float:right;
	padding:20px 0 20px 0;
	width:600px;
}


/* //.		div.section
---------------------------------------------------------------------------------------------------- */

div.section {
	margin:0px;
}



/* //.		div.section >
---------------------------------------------------------------------------------------------------- */

div.section p {
	margin-top:15px;
	line-height:1.5em;
}

div.section p.emColor {
	padding-top:15px;
	line-height:1.6em;
	color:#ff7519;
}

div.section p.note {
	padding-top:15px;
	line-height:1.5em;
	font-size:90%;
}
/*\*/ * html div.section p.note {
	font-size:70%;
} /**/




/* //.		div.section > arrowLink
---------------------------------------------------------------------------------------------------- */

div.section ul.Course {
	margin-top:15px;
}

	div.section ul.Course li {
		margin-right:5px;
		padding-bottom:5px;
		padding-left:15px;
		background: url(../../common/images/point_body.gif) no-repeat;
	}
	
	
div.section ul.Colum2 {
	margin-top:15px;
}

	div.section ul.Colum2 li {
		padding-bottom:5px;
		padding-left:15px;
		background: url(../../common/images/point_body.gif) no-repeat;
		width:280px;
	}


div.section ul.Colum4 {
	margin-top:15px;
}

	div.section ul.Colum4 li {
		padding-bottom:7px;
		padding-left:15px;
		background: url(../../common/images/point_body.gif) no-repeat;
		width:135px;
	}
	
div.section ul.Colum5 {
	margin-top:15px;
}

	div.section ul.Colum5 li {
		padding-bottom:7px;
		padding-left:15px;
		background: url(../../common/images/point_body.gif) no-repeat;
		width:450px;
	}
	
div.section ul.Equal {
	margin-top:15px;
}

	div.section ul.Equal li {
		margin-right:25px;
		padding-bottom:5px;
		padding-left:15px;
		background: url(../../common/images/point_body.gif) no-repeat;
	}
	
div.section ul.ukeoi {
	margin-top:15px;
}

	div.section ul.ukeoi li {
		padding-bottom:5px;
		padding-left:15px;
		background:url(../images/point_body.gif) 0 0 no-repeat;
		width:435px;
		line-height:1.3;
	}


/* //.		div.section > Column
---------------------------------------------------------------------------------------------------- */

div.group {
	overflow:hidden;
	margin-left:-20px;
	width:620px;
}
/*\*/ * html div.group {
	height:1px;
	overflow:visible;
} /**/

div.group h4 {
	margin-top:0px;
	}


div.column {
	clear:none;
	float:left;
	position:relative;
	
	padding-left:20px;
	width:290px;
}



div.section dl.columnA {
	margin-top:10px;
	padding-top:0.5em;
}

	div.section dl.columnA dt {
		position:relative;

		z-index:10;
		margin:0  10px  -1.8em;
		background:transparent url(../../common/images/point_body.gif) no-repeat top right;
	}
	/*\*/ * html div.section dl.columnA dt {
	} /**/
	
		div.section dl.columnA dt a {
			font-weight:bold;
			border:solid 1px white;
		}
	
	
	div.section dl.columnA dd {
		position:relative;
		z-index:1;
		margin-bottom:15px;
		padding:2.0em 10px 5px 10px;
		background: url(../../common/images/bg_columna.gif) repeat-y left bottom;
		border:solid 1px #c2c2c2;
		font-size:11px;
	}
	
	
	

div.section p.columnA {
	margin-top:15px;
	padding:5px 5px 5px 10px;
	border:solid 1px #c2c2c2;
	background:#fff url(../../common/images/bg_normallybox.gif) repeat-y;
}


div.section p.columnB {
	margin-top:15px;
	padding:8px;
	border:solid 2px #a3c3d4;
	background:#fff url(../../common/images/bg_emphasisbox.jpg) repeat-x;
}


div.section p.columnC {
	margin-top:15px;
	background:url(../../common/images/bg_circleBox_top.gif)  repeat-x left top;
}

	div.section p.columnC span {
		display:block;
		padding:8px 10px;
		padding-bottom:7px;
		line-height:1.5em;
		background:url(../../common/images/bg_circleBox_bottom.gif)  repeat-x left bottom;
	}
	
	div.section p.columnC span.xsmall {
		font-size:70%;
		display:inline;
		padding:0px;
		padding-bottom:0px;
		line-height:1.5em;
		background:none;
	}


div.section p.columnD {
	margin-top:15px;
	padding:5px;
	border:dotted 1px #ccc;
	font-size:90%;
}
/*\*/ * html div.section p.columnD {
	font-size:70%;
} /**/


/* //.		div.section > ul#pageNav / div.section > ul#pageNavi
---------------------------------------------------------------------------------------------------- */

div.section ul#pageNav,
div.section ul#pageNavi {
	margin-top:30px;
}

	div.section ul#pageNav li,
	div.section ul#pageNavi li {
		float:none;
		text-align:right;
	}



/* //.		div.section > table
---------------------------------------------------------------------------------------------------- */

div.section table.standardTable,
div.section table.titleTable,
div.section table.simpleTable {
	margin-top:15px;
	border-collapse:collapse;
	width:599px;
}

div.section table th.wA,
div.section table td.wA,
div.section table th.wA_top{
		width:100px;
	}
div.section table th.wA_top{
		width:100px;
	}
div.section table th.wB,
div.section table td.wB {
		width:200px;
	}
div.section table th.wC,
div.section table td.wC {
		width:150px;
	}
div.section table th.wD,
div.section table td.wD {
		width:60px;
	}
	div.section table.standardTable th {
		margin-top:15px;
		padding:4px;
		text-align:left;
		background-color:#efefef;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.standardTable td {
		margin-top:15px;
		padding:4px;
		background-color:#fff;
		border:solid 1px #ccc;
		line-height:1.4em;
	}


	div.section table.titleTable th {
		margin-top:15px;

		padding:4px;
		text-align:left;
		background-color:#ccd9e7;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.titleTable td {
		margin-top:15px;
		padding:4px;
		background-color:#fff;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.titleTable td.subTl {
		background-color:#edf2f9;
	}
	
	div.section table.titleTable td.subTlop {
		background-color:#ffffff;
	}
	
	div.section table.titleTable td.pdfTl {
		width:530px;
	}
	
	div.section table.titleTable td.pdf {
		text-align:center;
		background-color:#fff;
	}


	div.section table.simpleTable th {
		margin-top:15px;
		padding:4px;
		text-align:left;
		background-color:#edf2f9;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.simpleTable th.wA_top {
		vertical-align:top;
		margin-top:15px;
		padding:4px;
		text-align:left;
		background-color:#edf2f9;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.simpleTable td {
		margin-top:15px;
		padding:4px;
		background-color:#fff;
		border:solid 1px #ccc;
		line-height:1.4em;
	}
	
	div.section table.simpleTable td p.subtitle {
		margin-top:10px;
	}



/* //.		div.section > history
---------------------------------------------------------------------------------------------------- */

div.section dl.history dt {
	clear:both;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:solid 3px #ccc;
}

div.section dl.history dd {
	padding-left:50px;
}
	
div.section dl.history dd.notMonth {
	padding-left:120px;
}
		
	div.section dl.history table {
		border:0px;
		border-collapse:collapse;
		width:100%;
	}
		
		div.section dl.history th,
		div.section dl.history td {
			border-bottom:solid 2px #fff;
		}
			
			
		div.section dl.history th {
			text-align:center;
			padding:15px 0;
			background-color:#edf2f9;
			width:70px;
		}
		
		div.section dl.history td {
			padding-top:5px;
			padding-left:5px;
		}
	
			
		div.section dl.history td div.fig {
			float:right;
		}
			
		div.section dl.history td p {
			margin-top:0px;
		}
			
		div.section dl.history td p.start {
			color:#ff7519;
		}


/* //.		div.section > history > TriangleColor
---------------------------------------------------------------------------------------------------- */

div.section dl.firstPlan dt .pointTriangle {
	padding-right:5px;
	color:#ff6600;
}

div.section dl.secondPlan dt .pointTriangle {
	padding-right:5px;
	color:#cc0000;
}

div.section dl.thirdPlan dt .pointTriangle {
	padding-right:5px;
	color:#990066;
}

div.section dl.fourthPlan dt .pointTriangle {
	padding-right:5px;
	color:#000099;
}

div.section dl.fifthPlan dt .pointTriangle {
	padding-right:5px;
	color:#006666;
}

div.section dl.sixthPlan dt .pointTriangle {
	padding-right:5px;
	color:#009933;
}

div.section dl.seventhPlan dt .pointTriangle {
	padding-right:5px;
	color:#ffff33;
}

div.section dl.eighthPlan dt .pointTriangle {
	padding-right:5px;
	color:#0099ff;
}


div.section dl.ninethPlan dt .pointTriangle {
	padding-right:5px;
	color:#303;
}


/* //.		div#newsArea
---------------------------------------------------------------------------------------------------- */


div#newsArea {
	padding-left:9px;
	padding-top:7px;
	border-left:solid 5px #ddd;
	/* 霑ｽ蜉  */
	margin-bottom:20px;
	/* /霑ｽ蜉  */
}



/* // -------------------------------------------------------------------------------------------------
// //.	[ LOCAL NAVIGATION ]
---------------------------------------------------------------------------------------------------- */

/* //.		div#localNav / div#localNavi
---------------------------------------------------------------------------------------------------- */

div#localNav,
div#localNavi {
	float:left;
	padding:20px 0 40px 10px;
	width:135px;
	font-size:90%;
}
/*\*/
* html div#localNav,
* html div#localNavi {
	font-size:70%;
}
/**/

		div#localNav ul li,
		div#localNavi ul li {
			margin-bottom:13px;
		}

			div#localNav ul li em.now,
			div#localNavi ul li em.now {
				padding-left:10px;
			background:url(../../common/images/point_menu_on.gif) no-repeat ;
			}

			div#localNav ul li a,
			div#localNavi ul li a {
				padding-left:10px;
				background:url(../../common/images/point_menu.gif) no-repeat ;
			}

			div#localNav ul li a.message,
			div#localNavi ul li a.message {
				padding-left:10px;
				background:url(../../common/images/point_menu_on.gif) no-repeat ;
			}

			div#localNav ul li a.img,
			div#localNavi ul li a.img {
				padding-left:10px;
				background:url(../../common/images/point_menu.gif) no-repeat -10px ;
			}

			div#localNav ul li a img,
			div#localNavi ul li a img {
				padding-top:10px;
			}

		div#localNav dl dt,
		div#localNavi dl dt {
			margin-bottom:7px;
			padding-top:5px;
		}



/* // -------------------------------------------------------------------------------------------------
// //.	[ ASIDE ]
---------------------------------------------------------------------------------------------------- */


/* //.		div#footer
---------------------------------------------------------------------------------------------------- */

div#footer {
	clear:both;
	padding:10px 0px;
	border-top:solid 1px #0287cb;
	background-color:#fff;
	width:770px;
}

/*\*/ * html div#footer {
	height:1px;
	overflow:visible;
} /**/


/* //.		div#footer >
---------------------------------------------------------------------------------------------------- */

div#footer ul#sitePolicy {
	margin-top:-0.25em;
}

	div#footer ul#sitePolicy li {
		margin-right:0.5em;
		border-right:solid 1px #ccc;
		padding-right:0.5em;
		padding-bottom:0.25em;
	}

		div#footer ul#sitePolicy li a {
			text-align:right;
			font-size:80%;
			text-decoration:underline;
			color:#333;
		}
		/*\*/ * html div#footer ul#sitePolicy {
			font-size:85%;
		} /**/


div#footer div.copyright {
	margin-top:-1.4em;
	text-align:right;
	font-size:10px;
	font-family:Century Gothic,sans-serif;
	color:#666;
}







/* // -------------------------------------------------------------------------------------------------
// // P A G E D
---------------------------------------------------------------------------------------------------- */


/* // -------------------------------------------------------------------------------------------------
// //.	[ ENVIRONMENT ]
---------------------------------------------------------------------------------------------------- */

div#ISO14001 p.document,
.company div#content div#compliance p.figure,
.business div#content p.figure{
	text-align:center;
}

.environment p.photo02 {
	float:right;
	padding-bottom:5px;
}

/* csr_01.htmlの写真(研修風景） */
.environment div#content div#training p.photo_eco1 img{
	float:right;
	margin-left:1em;
}

/* csr_01.htmlの写真（ボランティア活動） */
.environment div#content div#volunteer p.photo_eco2 img{
	text-align:center;
}

/* // -------------------------------------------------------------------------------------------------
// //.	[ ALPINIST ]
---------------------------------------------------------------------------------------------------- */

.company div.photR {
	float:right;
	margin-left:6px;
	margin-bottom:8px;
	padding:0;
	width:300px;
	color:#0387cb;
	font-size:8pt;
}

/*\*/ * html .company div.photR {
	font-size:7pt;
} /**/

.company div.photR img,
.company div.photR200 img {
	margin:0 !important;
	padding:0 0 6px !important;
}

.company div.photR200 {
	float:right;
	margin-left:6px;
	margin-bottom:8px;
	width:200px;
	color:#0387cb;
	font-size:8pt;
}

/*\*/ * html .company div.photR200 {
	font-size:7pt;
} /**/

.company p.photo01 {
	float:right;
	padding-bottom:5px;
	width:460px;
}

.company p.photo02 {
	float:right;
	padding-bottom:5px;
	width:130px;
}


/* // -------------------------------------------------------------------------------------------------
// //.	[ ABOUT ]
---------------------------------------------------------------------------------------------------- */

/* plugin */
p.plugin{
	text-align:right;
}