@charset "utf-8";

/*------------------------------------------------------------------------------
	ZOMAHOUN.com
	Style Sheet for Basic Setting
	Date: 2009-11
	All content (c) IFE
------------------------------------------------------------------------------*/

/* =reset
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
p,address,blockquote,
fieldset {
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	vertical-align: top;
	}

/* =html5
--------------------------------------------------------- */
header,nav,section,article,aside,footer {
	display: block;
	}


/* =page structure
--------------------------------------------------------- */
html {
	font: 10px/1 "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	min-width: 980px;
	border-top: 1px solid #592C2A;
	}

body {
	text-align: center;
	color: #444;
	background: #FFF;
	}

#masthead {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	}

#content {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	background: url("/imglib/ui/bg_content.gif") repeat-y 740px 0;
	overflow: hidden;
	}

	#article {
		width: 690px;
		float: left;
		margin: 0 0 4em;
		}

		.activities #article,
		.inquiry #article {
			width: 720px;
			}

		#primary {
			width: 510px;
			padding: 0 29px 0 0;
			float: left;
			}

		#secondary {
			width: 180px;
			min-height: 400px;
			padding: 20px 0 0;
			float: right;
			background: url("/imglib/ui/bg_general.png") no-repeat 0 0;
			}

	#projects {
		width: 220px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		float: right;
		margin: 10px 0 0;
		padding: 0 0 4em;
		}

footer {
	padding: 30px 0 150px;
	background: #5C5A5A url("/en/imglib/ui/bg_footer.png") repeat-x;
	}


/* =heading
--------------------------------------------------------- */
h1 {
	font-weight: normal;
	font-size: 3em;
	line-height: 1.5;
	margin: 20px 0 1em;
	}

h2,
.root .tabbody h3 {
	font-weight: normal;
	font-size: 2em;
	line-height: 1.2;
	color: #362424;
	margin: 0 0 1em;
	}

h3 {
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0 0 1em;
	}

h4 {
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0 0 1em;
	}

h5 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.4;
	margin: -.5em 0 .5em;
	}


/* =article
--------------------------------------------------------- */
p {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 1em;
	}

ul,ol,dl {
	text-align: left;
	margin: 1em 0 1em 3em;
	padding: 0;
	}

ol {
	margin: 2em 0 2em 40px;
	}

dl {
	margin: 1em 0;
	overflow: hidden;
	}

li,dt,dd {
	font-size: 1.2em;
	line-height: 1.6;
	}

dt {
	font-weight: bold;
	}

img {
	vertical-align: top;
	}

table {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0;
	margin: 0 0 1em;
}

th,td {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
	}

#article em {
	font-style: normal;
	text-transform: uppercase;
	}

blockquote {
	margin: 0 0 3em;
	padding: 2em 2em 1em;
	background: #FAF8F9;
	border: 1px solid #F2F2F2;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	blockquote h3 {
		margin: 0;
		}

	blockquote ul {
		margin: 0 0 1em 2em;
		}

	blockquote ol {
		margin: 1em 20px 2em;
		}

	blockquote.errorMessage {
		padding: 2em;
		background: #FFF;
		border: 3px solid #C00;
		}

	#inquiry blockquote {
		margin-bottom: 2em;
		}

em {
	font-style: normal;
	text-transform: uppercase;
	}


/* =id
--------------------------------------------------------- */
#pageTop {
	position: absolute;
	top: 0;
	left: -9999em;
	}

p#gotop {
	clear: both;
	width: 100%;
	font-size: 1.3em;
	text-align: right;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	}

	p#gotop a {
		display: block;
		width: 8em;
		float: right;
		text-align: center;
		color: #FEFEFE;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
		padding: 1em 0 .5em;
		background: #988C8B url("/imglib/ui/bg_gotop.gif") repeat-x 0 0;
		}

p#vtip {
	display: none;
	position: absolute;
	padding: .5em 1em;
	left: 5px;
	font-size: 1.1em;
	color: #FFF;
	background-color: #402E2E;
	border: 1px solid #EEE;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	z-index: 9999;
	}

p#feeds {
	width: 220px;
	background: #FFF;
	border: 1px solid #DDD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	p#feeds a {
		display: block;
		height: 24px;
		line-height: 24px;
		padding: 10px 10px 10px 97px;
		background: url("/imglib/tmp/icon_feed.png") no-repeat 10px 10px;
		}


/* =class
--------------------------------------------------------- */
.aural {
	position: absolute;
	top: 0;
	left: -9999em;
	}

