@charset "shift_jis";

/*----------common----------*/
@import url("./common.css");

* {
	margin:0;
	padding:0;
	font-size: 14px;
	line-height: 20px;
} 
html, body, #wrap {	height:100%;}
body > #wrap {}
body {
	background-color:#FFFFFF;
}
input, textarea {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 16px;	
	margin:0;	
	padding:3px 0 0 3px;
}
#wrap {
	width: 940px;
	min-height:100%;
	height:auto !important;
	margin: 0 auto -200px;
}
#header {
	width: 940px;
	height: 74px;
	margin: 0 auto;
	background: url(../images/header_bg.jpg) no-repeat 0 0;
}
#header h1 {
	width: 250px;
	height: 53px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 160px;
	height: 74px;
	margin: 0;
	padding: 0;
	top: 5px;
	left: 6px;
	background:url(../images/header_bg.jpg) no-repeat 0 0;
}
#header ul {
	width:400px;
	height:35px;
	margin: 0;	
	padding: 0;
	float: right;
}
#header  ul li {
	list-style-type: none;
	float: left;
	margin:0;
	padding:7px 20px 0 10px;
	letter-spacing:2px;
	background:url(../images/header_bgm.jpg) no-repeat -535px 1px;
}
#header  ul li a {
	font-size:10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
}
#header  ul li a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

#header .navi ul {
	width:450px;
	height:25px;
	margin: 4px 15px 0 0;	
	padding: 0;
	float: right;
}
#header .navi ul li {
	list-style-type: none;
	float: left;
	margin:0;
	padding:1px 15px 0 10px;
	letter-spacing:2px;
	background:url(../images/header_bgm.jpg) no-repeat -560px -39px;
}
#header .navi ul li a {
	font-size:10px;
	font-weight: normal;
	color:#333333;
	text-decoration:none;
}
#header .navi ul li a:hover {
	color:#999999;
	text-decoration:underline;
}
#main {
	width: 940px;
	height: 100%;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
}
#left_contents {
	width:240px;
	height:100%;
	overflow:hidden;
	margin:5px 0 20px 10px;
	padding:0 5px;
	float:left;
}
#left_contents .login {
	width:230px;
	height:236px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/img001.jpg) no-repeat 0 0;
}
#left_contents .login_btn {
	width:230px;
	height:66px;
	margin:0 auto;
	padding:0;
}
#left_contents .login_btn a {
	width:230px;
	height:66px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/img001.jpg) no-repeat 0 0;
	text-indent:-9000px;
}
#left_contents .login_btn a:hover {
	background:url(../images/img001.jpg) no-repeat -230px 0;
}
#left_contents ul {
	width:230px;
	margin:0;
	padding:0;
}
#left_contents ul li {
	width:230px;

	margin:0;
	padding:0;
	list-style:none;
}
#left_contents .login01 a {
	width:230px;
	height:31px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -64px;
	text-indent:-9000px;
}
#left_contents .login01 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -64px;
}
#left_contents .login02 a {
	width:230px;
	height:26px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -95px;
	text-indent:-9000px;
}
#left_contents .login02 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -95px;
}
#left_contents .login03 a {
	width:230px;
	height:27px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -121px;
	text-indent:-9000px;
}
#left_contents .login03 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -121px;
}
#left_contents .login04 a {
	width:230px;
	height:24px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -148px;
	text-indent:-9000px;
}
#left_contents .login04 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -148px;
}
#left_contents .login05 a {
	width:230px;
	height:25px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -172px;
	text-indent:-9000px;
}
#left_contents .login05 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -172px;
}
#left_contents .login06 a {
	width:230px;
	height:26px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -197px;
	text-indent:-9000px;
}
#left_contents .login06 a:hover {
	background:url(../images/img001.jpg) no-repeat -230px -197px;
}
#left_contents h2 {
	width:230px;
	height:150px;
	text-indent:-9000px;
	background:url(../images/side_h2.jpg) no-repeat 0 0;
}
#left_contents h2 a {
	width:230px;
	height:70px;
	display:block;
	text-indent:-9000px;
	background:url(../images/side_h2.jpg) no-repeat 0 0;
}
#left_contents h2 a:hover {
	background:url(../images/side_h2ro.jpg) no-repeat 0 0;
}
#left_contents .link_A {
	width:230px;
	height:50px;
	display:block;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	background:url(../images/side_h3a.jpg) no-repeat 0 0;
	text-indent:-9000px;
}
#left_contents .link_B {
	width:230px;
	height:50px;
	display:block;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	background:url(../images/side_h3b.jpg) no-repeat 0 0;
	text-indent:-9000px;
}
#left_contents p {
	width:230px;
	margin:0 auto;
	padding:0;
}
#left_contents img {
	border:0;
}
#left_contents a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#right_contents {
	width:680px;
	height:100%;
	overflow:hidden;
	float:right;
	margin:5px 0 20px 0;
	padding:0;
}
#right_contents .twitter {
	width:670px;
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:left;
	background:url(../images/twitter_in.jpg) repeat-y 0 0;
}
#right_contents .twitter_top {
	width:670px;
	height:45px;
	background:url(../images/twitter_top.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
	text-indent:-9000px;
}
#right_contents .twitter_bottom {
	width:670px;
	height:59px;
	background:url(../images/twitter_bottom.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
	text-indent:-9000px;
}
#right_contents .twitter p {
	width:600px;
	overflow:hidden;
	margin:0 0 0 40px;
	padding:5px 0 0 0;
}
#right_contents .salon_waku {
	width:670px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#right_contents .salon_waku ul {
	width:670px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 0 0;
}
#right_contents .salon_waku ul li {
	width:333px;
	height:100%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	background:url(../images/waku_in.jpg) repeat-y 0 0;
}
#right_contents .salon_waku_top {
	width:307px;
	height:30px;
	display:block;
	background:url(../images/img001.jpg) no-repeat 0 -236px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:13px 0 0 25px;
}
#right_contents .salon_waku_top a {
	width:60px;
	height:29px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	background:url(../images/img001.jpg) no-repeat -272px -249px;
	text-indent:-9000px;
	}
#right_contents .salon_waku_top a:hover {
	background:url(../images/img001.jpg) no-repeat -272px -292px;
}
#right_contents .salon_waku_topA {
	width:307px;
	height:30px;
	display:block;
	background:url(http://www.j365.me/my/images/img002.jpg) no-repeat 0 0;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:13px 0 0 25px;
}
#right_contents .salon_waku_topA a {
	width:60px;
	height:29px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	background:url(http://www.j365.me/my/images/img002.jpg) no-repeat -272px -13px;
	text-indent:-9000px;
	}
#right_contents .salon_waku_topA a:hover {
	background:url(http://www.j365.me/my/images/img002.jpg) no-repeat -272px -56px;
}
#right_contents .salon_waku_bottom {
	width:333px;
	height:10px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/waku_bottom.jpg) no-repeat 0 0;
}
#right_contents .salon_waku p {
	width:290px;
	height:160px;
	margin:0;
	padding:10px 0 10px 25px;
}


#footer {
	width: 940px;
	overflow:hidden;
	margin: 0 auto;
	background: #329832 url(../images/footer_bg.jpg) no-repeat 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	letter-spacing: 1px;
	padding: 15px 0 10px 0;
}