@charset "utf-8";
/* -----------------------------------------------------
*全ページに適用させるCSS
* create: 2014/07/24 
* author: akasaka

*INDEX
* 1.包括ブロックの設定
* 2.注文フォームエリアの設定
----------------------------------------------------- */
 /* ----------------------------------------------------------------------------------------------------
 * ▼　1.マップエリアの設定
 * --------------------------------------------------------------------------------------------------*/
 article{
   width: 1000px;
   margin: 0 auto;
 }
 article h2{
	 margin: 20px 0;
 }
 article p{
	 margin-left: 10px;
 }
 article section.form_contents{
	 width: 990px;
	 margin-left: 10px;
	 overflow: hidden;
	 margin-top: 40px;
 }
 article section.form_contents dl{
	 width: 990px;
	 overflow: hidden;
	 margin-bottom: 30px;
 }
 article section.form_contents dl dt{
	 float: left;
	 width: 140px;
	 font-size: 14px;
	 padding-top: 8px;
 }
 article section.form_contents dl dd{
	 float: left;
	 width:840px;
	 font-size: 14px;
 }
 article section.form_contents input{
	 padding: 8px;
	 font-size: 14px;
	 width: 820px;
 }
 article section.form_contents textarea{
	 width: 820px;
	 max-width: 820px;
	 min-width: 820px;
	 height: 230px;
	 max-height: 230px;
	 min-height: 230px;
	 padding: 8px;
	 font-size: 14px;
 }
 article section.form_contents div.button{
	 text-align: center;
	 margin-bottom: 80px;
 }
 article section.form_contents div.button button{
	 background: none;
	 border: 0;
 }
 @media (min-width: 640px) and (max-width: 999px) {
	 article{
	   width: 640px;
	 }
	 article section.form_contents input{
		 width: 480px;
	 }
	 article section.form_contents textarea{
		 width: 480px;
		 max-width: 480px;
		 min-width: 480px;
	 }
	 article section.form_contents div.button{
		 width: 640px;
	 }
 }
 @media screen and (max-width: 639px) {
	 article{
	   width: 320px;
	 }
	 article section.form_contents input{
		 width: 180px;
	 }
	 article section.form_contents textarea{
		 width: 180px;
		 max-width: 180px;
		 min-width: 180px;
	 }
	 article section.form_contents div.button{
		 width: 320px;
	 }
 }
 
 
 
 
 
 
 
 
 article.access_contents section.contents{
   width: 1000px;
   margin: 0 auto;
 }
 article.access_contents section.contents h2{
   margin: 20px 0;
 }
 article.access_contents section.contents dl{
   width: 1000px;
   overflow: hidden;
   margin-bottom: 10px;
 }
 article.access_contents section.contents dl dt{
   float: left;
   width: 80px;
   font-size: 14px;
 }
 article.access_contents section.contents dl dd{
   font-size: 14px;
   width: 920px;
   float: left;
 }
 article.access_contents section.contents p.btn{
	 text-align: center;
	 margin: 60px 0 30px;
 }
 article.access_contents .map{
   margin-top: 30px;
   width: 100%;
 } @media (min-width: 640px) and (max-width: 999px) {
	 article section.content{
		 width: 640px;
	 }
	 article section div.left_content{
		 width: 360px;
	 }
	 article section div.left_content dl{
		 width: 360px;
	 }
	 article section div.left_content dl dd{
		 width: 260px;
	 }
	 article section div.right_content{
		 width: 260px;
	 }
	 article section div.right_content dt img{
		 width: 260px;
	 }
	 article section div.right_content dd img{
		 width: 260px;
	 }
 }
 @media screen and (max-width: 639px) {
	 article section.content{
		 width: 320px;
	 }
	 article section div.left_content{
		 width: 320px;
	 }
	 article section div.left_content dl{
		 width: 320px;
	 }
	 article section div.left_content dl dd{
		 width: 220px;
	 }
	 article section div.right_content{
		 width: 320px;
		 margin-left: 0;
		 margin-bottom: 50px;
	 }
	 article section div.right_content dt img{
		 width: 320px;
	 }
	 article section div.right_content dd img{
		 width: 320px;
	 }
 }
 
 
 /* お問い合わせ完了 */
 p.message{
	 text-align: center;
	 margin: 50px 0;
 }
 div.button_back p{
	 width: 100%;
	 text-align: center;
	 margin: 50px 0;
 }
 div.button_back button{
	 background: #ca3b2e;
	 width: 260px;
	 border: 0;
	 color: #fff;
	 font-weight: bold;
	 font-size: 16px;
	 text-align: center;
	 padding: 10px 20px;
 }