@charset "utf-8";
/* ////////////////////////////////////////////////////////////
	File Name	index.css
*/
#home #nav {
	background: transparent url(../img/nav_bg2.png) 0 0 no-repeat;
}
#home #nav ul li.nav01 {
	display: none;
}
#home .content {
	background: transparent url(../img/main_bg_index_v2.png) 50% 0 repeat-x;
}

#home .order {
	position: relative;
	z-index: 1;
	padding: 15px 0 40px 0;
	text-align: center;
}

/*============================================================
	メイン
*/
#home .main {
	position: relative;
	margin: 0 auto;
	width: 954px; height: 587px;
}
#home .main h1 {
	position: absolute;
	top: 70px; left: -10px;
}
#home .main .inner {
	position: absolute;
	top: 112px; left: 624px;
	width: 326px; height: 346px;
}
#home .main .inner p {
	position: relative;
}
#home .main .inner a {
	display: block;
	position: absolute;
	top: 260px; left: 25px;
}
#home .main .main-note {
	position: absolute;
	top: 5px;
	left: 0;
	width: 950px;
}

/*============================================================
	商品紹介
*/
#home .about {
	position: relative;
	margin: 0 auto;
	width: 954px; height: 450px;
	background: transparent url(../img/about_bg.png) 0 0 no-repeat;
}
#home .about h2,
#home .about div {
	position: absolute;
}
#home .about h2 {
	top: 26px; left: 28px;
}
#home .about .copy {
	top: 130px; left: 37px;
	font-size: 16px;
	line-height: 28px;
}
#home .about .copy p {
	padding: 12px 0 0 0;
}
#home .about .btn {
	top: 320px; left: 35px;
}
#home .about .img {
	top: -33px; left: 523px;
}

/*============================================================
	メニュー
*/
#home .menu {
	position: relative;
	margin: 0 auto;
	margin-top: 60px;
	width: 954px; height: 426px;
	width: 728px;
}
#home .menu h2 {
	text-align: center;
}
#home .menu ul {
	position: absolute;
	top: 80px; left: -20px;
	width: 980px; height: 310px;
	width: 728px;
}
#home .menu ul:after {
	content: '';
	display: block;
	clear: both;
}
#home .menu ul li {
	float: left;
	padding: 0 20px;
}

/*============================================================
	アプリダウンロード
*/
#home .download {
	margin: 50px 0 0 0;
	background: #ffffff url(../img/bg02.png) 50% 0 repeat;
}
#home .download .in {
	margin: 0 auto;
	width: 954px;
}
#home .download h2 {
	padding: 24px 0 32px 0;
	text-align: center;
}
#home .download dl:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#home .download dl {
	zoom: 1;
}
#home .download dl.ios {
	float: left;
	width: 376px;
}
#home .download dl.android {
	float: left;
	width: 344px;
}
#home .download dl.icon {
	float: right;
	width: 210px;
}
#home .download dl dt {
	display: inline;
	float: left;
}
#home .download dl.icon dt {
	display: block;
	width: 75px;
}
#home .download dl dd {
	display: inline;
	float: left;
	padding: 0 0 0 14px;
	font-size: 14px;
	line-height: 1.6em;
}
#home .download dl dd strong {
	display: block;
}
#home .download ul {
	clear: both;
	padding: 40px 0 30px 0;
	font-size: 14px;
	line-height: 1.6em;
}
#home .download ul li {
	padding: 3px 0 0 0;
}

/*============================================================
	ムービー
*/
#home .movie {
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 954px;
}
#home .movie h2 {
	text-align: center;
}
#home .movie .frame {
	position: relative;
	margin: 0 auto;
	margin-top: 70px;
	width: 692px; height: 430px;
	background: transparent url(../img/movie_frame.png) 0 0 no-repeat;
}
#home .movie .frame .title {
	position: absolute;
	z-index: 999;
	top: -85px; left: 0;
	width: 100%;
	text-align: center;
}
#home .movie .frame .title li {
	
}
#home .movie .frame .wrap {
	position: relative;
}
#home .movie .frame .frame-in {
	position: absolute;
	top: 25px; left: 25px;
}
#home .movie ul.thumbs {
	margin: 0 auto;
	width: 704px; height: 160px;
}
#home .movie ul.thumbs li {
	float: left;
	width: 176px;
}
#home .movie ul.thumbs li a {
	overflow: hidden;
	display: block;
	width: 176px; height: 160px;
	text-indent: -999em;
}
#home .movie ul.thumbs li a.movie01 {
	background: transparent url(../img/movie_thumb01.png?u=20160301) 0 0 no-repeat;
}
#home .movie ul.thumbs li a.movie02 {
	background: transparent url(../img/movie_thumb02.png?u=20160301) 0 0 no-repeat;
}
#home .movie ul.thumbs li a.movie03 {
	background: transparent url(../img/movie_thumb03.png?u=20160301) 0 0 no-repeat;
}
#home .movie ul.thumbs li a.movie04 {
	background: transparent url(../img/movie_thumb04.png?u=20160301) 0 0 no-repeat;
}
#home .movie ul.thumbs li a.current,
#home .movie ul.thumbs li a:hover {
	background-position: 0 -160px;
}
#home .movie ul.thumbs li a.current {
	cursor: default;
}

/*============================================================
	お問い合わせ
*/
#home .contact {
	margin: 0 auto;
	padding: 40px 0 0 0;
	width: 954px;
}
#home .contact h2 {
	text-align: center;
}
#home .contact ul:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#home .contact ul {
	margin: 0 auto;
	width: 810px;
	width: 540px;
	zoom: 1;
}
#home .contact ul li {
	float: left;
	width: 270px;
}
#home .contact p {
	text-align: center;
	font-size: 14px;
	line-height: 1.6em;
}

/*============================================================
	注意事項
*/
#home .notice {
	margin: 0 auto;
	padding: 25px 0 20px 0;
	width: 954px;
}
#home .notice h2 {
	text-align: center;
}
#home .notice p {
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.8em;
}
#home .notice a {
	color: #333333;
	text-decoration: underline;
}

/*============================================================
	お詫び
*/
#home .owabi {
	margin: 0 auto;
	padding: 0 0 60px 0;
	width: 950px;
}
#home .owabi .frame {
	padding: 40px;
	background: #fff;
	border: 5px solid #f00;
}
#home .owabi h2 {
	padding: 5px 0 30px 0;
	text-align: center;
	font-size: 22px;
}
#home .owabi p {
	font-size: 14px;
}
#home .owabi p.right {
	text-align: right;
}