/* PC：style_sp.css
 * **************************************************
 * Site Width (Header / globalNav / Content / Footer)
 * Space(Margin)
 * Header (Logo / Font Size Change / Site Search)
 * Global Navigation (Nav)
 * Content (Main / Side)
 * Common Elements (Heading / Paragraph / Table / List / Link / Icon)
 * Local Navigation (Nav)
 * Topic Path
 * Page Top
 * Footer
 * System Settings (Background Color)
 * **************************************************
 */

/*  Site Width
------------------------------------------------------------------- */
/* padding、borderの値を含めない */
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:1.5;
color:#000000;
background-color:#41a892;
}

img{
padding:0;
margin:0;
}

/* ======================================
　clearfix [ クリアフィックス ]
====================================== */
/* clearfix (Firefox)
------------------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* WinIE7
------------------------------------------------------------------- */
.clearfix{
	display:inline-block;
}

/* WinIE6
------------------------------------------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
	height:1px;
}

.clearfix{
	display:block;
}

/* Content
------------------------------------------------------------------ */
#content{
width:560px;
background-color: #78b8aa;
border:#FFFFFF solid 1px;
margin:0 auto;
padding:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#inner{
background-color:#FFFFFF;
padding:50px 20px 20px 20px;
margin:5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:1em;
}

h1{
text-align:center;
padding:0px;
margin:10px 0;
font-size:1.5em;
color:#FFFFFF;
}

#inner h2{
text-align:center;
padding:0px;
margin:0 0 10px 0;
}

#inner h2.ttl{
width:90%;
margin:0 auto 20px auto;
padding:20px;
background-color:#fffced;
border:6px solid #ff9900;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

#inner .center{
text-align:center;
}

#inner .btnStart{
background:linear-gradient(#fdc964, #fe9a25);
border:1px solid #fe982a;
padding:10px 0px;
margin:0 auto 30px auto;
width:40%;
color:#FFFFFF;
text-decoration:none;
font-size:1.6em;
font-weight:bold;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
display:block;
}

#inner .btnarea{
width:100%;
margin:0 auto;
padding:40px 0 0 0;
text-align:center;
}

#inner .yes{
width:34%;
background:linear-gradient(#88a4ec, #1440b2);
border:1px solid #1440b2;
padding:15px 0;
margin:0 1.5% 0 15%;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
text-align:center;
float:left;
}

#inner .no{
width:34%;
background:linear-gradient(#fa8080, #ed0808);
border:1px solid #ed0808;
padding:15px 0;
margin:0 !important;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
text-align:center;
float:left;
}

#inner .yes a,
#inner .no a{
color:#ffffff;
text-decoration:none;
font-size:1.6em;
}

.close a{
color:#FFFFFF;
font-size:1em;
text-decoration:none;
text-align:right;
display:block;
}

.close_r a{
color:#FFFFFF;
font-size:1em;
text-decoration:none;
float:right;
display:block;
}

.top a{
color:#FFFFFF;
font-size:1em;
text-decoration:none;
float:left;
display:block;
}

.footer{
width:560px;
margin:0 auto;
padding:0 0 20px 0;
}

#navlink{
width:100%;
font-size:1.6em;
padding:0;
margin-bottom:20px;
text-align:center;
}

#backlink{
width:34%;
font-size:1em;
text-decoration:none;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
text-align:center;
margin:0 auto;
padding:15px 0;
}

#nextlink{
width:34%;
font-size:1em;
text-decoration:none;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
text-align:center;
margin:0 auto;
padding:15px 0;
}

#backlink font,
#nextlink font{
padding:0 40px;
}