@charset "UTF-8";


/* 瞬作：スマートフォン用：ホーム
	2013.07.24
================================================== */

/* 共通
================================================== */
html{
	font-size: 15.55%;
}
@media screen and (max-width: 995px) {
	html {
		font-size: 12.96%;
	}
}
@media screen and (max-width: 829px) {
	html {
		font-size: 10.8%;
	}
}
@media screen and (max-width: 691px) {
	html {
		font-size: 9%;
	}
}
@media screen and (max-width: 576px) {
	html {
		font-size: 7.5%;
	}
}
@media screen and (max-width: 480px) {
	html {
		font-size: 6.25%;
	}
}
body{
	font-size: 14rem; //14px
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo;
	line-height: 1.7;
}

/* ヘッダー
================================================== */
.ui-header {
	padding: 0;
	border-bottom: 1px solid #C8BD9C;
	background: #FBFAF1;
	background: -moz-linear-gradient(#FFF, #FFF 50%, #F7F6E4);
	background: -webkit-linear-gradient(#FFF, #FFF 50%, #F7F6E4);
	background: linear-gradient(#FFF, #FFF 50%, #F7F6E4);
}
#mainTitle h1 {
	font-size: 10rem;
	color: #CCC;
	margin-left: 15px;
	text-shadow: 0 -1px 1px #FFF;
}
#mainImage {
	padding: 0 15px;
	background: url(/images/smart/jt_mainimage.png) no-repeat 50% 100%;
	background-size: contain;
}
#mainMenu {
	padding: 0;
	background: url(/images/smart/jt_mainimage.png) no-repeat 50% 100%;
	background-size: contain;
	margin-bottom: 15px;
}
#mainMenu ul {
	margin: 0;
	padding: 0;
}
#mainMenu ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1%;
	list-style-type: none;
}
#mainMenu ul li a {
	width: 32%;
}
#mainMenu ul li.last {
	margin-right: 0;
}
#mainMenu ul.block6 li {
	width: 49%;
}
#mainMenu ul.block6 li.right {
	margin-right: 0;
}
#mainImage h2 {
	float: left;
	margin: 0;
}
.web_contact {
	width: 100%;
	text-align: center;
}
#tel_contact { 
border-radius: 6px;
float: right;
padding: 1px 10px;
text-align: center;
font-size: 10rem;
border: 1px solid #006934;
background: #207037;
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-shadow: 0 -1px 1px #006934;
background-image: -webkit-gradient(linear,left top,left bottom,from( #7abd28 ),to( #207037 ));
background-image: -webkit-linear-gradient( #7abd28,#207037 );
background-image: -moz-linear-gradient( #7abd28,#207037 );
background-image: -ms-linear-gradient( #7abd28,#207037 );
background-image: -o-linear-gradient( #7abd28,#207037 );
background-image: linear-gradient( #7abd28,#207037 );
}

#mainImage h2 .red {
	color: #990014;
}
.ui-header .countData {
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #EFEDDC;
	background: -moz-linear-gradient(#F7F6E4, #E8E5D5);
	background: -webkit-linear-gradient(#F7F6E4, #E8E5D5);
	background: linear-gradient(#F7F6E4, #E8E5D5);
	font-weight: normal;
	font-size: 12rem;
	text-shadow: 0 1px 0 #FFF;
}
.ui-header dl {
	margin: 1em 1.25em;
}
.ui-header dt {
	display: inline;
}
.ui-header dt:nth-of-type(2) {
	margin-left: 1em;
}
.ui-header dd {
	color: #EA5504;
	margin: 0;
	display: inline;
	font-weight: bold;
}
body#content .ui-header li {
	margin: 0 0 10px;
	list-style-type: none;
	line-height: 0;
}

/* コンテンツ
================================================== */

/* ピックアップ
-------------------------------------------------- */
#flickAlbum {
	margin: 0 0 15px;
	font-size: 12rem;
	border-top: 1px dotted #808080;
}
#flickAlbum a {
	padding: 15px 0 0px;
	display: block;
	font-weight: normal;
	text-decoration: none;
}
#flickAlbum .ui-link {
	color: #333;
}
#flickAlbum .ui-link:hover {
	color: #DB0F24;
}
#flickAlbum h3 {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#flickAlbum .img {
	width: 36%;
	margin-left: 2%;
	float: left;
}
#flickAlbum .note {
	width: 56%;
	margin-right: 2%;
	float: right;
}
#flickAlbum p.txt {
	white-space: normal;
	text-overflow: clip;
	margin-top: 5px;
	margin-left: 0;
}



/* ご予約・お問い合わせ
-------------------------------------------------- */
.contact_head {
background: #8A7968;
}
.contact_top {
position: absolute;
right: 5px;
text-align: center;
text-decoration: none;
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
top: 3px;
width: 170px;
}


/* フォーム
================================================== */

/* アイコン
-------------------------------------------------- */
.pencilIco:before {
	background-position: -63px -66px;
}

/* フォーム：入力
-------------------------------------------------- */
.ui-field-contain, .ui-mobile fieldset.ui-field-contain, .ui-controlgroup, fieldset.ui-controlgroup {
	margin: 0 0 .5em;
	padding: .5em 0 0;
	border: 0;
	border-top: 1px dotted #FCC403;
}
.ui-controlgroup, fieldset.ui-controlgroup {
	position: relative;
	border-radius: 0;
}
.ui-field-contain .ui-controlgroup {
	border: 0;
}
.mtover {
	margin-top: 1.2em !important;
	padding: 0;
}
legend, .ui-controlgroup .ui-controlgroup-label {
	color: #580000;
	margin: 0;
	padding: .5em 1em;
	background: #FCC403;
	font-size: 10rem;
	border-radius: 6px;
	text-shadow: 0 1px 0 #FFE799;
}
.ui-controlgroup .ui-controlgroup-label {
	position: absolute;
	top: -1.2em;
	left: 0;
	display: inline;
	width: auto;
}
.ui-controlgroup-label + .ui-controlgroup-controls {
	margin-top: 20px;
}
legend + p.size12 {
	margin-top: 0;
}
.ui-field-contain label.ui-input-text {
	width: auto;
	font-size: 12rem;
}
.ui-field-contain textarea.ui-input-text {
	display: inline;
	width: 97%;
}
input[type="file"] {
	width: 100%;
}
input[id="income"], input[id="company_capital"], input[id="company_employee"] {
	display: inline !important;
	width: 75% !important;
}
input[id^="name_"], input[id^="kana_"] {
	display: inline !important;
	width: 40% !important;
}
input[id="year"], input[id="change"], input[id^="station_"], input[id="dependent"], input[id^="job_station_"] {
	display: inline !important;
	width: 33% !important;
}
input[id^="tel_"], input[id^="mobile_"], input[id^="post_"], input[id^="fax_"] {
	display: inline !important;
	width: 25% !important;
}
form .alignCenter:last-child {
	border-top: 1px dotted #FCC403;
}
form input + .alignCenter:last-child {
	border-top: 0;
}
form .alignCenter .ui-btn {
	margin: 15px 0;
}
form dl.occupation dd{
		margin: 0;
}

/* フォーム：送信
-------------------------------------------------- */
p.alignCenter .ui-btn {
	margin: 0;
}