/* 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-position:0 0;
	background-color: #fff;
	background-image: url(../img/joinp/join-bg.jpg);
	background-repeat: no-repeat;
}

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

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


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

/* header
---------------------------------------------------*/
.header{
	height:67px;
	background-image: url(../img_contents/menu-bg.jpg);
	background-repeat: repeat-x;
	
}

.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: 15px;
	width: 100%;

}

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


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

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

.title{
	margin-bottom: 20px;
}

.title#news{
	height:25px;
	background-image: url(../img_contents/title.jpg);
	background-repeat: no-repeat;
	
}
.title#join-1{
	height:32px;
	background-image: url(../img/joinp/join-1.jpg);
	background-repeat: no-repeat;
}

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

.footer {
	height:148px;
	width: 100%;
	background-image: url(../img_contents/footer.jpg);
	background-repeat: repeat-x;
	text-align: left;
}

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

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

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

.title2#join-3 {
	height:32px;
	background-image: url(../img/joinp/join-3.jpg);
	background-repeat: no-repeat;
}
.title2 {
	margin-bottom: 40px;
}
.title2#join-3-1 {
	height:32px;
	background-image: url(../img/joinp/join-3-1.jpg);
	background-repeat: no-repeat;
}
.title2#join-loch {
	height:32px;
	background-image: url(../img/joinp/join-loch.jpg);
	background-repeat: no-repeat;
}
.title2#join-3-4 {
	height:32px;
	background-image: url(../img/joinp/join-3-4.jpg);
	background-repeat: no-repeat;
}
.title#join {
	height:25px;
	background-image: url(../img/joinp/join.jpg);
	background-repeat: no-repeat;
}