@charset "UTF-8";
/* CSS Document */
body {
	background: #ffffff;
	font-family:
		窶懊ヲ繝ｩ繧ｮ繝手ｧ偵ざ Pro W3窶ｳ,窶廩iragino Kaku Gothic Pro窶・Osaka,
		窶懊Γ繧､繝ｪ繧ｪ窶・Meiryo,窶懶ｼｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け窶・窶廴S PGothic窶・sans-serif;
}

/***************************************/
/* 繝倥ャ繝€繝ｼ */
/***************************************/
.ui-header h1.ui-title img {
	float: left;
}

.ui-header h1.ui-title {
	margin: 5px;
}

.ui-header {
	text-decoration: none;
}

/***************************************/
/* 逕ｻ蜒・*/
/***************************************/
#main_image img {
	width: 100%;
	heigh: auto;
}

#main_image {
	margin-bottom: -21px;
	position: relative;
}

#sub_image img {
	width: 100%;
	heigh: auto;
}

#sub_image {
	margin: 0 -15px -6px -15px;
	position: relative;
}

/***************************************/
/* 譁・ｭ鈴未菫・*/
/***************************************/
#ud18 {
	font-size: 10px;
	position: absolute;
	top: -5px;
	right: 0;
}

.ui-li-desc {
	text-overflow: clip;
	overflow: visible;
	white-space: normal;
}

.ui-li-heading {
	margin: 0;
	font-size: 14px;
}

.sub {
	color: #ff0000;
}

.red {
	color: #F69;
	font-weight: bold;
}

div.text_area {
	margin: 15px 0;
	padding: 5px;
	background: #ffffff;
	font-size: 12px;
	border: solid 1px #FF9966;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
}

div.text_area p {
	margin: 5px;
	font-size: 1.2em;
}

div.text_area p.btn {
	margin-top: 20px;
	text-align: center;
}

/***************************************/
/* 繝｡繧､繝ｳ繝・・繝・h2 bar */
/***************************************/
.h2 {
	margin: 0 -15px;/* data-role="content"縺ｧ逕溘§縺溘€∝ｷｦ蜿ｳ縺ｮ繝槭・繧ｸ繝ｳ15px繧貞炎繧・*/
	padding: 5px 0 5px 30px;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	background: 			#709f9f /*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ -1px /*{a-bup-shadow-radius}*/ #e8adbe /*{a-bup-shadow-color}*/;
	background: #fcdbdb; /* Old browsers */
background: url(../images/star.png) 5px center no-repeat, -moz-linear-gradient(top, #fcdbdb 0%, #ffb2b2 100%); /* FF3.6+ */
background:url(../images/star.png) 5px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdbdb), color-stop(100%,#ffb2b2)); /* Chrome,Safari4+ */
background:url(../images/star.png) 5px center no-repeat, -webkit-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* Chrome10+,Safari5.1+ */
background:url(../images/star.png) 5px center no-repeat, -o-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* Opera 11.10+ */
background:url(../images/star.png) 5px center no-repeat, -ms-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* IE10+ */
background:url(../images/star.png) 5px center no-repeat, linear-gradient(to bottom, #fcdbdb 0%,#ffb2b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdbdb', endColorstr='#ffb2b2',GradientType=0 ); /* IE6-9 */
}

/***************************************/
/* 繝｡繧､繝ｳ繝・・繝栩 */
/***************************************/
.ui-bar-z {
	background: 			#111111 /*{a-bar-background-color}*/;
	color: 					#ffffff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ -1px /*{a-bup-shadow-radius}*/ #e8adbe /*{a-bup-shadow-color}*/;
	background: #fcdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #fcdbdb 0%, #ffb2b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdbdb), color-stop(100%,#ffb2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcdbdb 0%,#ffb2b2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcdbdb 0%,#ffb2b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdbdb', endColorstr='#ffb2b2',GradientType=0 ); /* IE6-9 */
}

.ui-btn-up-z,
.ui-btn-hover-z,
.ui-btn-down-z,
.ui-body-z .ui-btn-active {
	font-family: Helvetica, Arial, sans-serif /* 繝懊ち繝ｳ遲峨・繝輔か繝ｳ繝・*/;
	text-decoration: none;
}


/***************************************/
/* 繝・・繝枷 */
/***************************************/
.ui-btn-up-g,
.ui-btn-hover-g,
.ui-bar-g,
.ui-btn-up-g .ui-btn-active {
	text-decoration: none;
	border: none;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
	background: #ffffff;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.ui-li {
	margin-top: -1px;
}

.ui-btn-up-g a.ui-link-inherit,
.ui-btn-hover-g a.ui-link-inherit,
.ui-btn-down-g a.ui-link-inherit {
	color: #2f3e46;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif /* 繝懊ち繝ｳ遲峨・繝輔か繝ｳ繝・*/;
}

/***************************************/
/* 繝輔ャ繧ｿ繝ｼ */
/***************************************/
.ui-footer {
	padding: 5px 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}


/***************************************/
/* 隱ｿ謨ｴ */
/***************************************/
.ui-content .step {
	margin-top: 15px;
	margin-bottom: 0;
}

.ui-content div.exp {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.ui-content div.exp:last-child {
	margin-bottom: 0;
}

.ui-content div.exp p {
	margin: 0 0 5px 0;
}

.ui-content div.exp p#about {
	color: #999999;
	font-size: 0.75em;
}

/* 繝ｪ繧ｹ繝医ョ繝舌う繝€繝ｼ縺ｮ逕ｻ蜒丞喧 */
.step .ui-li-heading {
	margin-bottom: -5px;
}

.step .ui-li-divider {
	padding: 0;
}

.step .ui-li-heading img {
	width: 100%;
	height: auto;
}

/*Slider*/
#slide_area {
	overflow: hidden;
	width: 100%;
	border-top: solid 1px #666;
	border-bottom: solid 1px #333;
	background: #ffffff;
	padding:20px 0px;
	box-shadow: inset 0 0 5px #333;
	-webkit-box-shadow: inset 0 0 5px #333;
}

/*Slider*/
#slide_area {
	overflow: hidden;
	width: 100%;
	border-top: solid 1px #666;
	border-bottom: solid 1px #333;
	background: #ffffff;
	padding:20px 0px;
	box-shadow: inset 0 0 5px #333;
	-webkit-box-shadow: inset 0 0 5px #333;
}
.flipsnap {
	padding-left: 30px;
    display: -webkit-box;
    margin: 10px 0;
}

.item {
	padding: 5px;
	width: 230px;
	height: 350px;
	background: #fff;
	vertical-align: middle;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
}

.flipsnap .item {
	text-align: left;
	margin: 0 10px 0 10px;aside
}