body
{
	overflow-y:scroll;
}

.bgPanels{
	width: 100%;
	min-width: 1200px;
	-webkit-animation:anime1 60s linear;
	animation:anime1 60s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position:fixed;
}
@-webkit-keyframes anime1 {
	from {-webkit-transform:translateY(0px);transform:translateY(0px);}
	to {-webkit-transform:translateY(-560px);transform:translateY(-560px);}
}
@media only screen 
and (max-device-width : 640px) {
	#bg {
		overflow:hidden;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:100;
		background-color:rgba(0,0,0,0.5)
	}
}
@media only screen 
and (min-device-width : 640px) {
	#bg {
		overflow:hidden;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:100;
		background-color:rgba(0,0,0,0.5)
	}	
}


/*中心のログイン*/
.centerContent{
	overflow:hidden;
	position:fixed;
	left:50%;
	margin-left:-230px;
	background-color:white;
	width:460px;
	min-height:450px;
	z-index:300;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

@media only screen 
and (max-device-width : 640px) {
	.centerContent{
		top:20px;
	}
}
@media only screen 
and (min-device-width : 640px) {
	.centerContent{
		top:80px;
	}
}

.centerContent .content{
	padding:20px 50px 20px 50px;
}
.centerContent .loginHeader .logoContainer{
	margin:auto;
	width: 150px;
}

.centerContent .headerDescription{
	margin:auto;
	padding:10px 30px;
	text-align:center;
}
 
.centerContent .headerDescription.register{
	padding:20px 30px;
}
/*記事のパネル*/
.panel{
	width: 200px;
	height: 262px;
	margin-left:30px;
	margin-top:30px;
	display:inline-block;
}
.panelImage{
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-bottom:10px;
}
.panelImage > img.tatenaga {
	width: 100%;
}

.panelImage > img.yokonaga {
	height: 100%;
}
/*.panelImage > img{
	width:100%;
}*/
.panelImage > img{
	display:none;
}
.panel .panelTitle{
	color:black;
	padding-bottom:5px;
}
.panel .source span.icon {
	width:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
}

.panel .source span.icon > img{
	height:100%;
}

.panel .source span{
	margin-right:5px;
}
/*登録方法*/
.loginSelector > div ,.verticalSelector > div , .verticalSelector > a.twitter{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	display:block;
}
.verticalSelector > div, .verticalSelector > a.twitter{
	cursor:pointer;
	margin-bottom:15px;
	width:100%;
	height:50px;
	display:table;
}
.loginSelector > div > span,.verticalSelector > div > span , .verticalSelector > a.twitter > span{
	display:table-cell;
}
.verticalSelector > div > span.icon , .verticalSelector > a.twitter > span.icon{
	width:50px;
	height:50px;
}
.verticalSelector > div > span.text a ,.verticalSelector > a.twitter > span.text a{
	color:white;
}
.verticalSelector > div > span.text , .verticalSelector > a.twitter > span.text{
	width:309px;
	color:white;
	border-left:1px solid white;
}
.verticalSelector > div > span.text{
	vertical-align:middle;
}
.verticalSelector > div > span.text  .centerParent , .verticalSelector > a.twitter > span.text  .centerParent{
	height:50px;
}
.facebook , .twitter ,.mail ,.gmail,.ymail{
	font-size:1.2em;
}
.verticalSelector .facebook .icon {
	background:url(/images/common/login_facebook.png) no-repeat 0px 0px;
}
.twitter{
}
.verticalSelector .twitter .icon {
	background:url(/images/common/login_twitter.png) no-repeat 0px 0px;
}
.verticalSelector .mail .icon ,.verticalSelector .gmail .icon ,.verticalSelector .ymail .icon{
	background:url(/images/common/login_mail.png) no-repeat 0px 0px;
}
.loginSelector .facebook,.verticalSelector .facebook{
	background-color:#3b5997;
}

.loginSelector .twitter, .verticalSelector .twitter{
	background-color:#5da9dd;
}

.verticalSelector .mail,.verticalSelector .gmail{
	background-color:#e93d2f;
}

.verticalSelector .ymail {
	background-color:#e9be23;
}
/*ログインモードに切り替え*/
#switchLogin{
	font-weight:bold;
	color:#3a3a3a;
	text-decoration:underline;

}
/*ログイン方法の選択*/
.loginSelector {
	width:274px;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px;
}
.loginSelector > div{
	display:inline-block;
	width:120px;
}
.loginSelector > div > span.text .centerParent{
	height:34px;
}
.loginSelector > div > span.text {
	width:120px;
	color:white;
}
.loginSelector .facebook{
	margin-right:30px;
}
/*ログイン画面のフッター*/
@media only screen 
and (max-device-width : 640px) {
	footer{
		position:fixed;
		background-color:#f78d66 !important;
		color:white !important;
		bottom:0px !important;
		margin-top:0px !important;
		height:35px !important;
		border:none !important;
		width:640px;
		z-index:100;
	}
}
@media only screen 
and (min-device-width : 640px) {
	footer{
		position:fixed;
		background-color:#f78d66 !important;
		color:white !important;
		width:100% !important;
		bottom:0px !important;
		margin-top:0px !important;
		height:35px !important;
		border:none !important;
		z-index:100;
	}
}

footer  ul > li > a:hover,footer  ul > li > a,footer  ul > li{
	color:#FFF;
}
footer  ul > li {
	border-color:#FFF !important;
}
footer .child{
	padding:0px 30px;
	display:table-cell;
	vertical-align:middle;
}
.footer_link{
	float: right;
	padding-top:0px !important;
}
.footer_link li{
	display: inline-block;
	color: #787878;
	font-size: 92%;
	padding-right: 7px;
	margin-right: 3px;
	border-right: 1px solid #787878;
}

.footer_link li.last{
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

/*画面下部にあるログイン/ 登録の切り替えボタン*/
#footerSwitch{
	position:fixed;
	padding:15px 20px;
	left:30px;
	bottom:50px;
	z-index:100;
	background-color:rgba(255,255,255,0.8);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
/*ログイン情報入力*/
#passwordPart > .content,#loginPart > .content,#registerPart > .content{
	position:relative;
}
/*フォーム共通部分*/
input[type="text"],input[type="password"],input[type="email"]{
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius:4px;
	width:100%;
	height:40px;
}
div.label{
	margin-bottom:5px;
}
div.formAttr{
	margin-bottom:20px;
}
/*姓・名*/
.formContainer{
	padding:40px 0px;
}
input.small{
	width:150px;
}
#mailRegisterForm div.name{
	margin:auto;
}
#mailRegisterForm div.name label{
	margin-right:5px;
}
#mailRegisterForm span.lastName{
	margin-right:15px;
}
/*おまかせ設定*/

/*ログインのアクション*/
div.loginFooter{
	margin-top:35px;
	display:table;
	width:101%;
	padding-bottom:10px;
}
div.loginFooter > .child{
	vertical-align:middle;
	display:table-cell;
}
div.loginFooter > .password{
	width:175px;
}
div.loginFooter > .action > div{
	float:right;
}

div.loginFooter > .action > div a.submit{
	margin-left:5px;
}

div.loginFooter > .password > a {
	text-decoration:underline;
}
.slides{
	width:920px;
	position:relative;
}
.slides .slide {
	width:360px;
	position:absolute;
}
/*メールで登録する*/
#mailRegisterForm{
	width:100%;
}


#loginLogo{
	height:80px;
	display:inline-block;
	margin:auto auto;
}