.print {
	display: none;
	}

.mod {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	}

.warning {
	width: 910px;
	text-align: left;
	margin: 2em auto;
	padding: 2em 25px 1em;
	border: 4px solid #900;
	}

p.more {
	clear: both;
	height: 30px;
	width: 100%;
	overflow: hidden;
	}

	p.more a {
		display: block;
		width: 100px;
		height: 30px;
		float: right;
		text-indent: -9999em;
		}

		p.more a:link {
			background: url("/imglib/ui/btn_continue.png") no-repeat 0 0;
			}

		p.more a:visited {
			background: url("/imglib/ui/btn_continue.png") no-repeat -100px 0;
			}

		p.more a:hover {
			background: url("/imglib/ui/btn_continue.png") no-repeat -200px 0;
			}

.entry {
	line-height: 1.4;
	}

.number {
	font-family: Helvetica, Arial, sans-serif;
	}

.explain {
	padding: 1.5em 15px;
	background: #EEE;
	}

	.explain h4 {
		margin: 0 0 .5em;
		}

.addthis {
	width: 163px;
	height: 23px;
	float: right;
	}

.english {
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
	}

.uppercase {
	text-transform: uppercase;
	}

p.lead {
	margin: 0 0 2em;
	}

p.largeBanner {
	margin: 0 0 20px;
	}

p.list {
	position: absolute;
	width: 60px;
	height: 25px;
	}

	p.list a {
		display: block;
		width: 60px;
		height: 25px;
		margin: -71px 0 0 365px;
		text-indent: -9999px;
		background: url("/imglib/ui/btn_lists.png") no-repeat 0 0;
		outline: none;
		}

	p.list a:hover {
		background-position: -60px 0;
		}

	p.list a:active {
		background-position: -120px 0;
		}

p.date {
	font-family: Helvetica, Arial, sans-serif;
	}

	p.date img {
		margin: 0 0 0 .5em;
		vertical-align: middle;
		}

	#topics article p.date {
		margin: 0 0 .5em;
		padding: 0 0 .25em;
		border-bottom: 1px solid #999;
		}

ul.external {
	list-style-type: none;
	margin: 0 0 1em;
	}

	ul.external li {
		margin: 0 0 .5em;
		}

		ul.external a {
			display: block;
			text-shadow: 1px 1px 0 #EEE;
			padding: 0 0 0 18px;
			background: url("/imglib/tmp/linkmark_external.gif") no-repeat 0 2px;
			}

ul.pdf {
	list-style-type: none;
	margin: 0 0 1em;
	}

	ul.pdfl li {
		margin: 0 0 .5em;
		}

		ul.pdf a {
			display: block;
			line-height: 1.7;
			text-shadow: 1px 1px 0 #EEE;
			padding: 0 0 0 23px;
			background: url("/imglib/tmp/icon_pdf_s.png") no-repeat 0 50%;
			}

ol.index {
	font-size: 1.8em;
	margin: 0 0 1em 40px;
	}

ol.alpha {
	list-style-type: upper-alpha;
	}

dl.dataList {
	width: 100%;
	}

	dl.dataList dt,
	dl.dataList dd {
		width: auto;
		float: left;
		}

		dl.dataList dt {
			clear: left;
			}

		.profile dl.dataList dt {
			width: 10em;
			}

table.data {
	border-top: 1px solid #444;
	}

	table.data th {
		font-weight: normal;
		padding: .6em 0 .3em;
		border-bottom: 1px solid #444;
		background: url("/imglib/tmp/border2px.gif") repeat-x 0 0;
		}

		.profile table.data th {
			width: 10em;
			}

	table.data td {
		padding: .6em 0 .3em 1em;
		border-bottom: 1px solid #444;
		}

span.new {
	display: none;
	}

	dd span.new img {
		margin: 0 0 0 5px;
		vertical-align: middle;
		}


/* =links
--------------------------------------------------------- */
a {
	text-decoration: none;
	vertical-align: baseline;
	border: none;
	}
 
	a:link {
		color: #4181A3;
		}

	a:visited {
		color: #888;
		}

	a:hover {
		color: #8EB8D8;
		}

	a img {
 		border: none;
		}


/* =form（フォームの設定）
----------------------------------------------------------------------------------------- */
legend {
	display: none;
	}

