@charset "utf-8";

/*------------------------------------------------------------
	index.html
------------------------------------------------------------*/

#slider {
	padding: 0 0 40px 0;
	width: 100%;
	text-align: center;
	border-bottom: 1px dashed #00a7ce;
}

#news {
	border-bottom: 1px dashed #00a7ce;
}

#news dl {
	width: 900px;
	margin: 0 auto;
	font-size: 80%;
}

#news dt {
	display: inline-block;
	vertical-align: top;
}

/*#news dt img { padding-top: 5px; }*/
#news dt img { padding-top: 15px; }

#news dd {
	display: inline-block;
	padding: 10px 0 10px 10px;
	width: 793px;
}

.indexblock01,
.indexblock02,
.indexblock03 {
	padding: 45px 0;
}

.indexblock01,
.indexblock02 {
	font-size: 80%;
}

.indexblock01 .onecolumn h2 {
	padding: 0 0 45px 0;
}

.indexblock01 .onecolumn .img {
	float: left;
	margin: 0 0 40px 0;
}

.indexblock01 .onecolumn .movie {
	float: right;
}

.indexblock01 .onecolumn p {
	clear: both;
	line-height: 2em;
}

.indexblock02 .onecolumn h2 {
	padding: 0 0 15px 0;
}

.indexblock02 dl {
	width: 220px;
	min-height: 350px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px 17px 0;
	background: url(../images/index/dl_bg.gif) no-repeat right bottom;
}

.indexblock02 dl.middle {
	width: 202px;
	margin: 10px 0 0 18px;
}

.indexblock02 dl.right {
	width: 222px;
	margin: 10px 0 0 18px;
	padding: 0 0 17px 0;
	background: url(../images/index/dl_bg_right.gif) no-repeat right bottom;
}

.indexblock02 dl.bottom {
	background: url(../images/index/dl_bg_bottom.gif) no-repeat right bottom;
}

.indexblock02 dl dd.text {
	padding: 10px 0;
	min-height: 80px;
}

.indexblock02 dl dd.img {
	text-align: center;
}

.indexblock02 .more {
	float: left;
	width: 240px;
	min-height: 360px;
	text-align: center;
	color: #00a7ce;
	display: inline-table;
	vertical-align: middle;
}

.indexblock02 .more p {
	display: table-cell;
	vertical-align: middle;
}

.indexblock03 .onecolumn h2 {
	padding: 0 0 15px 0;
}

.indexblock03 .icon {
	float: left;
	padding: 25px 13px 0 0;
}

.indexblock03 dl {
	float: left;
	width: 410px;
	padding: 25px 0 0 0;
}

.indexblock03 dl dt {
	font-size: 110%;
	padding: 0 0 15px 0;
}

.indexblock03 dl dd {
	font-size: 80%;
}

.indexblock03 .img {
	float: right;
	padding: 0 8px 0 0;
}

#app_download .onecolumn {
	width: 720px;
	margin: 0 auto;
	padding: 50px 0 45px 0;
}

#app_download h3 {
	margin: 0 0 20px 0;
	float: left;
}

#app_download .btn {
	float: right;
	padding: 27px 0 0 0;
}

#app_download .btn a {
	display: block;
	border: 1px solid #00a7ce;
	text-decoration: none;
	padding: 8px 110px;
	border-radius: 10px;
	letter-spacing: 0.5em;
}

#app_download .btn a:hover {
	background: #e8e8e8;
}

#app_download dl {
	clear: both;
}

#app_download .download:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0; 
	}
/*---
For IE
-----*/
#app_download .download {
	display:inline-block;
	clear: both;
	padding: 30px 0 25px 0;
}
/*MacIE \*/
* html #app_download .download {height: 1em;}
#app_download .download {display: block;}

#app_download .apple,
#app_download .google {
	width: 50%;
	float: left;
}

#app_download .apple p,
#app_download .google p {
	font-size: 90%;
	margin: 0 0 20px 0;
}

#app_download .apple p a,
#app_download .google p a {
	background: url(../images/index/externalLink_ico_01.gif) no-repeat left center;
	padding: 0 0 0 20px;
}

#app_download .banner {
	margin: 0 0 10px 0;
	text-align: center;
}

#app_download ul li {
	font-size: 75%;
	line-height: 2em;
}

#app_download ul li span {
	margin: 0 10px 0 0;
}