@charset "UTF-8";
a{
	text-decoration: none;
	color: #a86400;
}

a:hover {
	text-decoration: none;
	color: #f94877;
}
@media (min-width: 641px) {
	#wrapper {
		width: 600px;
		margin: 0 auto;
	}

	.text_small {
		font-size: 13px;
	}
	.headline_text {
		font-size: 20px;
		padding-left: 10px;
		background-color: #8e3400;
	}

	.headline_text p {
		color: #fff;
	}

	.icon_text p{
		background-image: url(../images/arrow_ss.jpg);
		background-repeat: no-repeat;
		background-position: 10px 8px;
		padding-top: 10px;
	  padding-right: 0;
	  padding-bottom: 5px;
		padding-left: 30px;
		line-height: 0.5;
	}

	#for_corp_title {
		position: relative;
		width: 100%;
		height: 100%;
	  margin-top: 20px;
	  padding-top: 20px;
		text-align: center;
	}

	#for_corp_title img {
		margin-top: 80px;
	  max-width: 100%;
	  max-height: 100%;
		border: 1px solid #000;
	}

	#map {
		text-align: center;
	}

	#map img{
		border: 1px solid #000;
	}

	#contact_button a {
		display: block;
		width: 250px;
		height: 60px;
		background-image: url(../images/contact_button_off.png) no-repeat 0 0;
	}
	#contact_button a:hover {
		width: 250px;
		height: 60px;
		background-image: url(../images/contact_button_on.png)left top no-repeat;
	}

	#close_button {
		text-align: center;
		margin: 20px auto;
	}

	#close_button a {
		text-decoration: none;
	}
}


/****             ****/
/****             ****/
/**** mobile mode ****/
/****             ****/
/****             ****/
@media (max-width: 640px) {
	.text_small {
		font-size: 13px;
	}

	.description {
		font-size: 13px;
	}

	.headline_text {
		font-size: 15px;
		padding-left: 10px;
		background-color: #8e3400;
	}

	.headline_text p {
		color: #fff;
	}

	.icon_text p{
		background-image: url(../images/arrow_ss.jpg);
		background-repeat: no-repeat;
		background-position: 10px 8px;
		padding-top: 10px;
	  padding-right: 0;
	  padding-bottom: 5px;
		padding-left: 30px;
		line-height: 0.5;
	}

	#for_corp_title {
		position: relative;
		width: 100%;
		height: 100%;
	  margin-top: 20px;
	  padding-top: 20px;
		text-align: center;
	}

	#for_corp_title img {
	  max-width: 100%;
	  max-height: 100%;
		border: 1px solid #000;
	}

	#map {
		text-align: center;
	}

	#map img{
	  max-width: 100%;
		border: 1px solid #000;
	}

	#contact_button a {
		display: block;
		max-width: 100%;
		background-image: url(../images/contact_button_off.png) no-repeat 0 0;
	}
	#contact_button a:hover {
		width: 250px;
		height: 60px;
		background-image: url(../images/contact_button_on.png)left top no-repeat;
	}

	#close_button {
		text-align: center;
		margin: 20px auto;
	}

	#close_button a {
		text-decoration: none;
	}
}