@charset "shift_jis";

h1{
width:390px;
height:46px;
float:left;
margin-top:7px;
display: block;
}

h1 a{
	width: 390px;
	height: 46px;
	display: block;
}

/*------------------------------------
 visual
------------------------------------*/
#main_visual {
	width: 100%;
	height: 415px;
	background: url(../img/common/main_bc.gif) repeat-x;
}

#main_visual-in{
	width:900px;
	height:395px;
	margin:0px auto;
	padding:10px 0;
}

#top_img{
width:595px;
height:395px;
float:left;
display:inline;
margin-right:5px;
background-color:#000000;
}

#ad_space{
width:300px;
height:395px;
float:right;
display:inline;
}

#large_banner{
width:300px;
height:250px;
margin-bottom:5px;
clear:both;
background-color:#000000;
}

#small_banner{
width:300px;
height:140px;
clear:both;
background-color:#000000;
}


/*------------------------------------
feature
------------------------------------*/

#feature_flash{
width:100%;
height:160px;
margin-bottom:0;
clear:both;
}

/*------------------------------------
sp_fla
------------------------------------*/

#sp_flash{
width:100%;
height:160px;
margin-bottom:15px;
clear:both;
}






#top_contents{
width:900px;
height:auto;
text-align:left;
margin: 0 auto;
font-size:12px;
line-height:1.3em;
/*border-bottom:1px #333333 dotted;*/
margin-bottom:20px;
}

#top_contents .box{
width:213px;
height:280px;
margin-right:16px;
margin-bottom:10px;
float:left;
display:inline;
}

#top_contents .box img{
margin-bottom:3px;
}

#top_contents .box02{
width:213px;
height:280px;
float:left;
display:inline;
margin-bottom:10px;
}

#top_contents .box02 img{
margin-bottom:3px;
}

#top_contents02{
width:900px;
height:auto;
text-align:left;
margin: 0 auto;
border-bottom:1px #333333 dotted;
margin-bottom:20px;
font-size:12px;
line-height:1.2em;
}

#top_contents02 .box{
width:292px;
height:110px;
padding-right:8px;
float:left;
display:inline;
}

#top_contents02 .box img{
float:left;
display:inline;
margin-right:5px;
}

#top_concierge{
width:900px;
height:auto;
text-align:left;
margin: 0 auto;
font-size:12px;
line-height:1.2em;
border-bottom:1px #333333 dotted;
margin-bottom:20px;
}

.concierge{
width:294px;
height:220px;
float:left;
display:inline;
margin-right:9px;
margin-bottom:9px;
background-color:#333333;
color:#FFFFFF;
}

.concierge02{
width:294px;
height:220px;
float:left;
display:inline;
background-color:#333333;
margin-bottom:9px;
color:#FFFFFF;
}

.concierge_title{
width:284px;
height:10px;
padding:4px 0 0 5px;
} 

.concierge_title a:link {
	color:#FFFFFF;
	line-height: 1.3em;
    text-decoration: underline;
}

.concierge_title a:visited {
	color:#FFFFFF;
	line-height: 1.3em;
	text-decoration: underline;
}
.concierge_title a:hover {
	color:#FF4303;
	line-height: 1.3em;
	text-decoration: underline;
}
.concierge_title a:active {
	color:#FF4303;
	line-height: 1.3em;
	text-decoration: underline;
}

#andmore{
text-align:right;
font-size:11px;
clear:both;
}

/*------------------------------------
 footer
------------------------------------*/

#footer {
	width: 100%;
	height: 80px;
	clear:both;
	background: #000000 url(../img/common/bg_bottom.gif) repeat-x left top;
}
#footer-inner {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}

#footermenu {
	width: 800px;
	float: left;
}
#footermenu ul {
	margin-top: 2px;
}
#footermenu ul li {
	float: left;
	font-size: 10px;
}

/* footermenu link-style */
#footermenu ul a {
	color: #FFFFFF;
	padding: 0 0px;
}
#footermenu ul a:hover {
	color: #999999;
	text-decoration: underline;
}



#footermenu li a {
	color: #FFFFFF;
	padding: 0 8px;
	border-right: 1px solid #999999;
}
#footermenu li a:hover {
	color: #999999;
	text-decoration: underline;
}
#footermenu li.first a {
	padding: 0 8px 0 0;
	border-right: 1px solid #999999;
}
#footermenu li.last a {
	border-right: none;
}

#footer p#logo {
	width: 78px;
	float: left;
}
#footer p#logo {
	width: 78px;
	height: 22px;
	margin-top: 20px;
	display: block;
	text-indent: -9999px;
	background: url(../img/common/bottom_logo.gif) no-repeat left top;
}

#footermenu_top {
	width: 600px;
	font-size:11px;
	float: left;
}
#footermenu_top ul {
	margin-top: 2px;
}
#footermenu_top ul li {
	float: left;
	font-size: 10px;
}

/* footermenu link-style */
#footermenu_top ul a {
	color: #FFFFFF;
	padding: 0 0px;
}
#footermenu_top ul a:hover {
	color: #999999;
	text-decoration: underline;
}



#footermenu_top li a {
	color: #FFFFFF;
	padding: 0 8px;
	border-right: 1px solid #999999;
}
#footermenu_top li a:hover {
	color: #999999;
	text-decoration: underline;
}
#footermenu_top li.first a {
	padding: 0 8px 0 0;
	border-right: 1px solid #999999;
}
#footermenu_top li.last a {
	border-right: none;
}

#jsrac{
width:50px;
height:50px;
padding:10px 20px 0 0 ;
display: inline;
float:right;
}

#feric_logo {
	width: 78px;
	height: 22px;
	margin-top: 20px;
	margin-right:23px;
	float:right;
	display:inline;
	text-indent: -9999px;
	background: url(../img/common/bottom_logo.gif) no-repeat left top;
}

/*------------------------------------
 btn
------------------------------------*/

.pagetop {
	clear: both;
	line-height:0;
}
p.pagetop a {
	width: 78px;
	height: 15px;
	margin-left: 800px;
	display: block;
	text-indent: -9999px;
	text-decoration:none;
	line-height:normal;
	background: url(../img/common/btn_pagetop.gif) no-repeat left top;
}
.pagetop a:hover {
	background: url(../img/common/btn_pagetop.gif) no-repeat left -17px;
}



/*------------------------------------
relation
------------------------------------*/

#content_index{
width:900px;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*Hides from IE\mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:: block;
}
/* End hide from IE\mac */