@charset "utf-8";
/* CSS Document */

/*------------------------------------
ログイン前　20120612　リニューアル
------------------------------------*/
#wrap{
	width: 980px;
	margin:0 auto;
	font-size: 12px;
	color: #555;
}
#wrap #titleArea{
	background-image: url(../images/title2.jpg);
	background-repeat: no-repeat;
	height: 420px;
	width: 980px;
	position: relative;
}
#wrap #titleArea .loginSet{
	position: absolute;
	top: 220px;
	width: 400px;
	left: 0px;
}
#wrap #titleArea .loginSet .loginButton{
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	display: block;
	height: 82px;
	width: 360px;
}
#wrap #titleArea .loginSet .loginButton:hover{
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
}
#wrap #titleArea .loginSet .loginButton:active{
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	background-position: 0px -178px;
	}
/*app button*/
#wrap #app_butt li{
	float: left;
	
	
}
#wrap #app_butt{
	 height:95px; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px;
	 padding:35px 0 0 0; margin:0 0 35px 0;
	}
#wrap #app_butt li a{
	display: block;
}
#wrap #app_butt li .iphone1{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 150px;
	}
#wrap #app_butt li .iphone1:hover{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	background-position: 0px -51px;
}
#wrap #app_butt li .iphone1:active{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	background-position: 0px -102px;
}
#wrap #app_butt li .android1{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	background-position: -152px 0;
	height: 50px;
	width: 150px;
}
#wrap #app_butt li .android1:hover{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	background-position: -152px -51px;
}
#wrap #app_butt li .android1:active{
	background-image: url(../images/app_button.png);
	background-repeat: no-repeat;
	background-position: -152px -102px;
}
#wrap #app_butt li .pro{
	background-image: url(../images/pro.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 100px;
	background-position: 0 -20px;
}
#wrap #app_butt li .pro:hover{
	background-image: url(../images/pro.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#wrap #app_butt li .ipad_app1{ width:152px; height:50px; background:url(../images/ipad_button.png) no-repeat;}
#wrap #app_butt li .ipad_app1:hover{ background:url(../images/ipad_button.png) no-repeat 0 -51px;}
#wrap #app_butt li .ipad_app1:active{ background:url(../images/ipad_button.png) no-repeat 0 -102px;}

/*メイン*/
#wrap #contentArea{
	width: 980px;
	height:1570px;
	margin:0 auto;
	position: relative;
}
#wrap #contentArea .ipad_app{ width:152px; height:50px; background:url(../images/ipad_button.png) no-repeat; position:absolute; z-index:1000; bottom:130px; right:30px;}
#wrap #contentArea .ipad_app:hover{ background:url(../images/ipad_button.png) no-repeat 0 -51px;}
#wrap #contentArea .ipad_app:active{ background:url(../images/ipad_button.png) no-repeat 0 -102px;}
/*SNS*/
#wrap #sns {
width: 960px;
background: url(../images/line_bg.gif) repeat #CCC; 
padding:10px
}
#wrap #sns .snsbox {
    background: none repeat scroll 0 0 white;
    text-align: center;
    vertical-align: middle;
    width: 940px;
    padding: 10px;
}

/*offical*/
#wrap #official_Acc{margin:30px 0;}
#wrap #official_Acc li .follow_A{
	width:253px;
	height:42px;
	background:url(../images/twi_face_butt.png) no-repeat;
	display:block;
}
#wrap #official_Acc li .follow_A:hover{
	background:url(../images/twi_face_butt.png) no-repeat 0 -43px;
}
#wrap #official_Acc li .on_facebook{
	width:253px;
	height:42px;
	background:url(../images/twi_face_butt.png) no-repeat 0 -86px;
	display:block;
}
#wrap #official_Acc li .on_facebook:hover{
	background:url(../images/twi_face_butt.png) no-repeat 0 -129px;
}
#wrap #official_Acc li .setA{
	width:680px;
	height:110px;
}
#wrap #official_Acc li .setB li{
	*float : left; /* IE7 and below */
}
#wrap #official_Acc li .setB li a{
	float:left;
	background:url(../images/arrow.gif) no-repeat 0 center;
	margin:0 20px 0 0 ;
	padding:0 0 0 13px;
	color:#000;
}
#wrap #official_Acc li .setC{
	width:292px;
	height:167px;
	float:right;
	background:url(../images/pro_bg.jpg) no-repeat;
	padding:42px 0 0 0;

}
#wrap #official_Acc li .setC li a{
	width:216px; height:52px; display:block; background:url(../images/app_pro_button.png) no-repeat; margin:5px auto;
}
#wrap #official_Acc li .setC li .i_Pro{}
#wrap #official_Acc li .setC li .i_Pro:hover{background:-220px 0 url(../images/app_pro_button.png) no-repeat; }
#wrap #official_Acc li .setC li .i_Pro:active{background:-441px 0 url(../images/app_pro_button.png) no-repeat;}
#wrap #official_Acc li .setC li .a_Pro{background:0 -59px url(../images/app_pro_button.png) no-repeat;}
#wrap #official_Acc li .setC li .a_Pro:hover{background:-220px -59px url(../images/app_pro_button.png) no-repeat;}
#wrap #official_Acc li .setC li .a_Pro:active{background:-441px -59px url(../images/app_pro_button.png) no-repeat;}
/*footer*/
footer{
	text-align: center;
	width:100%;
	background-image: url(../images/footer.gif);
	background-repeat: repeat;
	clear: both;
}
footer p{
	width:950px;
	height: 75px;
	text-align:left;
	margin:0 auto;
	line-height:2em;
	padding: 10px 0;
	font-size:12px;
}