@charset "utf-8";

/***********************************/
/* PC・タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) {

	#pagetop .areaLink div.area table,
	#pagetop .areaLink div.area table tr,
	#pagetop .areaLink div.area table tr th,
	#pagetop .areaLink div.area table tr td
	{
		border-color:#cccccc;
	}

	#pagetop .mainContent
	{
		float:left;
		width:600px;
	}
	#pagetop .sideContent
	{
		float:right;
		width:165px;
	}
	#pagetop .bottomContent
	{
		clear:both;
	}
	#pagetop #mapObj p.title
	{
		position: absolute;
		left: 16px;
		top: 28px;
	}
	#pagetop #mapObj p.catch
	{
		position: absolute;
		left: 16px;
		top: 61px;
	}
	#pagetop #mapObj p.locasma_map
	{
		position: absolute;
		left: 16px;
		top: 91px;
	}

	/** モック用サンプル **/
	#pagetop .sideContent .free
	{
		margin-top:8px;
	}
	#pagetop .bottomContent .brand-mission,
	#pagetop .bottomContent .brand-vision
	{
		float:left;
		width:380px;
		margin:4px;
	}
	#pagetop .bottomContent .social
	{
		clear:both;
	}
	#pagetop .bottomContent .freeBottom li
	{
		text-align:center;
		float:left;
		width:380px;
		margin:4px;
		border:1px solid #cccccc;
	}
	/** モック用サンプルEND **/
}

/***********************************/
/* タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) and (max-width:910px) {
	body
	{
		font-size:14px;
	}
	#pagetop #mapObj .area > ul > li p.head a,
	#pagetop #mapObj .area > ul > li ul li a
	{
		color:#000000;
	}
	#pagetop .mainContent
	{
 		float:none;
		width: 100%;
	}
	#pagetop .sideContent
	{
		padding-top:0px;
 		float:none;
		width: 100%;
	}

	/** モック用サンプル **/
	#pagetop .headContent .brand-image img
	{
		width:100%;
	}
	#pagetop .sideContent .free
	{
		display:none;
	}
	#pagetop .bottomContent .brand-mission,
	#pagetop .bottomContent .brand-vision
	{
		float:none;
		width:100%;
		margin:4px;
	}
	#pagetop .bottomContent .freeBottom ul
	{
		width:100%;
	}
	#pagetop .bottomContent .freeBottom li
	{
		float:none;
		width:96%;
		border:none;
		text-align:left;
		padding:4px 8px;
		list-style-type:disc;
		margin-left:28px;
	}
	#pagetop .bottomContent .freeBottom li p
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	/** モック用サンプルEND **/
}

/***********************************/
/* スマートフォンデザイン          */
/***********************************/
@media only screen and (max-width: 640px) {

	/* エリアマップ */
	#pagetop #mapObj .area > ul,
	#pagetop #mapObj .area > ul > li,
	#pagetop #mapObj .area > ul > li ul li
	{
		border-color:#a5a5a5;
	}
	#pagetop #mapObj .area > ul > li p.head a:after
	{
		content:url("../../../original/images/acmark.png");
		background-color:#014099;
	}
	#pagetop #mapObj .area > ul > li p.head a:hover,
	#pagetop #mapObj .area > ul > li p.head a.on
	{
		background-color:#5190e9;
	}
	#pagetop #mapObj .area > ul > li p.head a.on:after
	{
		content:url("../../../original/images/acmark_on.png");
	}
	#pagetop #mapObj .area > ul > li.a1-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a2-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a3-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a4-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a5-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a6-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a7-dead p.head a:after
	{
		background-color:#999999;
	}
	#pagetop #mapObj .area > ul > li.a1-dead p.head a,
	#pagetop #mapObj .area > ul > li.a2-dead p.head a,
	#pagetop #mapObj .area > ul > li.a3-dead p.head a,
	#pagetop #mapObj .area > ul > li.a4-dead p.head a,
	#pagetop #mapObj .area > ul > li.a5-dead p.head a,
	#pagetop #mapObj .area > ul > li.a6-dead p.head a,
	#pagetop #mapObj .area > ul > li.a7-dead p.head a
	{
		color:#a5a5a5;
	}
	#pagetop #mapObj .area > ul > li ul li
	{
		color:#999999;
	}

	/** モック用サンプル **/
	#pagetop .sideContent
	{
		display:none;
	}
	#pagetop .bottomContent .freeBottom ul
	{
		width:100%;
	}
	#pagetop .bottomContent .freeBottom li
	{
		float:none;
		width:96%;
		border:none;
		text-align:left;
		padding:4px 8px;
		list-style-type:disc;
		margin-left:28px;
	}
	#pagetop .bottomContent .freeBottom li p
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	/** モック用サンプルEND **/
}