input {
	font-size: 1.2em;
	vertical-align: middle;
	}

	#mail_form h3 {
		margin: 1em 0;
		padding: 0 0 .5em;
		border-bottom: 1px dotted #999;
		}

	#mail_form span {
		margin-right: .5em;
		}

	#mail_form h4 {
		font-weight: normal;
		font-size: 1.2em;
		margin: 0;
		}

	input,
	textarea {
		padding: .3em 5px;
		border: 3px solid #DDD;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

	input {
		font-size: 1.1em;
		width: 375px;
		}

	textarea {
		font-size: 1.2em;
		width: 494px;
		height: 15em;
		margin: 0 0 1em;
		overflow: auto;
		}

		input:focus,
		textarea:focus {
			background: #EEE;
			}

.btnset {
	margin: 0 0 4em;
	}


		.btnset input { 
			width: auto;
			font: 1.2em/1 "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
			text-transform: uppercase;
			letter-spacing: .05em;
			border: none;
			cursor: pointer;
			margin-right: .5em;
			padding: 10px 20px 8px;
			color: #FFF;
			background: #655555 url("/imglib/ui/overlay.png") repeat-x 0 0;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				-moz-box-shadow: 0 0 1px rgba(0,0,0,0.5); 
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
			}

			.btnset input#mail_cancel {
				color: #655555;
				text-shadow: none;
				background-color: #EEE;
				}

				.btnset input:hover {
					background-position: 0 -50px; 
					}

				.btnset input:active { 
					background-position: 0 100%; 
						-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.7); 
						-webkit-box-shadow: none;
					}

		#mail_form strong {
			font-weight: normal;
			color: #9B265E;
			position: absolute;
			margin: 0 0 0 350px;
			}


/* =#masthead 
--------------------------------------------------------- */
#masthead h1 {
	width: 281px;
	float: left;
	margin: 35px 0 0;
	min-height: inherit;
	}

#masthead h2 {
	position: absolute;
	top: -9999px;
	}

/* ---------------------------------------------------------
	#commonNav
--------------------------------------------------------- */
#commonNav {
	width: 349px;
	float: right;
	margin: 42px 0 0;
	}

	#commonNav ul {
		list-style-type: none;
		}

		#commonNav ul li {
			float: left;
			font-size: 1em;
			line-height: 1;
			}

	#commonNav ul.cnSub {
		clear: both;
		height: 15px;
		width: 56px;
		margin: 0 0 4px 291px;
		}

		#commonNav ul.cnSub li {
			display: inline;
			height: 15px;
			}

			#commonNav ul.cnSub li a {
				display: block;
				height: 15px;
				width: 56px;
				text-indent: -9999px;
				background: url("/en/imglib/ui/bg_cnSub.gif") no-repeat 0 0;
				outline: none;
				}

				#commonNav ul.cnSub li a:hover {
					background-position: 0 -15px;
					}

	#commonNav #cnMain {
		width: 349px;
		height: 36px;
		margin: 0 0 3px;
		}

		#commonNav #cnMain ul {
			width: 349px;
			height: 36px;
			float: left;
			margin: 0;
			}

			#commonNav #cnMain ul li {
				height: 36px;
				margin-right: 4px;
				}

			#commonNav #cnMain ul li#cnmHome {
				width: 42px;
				}

			#commonNav #cnMain ul li#cnmPhotos {
				width: 178px;
				}

			#commonNav #cnMain ul li#cnmInquiry {
				width: 121px;
				margin: 0;
				}

				#commonNav #cnMain ul li a {
					display: block;
					height: 36px;
					text-indent: -9999px;
					background: url("/en/imglib/ui/bg_cnMain.png") no-repeat 0 0;
					outline: none;
					}

				#commonNav #cnMain ul li#cnmHome a {
					width: 42px;
					}

				#commonNav #cnMain ul li#cnmPhotos a {
					width: 178px;
					background-position: -46px 0;
					}

				#commonNav #cnMain ul li#cnmInquiry a {
					width: 121px;
					background-position: -228px 0;
					}

				#commonNav #cnMain ul li#cnmHome a:hover {
					background-position: 0 -36px;
					}

				#commonNav #cnMain ul li#cnmPhotos a:hover {
					background-position: -46px  -36px;
					}

				#commonNav #cnMain ul li#cnmInquiry a:hover {
					background-position: -228px  -36px;
					}

				#commonNav #cnMain ul li#cnmHome a:active {
					background-position: 0 -72px;
					}

				#commonNav #cnMain ul li#cnmPhotos a:active {
					background-position: -46px  -72px;
					}

				#commonNav #cnMain ul li#cnmInquiry a:active {
					background-position: -228px  -72px;
					}


