@charset "utf-8";

/* ===============================================================================================
+ Base Style Sheet
--------------------------------------------------------------------------------------------------
Target : http://www.mitsubishicorp.com/jp/en/dreamasone/
----------------------------------------------------------------------------------------------- */
div.container{
	padding:0;
}

/* Header
----------------------------------------------------------------------------------------------- */
#header{
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto 2px;
	border-bottom:4px solid #c2c2c2;
}
	#header img{
		vertical-align:top;
		max-width:100%;
		height:auto;
	}
	#header > .inner{
		position:relative;
		max-width:1200px;
		margin:0 auto;
		text-align:center;
	}
	.titleArea{
		padding:29px 0 35px;
		position:relative;
	}
		.titleArea > .logo{
			display:block;
			position:absolute;
			left:0;
			top:29px;
			width:14%;
		}
		.titleArea > .pt{
			display:inline-block;
			width:39.83%;
		}
@media only screen and (max-width: 767px){
	.titleArea > .logo{
		top:38px;
		left:2.96875%;
		width:19.21875%;
	}
	.titleArea > .pt{
		width:47.8125%;
	}
}
	.gnav {
		width: 67.5%;
		margin: 0 auto;
	}
	.gnav_list {
		width: 100%;
		display: table;
	}
	.gnav_list > li {
		display: table-cell;
		border-right: solid 1px #999;
		vertical-align: middle;
	}
	.gnav_list > li:first-child {
		border-left: solid 1px #999;
	}
	.gnav_list_anchor {
		display: block;
		text-align: center;
	}
	.gnav_list > li.home .gnav_list_anchor {
		padding: 0 1em;
	}
	.gnav_list_anchor > img {
		width: 70%;
	}

/* -------------------------------------------------------- 
 * Lang
 * -------------------------------------------------------- */
	#header > .inner {
		position:relative;
	}
	nav.lang.pc {
	}
		nav.lang ul.lang_list {
			position:absolute;
			top:30px;
			right:0;
			text-align:right;
			overflow:hidden;
		}
			nav.lang ul.lang_list li {
				display:inline-block;
				float:left;
				border-left:solid 1px #b2b2b2;
				padding:0 10px;
			}
			nav.lang ul.lang_list li:first-child {
				border-left:none;
			}
			nav.lang ul.lang_list li:last-child {
				padding-right:0;
			}
	nav.lang.sp {
		display:none;
	}

@media only screen and (max-width: 767px){
	#header > .inner {
		position:static;
	}
	nav.lang.pc {
		display:none;
	}
	nav.lang.sp {
		display:block;
		position:static;
		border:none!important;
		padding:0 0 40px 0!important;
	}
		nav.lang ul.lang_list {
			position:static;
			overflow:visible;
		}
			nav.lang ul.lang_list li {
				float:none;
				border-bottom:none!important;
				font-size:90%!important;
				padding:0 15px!important;
			}
			nav.lang ul.lang_list li.lang_here {
				color: #ff3333;
			}
}


/* -------------------------------------------------------- 
 * C_Content
 * -------------------------------------------------------- */
#C_Content{
	padding:80px 5% 120px;
}

@media only screen and (max-width: 767px){
	#C_Content{
		padding-top: 40px;
	}
}

/* footer
----------------------------------------------------------------------------------------------- */
#footer{
	width:100%;
	background-color:#4c4c4c;
	padding:0 0 20px;
}
	#footer > .inner{
		max-width:1200px;
		margin:0 auto;
	}

	.copyright{
		padding:20px 0 0;
		text-align:right;
		color:#fff;
	}
	
/* Menu
----------------------------------------------------------------------------------------------- */
#navMenuBtn,
#navMenu{
	display:none;
}

@media only screen and (max-width: 767px){
	body.responsive #Menu, body.responsive #C_Header h1#Logo, body.responsive #Menu #G_Header_Narrow{
		display:none !important;
	}
	#header{
		margin:0;
		padding:0;
		border:none;
	}
	.gnav{
		display:none;
	}
	#navMenuBtn{
		display:block;
		position:absolute;
		right:4.688%;
		top:35px;
		width:40px;
		height:27px;
	}
	#navMenu{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:0 10px 0;
		z-index:999;
	}
		#navMenu nav{
			border:2px solid #cc3333;
			background-color:#fff;
			padding:40px 9.42% 70px;
		}
		#navMenu nav ul{
			text-align:center;
		}
		#navMenu nav ul{
			text-align:center;
			font-weight:bold;
		}
		#navMenu nav ul li + li{
			border-bottom:2px solid #ccc;
			margin:25px 0 0;
			padding:0 0 15px;
			font-size:120%;
		}
		#navMenu nav ul .menuPt{
			width:49.35%;
			margin:0 auto;
			padding:0 0 15%;
		}
		#navMenu nav ul .menuPt img{
			vertical-align:top;
			max-width:100%;
			width:auto\9;
			height:auto;
		}
		#navMenu nav ul li > a.here{
			color:#ff3333;
		}
		#navMenu nav ul li > ul{
			margin:50px 0 0;
		}
		#navMenu nav ul li > ul li{
			padding-top:25px;
			border-bottom:none;
			border-top:2px solid #ccc;
			font-size:85%;
		}
		#navMenu nav ul li > ul li:first-child{
			border:none;
		}
			#navMenu nav ul li > ul.here li a.here{
				color:#ff3333;
			}
		#navMenu .closeBtn{
			position:absolute;
			width:27px;
			height:auto;
			top:31px;
			right:31px;
			cursor:pointer;
		}
}