@import "default.css";
@charset "utf-8";
/* CSS Document */

* {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#000;
	text-align:center;
	font-size:12px;
	width:100%;
}

#container {
	text-align: left;
}

#header {
	background-color:#E60A1E;
}

#headerInner {
	position: relative;
	height: 160px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#header h1{
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: right;
	margin-bottom:80px;
}

.headerLogo {
	position:absolute;
	top:30px;
	left:0px;
}

.headerTel {
	position:absolute;
	top:30px;
	right:0px;
}

.headerNavi01 {
	position: absolute;
	top: 30px;
	left: 440px;
}
.headerNavi01 a{
	width: 150px;
	height: 40px;
	display:block;
	background-image: url(../images/header_member.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.headerNavi01 a:hover{
	background-position:0 -40px;
}
.headerNavi02 {
	position: absolute;
	top: 30px;
	right: 220px;
}
.headerNavi02 a{
	width: 180px;
	height: 40px;
	display:block;
	background-image: url(../images/header_contact.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.headerNavi02 a:hover{
	background-position:0 -40px;
}

#nav {
	float:none;
	clear:both;
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
}

#nav ul {
}

#nav ul li {
	float:left;
	width:192px;
	height:40px;
	margin-right:10px;
}

#nav ul li a {
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/navi.gif);
	background-repeat:no-repeat;
}

#nav ul li.btn05 {
	margin:0px;
	}

#nav ul li.btn01 a {	background-position:0 0; }
#nav ul li.btn02 a {	background-position:-202px 0;}
#nav ul li.btn03 a {	background-position:-404px 0;}
#nav ul li.btn04 a {	background-position:-606px 0;}
#nav ul li.btn05 a {	background-position:-808px 0;}

#nav ul li.btn01 a:hover {	background-position:0 -40px; }
#nav ul li.btn02 a:hover {	background-position:-202px -40px; }
#nav ul li.btn03 a:hover {	background-position:-404px -40px; }
#nav ul li.btn04 a:hover {	background-position:-606px -40px; }
#nav ul li.btn05 a:hover {	background-position:-808px -40px; }


#contents {
	float:none;
	clear:both;
}

#topicPath {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
	font-size:14px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#topicPath a{
	color: #333;
	text-decoration: underline;
}

/*メイン*/
#main {
	width:730px;
	float:left;
	margin-bottom: 50px;
}

/*サイド*/
#side {
	width:240px;
	float:right;
	margin-bottom: 50px;
}

#side .banner{
	margin-bottom: 25px;
}

#side #pickup {
	margin-bottom:20px;
}

#side #pickup h3 {
}

#side #pickup .inner {
	border-bottom:3px #DDDDDD solid;
	border-left:3px #DDDDDD solid;
	border-right:3px #DDDDDD solid;
	background-color: #FFF;
}

#side #pickup .inner li {
	display:block;
	position:relative;
}

#side #pickup .inner li:nth-child(1),
#side #pickup .inner li:nth-child(2),
#side #pickup .inner li:nth-child(3),
#side #pickup .inner li:nth-child(4) {
	border-bottom:1px #DDD solid;
}

#side #pickup .inner li a {
	display:block;
	height:45px;
	line-height:45px;
	text-decoration:underline;
	font-size:14px;
	padding-left:30px;
	color:#333;
	font-weight: bold;
}

#side #pickup .inner li a:hover {
	background:#EFEFEF;
}

#side #pickup .inner li a:before {
	background:url(../images/li_icon.png) 5px 13px no-repeat;
	content:"";
	width:30px;
	height:45px;
	position:absolute;
	top:0;
	left:0;
}

#side #comInfo {
	margin-bottom: 20px;
	border: 1px solid #DDDDDD;
}

#side #comInfo h3 {
}

#side #comInfo .inner {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#side #comInfo .inner .photo {
	text-align:center;
	margin-bottom: 5px;
}

#side #comInfo .inner p {
	padding:5px 0;
	font-size:14px;
	color:#333;
	line-height:18px;
}

#side #comInfo .inner .tel {
	text-align:center;
	margin-bottom:5px;
}

/*フッター*/
#footer {
	clear:both;
	float:none;
}

#footer .inner{
	width: 1000px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#footer .footerInner{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer .footerLogo{
	position: absolute;
	top: 35px;
	left: 0px;
}

#footer .footerTel{
	position: absolute;
	top: 35px;
	right: 0px;
}

#footer .footerCom{
	position: absolute;
	top: 40px;
	right:410px;
}

#footer .footerContact{
	position: absolute;
	top: 40px;
	right:250px;
}

#footer .footerMenu{
	padding-top:140px;
	height:190px;
	margin-bottom: 20px;
}

#footer .footerMenu dl{
	width:250px;
	float:left;
	display: block;
}

#footer .footerMenu dt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(../images/footer_arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#footer .footerMenu dd{
	font-size: 12px;
	margin-bottom: 2px;
}

#footer .footerMenu dd a{
	color: #333;
	text-decoration: underline;
}

#footer .footerMenu dd a:hover {
	color:#06C;
}

#copyright {
	background-color: #100040;
	text-align: center;
	clear: both;
}

#copyright p{
	font-size: 12px;
	line-height:30px;
	color: #FFF;
}

/*会員ログインバー*/

#membersPanel {
	width: 100%;
	background-color:#100040;
}

#membersPanel .inner {
	width:1000px;
	margin:0 auto;
	height:100px;
	position:relative;
}

#membersPanel .inner .name{
	width: 270px;
	font-size: 20px;
	line-height: 20px;
	padding-top: 38px;
	font-weight: bold;
	color: #FFFFFF;
}

#membersPanel .inner .login_name{
	width: 410px;
	font-size: 20px;
	line-height: 20px;
	padding-top: 38px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/login_icon.gif);
	background-repeat: no-repeat;
	background-position: left 0%;
}

#membersPanel .inner .n_number{
	position: absolute;
	top: 20px;
	left: 280px;
	background-image: url(../images/house_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#membersPanel .inner .n_number p{
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#membersPanel .inner .n_number .numbers{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
#membersPanel .inner .l_number{
	position: absolute;
	top: 50px;
	left: 280px;
	background-image: url(../images/house_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#membersPanel .inner .l_number p{
	padding-left: 30px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
#membersPanel .inner .l_number .numbers{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}


#membersPanel .inner .login{
	position: absolute;
	top: 20px;
	right:240px;
}
#membersPanel .inner .login a{
	width: 220px;
	height: 63px;
	display: block;
	background-image: url(../images/login_btn.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#membersPanel .inner .login a:hover{
	background-position:0 -63px;
}

#membersPanel .inner .favorite{
	position: absolute;
	top: 20px;
	right:0px;
}
#membersPanel .inner .favorite a{
	width: 220px;
	height: 63px;
	display: block;
	background-image: url(../images/favorite_btn.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#membersPanel .inner .favorite a:hover{
	background-position:0 -63px;
}

#membersPanel .inner .logout{
	position: absolute;
	top: 20px;
	right:240px;
}

#membersPanel .inner .change{
	position: absolute;
	top: 20px;
	right:410px;
}

#membersPanel .inner .withdrawal{
	position: absolute;
	top: 70px;
	right: 340px;
	font-size: 12px;
}

#membersPanel .inner .withdrawal a{
	color: #FFF;
	text-decoration: underline;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

a:hover img.none {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

a.none:hover img {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

sup {
	font-size:8px;
}
#page-top {
	position: fixed;
	bottom: 220px;
	right: 50px;
}
#page-top a {
	width: 80px;
	height: 80px;
	display: block;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}