@charset "utf-8";

html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #333;
}

/* img alphaOver */
.alphaOver a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}


/* -----------------------------------------------------------------------------

	common
  
----------------------------------------------------------------------------- */
.inner {
	width: 960px;
	margin: 0 auto;
}
.centertext {
	text-align: center;
}

/* -----------------------------------------------------------------------------

	Main Visual
  
----------------------------------------------------------------------------- */
#mv {
	min-width: 960px;
	height: 640px;
	background: url(../img/mv_bg.jpg) repeat-x center top;
}
#mv .inner div {
	position: relative;
	min-width: 960px;
	height: 640px;
}
#mv .inner div h1,
#mv .inner div p {
	position: absolute;
}
#mv .inner div p.logo {
	z-index: 1;
}
#mv .inner div p.mv_btn {
	bottom: 128px;
	left: 0;
}
#mv .inner div p.mv_img {
	right: 0;
	top: 67px;
}

/* -----------------------------------------------------------------------------

	lead
  
----------------------------------------------------------------------------- */
#lead {
	min-width: 960px;
	background: #fef4a3;
	padding: 97px 0 14px 0;
}
#lead p {
	padding-bottom:23px;
}


/* -----------------------------------------------------------------------------

	contents01
  
----------------------------------------------------------------------------- */
#contents01 {
	min-width: 960px;
	background: url(../img/lead_bg.png) no-repeat center top #FFF;
	padding: 80px 0 0;
	position: relative;
}
#contents01:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	min-width: 960px;
	left: 0;
	background: url(../img/lead_bg.png) no-repeat center top #fff;
}
#contents01 .title {
	background: url(../img/cnt01_bg.jpg) no-repeat center bottom;
}
#contents01 h2 {
	text-align: center;
	margin-bottom: 50px;
}
#contents01 .inner > p {
	margin-bottom: 40px;
}

/* products
----------------------------------------------------------------------------- */
#contents01 .products {
	padding-bottom: 45px;
}
#contents01 .products h3 {
	margin-bottom: 30px;
	text-align: center;
}
#contents01 .products .products_sp {
	float: left;
	width: 238px;
	background: #f6d861;
}
#contents01 .products .products_normal {
	float: right;
	width: 714px;
	background: #fff5a2;
}
#contents01 .products ul {
	width: 100%;
}
#contents01 .products ul li {
	float: left;
	width: 238px;
	line-height:0;
}
#contents01 .products ul li > p {
	padding: 10px 18px 15px;
	line-height: 1.5;
}
#contents01 .products p {
	padding: 10px 0 0 0;
	clear:both;
}
#contents01 .products ul + ul {
	background:#fff;
}

/* try
----------------------------------------------------------------------------- */
#contents01 .try {
	padding-bottom: 50px;
}
#contents01 .try h3 {
	margin-bottom: 25px;
	text-align: center;
	margin-bottom: 36px;
}
#contents01 .try ul li {
	float: left;
	text-align: center;
	width: 480px;
}
#contents01 .try ul li p {
	padding: 15px 0 0 0;
	line-height: 1.5;
	font-size: 90%;
	display: inline-block;
	text-align: left;
}

/* scene
----------------------------------------------------------------------------- */
#contents01 .scene {
	background: url(../img/cnt01_scene_bg01.gif) top repeat-x #fef4a3;
	padding: 70px 0 0 0;
}
#contents01 .scene h3 {
	margin: 0 0 25px -22px;
}
#contents01 .scene ul {
	margin-right: -13px;
}
#contents01 .scene ul li {
	padding: 0 13px 0 0;
	float: left;
}
#contents01 .scene ul li img {
	display: block;
}

/* -----------------------------------------------------------------------------

	contents02
  
----------------------------------------------------------------------------- */

/* title
----------------------------------------------------------------------------- */
#contents02 .title {
	min-width: 960px;
	background: url(../img/cnt02_bg01.jpg) no-repeat center top #fef4a3;
}
#contents02 .title .inner {
	text-align: center;
}
#contents02 .title h2 {
	text-align: center;
	margin-bottom: 30px;
	padding: 70px 0 0 0;
}
#contents02 .title ul {
	width: 612px;
	margin: 0 auto 15px;
}
#contents02 .title ul li {
	float: left;
	margin: 0 16px;
}
#contents02 .title ul + p {
	text-align: center;
	padding-bottom: 30px;
	line-height:1.8;
	font-size:110%;
}

