@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------/
メインレイアウト 
/----------------------------------------------------*/
a:link   {color:#2b2b2b;text-decoration:none;} 
a:visited{color:#2b2b2b;text-decoration:none;} 
a:hover  {color:#2b2b2b;text-decoration:underline;}
a:active {color:#2b2b2b;text-decoration:underline;}

body{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;	
	color:#2b2b2b;
}

img{
	  max-width:100%;
	  height: auto;
}

#Wrapper{
	overflow: hidden;
}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット共通）*/
/************************************************
共通レイアウト
************************************************/
html{
	font-size:65%;
}
body{font-size:14px;font-size:1.35rem;line-height:1.6em;}	

/*header*/
#index #headerTop{
	width: 100%;
	height: 0;
	padding-top: calc(650 / 1400 * 100%); 
	background:url(images/main_visual.jpg) center center/ cover no-repeat;
	position: relative;
}
#form #headerTop{
	width: 100%;
	height: 0;
	padding-top: calc(150 / 1400 * 100%);
	position: relative;
	border-bottom: 3px solid #641917;
}

#logoH1{
	position: absolute;
	top:40px;
	left: 5%;
}
#logoH1 > h1{
	font-size: 13.5px;
	font-size: 1.35rem;
	margin-top: 0.8em;
	text-shadow: 1px 1px 1px #fff;
}

#headerPhone{
	position: absolute;
	top:40px;
	right: 5%;
}
#headerPhone > li:nth-child(2){
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.8em;
	text-shadow: 1px 1px 1px #fff;
}

#gloNav > ul{
	max-width: 1000px;
	margin: auto;
}
#gloNav > ul > li{
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	width: 20%;
	text-align: center;
	padding: 25px 0;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
	z-index: 9999;
	width: 100%;
	margin: auto;
	background-color:rgba(255,255,255,0.8);
}

/*contents*/
h2.mainTitle{
	text-align: center;
	margin-bottom: 80px;
}
h3.subTitle{
	padding: 0 0 0 0;
	font-size: 24px;
	font-size: 2.4rem;
	max-width: 1000px;
	margin: auto;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
h3.subTitle::before{
	left: 0;
	bottom:0;
	content: 'ー';
	color: #d59d05;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-right: 0.5em;
}

.sectionArea{
	padding-top: 80px;
}

#sideButton{
	position: fixed;
	bottom: 228px;
	right: 0;
	z-index: 100;
}
#sideButton li:nth-child(1){
	margin-bottom: 40px;
}
/*footer*/
footer{
	background-color: #641917;
}
#footerInner{
	max-width: 1000px;
	margin: auto;
	color: #fff;
	overflow: hidden;
	padding: 70px 0;
}

#footerInner > ul{
	float: left;
	overflow: hidden;
}
#footerInner > ul > li{
	float: left;
}
#footerInner > ul > li:nth-child(2){
	margin-left: 30px;
}
#footerInner > ul > li > p:nth-child(1){
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#footerInner > p{
	float: right;
	font-size: 11px;
	margin-top: 40px;
}
/*contents**************************************
ヨガの効果
************************************************/
#eficacyArea{
	background-color: #f4f4f4;
	padding-bottom: 70px;
}

#eficacyArea > section{
	max-width: 1000px;
	margin: auto;
	position: relative;
	height: 450px;
	margin-bottom: 50px;
}
#eficacyArea .photoBox img{
	width: 500px;
}
#eficacyArea > section:nth-child(even) > .photoBox{/*奇数のphotoBox*/
	position: absolute;
	top:0;
	left:0;
}
#eficacyArea > section:nth-child(even) > .discriptionBox{/*奇数のdiscriptionBox*/
	background: #fff;
	bottom:0px;
	right: 0;
	width: 550px;
	height: 400px;
	float: right;
	margin-top: 50px;
	padding: 100px;
	box-sizing: border-box;
}

#eficacyArea > section:nth-child(odd) > .photoBox{/*偶数のphotoBox*/
	position: absolute;
	bottom:0;
	right:0;
}
#eficacyArea > section:nth-child(odd) > .discriptionBox{/*偶数のdiscriptionBox*/
	background: #fff;
	top:40px;
	left: 0;
	width: 550px;
	height: 400px;
	padding: 100px;
	box-sizing: border-box;
}
.discriptionBox > .obje{
	position: absolute;
}
#dietArea .obje{
	top:-10px;
	right: 0px;
	left: 85%;
}
#stressArea .obje{
	top:-30px;
	left: 5%;
	right: 85%;
}
#healthArea .obje{
	top: 20px;
	right: 5%;
	left: 80%;
}
#beautyArea .obje{
	top: -30px;
	left: 35%;
	right: 55%;
}
.discriptionBox > p:nth-child(2){
	margin-bottom: 50px;
}
.discriptionBox h3{
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 30px;
}

