@charset "euc-jp";
body {
	font: 100%/1.4  "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","times" , "Lucida Sans Unicode", "Lucida Grande",Sans-Serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1 { font-size: 20px;}
h2 { font-size: 14px; line-height: 3em;}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a img { border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
		 width: 100%;
		background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}

/* ~~ ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header { margin-top: 20px;
	background: #FFF;
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/
.content {
	padding: 30px 0;
}


/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

.lineBold { margin-top: 50px; 
border-style: solid; 
border-right: none; 
border-right: none; 
border-left: none; 
border-bottom: none; }


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  
	float: right;
	margin-left: 16px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*-----------------------------------------------------ヘッダー---------------------------------------------------*/
.headerLogo { float: left;
	width: 45%; margin-top: 20px; margin-bottom: 10px; margin-left: 1%;
	}
.headerTel{ display:none;}

.headerMail{ float: left;
	margin-left: 27%;
	width: 27%; margin-top: 0px; margin-bottom: 10px;}
.menubox{margin-left: 5px;}
.menuboxR{margin-left: 5px;}
/*---------------------------------------------TOPページ-------------------------------------------*/	 
.itemBox{ width: 100%; margin-left: %; margin-right: %;}
.item { width: 48%; margin-left: 1%; margin-right: 1%; float: left; margin-bottom: 50px; text-align: center; font-size: 13px; font-weight: bold;}
.item a { text-decoration: none;}
.itemLeft { width: 48%; margin-left: 1%; margin-right: 1%; float: left; margin-bottom: 50px; text-align: center; font-size: 13px; font-weight: bold;}
.itemLeft a { text-decoration: none;}

.centerBold { text-align: center; 
font-weight: bold; 
font-size: 21px; 
margin-top: 50px; padding: 50px 0 50px 0; 
border-style: dashed; 
border-right: none; 
border-right: none; 
border-left: none; 
border-bottom: none;
border-color: #000;
border-width: thin;
letter-spacing: 0.2em;}
.centerBold span{ display:inline-block;}
.centerBoldNone { text-align: center; 
font-weight: bold; 
font-size: 22px; 
margin-top: 50px; padding: 50px 0 50px 0; }



/*フッター*/
.orderFlow_sp{ width: 100%;}
.orderFlow{ display:none;}
.footer {
	padding: 10px 0px 5px 0px;
	font-size: 14px;
	line-height: 1.1em;
	color: #FFFFFF;
	margin: 0 0 0 3px;
	width: 80%;
}
.footer span p { text-align:;}
.footerBack { width: 100%; background: #66cc33;}

/*問い合わせ説明*/
.contactContent { width: 100%;}
.contactText { width: 55%; margin-right: 2%; letter-spacing: 0.2em; line-height: 1.7em; float: left; font-weight: bold; font-size:15px;}
.contactText p span { display:inline-block; color: red;}
.contactButton { width: 43%; float: left; margin-top: 2px;}

/*TOPページの見出しイメージ*/
.topImg { display: inline-block; width: 100%; margin-top: 20px;}
.topLeft { width: 45%; float: left;}
.topRight { width: 55%; float: left;}
img[usemap] {
    max-width: 100%;
    height: auto;
}
area{
  border:none;
  outline:none;
}
.sample{ margin: 0 5%;}

/*ページトップへ*/
#pageTop {

  position: fixed;
  bottom: 0px;
  right: 20px;
}

 

#pageTop a {
  display: block;
  z-index: 999;
  padding:8px 8px 0px 8px;
  width: 60px;
  height: 30px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
 border-radius: 10px;}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*サンクスページ*/

.thanks { margin: 140px 0; text-align: center; }
.thanks p { font-weight: ;}
.thanks p span { font-size: 20px; font-weight: bold;}
.thanks p a { color: #390;}
/* CSS Document */
.container {
	background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}
.img_tb20{ margin: 20px 0;}
.w90box{ width: 90%; margin: 0 5%;}
.block{ display:inline-block; line-height:3em;}
.mitsu{ width: 60%; margin: 20px 20% 10px 20%; font-size: 14px; text-align: center;}
.mitsu p span{ display:inline-block;}
.info{ width: 74%; float: left;}

/*サービス説明ページ*/
.infobox{ width: 90%; margin: 0 5%; text-align: center; letter-spacing: 0.2em; font-weight: 300;}