/* area
----------------------------------------------------------------------------- */
#contents02 .area {
	min-width: 960px;
	background: url(../img/cnt02_bg02.jpg) repeat-y center top #fef4a3;
}
#contents02 .area #area01,
#contents02 .area #area02 {
	min-width: 960px;
	background-color: #FFF;
	border-radius: 10px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#contents02 .area h3 {
	text-align: center;
	padding-top: 15px;
}
#contents02 .area .map {
	width: 850px;
	background: url(../img/cnt02_area_products.png) no-repeat 568px 23px;
	margin: 35px auto;
	position: relative;
}
#contents02 .area .map ul {
	position: absolute;
	bottom: 85px;
	right: 0;
}
#contents02 .area .map ul li {
	margin-bottom: 16px;
}
#contents02 .area .map span {
	display: block;
	text-align: center;
	margin-top: 20px;
}
#contents02 .area .box {
	width: 910px;
	margin: 0 auto 20px;
}
#contents02 .area .box .area_map {
	line-height: 0;
	position: relative;
}
#contents02 .area .box .area_map > ul {
	position: absolute;
	left:0;
	top:0;
}
#contents02 .area .box .area_map > ul li {
	position: absolute;
}
#contents02 .area .box + p {
	text-align: center;
	margin-bottom: 15px;
}
#contents02 .area .box + p + ul {
	width: 630px;
	margin: 0 auto;
}
#contents02 .area .box + p + ul li {
	float: left;
	margin: 0 9px;
}
#contents02 .area .box > ul {
	border: #cccccc 5px solid;
	border-top: none;
	border-radius: 0 0 10px 10px;
	margin-bottom: 20px;
	padding: 10px 0;
}
#contents02 .area .box > ul > li {
	padding: 20px 0;
	margin: 0 22px;
}
#contents02 .area .box > ul > li:last-child {
	border-top: #f0e5e1 1px solid;
}
#contents02 .area .box > ul > li:first-child {
	border-top: none;
}
#contents02 .area .box > ul li h4 {
	background :url(../img/cnt02_map_icon.png) left top no-repeat;
	padding: 0 0 20px 37px;
	line-height: 1.5;
	font-size: 112%;
}
#contents02 .area .box > ul li h4 span {
	font-size: 80%;
	font-weight: normal;
}
#contents02 .area .box > ul li h4 + p {
	line-height: 1.8;
}
#contents02 .area .box > ul li div {
	float: right;
	display: inline-block;
	padding-left:10px;
}
#contents02 .area .box > ul li div > ul {
	clear: both;
	float: right;
}
#contents02 .area .box > ul li div > ul li {
	float: left;
	padding: 0 0 5px 5px;
}
#contents02 .area .box > ul li div > ul li img {
	vertical-align:middle;
}

/* area01 */
#contents02 .area #area01 .map {
	height: 500px;
}
#contents02 .area #area01 .map div {
	margin-left: -25px;
	position:relative;
}
#contents02 .area #area01 .map div ul {
	position:absolute;
	left:0;
	top:0;
}
#contents02 .area #area01 .map div ul li {
	position:absolute;
	left:201px;
	top:185px;
}
#contents02 .area #area01 .map div ul li + li {
	left:313px;
	top:312px;
}
#contents02 .area #area01 .map div ul li + li + li {
	left:467px;
	top:300px;
}

/* area02 */
#contents02 .area #area02 {
}
#contents02 .area #area02 .map {
	height: 533px;
	margin-top: 13px;
}
#contents02 .area #area02 .map div {
	margin-left: 70px;
	position:relative;
}
#contents02 .area #area02 .map div ul {
	position:absolute;
	left:0;
	top:0;
}
#contents02 .area #area02 .map div ul li {
	position:absolute;
	left:266px;
	top:228px;
}
#contents02 .area #area02 .map div ul li + li {
	left:200px;
	top:342px;
}
#contents02 .area #area02 .map div ul li + li + li {
	left:138px;
	top:408px;
}

/* 中域マップ　ピン */
#contents02 .area #shinjuku.box .area_map > ul li {
	left:524px;
	top:64px;
}
#contents02 .area #odaiba.box .area_map > ul li {
	left:410px;
	top:153px;
}
#contents02 .area #maihama.box .area_map > ul li {
	left:544px;
	top:96px;
}
#contents02 .area #kyoto.box .area_map > ul li {
	left:443px;
	top:36px;
}
#contents02 .area #kyoto.box .area_map > ul li + li {
	left:378px;
	top:225px;
}
#contents02 .area #nanba.box .area_map > ul li {
	left:367px;
	top:85px;
}
#contents02 .area #kansai.box .area_map > ul li {
	left:299px;
	top:76px;
}
#contents02 .area #kansai.box .area_map > ul li + li {
	left:438px;
	top:211px;
}

/*下部*/
p.btmArea {
	text-align: center;
	background: #fff url(../img/bg_btm.png) center center no-repeat;
	margin: 60px 0 40px;
	padding: 30px 0;
}

/*ページトップ*/
.pagetop {
	position: fixed;
	bottom: 40px;
	right: 40px;
}
.pagetop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}