/* ログイン側-------------------------------------*/

#loginArea{
	width:100%;
	margin-bottom:40px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.loginAreaL{
	width:46.875%;
	height:auto;
	padding:15px 0 15px 15px;
	float:left;
}

.loginAreaR{
	width:46.875%;
	height:auto;
	padding:15px 15px 15px 0;
	float:right;
}

.cosmosclub_logo{
	text-align:center;
	margin:0 auto;
	padding:15px 0 30px 0;
}

/*コスモスクラブ側--------------------------------*/

.aboutArea{
	width:100%;
	height:257px;
	background:url(../img/top/about_bg.gif) no-repeat;
	margin-bottom:15px;
}

.about_comment{
	max-width:95%;
	padding:20px;
	color:#333333;
}

.about_comment p.abouttitle{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
	color:#FFFFFF;
}

.aboutbt{
	width:40%;
	line-height:2.5em;
	padding:10px;
	text-align:center;
	font-weight:bold;
	background-color:#00C7B6;
	color:#FFFFFF;
	margin-top:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div.aboutbt:hover {
    background-color:#87DED7;
}

.aboutbt a:link {
	color:#FFFFFF;
	text-decoration:none;
	line-height:130%;
}
.aboutbt a:active {
	color:#FFFFFF;
	text-decoration:none;
	line-height:130%;
}
.aboutbt a:visited {
	color:#FFFFFF;
	text-decoration:none;
	line-height:130%;
}
.aboutbt a:hover {
	color:#FFFFFF;
	text-decoration:none;
	line-height:130%;
}

.contactArea{
	width:100%;
	background:url(../img/top/contact_bg.gif) repeat;
}

.contactArea p{
	text-align:center;
	padding:25px 10px;
}

/* お知らせ-----------------------------------*/

#infoArea{
	width:100%;
	margin-bottom:40px;
	overflow:hidden;
}

.infoAreaL{
	width:22.39583%;
	background:url(../img/top/infotitle_bg.gif) repeat;
	height:auto;
	padding:20px 0 15px 20px;
	float:left;
}

.infoAreaR{
	width:69.79166%;
	height:auto;
	background-color:#FFFFFF;
	padding:15px;
	float:right;
}

.infoAreaL p.jp{
	font-size:1.5em;
	color:#FFFFFF;
	font-weight:bold;
	line-height:0.9em;
}

.infoAreaL p.en{
	color:#FFFFFF;
	font-weight:bold;
}

/* お知らせ（記事）---------------------------------*/

.news_more{
	float:right;
	margin-top:10px;
    bottom: 0;
}


.newsArea{
	width:100%;
	border-bottom: 1px dotted #DDDDDD;	
	overflow:hidden;
}

dl.news{
	margin:10px;
}


dl.news dt{
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 7em;
	float: left;
	clear: both;
}

dl.news dd{
	margin-bottom: 5px;
	margin-left:8em;

}

@media only screen and (max-width: 639px) {



h1#logo{
	padding:45px 30px;
}

/* ログイン側-------------------------------------*/

#loginArea{
	margin-bottom:30px;
}

.loginAreaL{
	width:100%;
	height:auto;
	padding:15px;
	float:none;
}

.loginAreaR{
	width:100%;
	height:auto;
	padding:15px;
	float:none;
}

.cosmosclub_logo{
	padding:0 0 15px;
}

/*コスモスクラブ側-----------------------------*/

.about_comment{
	width:100%;
	padding:10px;
	color:#333333;
}

.about_comment{
	width:100%;
}

/* お知らせ-----------------------------------*/

#infoArea{
	padding:0 15px;
}

.infoAreaL{
	width:100%;
	float:none;
	text-align:center;
	padding:20px;
	margin-bottom:15px;
}

.infoAreaR{
	width:100%;
	float:none;
}

}