@charset "utf-8";

/**********************************************
レイアウトCSS
***********************************************/

/* layout
-------------------------------------------------------------*/

#wrapper {
}

#main {
	padding-bottom: 50px;
	min-height: 1px;
}

#main:after {
	content: '';clear: both;height: 0;display: block;visibility:hidden;
}

body#top #main {
	max-width:1150px;
}

footer#globalFooter {
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}

#globalNav form button {
	letter-spacing:normal;
}

/*--------------------------------------------------------
*
* header
*
--------------------------------------------------------*/


	body#leftColumn {
		background: url(../images/shared/nav_shadow_left.png) left repeat-y;
	}

	body#rightColumn {
		background: url(../images/shared/nav_shadow_right.png) right repeat-y;
	}

	/* layout
	--------------------------------------------------------*/

	body#leftColumn #main ,
	body#rightColumn #main {
		width: 748px;
	}

	body #main {
		min-height:620px;
	}

	/* navigation
	--------------------------------------------------------*/

	#globalNav {
		position: fixed;
		right:0;
		top:0;
		width: 216px;
		height: 100%;
		background: #fff;
		text-align: center;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		background-color: #fff;
	}

	#globalNav.abs {
		position:absolute;
	}

	#leftColumn #globalNav {
		left:0;
	}

	/** open menu **/
	#globalNav > span {
		display:none;
	}

	/** header **/

	#globalNav header {
		padding: 20px 0 10px;
	}

	#globalNav header h1 {
		font-size: 0.5em;
	}

	#globalNav header h1 img {
		height: 30px;
	}

	/** form **/

	#globalNav form {
		padding-bottom: 10px;
	}

	#globalNav form p {
		letter-spacing: -.40em;
	}

	#globalNav form p > * {
		height: 27px;
		line-height: 27px;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}

	#globalNav form input {
		color:#DBF0E3;
		color:#000;
		width: 124px;
		padding: 0 5px;
		border:0;
		background: #DBF0E3;
		margin-right: 3px;
	}

	#globalNav form button {
		color:#fff;
		background: #00A040;
		width: 60px;
	}

	/** main navigation **/

	#globalNav ul {
		border-top: 2px solid #EBEFEC;
	}

	#globalNav ul li ,
	#globalNav ul li a {
		display: block;
		width: 216px;
		height: 50px;
	}

	#globalNav ul li a {
		text-indent: -10000px;
		background: url(../images/shared/navigation/navi_global.png);
		border-bottom: 1px solid #EBEFEC;
	}

	#globalNav ul li.nav01 a {background-position:0px 0px;}
	#globalNav ul li.nav02 a {background-position:0px -51px;}
	#globalNav ul li.nav03 a {background-position:0px -102px;}
	#globalNav ul li.nav04 a {background-position:0px -153px;}
	#globalNav ul li.nav05 a {background-position:0px -204px;}
	#globalNav ul li.nav06 a {background-position:0px -255px;}
	#globalNav ul li.nav07 a {background-position:0px -306px;}
	#globalNav ul li.nav08 a {background-position:0px -357px;}
	#globalNav ul li.nav09 a {background-position:0px -408px;}

	#globalNav ul li.nav01 a:hover,
	#globalNav ul li.nav01 a.active {background-position:-216px 0px;}
	#globalNav ul li.nav02 a:hover,
	#globalNav ul li.nav02 a.active {background-position:-216px -51px;}
	#globalNav ul li.nav03 a:hover,
	#globalNav ul li.nav03 a.active {background-position:-216px -102px;}
	#globalNav ul li.nav04 a:hover,
	#globalNav ul li.nav04 a.active {background-position:-216px -153px;}
	#globalNav ul li.nav05 a:hover,
	#globalNav ul li.nav05 a.active {background-position:-216px -204px;}
	#globalNav ul li.nav06 a:hover,
	#globalNav ul li.nav06 a.active {background-position:-216px -255px;}
	#globalNav ul li.nav07 a:hover,
	#globalNav ul li.nav07 a.active {background-position:-216px -306px;}
	#globalNav ul li.nav08 a:hover,
	#globalNav ul li.nav08 a.active {background-position:-216px -357px;}
	#globalNav ul li.nav09 a:hover,
	#globalNav ul li.nav09 a.active {background-position:-216px -408px;}

	/** btns **/

	#globalNav ol li {
		margin-top: 10px;
		line-height: 0;
	}

	#globalNav ol li a {
		display: block;
		width: 192px;
		margin: 0 auto;
		text-indent:12px;
		text-align: left;
		background:url(../images/icons/arrow/green_right_mini.png) 180px center no-repeat #fff;
	}

	#globalNav ol li.btnCompany a {
		border:2px solid #00A040;
		padding: 15px 0;
	}

	#globalNav ol li.btnEnglish a {
		border:2px solid #DBF0E3;
		padding: 8px 0;
	}

	/** hidden **/

	#globalNav > div p {
		display: none;
	}

