@charset "utf-8";

/* Browser Reset */

body,div,form,
h1, h2, h3, h4, h5, h6,p,address,
dl,dt,dd,ul,ol,li,
table,th,td{
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight: normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
img {
border: 0;
}
ol,ul {
list-style: none;
}

/* Browser Reset */

/*----- clearfixハック -----*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

body{
color:#333333;
background:#ffffff url(../images/bg.gif);
font-size:100%;
}

a:link {	color:#627aae;text-decoration:underline;}
a:visited {	color:#627aae;text-decoration:underline;}
a:hover {	color:#b0bcd6;text-decoration:none;}
a:active {	color:#b0bcd6;text-decoration:none;}


/***** color *****/
.c_blk {
color:#000000;
}

/***** align *****/
.a-center { text-align:center; }
.a-right { text-align:right; }
.a-left { text-align:left; }
.fl-right { float:right; }
.fl-left { float:left; }
.clear { clear:both; font-size:0px; }

/***** margin *****/
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}

/***** padding *****/
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}

/***** font *****/
.fs10{ font-size:10px; line-height:14px;}
.fs12{ font-size:13px; line-height:16px;}
.fs14{ font-size:14px; line-height:18px;}
.fs16{ font-size:16px; line-height:20px;}



#header {
width:100%;
height:38px;
background:#000000;
border-bottom:1px solid #bbbbbb;
}
#header .inline {
width:894px;
padding:0 12px;
margin:0 auto;
text-align:right;
}
.subheader{
	background:#ffffff;
}
#app_logo {
width:918px;
height:50px;
padding:11px 0;
margin:0 auto;
background:#FFFFFF;
text-align:left;
}
#top_txt {
width:100%;
padding:28px 0 0 0;
text-align:center;
background:url(../images/tree.png) no-repeat center center;
}

#top_txt h1{
width:848px;
line-height:0;
margin:0 auto;
position:relative;
}

.top_mes{
	width:808px;
	background:#8f0000;
	padding:23px 20px 0 20px;
	text-align:left;
	color:#ffffff;
	margin:0 auto 32px auto;
	height:95px;
}
.top_mes p{
	font-size:20px !important;
	line-height:36px !important;
}

#contents {
width:848px;
padding:0 35px 20px 35px;
margin:0 auto;
}
#contents p{
	font-size:16px;
	line-height:22px;
	margin:0 0 20px 0;
}
#contents p.cap{
	font-size:18px;
	line-height:26px;
	margin:0;
	font-weight:bold;
}
#footer {
width:100%;
height:128px;
background:#000000;
}
#footer .inline {
width:894px;
padding:20px 12px 0 12px;
margin:0 auto;
color:#ffffff;
text-align:right;
}

h2{
	line-height:0;
}
.sub_mes{
	background:#ffffff;
	padding:28px 30px;
	text-align:left;
	margin:0 0 40px 0;
	height:450px;
}

.download .app-btn {
  text-align: center;
  margin:60px 0 0 0;
}
.download .app-btn li {
  display: inline-block;
  margin: 10px 16px;
  vertical-align:top;
}
.download .app-btn li p{
  font-size:12px !important;
  line-height:16px !important;
}
.download .app-btn li a {
  display: block;
}

#contents .dl_tit{
	padding:0px 0 36px 0;
}

#contents .dl_tit p{
	font-size:22px;
	margin:0;
}
/* dolphin=1 */