@charset "Shift_JIS";
/* CSS Document */

#wrapper{
	margin:0 auto 0 auto;
	width:760px;
	height:auto;
	background-color:#fff;
	font-size:93%;  /*12px*/
}

#main{
	width:700px;
	margin:auto;
}

.rogo{
	padding:15px 0 0 0;
}
h1 , .title{
	margin-top:10px;
	padding-top:8px;
	height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#333;
	background:-moz-linear-gradient(top, #525252, #070707);
	background:-webkit-gradient(linear, left top, left bottom, from(#525252), to(#070707));
	background: -o-linear-gradient(top, #525252, #070707);
	background: -ms-linear-gradient(top, #525252, #070707); /*ie10*/
	-pie-background: linear-gradient(top, #525252, #070707);
	position:relative;
	
	behavior:url(/css/PIE.htc);
}

.tab_btn{
	text-align:center;
	margin:30px auto 0;
	}
	.tab_btn img{
		margin:0;
		padding:0;
		display:inline;
		}

.sp_img{
	margin:35px 0px 0px 0px;
}

.kyoutai{
	float:left;
}
.btn_koukai{
	float:right;
	margin:0px 18px 0px 0px;
}
.demo_ue_1{
	float:right;
	margin-top:25px;
	margin-right:18px;
}
.demo_ue_2{
	float:right;
	margin-top:25px;
}
.demo_shita_1{
	float:right;
	margin-right:18px;
}
.demo_shita_2{
	float:right;
}
.demo_top_right{
	float:right;
	margin-top:25px;
	margin-right:18px;
	text-indent:-9999px;
}
.demo_top_left{
	float:right;
	margin-top:25px;
	text-indent:-9999px;
}
.demo_bottom_right{
	float:right;
	text-indent:-9999px;
}
.demo_bottom_left{
	float:right;
	margin-right:18px;
	text-indent:-9999px;
}

.button1, .button1 a {
	background: url(demo_top_1-2.jpg) 0 -168px;  
	height:168px;
	width:168px;
	display:block;
}  
.button1 a {
    background-position: 0 0;  
}  
.button2, .button2 a {  
    background: url(demo_bottom_2-2.jpg) 0 -168px;
    height:168px;
    width:168px;
    display:block;
}  
.button2 a {  
    background-position: 0 0;  
}
.button3, .button3 a {  
    background: url(demo_bottom_3.jpg) 0 -168px;
    height:168px;
    width:168px;
    display:block;
}  
.button3 a {  
    background-position: 0 0;  
}
.button4, .button4 a {  
    background: url(appdemo_1.jpg) 0 -168px;  
    height:168px;
    width:168px;
    display:block;
}  
.button4 a {  
    background-position: 0 0;  
}

.button5, .button5 a {  
    background: url(appdemo_2.jpg) 0 -168px;  
    height:168px;
    width:168px;
    display:block;
}  
.button5 a {  
    background-position: 0 0;  
}

.button6, .button6 a {  
    background: url(appdemo_3.jpg) 0 -168px;  
    height:168px;
    width:168px;
    display:block;
}  
.button6 a {
    background-position: 0 0;  
} 

/*��������*/
h2{
	color:#d90000;
	font-size:17px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:1px;
	margin:0 0 10px 0;
}
#app_area h2 {
	color:#0093d6;
	font-size:17px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:1px;
	margin:0 0 10px 0;
}
h3{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	margin:0 0 0 0;
}


.setsumei{
	clear:both;
	padding-top:30px;
}
.setsumei_left{
	width:380px;
	float:left;
	padding-right:15px;
	margin-bottom:20px;
}
.dot_r {
	border-right:1px dotted #b2b2b2;
}
	
.setsumei_right{
	width:285px;
	padding-left:15px;
	float:right;
	margin-bottom:20px;
}
.dot_l {
	border-left:1px dotted #b2b2b2;
}

hr{
	border:none;
	border-top:solid 1px #333333;
	height:1px;
	color:#ffffff;
	clear:both;
}

.icon{
	margin:15px 0 40px 0;
}

.qr{
	float:left;
	margin:-10px 20px 0px -10px;
}
.ad{
	color:#d90000;
	font-size:14px;
	font-weight:bold;
}

.midashi{
	font-weight:bold;
	font-size:14px;
}
.copy{
	text-align:center;
	color:#fff;
	background-color:#333;
	margin:50px 0 0 0;
	padding:30px 0 10px 0;
	clear:both;
}

.copy a:link{
	color:#ccc;
}
.copy a:visited{
	color:#ccc;
}
.copy a:hover{
	color:#ccc;
}