#conceptArea{
	height: auto!important;
	margin-bottom:0!important; 
}
#conceptArea div:nth-child(1){
	text-align: center;
	line-height: 2.5em;
	margin-bottom: 50px;
}
#conceptArea ul:nth-child(2){
	text-align: center;
	background-color: #fff;
	margin: auto;
	min-width: 800px;
	line-height: 2em;
	padding: 1em 0;
}

/*contents**************************************
ギャラリー
************************************************/
#galleryArea{}

ul#galleryList{
	overflow: hidden;
}
ul#galleryList li{
	float: left;
}
ul#galleryList li:nth-child(1){
	min-height: 267px;
	width: 23%;
	background: url(images/gallery01.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(2){
	min-height: 267px;
	width: 10%;
	background: url(images/gallery02.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(3){
	min-height: 267px;
	width: 23%;
	background: url(images/gallery03.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(4){
	min-height: 267px;
	width: 23%;
	background: url(images/gallery04.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(5){
	min-height: 267px;
	width: 20.6%;
	background: url(images/gallery05.jpg) center center/ cover no-repeat;
}

/*contents**************************************
コース＆料金
************************************************/
#freeCampaign{
	width: 100%;
	background:url(images/course_bg.jpg) center center / cover no-repeat;
}
#freeCampaign > img{
	padding: 130px 0;
}

.tableCotents{
	max-width: 1000px;
	margin: auto;
	margin-top: 80px;
}
#priceTable,
#scheduleTable,
#contactTable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	font-size: 1.6rem;
}

#priceTable tr:nth-child(even),
#scheduleTable tr:nth-child(even){
	background-color: #f6f6f6;
}
#priceTable tr:nth-child(odd),
#scheduleTable tr:nth-child(odd){
	background-color: #eeeeee;
}

#priceTable th{
	width: 20%;
	background-color: #d55a33;
	color: #fff;
	text-align: center;
	padding: 0.8em 0;
}
#scheduleTable th{
	width: 16.66%;
	background-color: #d59d05;
	color: #fff;
	text-align: center;
	padding: 0.8em 0;
}

#priceTable td,
#scheduleTable td{
	text-align: center;
	padding: 0.8em 0;
	vertical-align: middle;
}

.tableCotents .amLesson p{
	text-align: center;
	margin: 50px 0 50px;
}
.tableCotents .supplement{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #564539;
	background-color: #F2E2B3;
	margin-top: 30px;
	height: 80px;
	text-align: center;
}
.tableCotents .supplement p{
	font-size: 1.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#yogaClass{
	max-width: 1000px;
	margin:80px auto;
	overflow: hidden;
	display: table;
}
#yogaClass > div{;
	margin-right: -2.5%;
}
#yogaClassWrapper > div{
	width: 47.5%;
	margin-right: 2.5%;
}
#yogaClass #kantanYoga{
	margin: auto;
}
#yogaClass > div .photo{
	margin-bottom: 30px;
}
#yogaClass > div .title{
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
#yogaClass > div .catchcopy{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 30px;
}
/*contents**************************************
インストラクター紹介
************************************************/
#instructorArea{
	width: 100%;
	background: url(images/instructour_bg.png) center center / cover no-repeat;
	position: relative;
	padding: 50px 0 100px 0;
}

#instructorInBox{
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}
#introduction{
	float:left;
	width: 47.5%;
	margin-right: 50px;
	text-shadow: 1px 1px 2px #fff;
}
#introduction > section{
	margin-top: 30px;	
}
#introduction > section > div > p{
	margin-bottom: 1.5em;
}
#introduction .moritaName{
	font-size:24px;
	font-size:2.4rem;
	margin-bottom: 1em;
	letter-spacing: 0.5em;
}
#introduction .moritaFrome{
	font-size:18px;
	font-size:1.8rem;
	margin-bottom: 1em;
}

#moritaPhoto{
	float:right;
	position: relative;
	
}
#moritaPhoto img{
	box-shadow: 20px 20px 0 #fff;
	margin-right: 20px;
}

