@charset "utf-8";

/* body
--------------------------------------------------*/
body {
	text-align: center;
	background: #f7f0f0 url(../img/header_bg.png) repeat-x;
}

hr {
	display: none;
}

/* container
--------------------------------------------------*/
#container {
	position: relative;
	width: 940px;
	margin: auto;
	text-align: left;
}

/* header
--------------------------------------------------*/
#header {
	position: relative;
	height: 102px;
}

#logo {
	position: relative;
	top: 26px;
	left: 0;
	width: 169px;
}

#logo a,
#logo span {
	display: block;
	width: 169px;
	height: 56px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.png);
}

/* content
--------------------------------------------------*/
#content {
	position: relative;
	margin-top: 35px;
}

#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#content .contentBox {
	margin-top: 30px;
}

#content .contentBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#content h2#contentTitle + p,
#content h2#contentTitle + .contentBox {
	margin-top: 0;
}

#content p#contentImage + p {
	margin-top: 20px;
}

#content h3 {
	font-size: 108%;
	font-weight: bold;
	color: #900;
}

#content p,
#content ul {
	margin-top: 1em;
}

#content h3 + p,
#content h3 + ul {
	margin-top: 20px;
}

/* ----- contentTitle ----- */
#content h2#contentTitle {
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
}

body.aboutsite #content h2#contentTitle { background: url(../img/title_aboutsite.png) no-repeat left center; }
body.contact #content h2#contentTitle { background: url(../img/title_contact.png) no-repeat left center; }
body.csr #content h2#contentTitle { background: url(../img/title_csr.png) no-repeat left center; }
body.esthetic #content h2#contentTitle { background: url(../img/title_esthetic.png) no-repeat left center; }
body.esthetic.license #content h2#contentTitle { background: url(../img/title_esthetic_license.png) no-repeat left center; }
body.esthetic.oriental #content h2#contentTitle { background: url(../img/title_esthetic_oriental.png) no-repeat left center; }
body.esthetic.original #content h2#contentTitle { background: url(../img/title_esthetic_original.png) no-repeat left center; }
body.esthetic.record #content h2#contentTitle { background: url(../img/title_esthetic_record.png) no-repeat left center; }
body.esthetic.symposium #content h2#contentTitle { background: url(../img/title_esthetic_symposium.png) no-repeat left center; }
body.history #content h2#contentTitle { background: url(../img/title_history.png) no-repeat left center; }
body.media#cm #content h2#contentTitle { background: url(../img/title_media_cm.png) no-repeat left center; }
body.message #content h2#contentTitle { background: url(../img/title_message.png) no-repeat left center; }
body.news #content h2#contentTitle { background: url(../img/title_news.png) no-repeat left center; }
body.philosophy #content h2#contentTitle { background: url(../img/title_philosophy.png) no-repeat left center; }
body.privacypolicy #content h2#contentTitle { background: url(../img/title_privacypolicy.png) no-repeat left center; }
body.profile #content h2#contentTitle { background: url(../img/title_profile.png) no-repeat left center; }
body.sitemap #content h2#contentTitle { background: url(../img/title_sitemap.png) no-repeat left center; }

/* ----- column ----- */
#content .columnLeft {
	float: left;
	display: inline;
}

#content .columnRight {
	float: right;
	display: inline;
}

/* ----- img ----- */
#content .imgLeft {
	float: left;
	display: inline;
	margin-right: 20px;
}

#content .imgRight {
	float: right;
	display: inline;
	margin-left: 20px;
}

/* ----- esthetic ----- */
body.esthetic #content .columnLeft {
	width: 700px;
}

body.esthetic #content .columnLeft #contentTopics {
	margin-top: 20px;
	padding: 15px;
	border: 1px #ccc solid;
	background: #eae4e4;
	zoom: 1;
}

body.esthetic #content .columnLeft #contentTopics:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.esthetic #content .columnLeft #contentTopics h3 {
	margin-top: 20px;
}

body.esthetic #content .columnLeft #contentTopics h3 + p {
	margin-top: 10px;
}

body.esthetic #content .columnLeft .contentBox {
	margin-top: 40px;
	padding-bottom: 20px;
	background: #eae4e4;
	border-top: 2px #9e5454 solid;
	zoom: 1;
}