/*--------------------------------------------------------
*
* globalFooter
*
--------------------------------------------------------*/

	#globalFooter {
		clear:both;
		position: relative;
	}

	._smp #globalFooter ,
	._tablet #globalFooter {
		width: 1024px;
	}

	#globalFooter > div {
		display:none;
	}

	#globalFooter h1 {
		position: absolute;
		left:0;
		top:0;
		background-color: #fff;
		width: 105px;
		height: 40px;
		padding: 10px;
	}

	#globalFooter h1 img {
		height: 40px;
		position: relative;
		top:-5px;
		vertical-align: middle;
	}

	#globalFooter ul {
		background: #00A040;
		height: 40px;
		padding: 10px 10px 10px 135px;
	}

	#globalFooter ul li {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		font-size: 1em;
		color:#fff;
	}

	#globalFooter ul li a {
		color:#fff;
	}

	#globalFooter p {
		height: 27px;
		line-height: 27px;
		position: relative;
		background: #000;
		color:#fff;
		text-align: center;
	}

	#globalFooter p small {
		margin-right: 216px;
		font-size: 0.9em;
	}

	#globalFooter p > span {
		position: absolute;
		right:0;
		top:0;
	}

	#globalFooter p > span a {
		display: block;
		width: 206px;
		height: 27px;
		padding-left: 10px;
		background: url(../images/shared/foot_to_top.png) 201px center no-repeat #DBF0E3;
		text-align: left;
		color:#00A040;
	}


/**********************************************
shared.static
***********************************************/

#topicPath {
	padding: 12px 0 30px;
}
.img_width {
	width: auto;
}
.img_width2 {
	width: auto;
}

#main > header h1 {
	font-size: 2.8em;
}

#main > header .social {
	float:right;
	position: relative;
	top:20px;
}

#main > header .social > * {
	position: absolute;
	top:0;
	right:0;
}

#main > header .social > div {
	right:70px;
}

#main > header .fb-like {
	top:-4px;
}

.bottomBtn a {
	float:left;
	width: 250px;
	height: 50px;
}

.bottomBtn a.back {
	/*float:right;*/
	color:#1FA650;
	background: url(../images/icons/arrow/green_left_middle.png) 240px center no-repeat #DBF0E3;
}

.bottomBtn a.back_alt {
	float:left;
	width: 220px;
	color:#1FA650;
	text-align: right;
	padding-right: 16px;
	background: url(../images/icons/arrow/green_left_middle.png) 10px center no-repeat #DBF0E3;
}

.bottomBtn a.next {
	float:right;
	color:#fff;
	background: url(../images/icons/arrow/white_right_middle.png) 240px center no-repeat #00A040;
}

.bottomBtn .left {
	float:left !important;
}

#emergency_window {
	left:50%;
	margin-left: -400px;
	width:800px;
}

#emergency_window .content h1 {
	font-size: 2.5em;
}

/** 検索窓のフォーム **/

#SS_searchQuery {
	font-size:1.1em;
}

#main #SS_searchQuery {
	font-size:1.3em;
}