/*contents**************************************
生徒の声
************************************************/
#voiceArea{
	max-width: 1000px;
	margin: auto;
	margin-bottom: 80px;
}
#voiceList{
	overflow: hidden;
	margin-right: -3%;
}
#voiceList > li{
	float: left;
	width: 30%;
	margin-right: 3%;
}
#voiceList > li .photo{
	margin-bottom: 30px;	
}
#voiceList > li .catchcopy{
	font-size:18px;
	font-size:1.8rem;
	text-align: center;
	margin-bottom: 30px;	
}
#voiceList > li .text{}
/*contents**************************************
アクセス
************************************************/
#accessArea{
	background-color: #f4f4f4;
	padding-bottom: 80px;
}
#infoBox{
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}
#infoBoxInner{
	float: left;
	width: 36%;
	margin-right: 4%;
}
#photoName li:nth-child(1){
	margin-bottom: 25px;
}
#photoName .studioName{
	font-size: 18px;
	font-size:1.8rem;
	margin-bottom: 25px;
}
#information > li{
	margin-bottom: 25px;
}
#googleMap{
	float:right;
	width: 60%;
}

/*contents**************************************
お問い合わせフォーム
************************************************/
#contactArea{
	max-width: 1000px;
	margin: auto;
	margin-bottom: 80px;
}
#contactTable{
	border-top: 5px solid #d55a33;
}
#contactTable th{
	background-color: #eeeeee;
	width: 15%;
	padding: 1em 0 0.8em 1em;
	vertical-align: middle;
}
.checkPage th{
	width: 30%!important;
}
#contactTable td{
	background-color: #f6f6f6;
	padding: 1em 0 0.8em 1em;
}
/*送信ボタン
----------------------------------------------*/
.submitArea{
	margin: 30px auto 0;
	text-align: center;
	overflow: hidden;
}

.submitArea form{
	width: 50%;
	float: left;
}

.formButton{
	display: inline-block;
	width: 200px;
	height: 45px;
	margin: 1em;
	padding: 0;
	border: none;
	cursor: pointer;
}

.comfirm{
	background: url(images/comfirm_button.png) no-repeat;
}

.submit{
	background: url(images/submit_button.png) no-repeat;
}

.prev{
	background: url(images/prev_button.png) no-repeat;
}

input[type="text"] {
    margin: 0 1px 0 0;
    padding: 1px;
    border: 1px solid #a0a0a0;
    font-size: 14px;
    font-size: 1.4rem;
}
select {
    font-size: 14px;
    font-size: 1.4rem;
}
#name,
#kana,
#tel{
	width: 60%;
}
#zip{
	width: 15%;
}
#address02,
#address03,
#mail,
#message{
	width: 80%;
}
#message{
	height: 200px;
	font-size: 14px;
	font-size:1.4rem;
}
.inputError{
	color:#b81d2d;
	font-size: 12px;
	font-size:1.2rem;
}

#checkMessage {
    color: #9b0023;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    border: 2px solid #9b0023;
    text-align: center;
    padding: 0.5em;
    margin: 100px 0 50px 0;
    line-height: 1.8em;
}
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
html {font-size: calc(100vw / 32) }/*フォントサイズを10pxに指定*/
.spBr{display: block;}
.spNone{display: none;}

/************************************************
共通レイアウト
************************************************/
#wrapper{
	overflow: hidden;
}
/*header*/
#index #headerTop{
	width: 100%;
	height: 0;
	padding-top: calc(650 / 1000 * 100%); 
	background:url(images/main_visual.jpg) center center/ cover no-repeat;
	position: relative;
}
#form #headerTop{
	max-width: 100%;
	height: 0;
	padding-top: calc(150 / 1000 * 100%);
	position: relative;
	border-bottom: 3px solid #641917;
}

#logoH1{
	position: absolute;
	bottom: 5px;
	left: 3%;
	right: 60%;
}
#logoH1 > h1{
	font-size: 0.8rem;
	margin-top: 0.8em;
	text-shadow: 1px 1px 1px #fff;
}

#headerPhone{
	position: absolute;
	bottom: 5px;
	right: 3%;
	left: 60%;
}
#headerPhone > li:nth-child(2){
	font-size: 0.8rem;
	margin-top: 0.8em;
	text-shadow: 1px 1px 1px #fff;
}

#gloNav > ul{
	margin: auto;
}
#gloNav > ul > li{
	float: left;
	font-size: 0.8rem;
	width: 20%;
	text-align: center;
	padding: 25px 0;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
	z-index: 9999;
	width: 100%;
	margin: auto;
	background-color:rgba(255,255,255,0.8);
}

/*contents*/
h2.mainTitle{
	text-align: center;
	margin-bottom: 30px;
}
	h2.mainTitle img{
		max-width: 80%;
	}