body.esthetic #content .columnLeft .contentBox h3 {
	padding: 10px 20px;
	background: #ded8d8;
	color: #333;
}

body.esthetic #content .columnLeft .contentBox .number {
	font-size: 72%;
}

body.esthetic #content .columnLeft .contentBox p {
	margin-left: 20px;
}

body.esthetic #content .columnLeft .contentBox img {
	float: right;
	margin: 0 20px;
}

body.esthetic #content .columnLeft .contentBox .link {
	margin-top: 1em;
}

body.esthetic #content .columnRight {
	width: 220px;
}

body.esthetic #content .columnRight ul {
	background: #eae4e4;
	border-top: 2px #b3afaf solid;
}

body.esthetic #content .columnRight li {
	border-bottom: 1px #c5c1c1 solid;
}

body.esthetic #content .columnRight li a {
	display: block;
	padding: 1em 0 1em 2em;
	text-decoration: none;
}

body.esthetic #content .columnRight li a:hover {
	background: #e8d8d8;
}

body.esthetic #content .columnRight li#localMenuEsthetic a {
	background: #d2cdcd;
	font-weight: bold;
}

/* ----- esthetic license ----- */
body.esthetic.license #content .columnLeft h3 {
	margin: 20px 0;
	padding: 1em;
	background: #eae4e4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: center;
	color: #333;
}

body.esthetic.license #content .columnLeft #contentAea {
	margin-top: 20px;
	padding: 20px;
	background: #eae4e4;
	border: 1px #ccc solid;
}

body.esthetic.license #content .columnLeft #contentAea h4 {
	font-weight: bold;
	margin-bottom: 1em;
}

/* ----- esthetic oriental ----- */
body.esthetic.oriental #content .columnLeft h3 {
	clear: both;
	margin: 20px 0;
	padding: 1em;
	background: #eae4e4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: center;
	color: #333;
}

body.esthetic.oriental #content .columnLeft h4 {
	margin: 2em 0 1em 0;
	font-weight: bold;
	color: #900;
}

/* ----- esthetic original ----- */
body.esthetic.original #content .columnLeft h3 {
	margin: 20px 0;
	padding: 1em;
	background: #eae4e4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: center;
	color: #333;
}

/* ----- esthetic record ----- */
body.esthetic#record {
	;
}

/* ----- esthetic symposium ----- */
body.esthetic.symposium #content .columnLeft .contentBox .date {
	font-size: 77%;
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle,
body.esthetic.symposium #content .columnLeft #symposiumReport,
body.esthetic.symposium #content .columnLeft #symposiumAppearance,
body.esthetic.symposium #content .columnLeft #symposiumLocation {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc solid;
	zoom: 1;
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle h3.title {
	margin-top: 20px;
	font-size: 146.5%;
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle p.location {
	font-size: 77%;
	margin-bottom: 0;
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle p.subtitle {
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle #topics {
	margin-top: 10px;
	padding: 1em;
	background: #eae4e4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

body.esthetic.symposium #content .columnLeft #symposiumTtitle #topics dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

body.esthetic.symposium #content .columnLeft #symposiumReport h4,
body.esthetic.symposium #content .columnLeft #symposiumAppearance h4,
body.esthetic.symposium #content .columnLeft #symposiumLocation h4 {
	margin-bottom: 1em;
	font-size: 123.1%;
	font-weight: bold;
}

body.esthetic.symposium #content .columnLeft #symposiumReport h5,
body.esthetic.symposium #content .columnLeft #symposiumAppearance h5,
body.esthetic.symposium #content .columnLeft #symposiumLocation h5 {
	margin: 1em 0;
	font-weight: bold;
	color: #9e5454;
}

body.esthetic.symposium #content .columnLeft #symposiumArchive {
	background: #eae4e4;
	border-top: 2px #9e5454 solid;
	zoom: 1;
}

body.esthetic.symposium #content .columnLeft #symposiumArchive dt {
	padding: 1em 1em 0 1em;
	font-weight: bold;
}

body.esthetic.symposium #content .columnLeft #symposiumArchive dd {
	padding: 0 1em 1em 1em;
	border-bottom: 1px #ccc solid;
}

