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

/*スタイルの初期化*/
*{
	margin: 0;
	padding: 0;
	zoom: 1;
}
/*一般的なタグの基本設定*/
html{
	background-image: url(../images/sakura_105.png);
}
body{
	width: 800px;
	height: 100%;
	margin: 0 auto;
	background-color: #FFF;
	font-size: 100.01%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	border-color: #000;
}
/*CSSハック　IE7とモダンブラウザに適用*/
html>/**/body{
	font-size: 11.69pt;
}
html>body body{
	font-size: 11.69pt;
}
/*寄せる設定*/
.clearfix::after{
	content: "";		/*新しい要素を作る*/
	display: block;		/*ブロックレベル要素に*/
	clear: both;
	height: 0;
}
.clearfix:after{
	/zoom: 1;
}
/*ここから本体*/
/*基本レイアウト*/
img{
	outline:none;
	border-style:none;
}
body{
	overflow: scroll;
}
section{
	width: 100%;
	padding: 0;
}
header{
    display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
h1{
    font-size: 80%;
    color: #313131;
	margin-top: 5px;
	margin-bottom: 20px;
	border: none;
	letter-spacing: 3px;
	text-align: center;
}

/****NAV***/
nav{
    width: 100%;
	padding: 3px;
}
nav ul{
    width: 60%;
	margin-bottom: 50px;
    margin-left: 140px;
	padding: 0px;
	text-align: center;
}
nav ul.foot{
	with: 60%;
	margin-bottom: 10px;
	margin-left: 140px;
	padding: 0px;
	text-align: center;
}
nav ul li{
	display: inline;
	margin-left: 1em;
}
nav li{
    width: calc(25% - 2px);
    font-size: 110%;
    letter-spacing: 5px;
    font-weight: 400;
    line-height: 45px;
    color: #313131;
    cursor: pointer;
    text-align: center;
}
nav a{
    color: #3ff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
nav a:hover{
    color: #FCF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/***MAIN***/

/***index***/
.studio{
	width: 100%;
}
.name{
	width: 100%;
	padding-left: 190px;
}
.title{
	width: 100%;
	text-align: center;
}
.comment{
	color: #313131;
	width: 100%;
	margin-bottom: 30px;
	border: none;
	letter-spacing: 3px;
	text-align: center;
}
.comment_1{
	color: #313131;
	width: 100%;
	margin-bottom: 30px;
	letter-spacing: 3px;
	text-align: center;
}
.comment_4{
	color: #313131;
	width: 100%;
	margin-bottom: 10px;
	border: none;
	letter-spacing: 3px;
	text-align: center;
}
#prof{
	width: 660px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	letter-spacing: 3px;
	margin: 0px auto 30px;
}
.prof{
	color: #313131;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.prof_1{
	color: #313131;
	margin-bottom: 30px;
}
#contact a{
	color: #3FF;
}
#contact a:hover{
	color: #FFC0CB;
}
iframe{
	margin-left: 75px;
}
/***studio***/
.pilates{
	width: 710px;
	margin: 0 45px 30px;
}
section.shashin{
	text-align: center;
}
.comment_2{
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 30px;
	color: #313131:
	width: 710px;
	padding-left: 30px;
}
.comment_3{
	color: #313131;
	width: 710px;
	padding-left: 60px;
}
.session{
	width: 710px;
	margin: 0px 45px 30px;
}
.machine_r{
	text-align: center;
}
.pick_r{
	text-align: center;
}
.machine_s{
	text-align: center;
}
.pick_s{
	text-align: center;
}
.soudan{
	color: #313131;
	width: 710px;
	margin-bottom: 30px;
	padding: 0px;
	border: none;
	letter-spacing: 3px;
	text-align: center;
}

/***price***/
h2.price{
	margin-left: 150px;
}
table.maney{
	clear: both;
	margin-left: 150px;
	margin-bottom: 20px;
	border: none;
}
td.left{
	width: 260px;
	height: 70px;
	border: none;
}
td.second{
	width: 160px;
	height: 70px;
	border: none;
}
td.third{
	width: 70px;
	height: 70px;
	border: none;
}
table.cancel{
	clear: both;
	margin-left: 150px;
	margin-bottom: 20px;
	border: none;
}
td.cancel_left{
	width: 140px;
	border: none;
}
td.cancel_second{
	width: 310px;
	border: none;
}
table.session{
	clear: both;
	margin-left: 150px;
	margin-bottom:20px;
	border: none;
}
.cash{
	clear: both;
	margin-bottom: 30px;
	margin-left: 150px;
}

/***contact***/
article.contents{
	clear: both;
	width: 650px;
	color: #666;
	font-size: 100%;
}
.please{
	clear: both;
	width: 650px;
	margin-bottom: 10px;
	margin-left: 80px;
}
form{
	clear: both;
	margin-bottom: 50px;
}
table.con{
	width: 650px;
	margin: 0px 75px 10px 75px;
	border-collapse: collapse;
}
td{
	border: 1px solid #CCC;
}
td.l_Cel{
	clear: both;
	width: 185px;
	height: 25px;
	font-size: 14px;
	padding: 5px;
}
.in{
	color: #F00;
	margin-right: 0ps;
}
td.space{
	width: 465px;
	height: 25px;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	color: #666;
}
input.waku{
	width: 200px;
	height: 25px;
	font-size: 14px;
}
input.submit{
	font-size: 14px;
	color: #000 !important;
	width: 80px;
	height: 30px;
	margin-left: 310px;
	margin-bottom: 10px;
	text-align: center;
}
input.reset{
	font-size: 14px;
	color: #000 !important;
	width: 80px;
	height: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: center;
}

/***thanks***/
.tamawari{
	clear: both;
	margin-left: 220px;
	margin-bottom: 10px;
}
.heart{
	color: #FF69B4;
}
.renraku{
	clear: both;
	margin-left: 220px;
	margin-bottom: 150px;
}

/***上へ***/
.top{
	width: 800px;
}
.right{
	float: right;
	width: 800px;
	height: 30px;
	text-align: right;
	margin-right: 20px;
}
.right a{
	color: #FFC0CB;
}
.right a:hover{
	color: #00FF7F;
}
	
/***FOOTER***/
footer{
	clear: both;
	float: left;
	width: 800px;
	height: 15px;
	color: #313131;
	background-color: #ccc;
	font-size: 60%;
	text-align: center;
}
address{
	clear: both;
}