h3.subTitle{
	padding: 0 0 0 0;
	font-size: 1.6rem;
	margin: auto;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
h3.subTitle::before{
	left: 0;
	bottom:0;
	content: 'ー';
	color: #d59d05;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-right: 0.5em;
}

.sectionArea{
	padding-top: 30px;
}

#sideButton{
	position: fixed;
	bottom: 5%;
	right: 0;
	left: 92%;
	z-index: 100;
}
#sideButton li:nth-child(1){
	margin-bottom: 20px;
}
/*footer*/
footer{
	background-color: #641917;
}
#footerInner{
	margin: auto;
	color: #fff;
	overflow: hidden;
	padding: 30px 0 10px;
}

#footerInner > ul{
	overflow: hidden;
}
#footerInner > ul > li:nth-child(1){
	text-align: center;
}
#footerInner > ul > li:nth-child(2){
	margin-left: 30px;
	margin-top: 30px;
}
#footerInner > ul > li > p:nth-child(1){
	font-size: 1.2rem;
	margin-bottom: 10px;
}
#footerInner > p{
	float: right;
	font-size: 0.8px;
	margin-top: 40px;
}
/*contents**************************************
ヨガの効果
************************************************/
#eficacyArea{
	background-color: #f4f4f4;
	padding-bottom: 35px;	
}

#eficacyArea > section{
	margin: auto;
	margin-bottom: 25px;
}
#eficacyArea > section > .photoBox{
	width: 80%;
	margin: auto;
}
#eficacyArea > section > .discriptionBox{
	width: 80%;
	margin: 10px auto 0;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.discriptionBox > .obje{
	position: absolute;
}
#dietArea,
#stressArea,
#healthArea,
#beautyArea{
	position: relative;
}
#dietArea .obje{
	top:-10px;
	right: 3%;
	left: 80%;
}
#stressArea .obje{
	top: 200px;
	left: 3%;
	right: 80%;
}
#healthArea .obje{
	top: 300px;
	right: 3%;
	left: 80%;
}
#beautyArea .obje{
	top: 220px;
	left: 3%;
	right: 80%;
}
.discriptionBox > p:nth-child(2){
	margin-bottom: 20px;
}
.discriptionBox > p:nth-child(4){
	font-size: 1.0rem;
}
.discriptionBox h3{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

#conceptArea{
	margin-bottom:0!important;
	width: 90%;
}
#conceptArea div:nth-child(1){
	text-align: center;
	line-height: 2.5em;
	margin-bottom: 25px;
}
#conceptArea ul:nth-child(2){
	text-align: center;
	background-color: #fff;
	margin: auto;
	line-height: 2em;
	padding: 1em 0;
}

/*contents**************************************
ギャラリー
************************************************/
#galleryArea{}

ul#galleryList{
	overflow: hidden;
}
ul#galleryList li{
	float: left;
}
ul#galleryList li:nth-child(1){
	min-height: 120px;
	width: 23%;
	background: url(images/gallery01.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(2){
	min-height: 120px;
	width: 10%;
	background: url(images/gallery02.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(3){
	min-height: 120px;
	width: 23%;
	background: url(images/gallery03.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(4){
	min-height: 120px;
	width: 23%;
	background: url(images/gallery04.jpg) center center/ cover no-repeat;
	margin-right: 0.1%;
}
ul#galleryList li:nth-child(5){
	min-height: 120px;
	width: 20.6%;
	background: url(images/gallery05.jpg) center center/ cover no-repeat;
}

/*contents**************************************
コース＆料金
************************************************/
#freeCampaign{
	width: 100%;
	background:url(images/course_bg.jpg) center center / cover no-repeat;
}
#freeCampaign > img{
	padding: 130px 0;
}

.tableCotents{
	margin: auto;
	margin-top: 40px;
	padding: 0 10px;
}
#priceTable,
#scheduleTable,
#contactTable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.0rem;
}

#priceTable tr:nth-child(even),
#scheduleTable tr:nth-child(even){
	background-color: #f6f6f6;
}
#priceTable tr:nth-child(odd),
#scheduleTable tr:nth-child(odd){
	background-color: #eeeeee;
}

#priceTable th{
	width: 20%;
	background-color: #d55a33;
	color: #fff;
	text-align: center;
	padding: 0.8em 0;
}
#scheduleTable th{
	width: 16.66%;
	background-color: #d59d05;
	color: #fff;
	text-align: center;
	padding: 0.8em 0;
}

