/* Common
---------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html {
   height:auto;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: center;
	font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	color:#555555;
	height:100%;
	background:url(../img/bg.jpg) #fff no-repeat;
	background-position:0 0;
}

br{
	letter-spacing:0;
}

img {
    border: none;
    vertical-align:text-bottom;
}

.wrap{
	height:auto;
	text-align:left;
	margin: 0;
	width: 100%;
}


.member-page{
	width: 164px;
	margin-left: 650px;
}

/* header
---------------------------------------------------*/
.header{
	height:67px;
	background:url(../img/menu-bg.jpg) repeat-x;
	width: 100%;
	
}

.header-top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* H
---------------------------------------------------*/

h1 {
	width:450px;
	height:80px;
	display:block;
	margin-top:0px;
	margin-bottom:16px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	text-indent:-9999px;
}

h1 a {
    width:450px;
    height:80px;
    display:block;
}

/* a
---------------------------------------------------*/

a:link {
   color:#000;
   text-decoration:underline;  
}
a:visited {
   color:#000;
   text-decoration:underline;  
}
a:hover {
   color:#000;
   text-decoration:underline;  
}
a:active {
   color:#000;
   text-decoration:underline;  
}


/* Menu
---------------------------------------------------*/

.menu {
	width:556px;
	height:42px;
	margin:3px 0px 0px 63px;
	padding:0px 0px 0px 0px;
	float:left;
	
}
.menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.menu li {
	display:block;
	height:42px;
	float:left;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.navi{
	margin: 3px 0 0 260px;
	height: 18px;
	width: 700px;

}

.navi img{
	margin-right:50px;
}


/* コンテンツ
---------------------------------------------------*/
.container{
	height:100%;
	padding: 35px 64px;
}

.contents {
	height: 100%;
   
}
.con_bottom {
   
}

.title{
	margin-bottom: 20px;
}

.title#news{
	background:url(../img/title.jpg) no-repeat;
	height:25px;
	
}



.title#agreement{
	background:url(../img/join/agreement-title.jpg) no-repeat;
	height:32px;
}


.title#loppi{
	background:url(../img/join/loppi-title.jpg) no-repeat;
	height:32px;
}

.title#input{
	background:url(../img/join/input-title.jpg) no-repeat;
	height:32px;
}

.title#confirm{
	background:url(../img/join/confirm-title.jpg) no-repeat;
	height:32px;
}

.title#contact{
	background:url(../img/contact/title.jpg) no-repeat;
	height:32px;
}


.title#browser{
	background:url(../img/browser/title.jpg) no-repeat;
	height:32px;
}

.title#invite{
	background:url(../img/invite/title.jpg) no-repeat;
	height:32px;
}

.title#faq{
	background:url(../img/faq/title.jpg) no-repeat;
	height:32px;
}


/* フッター
---------------------------------------------------*/

.footer {
	height:148px;
	background:url(../img/footer.jpg) repeat-x;
	width: 100%;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-left: 15px;
	font-weight: 600;
	color: #888;
	text-align: left;
	width:800px;
}

.copyright a:link,a:visited,a:active{
	text-decoration:none;
	color:#888;
}

.copyright a:hover{
	text-decoration:underline;
	color:#888;
}

.blue{
	color: #3340a7;
}