/* ---------------------------------------------------------
	#intro
--------------------------------------------------------- */
#intro {
	height: 260px;
	margin: 0 0 1px;
	background: url("/imglib/tmp/bg_intro_zomahoun.png") no-repeat 50% 100%;
	}

	#intro .mod h2 {
		font: 2.6em/1.1 "Goudy Old Style", Palatino, "Book Antiqua", serif;
		text-shadow:1px 1px 0 #FFF;
		color: #482422;
		margin: 125px 0 0 590px;
		}


/* ---------------------------------------------------------
	#localNav
--------------------------------------------------------- */
#localNav {
	width: auto;
	height: 40px;
	margin: 20px 0 0;
	padding: 0 0 1px;
	background: url("/imglib/ui/bg_localNav.jpg") repeat-x 0 0;
	border-bottom: 1px solid #EEE;
	}

	.root #localNav {
		margin: 0;
		}

	#localNav ul#lnEasing {
		width: 960px;
		height: 40px;
		text-align: left;
		margin: 0 auto;
		padding: 0 10px;
		list-style-type: none;
		background: url("/en/imglib/ui/bg_lnEasing_zomahoun.jpg") no-repeat 10px 0;
		}

		#localNav ul#lnEasing li {
			position: absolute;
			width: 122px;
			height: 40px;
			font-size: 1em;
			line-height: 1;
			}

			#localNav ul li#ln01 {
				margin-left: 122px;
				}

			#localNav ul li#ln02 {
				margin-left: 244px;
				}

			#localNav ul li#ln03 {
				margin-left: 366px;
				}

				#localNav ul#lnEasing li a {
					position: absolute;
					display: block;
					width: 100%;
					height: 40px;
					text-indent: -9999px;
					outline: none;
					}

					#localNav ul li.current a {
						background: url("/en/imglib/ui/bg_lnEasing_zomahoun.jpg") no-repeat 0 -40px;
						}

						.profile #localNav ul li.current a {
							background-position: -122px -40px;
							}

						.activities #localNav ul li.current a  {
							background-position: -244px -40px;
							}


/* =#article
--------------------------------------------------------- */
#article header {
	width: auto;
	margin: 0 0 1em;
	padding: 0;
	}

	#article header h3 {
		margin: 0;
		}

	#article article {
		margin: 0 0 3em;
		overflow: hidden;
		}

		#article article p.more {
			margin: 0;
			}

		#article article p i {
			float: right;
			margin: 0 0 20px 10px;
			}

		#article article p.files img {
			float: none;
			margin: 0 10px 0 0;
			border: none;
			vertical-align: middle;
			}

		article aside {
			margin: 0 0 1.6em;
			padding: 1.5em 30px;
			background: #FAF8F9;
			border: 1px solid #F2F2F2;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}

			#topics article aside h3,
			.tabbody article aside h4 {
				font-size: 1.4em;
				line-height: 1.4;
				margin: 0 0 .5em;
				padding: 0 0 .7em;
				text-shadow: 1px 1px 0 #FFF;
				background: url("/imglib/tmp/border_topics.png") no-repeat 50% 100%;
				}

			article aside p {
				margin: 0;
				}

#article footer {
	padding: 0;
	background: none;
	}

#secondary ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #FFF;
	}

	#secondary ul li {
		border-bottom: 1px solid #DDD;
		}

		#secondary ul li a {
			display: block;
			padding: 1em 0 1em 15px;
			border-top: 1px solid #FFF;
			}

#primary article {
		padding: 30px 35px;
		border: 4px solid #F0F0F0;
		}

.header {
	margin: 0 0 6em;
	}

.footer {
	margin: 6em 0 0;
	}


