@charset "UTF-8";

body {
	text-align: center;
	margin: 0;
	}

.inner {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	}
	
.inner img {
	vertical-align: bottom;
	}
	
img.btn {
	margin: 20px auto 60px;
	}
			
#cont_01 .inner img.btn {
	position: absolute;
	right: 29px;
	top: 332px;
	margin: auto;
	}
#cont_02 {position: relative;}
#cont_02 #btns {top: 550px;

position: absolute;
text-align: center;
width: 100%;}

#btns a {
	display: block;
	margin: 0 auto;
	}


#cont_05 {position: relative;}
#cont_05 #btns {top: 1080px;

position: absolute;
text-align: center;
width: 100%;}

#cont_01 {
	background: url(../img/bg_cont_01.jpg) bottom left repeat-x;
	}	
	
#cont_03 {
	background: url(../img/bg_cont_03.jpg) 0 0 repeat-x;
	}	 
	
#cont_05 {
	background: url(../img/bg_cont_05.jpg) 0 0 repeat-x;
	}	
	
#cont_06 {
	font-size: 11px;
	padding: 30px 0;
	}
	
p.scroll {
	text-align: right;
	margin: 0 0 20px;
	}
	
p.scroll a {
	font-size: 11px;
	color: #333333;
	}
	
/* simulation */
#simulation {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 392px;
	padding: 0 5px 5px;
	height: auto;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../img/bg_black.png);
	font-size: 11px;
	border-top-left-radius: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;

	-moz-box-shadow: 0px 0px 4px #333;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
	}
	
#simulation > img {
	position: absolute;
	top: 6px;
	left: 8px;
	}
	
#simulation p.simulation_ttl {
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	margin: 5px 0 8px;
	color: #ffffff;
	border-bottom: dotted 1px #666666;
	}
	
#simulation p {
	margin-bottom: 5px;
	}	
	
#simulation input {
	margin-right: 3px;
	}	
	
#simulation input[type="text"] {
	width: 70px;
	padding: 3px;
	}
	
#simulation input[type="button"] {
	margin-left: 10px;
	}
	
#simulation ul.caution {
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	margin: 0 10px;
	}
	
ul.tabmenu {
	overflow: hidden;
	margin: 0 10px 0;
	border-bottom: solid 4px #009900;
	}
	
ul.tabmenu li {
	width: auto;
	float: left;
	margin-right: 10px;
	border: solid 2px #dddddd;
	background: #F4F4F4;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	cursor: pointer;
	border-bottom: none;
	position: relative;
	top: 2px;
	}
	
ul.tabmenu li a {
	color: #666666;
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px;
	text-decoration: none;
	}
	
ul.tabmenu li.active {
	border: solid 2px #009900;
	background: #393;
	}
	
ul.tabmenu li.active a {
	color: #ffffff;
	}
	
.tabcont {
	background: #ffffff;
	padding: 10px 0 0;
	border-top: none;
	border: solid 2px #dddddd;
	border-top: none;
	margin: 0 10px 10px;
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	}
	
#fixed_page_top {
	position: fixed;
	top: 50%;
	right: -3px;
	width: 40px;
	height: 80px;
	margin-top: -40px;
	z-index: 9999;
	}
	
.timer{  
    text-align:center;  
    width:1100px;  
    margin:0px auto 15px;  
    padding:10px 0;  
    font-size:0.9em;  
    color:#fff;  
/*    text-shadow:1px 1px 1px #ccc;  */
    font-weight:500; 
    line-height:20px;  
    border:1px solid #ef007c;  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ef007c), color-stop(0.00, #ff5db1));  
    background: -webkit-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -moz-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -o-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -ms-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* Safari, Chrome用 */    
    -moz-box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* Firefox用 */    
    box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* CSS3 */
}