#priceTable td,
#scheduleTable td{
	text-align: center;
	padding: 0.8em 0;
	vertical-align: middle;
}
.tableCotents .supplement{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #564539;
	background-color: #F2E2B3;
	margin-top: 30px;
	text-align: center;
	font-size: 1.0rem;
	padding: 10px;
}
.tableCotents .supplement p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#yogaClass{
	margin: 40px auto;
	overflow: hidden;
	display: table;
}
#yogaClass > div{
}
#yogaClassWrapper > div{
	width: 80%;
}
#yogaClass #kantanYoga{
	margin: auto;
}
#yogaClass > div .photo{
	margin-bottom: 30px;
}
#yogaClass > div .title{
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 15px;
}
#yogaClass > div .catchcopy{
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 15px;
}
/*contents**************************************
インストラクター紹介
************************************************/
#instructorArea{
	width: 100%;
	background: url(images/instructour_bg.png) center center / cover no-repeat;
	position: relative;
}

#instructorInBox{
	margin: auto;
	overflow: hidden;
}
#introduction{
	text-shadow: 1px 1px 2px #fff;
	padding: 0 10px;
}
#introduction > section{
	margin-bottom: 20px;
}
#introduction > section > div > p{
	margin-bottom: 1.5em;
}
#introduction .moritaName{
	font-size: 1.4em;
	margin-bottom: 1em;
	letter-spacing: 0.5em;
}
#introduction .moritaFrome{
	font-size: 1.4rem;
	margin-bottom: 1em;
}

#moritaPhoto{
	width: 70%;
	margin: auto;
}
#moritaPhoto img{
	box-shadow: 20px 20px 0 #fff;
	margin-right: 20px;
}

/*contents**************************************
生徒の声
************************************************/
#voiceArea{
	margin: auto;
	margin-bottom: 40px;
}
#voiceList{
	padding: 0 10px;
}
#voiceList > li{
	margin-bottom: 30px;
}
#voiceList > li .photo{
	margin-bottom: 30px;	
}
#voiceList > li .catchcopy{
	font-size:1.4rem;
	text-align: center;
	margin-bottom: 15px;	
}
/*contents**************************************
アクセス
************************************************/
#accessArea{
	background-color: #f4f4f4;
	padding-bottom: 40px;
}
#infoBox{
	margin: auto;
}
#infoBoxInner{
	padding: 0 10px;
}
#photoName li:nth-child(1){
	margin-bottom: 25px;
}
#photoName .studioName{
	font-size: 1.4rem;
	margin-bottom: 10px;
}
#information > li{
	margin-bottom: 10px;
}
#googleMap{
	position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    overflow: hidden;
}
	#googleMap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*contents**************************************
お問い合わせフォーム
************************************************/
#contactArea{
	margin: auto;
	margin-bottom: 40px;
}
	#contactArea p:nth-child(2){
		padding: 0 10px;
	}
#contactTable{
	border-top: 5px solid #d55a33;
}
#contactTable th{
	background-color: #eeeeee;
	width: 15%;
	padding: 1em 0 0.8em 1em;
	vertical-align: middle;
}
.checkPage th{
	width: 30%!important;
}
#contactTable td{
	background-color: #f6f6f6;
	padding: 1em 0 0.8em 1em;
}
/*送信ボタン
----------------------------------------------*/
.submitArea{
	margin: 30px auto 0;
	text-align: center;
	overflow: hidden;
}

.submitArea form{
	width: 50%;
	float: left;
}

.formButton{
	display: inline-block;
	width: 200px;
	height: 45px;
	margin: 1em;
	padding: 0;
	border: none;
	cursor: pointer;
}

.comfirm{
	background: url(images/comfirm_button.png) no-repeat;
}

.submit{
	background: url(images/submit_button.png) no-repeat;
}

.prev{
	background: url(images/prev_button.png) no-repeat;
}

input[type="text"] {
    margin: 0 1px 0 0;
    padding: 1px;
    border: 1px solid #a0a0a0;
    font-size: 1.0rem;
}
select {
    font-size: 1.0rem;
}
#name,
#kana,
#tel{
	width: 60%;
}
#zip{
	width: 15%;
}
#address02,
#address03,
#mail,
#message{
	width: 80%;
}
#message{
	height: 200px;
	font-size: 1.0rem;
}
.inputError{
	color:#b81d2d;
	font-size: 0.8rem;
}

#checkMessage {
    color: #9b0023;
    font-size: 1.6rem;
    font-weight: bold;
    border: 2px solid #9b0023;
    text-align: center;
    padding: 0.5em;
    margin: 50px 0 25px 0;
    line-height: 1.8em;
}
}