body.esthetic.symposium #content .columnLeft #symposiumReport:after,
body.esthetic.symposium #content .columnLeft #symposiumAppearance:after,
body.esthetic.symposium #content .columnLeft #symposiumLocation:after,
body.esthetic.symposium #content .columnLeft #symposiumArchive:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.esthetic.symposium #content .columnLeft .section {
	zoom: 1;
}

body.esthetic.symposium #content .columnLeft .section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.esthetic.symposium #content .columnLeft #symposiumLocation .section .photo {
	float: left;
	display: inline;
	width: 300px;
	margin: 10px 20px;
	text-align: center;
	font-size: 77%;
}


body.esthetic.symposium #content .columnLeft #symposiumLocation .section .photo img {
	border: 5px #fff solid;
}

body.esthetic.symposium #content .columnLeft #symposiumLocation .section .photo .caption {
	text-align: left;
	margin: 0 5px;
}

body.esthetic.symposium #content .columnLeft p.photoLeft {
	float: left;
	display: inline;
	width: 254px;
	height: 220px;
	margin: 5px;
	font-size: 77%;
	line-height: 1.2em;
}

body.esthetic.symposium #content .columnLeft p.photoRight {
	float: right;
	width: 254px;
	margin: 5px;
	font-size: 77%;
	line-height: 1.2em;
}

body.esthetic.symposium #content .columnLeft p.photoLeft img,
body.esthetic.symposium #content .columnLeft p.photoRight img {
	margin-bottom: 5px;
	border: 7px solid#fff;
}

body.esthetic.symposium #content .columnLeft p.link {
}

body.esthetic.symposium #content .columnLeft p.link a {
	display: block;
	width: 60px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../esthetic/symposium/img/symposium_btn.png);
}

body.esthetic.symposium #content .columnLeft p.link a:hover {
	background-position: 0 -20px;
}

/* ----- media cm ----- */
body.media#cm #content #contentCm {
	margin: 0 0 60px 204px;
}

body.media#cm #content #contentCm dt {
	clear: left;
	float: left;
	display: inline;
	margin-right: 1em;
	font-size: 77%;
}

body.media#cm #content #contentCm dd {
	font-size: 77%;
}

body.media#cm #content .contentBox {
	padding-right: 320px;
	margin-bottom: 60px;
}

body.media#cm #content #contentComment {
	background: url(../img/media_cm_bg.jpg) no-repeat right top;
}

body.media#cm #content #contentComment:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.media#cm #content #contentMessage {
	padding: 20px;
	background: #fff;
	zoom: 1;
}

body.media#cm #content #contentMessage:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.media#cm #content #contentMessage h3 {
	margin-top: 0.5em;
}

/* ----- message ----- */
body.message #content p {
	margin-top: 30px;
}

body.message #content p#contentImage {
	margin-top: 0;
}
/* ----- news ----- */
body.news #content .columnLeft {
	width: 700px;
}

body.news #content .columnLeft h3 {
	padding: 10px 20px;
	background: #eae4e4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	color: #333333;
}

body.news #content .columnLeft .contentBox {
	padding-bottom: 30px;
	border-bottom: 1px #ccc solid;
}

body.news #content .columnLeft .contentBox h4 {
	font-weight: bold;
	margin-bottom: 20px;
}

body.news #content .columnLeft .contentBox table {
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}

body.news #content .columnLeft .contentBox th {
	font-weight: bold;
	background: #d2cdcd;
	padding: 1em;
	border-bottom: 1px #ccc solid;
}

body.news #content .columnLeft .contentBox td {
	padding: 1em;
	border-bottom: 1px #ccc solid;
	background: #eae4e4;
}

body.news #content .columnLeft dl {
	margin-top: 20px;
}

body.news #content .columnLeft dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body.news #content .columnLeft dt {
	clear: left;
	float: left;
	padding:10px 0;
	line-height: 1.2em;
}

body.news #content .columnLeft dd {
	padding: 10px 0 10px 140px;
	line-height: 1.2em;
	border-bottom: 1px #ccc dotted;
}

body.news #content .columnRight {
	width: 220px;
}

body.news #content .columnRight {
	float: right;
	width: 220px;
}

body.news #content .columnRight ul {
	background: #eae4e4;
	border-top: 2px #b3afaf solid;
}

body.news #content .columnRight li {
	border-bottom: 1px #c5c1c1 solid;
}

