@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: general style
 * 2: body
 * 3: container
 * 4: header
 * 5: content
 * 6: navi
 * 7: footer
 *
 * ****************************
 */


/*
======= 1: general style =======
*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
.opa-ani{opacity:1;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
.opa-ani:hover{opacity:0.7;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
/*
======= 2: body =======
*/
body {
	color: #666;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size: 75%;
	line-height: 1.7;
	text-align: left;
	background: #FFFFFF url(../../img/common/bg_base.gif) repeat-x left top;
}
html>body {
	font-size: 12px;
}

/*
======= 3: container =======
*/
#main {
	height:446px;
}

#container {
	width: 960px;
	margin: 0 auto 20px;
	text-align: left;
}

#saContent {
	margin-top:30px;
	width:960px;
}

/*---- saBox ----*/
#saBox {
	width:720px;
	float:left;
}

/*
======= 4: header =======
*/
#header {
	position: relative;
	width: 960px;
	height: 160px;
	margin: 0 auto;
	font-size: 100%;
}

#logo {
	position: absolute;
	width: 146px;
	height: 29px;
	top: 20px;
	left: 1px;
}

#hTxt01 {
	position: absolute;
	top: 25px;
	left: 166px;
	color: #BFBFBF;
	font-weight: bold;
}

#hContact {
	position: absolute;
	top: 29px;
	right: 0px;
	width: 202px;
}
#hTel {
	color: #999999;
	position: absolute;
	top: 33px;
	right: 221px;
	width: 216px;
}
#hWeblink {
	color: #999999;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 171px;
}

/*
======= 5: content =======
*/
#bgTtlBox {
	margin-bottom: 30px;
	border-bottom: 1px solid #DEDEDE;
	background: #F3F3F3;
}
#ttlBox {
	width: 900px;
	margin: 0 auto;
}

#index #indexPhBox{
	position: relative;
	width: 100%;
	margin-bottom: 24px;
	border-bottom: 1px solid #E4E4E4;
}
#index #indexPhBoxIn{
	position: relative;
	top: 0;
	left: 50%;
	width: 900px;
	height: 320px;
	margin: 0 0 0 -450px;
	padding: 0;
}


#contentBox {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#contents {
	float: left;
	width: 680px;
}

/* topicPath */
#topicPath {
	margin-top:6px;
	margin-bottom:22px;
}
#topicPath  a:link { color: #968559;
text-decoration:none;
}
#topicPath  a:hover { color: #968559;
text-decoration:underline;
}
#topicPath  a:visited { color: #968559;
text-decoration:underline;
}

/*
======= 6: navi =======
*/
#globalNavi {
	position: absolute;
	top: 105px;
	left: 0;
	width: 880px;
}

/*
======= 7: footer =======
*/
#footer {
	width: 100%;
	border-top: 2px solid #CCC;
}

#FooterTop {
	width:960px;
	margin:20px auto;
}

#footerLogo{
	width: 241px;
	float:left;
}

#toTop {
	width:112px;
	float:right;
}


#footerMenu {
	width: 960px;
	margin: 0 auto;
	margin-bottom:10px;
}

#bgFooterTxt {
	width: 100%;
	margin-top:10px;
	border-top:#CCC solid 1px;
	
}
#footerTxt {
	color: #666;
	width: 960px;
	margin: 0 auto;
	margin-bottom:20px;
	padding: 10px 0;
	font-size: 91%;
}
.footerTxt01 {
	float: right;
}
.footerTxt02 {
	float: left;
}


.cate{
    background-color: #a59674;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    display: inline-block;
    width: 80px;
    line-height: 1.4;
    text-align: center;
}
.cate.takanawa{
	background-color: #207510;
}
.cate.ikebukuro{
	background-color: #106275;
}
.cate.roppongi{
	background-color: #751010;
}
.cate.ginza{
	background-color: #757210;
}