/* ---------------------------------------------------------
	.tab
--------------------------------------------------------- */
 .tabs {
	width: 672px;
	margin: 20px 0 0;
	padding: 9px;
	background: #E3D4C1;
	}

	.tabs ol.label {
		height: 42px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		}

		.root .tabs ol.label {
			height: 47px;
			}

		.tabs ol.label li {
			float: left;
			font-weight: bold;
			font-size: 1.4em;
			text-transform: uppercase;
			margin: 0 5px 0 0;
			}

			.tabs ol.label a {
				float: left;
				text-shadow: 1px 1px 0 #EEE;
				padding: 10px 30px;
				background: #F0F0F0;
				border-bottom: 5px solid #FFF;
				display: block;
				}

				.root .tabs ol.label a {
					background: #EDE6DE;
					border-bottom-color: #E3D4C1;
					}

				.tabs ol.label a:link,
				.tabs ol.label a:visited {
					color: #999;
					}

				.tabs ol.label a:hover {
					color: #333;
					}

				.tabs ol.label .current a {
					text-shadow: 1px 1px 0 #FFF;
					border-bottom-color: #FFF;
					background: #FFF url("/imglib/tmp/bg_tab.jpg") repeat-x 0 0;
					}

					.tabs ol.label .current a:hover {
						color: #333;
						}

	.tabs h2 {
		display: none;
		}

	.tabbody {
		width: 472px;
		padding: 60px 100px;
		background: #FFF;
		}

		.tabbody dl {
			margin: 0;
			}

			.tabbody dl dt {
				font-weight: normal;
				font-family: Helvetica, Arial, sans-serif;
				margin: 0 0 .2em;
				border-bottom: 1px solid #DDD;
				}

			.tabbody dl dd {
				font-size: 1.4em;
				margin: 0 0 1em;
				}

			.tabbody dl dd a {
				display: block;
				}

			.tabbody article p {
				margin: 0 0 1.6em;
				}

			.tabbody article p.date {
				margin: 0 0 .5em;
				padding: 0 0 .25em;
				border-bottom: 1px solid #999;
				}

			.tabbody article aside p {
				margin: 0;
				}

 .js .tabs {
	width: 672px;
	}

	.js .tabs .content {
		clear: both;
		}

	span.current-info,
	span.accessibletabsanchor {
		position: absolute;
		left: -9999em;
		}


/* =#aside
--------------------------------------------------------- */
#projects ul {
	margin: 0;
	padding: 0 0 1em;
	list-style-type: none;
	}

	#projects ul li {
		line-height: 1;
		margin: 10px 0 0;
		}

	#projects h2 {
		margin: 0;
		}

#projects .recommend {
	margin: 0 0 10px;
	}

	#projects .recommend ul {
		margin: 0;
		background: #FFF;
		border: 1px solid #DDD;
		}

		#projects .recommend ul li {
			line-height: 1.6;
			text-align: center;
			margin: 0;
			border-bottom: 1px dotted #DDD;
			}

			#projects .recommend ul li a {
				display: block;
				padding: 10px 0;
				}

	#projects .recommend dl {
		margin: 0;
		padding: 1.5em 15px;
		background: #FFF;
		border: 1px solid #DDD;
		border-top-width: 0;
		overflow: hidden;
		}

		#projects .recommend dl dt {
			clear: both;
			width: 65px;
			float: left;
			}

		#projects .recommend dl dd {
			width: 110px;
			float: right;
			font-size: 1.1em;
			}


/* =#footer
--------------------------------------------------------- */
footer #colophon {
	width: 500px;
	float: left;
	}

	footer #colophon ul {
		margin: 0 0 .5em;
		list-style-type: none;
		overflow: hidden;
		}

		footer #colophon ul li {
			font-size: 1.2em;
			line-height: 1.2;
			text-transform: uppercase;
			color: #FEFEFE;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px dotted #FEFEFE;
			}

		footer #colophon ul li.en {
			font-family: Helvetica, Arial, sans-serif;
			border: none;
			}

			footer #colophon ul li a:link,
			footer #colophon ul li a:visited {
				color: #FEFEFE;
				}

			footer #colophon ul li a:hover {
				color: #CCC;
				}

address {
	clear: both;
	font-style: normal;
	font-size: 1.1em;
	line-height: 1.6;
	color: #FEFEFE;
	}

	address a:link,
	address a:visited {
		color: #FEFEFE;
		}

	address a:hover {
		color: #CCC;
		}




/* =#error
--------------------------------------------------------- */
html.error {
	min-width: inherit;
	}

body#error {
	text-align: left;
	background: #B8A97F url("/error/img/bg_error.jpg") no-repeat 0 121px;
	}

	body#error.e500 {
		background: #FFF;
		}

	#error h1 {
		width: auto;
		float: none;
		margin: 0;
		padding: 40px;
		}

	#error header {
		height: 482px;
		}

		#error.e500 header {
			height: auto;
			background: #E9E9E9;
			}

	#error .content {
		padding: 20px 40px;
		background: url("/error/img/whiteBase.png");
		}

	#error address {
		color: #444;
		}

		#error address a:link,
		#error address a:visited {
			color: #444;
			}

		#error address a:hover {
			color: #CCC;
			}


/* EOF
--------------------------------------------------------- */