body.news #content .columnRight li a {
	display: block;
	padding: 1em 0 1em 2em;
	text-decoration: none;
}

body.news #content .columnRight li a:hover {
	background: #e8d8d8;
}

body.news #content .columnRight li#localMenuEsthetic a {
	background: #d2cdcd;
	font-weight: bold;
}

/* ----- sitemap ----- */
#contentSitemap {
	float: left;
	display: inline;
	padding: 5px 15px;
	width: 430px;
	background: #eae4e4;
}

#contentSitemap li {
	padding: 10px 0;
	border-top: 1px #ccc solid;
	font-weight: bold;
}

#contentSitemap li.first {
	border-top: none;
}

#contentSitemap li li {
	margin-left: 1em;
	margin-bottom: -10px;
	border: none;
	font-weight: normal;
}

#contentSitemap li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#contentLink {
	float: right;
	display: inline;
	padding: 5px 15px;
	width: 430px;
	background: #eae4e4;
}

#contentLink li {
	padding: 10px 0;
	border-top: 1px #ccc solid;
}

#contentLink li.first {
	border-top: none;
}

#contentLink li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#contentLink li img {
	margin-right: 10px;
	float: left;
}

/* pageTop
--------------------------------------------------*/
#pageTop {
	clear: both;
	margin: 40px 0 0 799px;
}

#pageTop p a {
	display: block;
	width: 141px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/pagetop.png);
}

/* topicPath
--------------------------------------------------*/
#topicPath {
	position: absolute;
	top: 122px;
	left: 0;
	width: 940px;
}

#topicPath li {
	float: left;
	margin-right: 1em;
	font-size: 77%;
}

#topicPath li a {
	padding-right: 1em;
}

/* nav
--------------------------------------------------*/
#nav {
	position: absolute;
	top: 46px;
	left: 306px;
	width: 634px;
}

#nav li {
	float: left;
	display: inline;
	margin-left: 30px;
}

#nav li a {
	display: block;
	height: 52px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/nav.png);
}

li#navProfile a { width: 66px;}
li#navHistory a { width: 66px; background-position: -66px 0;}
li#navPhilosophy a { width: 69px; background-position: -132px 0;}
li#navEsthetic a { width: 130px; background-position: -201px 0;}
li#navMessage a { width: 68px; background-position: -331px 0;}
li#navNews a { width: 55px; background-position: -399px 0;}

li#navProfile a:hover { background-position: 0 -52px;}
li#navHistory a:hover { background-position: -66px -52px;}
li#navPhilosophy a:hover { background-position: -132px -52px;}
li#navEsthetic a:hover { background-position: -201px -52px;}
li#navMessage a:hover { background-position: -331px -52px;}
li#navNews a:hover { background-position: -399px -52px;}

body.profile li#navProfile a { background-position: 0 -104px;}
body.history li#navHistory a { background-position: -66px -104px;}
body.philosophy li#navPhilosophy a { background-position: -132px -104px;}
body.esthetic li#navEsthetic a { background-position: -201px -104px;}
body.message li#navMessage a { background-position: -331px -104px;}
body.news li#navNews a { background-position: -399px -104px;}

/* utility
--------------------------------------------------*/
#utility {
	position: absolute;
	top: 2px;
	left: 720px;
	width: 220px;
}

#utility li {
	float: left;
	display: 
}

#utility li a {
	display: block;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/utility.png) no-repeat;
}

li#utilityPrivacy a { width: 145px;}
li#utilityContact a { width: 75px; background-position: -145px 0;}
li#utilityPrivacy a:hover { background-position: 0 -15px;}
li#utilityContact a:hover { background-position: -145px -15px;}

/* footer
--------------------------------------------------*/
#footerBg {
	margin-top: 40px;
	background: #c6c1c1;
}

#footer {
	position: relative;
	width: 940px;
	height: 250px;
	margin: auto;
	text-align: left;
	background: #c6c1c1;
}

/* ----- footerNav ----- */
#footerNav {
	padding-top: 15px;
	font-size: 77%;
}

#footerNav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#footerNav li {
	float: left;
	display: inline;
	margin-right: 1em;
}

/* ----- copyright ----- */
#copyright {
	margin-top: 20px;
	font-size: 77%;
}

/* trackingCode
--------------------------------------------------*/
#trackingCode {
	background: #c6c1c1;
}