@charset "UTF-8";

/* reset
----------------------------------------------- */

* {
	font-size:100%;
	margin:0;
	padding:0;
	}

html,body,div,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,
span,address,
table,thead,tfoot,tbody,th,td,
form,fieldset,
blockquote,pre,object,param {
	margin:0px;
	padding:0px;
	background:transparent;
	font-family:
		"ＭＳ Ｐ明朝",
		"ＭＳ 明朝",
		"ヒラギノ明朝 Pro W3",
		"平成明朝",
		serif;
	}



/* base styles
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#606060;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	}

/* Win IE7 */
*:first-child+html body { 
	font-size:75%;
	}
*:first-child+html table { 
	font-size:100%;
	}

*:first-child+html * {
	lette-spacing: 0;
	zoom:1;
	}

/* Win IE6 & 6以前 */
* html body { 
	font-size:75%;
	}
* html table { 
	font-size:100%;
	}



/* links
----------------------------------------------- */

a img {
	border-width:0;
	}

a {
	color:#001bc1;
	text-decoration:none;
	}

a:link {
	color:#001bc1;
	}

a:visited {
	color:#001bc1;
	}

a:hover, a:focus, a:active {
	color:#001bc1;
	text-decoration:underline;
	}



/* class
----------------------------------------------- */

ul {list-style-type:none;}
.small { font-size:smaller;}
.bold	{ font-weight:bold;}
.red { color:#c10005;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
	}
.clearfix {
  min-height: 1px;
	}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
.clear {
	height:0;
	line-height:0;
	clear:both;
	font-size:0;
	}

.rollover {}
hr {
	display:none;
	}
.aster {
	margin:0 0 0 1em;
	text-indent:-1em;
	}
.fLeft {
	float:left;
	}
.fRight {
	float:right;
	}

.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }

.fs12kome {
	display:block;
	font-size:12px;
	text-indent:-12px;
	padding-left:12px;
	line-height:1.3;
	}


/* wrap
----------------------------------------------- */

div#wrap {
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#606060;
	background-color:#fff;
	}


/* navi
----------------------------------------------- */

div#navi {
	float:left;
	width:168px;
	height:425px;
	margin:13px 0 0 12px;
	padding:0;
	text-align:left;
	}

div#navi div#aoyama {
	background:#fff url(../img/aoyama_navi_bg.jpg) no-repeat left top;
	}

div#navi#azabu {
	background:#fff url(../img/azabu_navi_bg.jpg) no-repeat left top;
	}


div#navi h1 {
	width:168px;
	margin:0;
	height:101px;
	}

div#navi ul.local {
	width:168px;
	margin:0;
	font-size:1px;
	}

div#navi ul.local li {
	width:168px;
	height:30px;
	line-height:0;
	}

div#navi ul.local li img {
	width:168px;
	height:30px;
	}

div#navi ul.local li.message {
	margin-top:7px;
	}

div#navi ul.global {
	margin-top:19px;
	}

div#navi ul.global li {
	float:left;
	}

div#navi ul.global li img {
	width:84px;
	height:28px;
	}



/* container
----------------------------------------------- */

div#container {
	float:left;
	width:569px;
	margin:13px 0 0 25px;
	padding:0;
	text-align:left;
	}




/* pageTop
----------------------------------------------- */

div#pageTop {
	width:566px;
	margin:50px 3px 0 0;
	text-align:right;
	}

div#pageTop p img {
	width:88px;
	height:23px;
	}


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

div#footer {
	position:relative;
	width:800px;
	height:40px;
	margin:0;
	padding-top:50px;
	padding-bottom:20px;
	text-align:center;
	clear:both;
	}

div#footer p {
	margin:0 auto;
	}

div#footer p img {
	width:268px;
	height:14px;
	}





/* pop up image page
----------------------------------------------- */

body#popupImage p {
	line-height:1px;
	}

body#popupImage p.popupPhoto {
	margin:0;
	padding:0;
	}

body#popupImage p.closeBtn {
	margin-top:5px;
	padding:0;
	text-align:right;
	}

body#popupImage p.closeBtn img {
	width:45px;
	height:15px;
	margin-right:0;
	}