/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #999; font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, "Lucida Grande", sans-serif; font-size: small; font-style: normal; }
body { background: #fff; margin:10px 20px 10px 20px; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ¥*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */
/* ============================== 04 site navigation */
/* ============================== 06 contents */

div#wrapper{
	width:740px;
	background-color:#fff;
	margin:5px 0 0 20px;
}

.spacing { padding-bottom: 1em; }
.notes { font-size:x-small; }
.right { text-align: right; }
 
em { color:#ff6666; }

.hairsalon h1 { margin:10px 0 0 0; }
.hairsalon #contents { margin: 25px 25px 10px 25px; width:510px;}
.hairsalon h2 { font-weight:bold; color:#00cccc; padding-bottom: 1em; }
.hairsalon h3 { font-weight:bold; color:#00cccc; margin-top:10px; margin-bottom:5px; }
.hairsalon strong { font-weight:bold; color:#00cccc; }

.hairsalon ul { margin: 0 0 10px 0; width:510px; }
.hairsalon li { margin: 0 0 5px 5px; background:url(../hairsalon/img/bullet.gif) no-repeat left 0.25em; padding-left: 12px; min-height: 10px; } 

.hairsalon a { text-decoration: none; color:#c6f; }
.hairsalon a:link { text-decoration: none; color:#c6f; }
.hairsalon a:visited { text-decoration: none; color:#c6f; }
.hairsalon a:hover, a:active { text-decoration: none; color:#0cc; }

.hairsalon #footer .copyright { float: left; font-size: x-small; }
.hairsalon #footer .button_close { width: 42px; float: right; }
.hairsalon #footer .button_close a { display: block; background: url(../hairsalon/img/button_close.gif) no-repeat 0 0; width: 42px; height: 10px; font-size: 5px; line-height: 100%; }
.hairsalon #footer .button_close a:hover, #footer .button_close a:active { background-position: 0 -10px; }

/* ============================== 05 footer */
/* ============================== 07 others */
/* gallery pop up共通 */
.gallery #contents { width: 514px; border: none; padding-bottom: 0; }
.variety #contents { width: 520px; border: none; padding-bottom: 0; }

#gallery_popup #title { color: #FF7800; font-weight:bold; font-size:medium; }

#gallery_popup .photocol1 { width:514px; margin-top:14px; }
#gallery_popup .photocol2 { width:454px; margin-top:14px; margin-left:30px; }

#gallery_popup .photoleft { float:left; }
#gallery_popup .photoright { float:right; }

/* Variety Fair */
.variety #contents{
	margin-top:14px;
}
.variety #contents table{
	width: 520px;
}
.variety #contents tr{
	vertical-align: top; 
}
.variety #contents table.spacing{
	margin-bottom: 1em;
}
.variety #contents td.w175{
	width: 175px;
}
.variety #contents tr.cap p{
	width: 170px;
	font-size:x-small;
}

/* Variety Fair 2008/04 */
.variety_0804 #contents{
	margin-top:14px;
}
.variety_0804 #contents table{
	width: 520px;
}
.variety_0804 #contents tr{
	vertical-align: top; 
}
.variety_0804 #contents table.spacing{
	margin-bottom: 1em;
}
.variety_0804 #contents td.w131{
	width: 131px;
}
.variety_0804 #contents tr.cap p{
	width: 127px;
	font-size:x-small;
	margin-top:3px;
}
.variety_0804  p{
	font-size:x-small;
}
.variety_0804 #contents td.w184{
	width: 184px;
}
.variety_0804 #contents tr#cap184 p{
	width: 180px;
	font-size:x-small;
	margin-top:3px;
}

/* current exhibition */
.eng_exhibition p { font-size:x-small; padding-bottom: 0.2em; line-height:140%; }
.jpn_exhibition p { font-size:x-small; padding-bottom: 0.2em; line-height:140%; }

.exhibition a { text-decoration: none; color:#9c6; font-size:x-small; padding-bottom: 0.2em; line-height:140%; }
.exhibition a:link { text-decoration: none; color:#9c6; font-size:x-small; padding-bottom: 0.2em; line-height:140%; }
.exhibition a:visited { text-decoration: none; color:#9c6; font-size:x-small; padding-bottom: 0.2em; line-height:140%; }
.exhibition a:hover, a:active { text-decoration: none; color:#f90; font-size:x-small; padding-bottom: 0.2em; line-height:140%; }
.exhibition .current_title { font-size:x-small; text-decoration: none; color:#f90; }
.exhibition .current_session { font-size:x-small; text-decoration: none; color:#9c6; }
.exhibition #coming p { padding-bottom: 1em; }

#current .title_area { padding:0 0 0 37px; background: url(../img/bullet.gif) no-repeat 0 0; margin-bottom:25px; }
#past .title_area { padding:0; margin-bottom:25px; }

.exhibition .title_area p { font-size:small; padding-bottom: 0.1em; }
.exhibition .title_area .title { color:#f90; }
.exhibition .title_area .subtitle { color:#f90; }
.exhibition .title_area .session { color:#9c6; }
.exhibition .photoright { float:right; margin:0 0 10px 10px; }
.exhibition .more { margin-top:10px; }
.exhibition .title_area .title_notes { font-size:x-small; color:#9c6; }

#past .notes { color:#f90; }
#past #year a { text-decoration: none; color:#9c6; font-size:small; padding-bottom: 0.2em; line-height:140%; }
#past #year a:link { text-decoration: none; color:#9c6; font-size:small; padding-bottom: 0.2em; line-height:140%; }
#past #year a:visited { text-decoration: none; color:#9c6; font-size:small; padding-bottom: 0.2em; line-height:140%; }
#past #year a:hover, a:active { text-decoration: none; color:#f90; font-size: small; padding-bottom: 0.2em; line-height:140%; }
#past #year a.current { text-decoration: none; color:#f90; }
#past .column { margin-bottom:10px; }

.exhibition strong { font-size:x-small; font-weight:bold; }
.exhibition .orange { font-size:x-small; color:#f60; }
.exhibition .b_orange { font-size:x-small; color:#f60; font-weight:bold; }

/* news */
#news p.day { color:#01B3B2; font-size:x-small; }
#news p.title { color:#f99; font-size:small; font-weight:bold; }
#news .pink { color:#f36; font-size:x-small; }
#news strong { font-weight:bold; font-size:x-small; }
#news em { color:#f36 font-weight:bold; font-size:x-small; }

/* shopping_howto */