@charset "utf-8";

/*------------------------------------------------------------------------------
	株式会社カナリヤグラフィックス 東京分室
	Style Sheet for Basic Setting
	Date: 2009-06
	All content (c) Canary Graphics Inc.
------------------------------------------------------------------------------*/

/* =reset
--------------------------------------------------------- */
html,body,section,article,aside,header,nav,hgroup,figure,footer,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,address,blockquote,
legend,fieldset {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	list-style-type: none;
	}


/* =page structure
--------------------------------------------------------- */
html {
	min-width: 960px;
	font: 10px/1 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #204861 url("/imglib/bg.jpg");
	}

body {
	text-align: center;
	text-shadow: -1px -1px 1px #333;
	color: #EAE5E3;
	background: url("/imglib/bg_body.png") repeat-x 0 0;
	}

header#masthead {
	margin: 0 0 107px;
	background: url("/imglib/bg_belt_lower.png") repeat-x 0 118px;
	}

	header#masthead .mod {
		height: 338px;
		margin-bottom: 1px;
		}

#content {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-shadow: none;
	}

#informations {
	color: #BBB;
	padding: 65px 0 0;
	background: url("/imglib/bg_footer.png") repeat-x 0 0;
	}

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


/* =heading
--------------------------------------------------------- */
h1 {
	height: 146px;
	width: 153px;
	margin: 0 0 47px;;
	text-indent: -9999px;
	}

	h1 a {
		display: block;
		height: 146px;
		width: 153px;
		background: url("/imglib/logo.png") no-repeat;
		outline: none;
		}

h2 {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 1em;
	}

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

h4 {
	font-size: 1.6em;
	line-height: 1.4;
	margin: 0 0 1em;
	color: #F0F0F0;
	}

h5 {
	font: normal 1em/2 Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	}


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

p.legacy {
	display: none;
	}

p.modern {
	text-align: center;
	}

p.caution {
		color: #CC7EB1;
		}

p#vtip {
	display: none;
	position: absolute;
	padding: .5em 1em;
	left: 5px;
	font-size: 1.1em;
	background: url("/imglib/base.png");
	border: 1px solid #EEE;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	z-index: 9999
	}

p.imgParts {
	background: url("/imglib/base.png");
	padding: 6px;
	}

	p.imgParts img {
		margin: 0;
		vertical-align: middle;
		}

#pageTop {
	position: absolute;
	top: 0;
	left: -9999em;
	}

p#goTop {
	width: 31px;
	height: 31px;
	position: absolute;
	margin: -65px 0 0 929px;
	}

	p#goTop a {
		display: block;
		width: 31px;
		height: 31px;
		text-indent: -9999px;
		background: url("/imglib/pagetop.png") no-repeat 0 0;
		outline: none;
		}

p.btn {
	width: 228px;
	height: 58px;
	margin: 0 0 2em;
	padding: 20px 40px 12px 42px;
	background: url("/imglib/base.png");
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}

	p.btn a {
		display: block;
		width: 228px;
		height: 58px;
		text-indent: -9999px;
		background: url("/imglib/btn_inquiry.png") no-repeat 0 0;
		outline: none;
		}

	p.btn a:hover {
		background-position: 0 -58px;
		}

	p.btn a:active {
		background-position: 0 -116px;
		}

p.lead {
	text-align: right;
	}

p.remarks {
	position: absolute;
	top: -9999px;
	}

p.filling {
	margin: 0 0 8em;
	}

blockquote.message {
	color: #C00;
	padding: 1em;
	background: url("/imglib/whiteBase.png");
	border: 1px solid #EEE;
	}

	blockquote.message p {
		margin: 0;
		}

time span {
	text-transform: lowercase;
	}

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

strong {
	font-weight: normal;
	}

i {
	font-style: normal;
	}

.tel {
	text-shadow: none;
	}

.print {
	display: none;
	}

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

dl,dt,dd {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 2em;
	}

dd.legacy {
	display: none;
	}

dd.modern,
dd.common {
	text-align: center;
	}


/* =#notice
--------------------------------------------------------- */
#notice {
	width: 920px;
	margin: 1em auto;
	border: 2px solid #CCC;
	padding: 1em 20px;
	background: url("/imglib/base.png");
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#notice p {
		font-size: 1.4em;
		margin: 0;
		}


/* =#intro
--------------------------------------------------------- */
#intro {
	color: #EEE;
	background: url("/imglib/bg_belt_upper.png") repeat-x 0 100%;
	margin: 0 0 27px;
	padding: .5em 0;
	}

	#intro p {
		margin: 0;
		font-size: 1.1em;
		}

	#intro ul {
		position: absolute;
		top: .5em;
		width: 960px;
		text-align: right;
		margin: 0;
		}

		#intro ul li {
			font: italic 1.1em/1.6 Helvetica, Arial, sans-serif;
			display: inline;
			margin: 0 0 0 1em;
			}

		#intro ul li.lang {
			font-style: normal;
			margin: .3em 0 0 1em;
			padding: .3em .5em;
			background: url("/imglib/base.png");
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}


/* =#masthead
--------------------------------------------------------- */
header#masthead h2#keyPhrase {
	text-indent: -9999px;
	height: 146px;
	width: auto;
	}

	#root header#masthead  h2 {
		background: url("/imglib/copy_root.png") no-repeat;
		}

	#about header#masthead  h2 {
		background: url("/imglib/copy_about.png") no-repeat;
		}

	#services header#masthead  h2 {
		background: url("/imglib/copy_services.png") no-repeat;
		}

	#philosophy header#masthead  h2 {
		background: url("/imglib/copy_philosophy.png") no-repeat;
		}

	#blog header#masthead  h2 {
		background: url("/imglib/copy_blog.png") no-repeat;
		}

	#share header#masthead  h2 {
		background: url("/imglib/copy_around10.png") no-repeat;
		}

	#inquiry header#masthead  h2,
	#complete header#masthead  h2 {
		background: url("/imglib/copy_inquiry.png") no-repeat;
		}

	#searchResult header#masthead  h2 {
		background: url("/imglib/copy_search.png") no-repeat;
		}

header#masthead nav {
	position: absolute;
	left: 0;
	min-width: 100%;
	height: 96px;
	margin: 339px 0 0;
	background: url("/imglib/bg_nav.png");
	}

	header#masthead nav ul {
		height: 96px;
		width: 960px;
		margin: 0 auto;
		}

		header#masthead nav ul li {
			height: 96px;
			width: 120px;
			float: left;
			}

		header#masthead nav ul li#navShare {
			width: 360px;
			}

			header#masthead nav ul li a {
				display: block;
				height: 96px;
				width: 120px;
				text-indent: -9999px;
				background: url("/imglib/nav.png");
				outline: none;
				}

			header#masthead nav ul li#navHome a {
				background-position: 0 0;
				}

			header#masthead nav ul li#navAbout a {
				background-position: -120px 0;
				}

			header#masthead nav ul li#navServices a {
				background-position: -240px 0;
				}

			header#masthead nav ul li#navPhilosophy a {
				background-position: -360px 0;
				}

			header#masthead nav ul li#navBlog a {
				background-position: -480px 0;
				}

			header#masthead nav ul li#navShare a {
				width: 360px;
				background-position: -600px 0;
				}

			header#masthead nav ul li#navHome.current a,
			header#masthead nav ul li#navHome a:hover {
				background-position: 0 -96px;
				}

			header#masthead nav ul li#navAbout.current a,
			header#masthead nav ul li#navAbout a:hover {
				background-position: -120px  -96px;
				}

			header#masthead nav ul li#navServices.current a,
			header#masthead nav ul li#navServices a:hover {
				background-position: -240px  -96px;
				}

			header#masthead nav ul li#navPhilosophy.current a,
			header#masthead nav ul li#navPhilosophy a:hover {
				background-position: -360px  -96px;
				}

			header#masthead nav ul li#navBlog.current a,
			header#masthead nav ul li#navBlog a:hover {
				background-position: -480px  -96px;
				}

			header#masthead nav ul li#navShare.current a,
			header#masthead nav ul li#navShare a:hover {
				width: 360px;
				background-position: -600px  -96px;
				}

header#masthead aside {
	position: absolute;
	width: 390px;
	min-height: 126px;
	background: url("/imglib/birdie.png") no-repeat 100% 100%;
	margin: 0 0 0 570px;
	top: 56px;
	text-shadow: -1px -1px 1px #333;
	}

	header#masthead aside blockquote {
		padding: 3px 30px 0 30px;
		background: url("/imglib/quote.png") no-repeat 0 0;
		}

		header#masthead aside blockquote p {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1em;
			line-height: 1.4;
			margin: 0;
			}

		header#masthead aside blockquote p.time {
			font-size: .9em;
			}

	header#masthead aside figure p {
		font-style: italic;
		font-family: Helvetica, Arial, sans-serif;
		letter-spacing: .05em;
		margin: 0 70px 0 0;
		padding: 0;
		background: none;
		position: absolute;
		top: 90px;
		width: 320px;
		text-align: right;
		}

		header#masthead aside figure p a {
			padding: .4em 1em .3em;
			background: url("../imglib/base.png");
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}


/* =#article
--------------------------------------------------------- */
#article {
	width: 600px;
	float: left;
	padding: 50px 0 0;
	background: url("../imglib/border_primary.png") repeat-x 0 0;
	}

	#article h2#subTitle {
		font-size: 1.1em;
		line-height: 1.6;
		text-transform: uppercase;
		position: absolute;
		margin-top: -45px;
		}

	#article p {
		letter-spacing: .1em;
		}

		#article p.monthlyNav {
			font-size: 1.1em;
			line-height: 1.6;
			text-transform: uppercase;
			}

		#article p#journalHeader {
			position: absolute;
			font-size: 1.1em;
			line-height: 1.6;
			margin-top: -45px;
			padding: 0;
			background: none;
			}

		#blog.indivisual #article article p {
			line-height: 2;
			}

			#blog.indivisual #article article header p {
				line-height: 1;
				}

	#article article {
		margin: 0 0 8em;
		}

		#blog #article article {
			margin: 0 0 5em;
			}

			#blog.root #article article,
			#blog.monthly #article article {
				background: url("../imglib/border_primary.png") repeat-x 0 100%;
				}

			#blog.indivisual #article article {
				margin: 0;
				}

				#blog.indivisual #article article section h4 {
					font-size: 1.2em;
					line-height: 2;
					letter-spacing: .1em;
					text-transform: capitalize;
					margin: 3em 0 0;
					padding: 1.5em 0;
					background: url("../imglib/border_primary.png") repeat-x 0 0;
					}

				#blog.indivisual #article article section article {
					margin: 0;
					padding: 1.5em 0 0;
					background: url("../imglib/border_secondary.png") repeat-x 0 0;
					overflow: hidden;
					}

					#blog.indivisual #article article section article header {
						font-size: 1em;
						width: 150px;
						margin: 0 10px 1.8em 0;
						float: left;
						}

					#blog.indivisual #article article section article p {
						width: 440px;
						float: right;
						margin: 0 0 1.5em;
						}

						#blog.indivisual #article article section article header p {
							font: normal 1em/2 Helvetica, Arial, sans-serif;
							letter-spacing: .1em;
							width: auto;
							float: none;
							margin: 0;
							padding: 0;
							background: none;
							}

		#article article ul {
			margin: 0 0 2em;
			padding: 1em;
			background: url("../imglib/base.png");
			}

			#article article ul li {
				font-size: 1.3em;
				line-height: 1.5;
				}

				#article article ul li.mailBody {
					margin: 1em 0 0;
					}

				#article article ul li p {
					font-size: 1em;
					line-height: 1.6;
					}

				#article article ul li ul {
					margin: 1em 0;
					}

					#article article ul li ul li {
						font-size: 1em;
						}

				#share #article article ul li {
					margin: 0 0 0 3px;
					padding: 0 0 0 10px;
					background: url("../imglib/listmark.png") no-repeat 0 .5em;
					}

		#root #article article p {
			margin: 0 0 5em;
			}

		#article article p.data {
			padding: 1.5em 0;
			background: url("../imglib/border_primary.png") repeat-x 0 0;
			}

		#article article em {
			font-style: normal;
			font-weight: bold;
			}

		#article article header {
			margin: 0 0 4em;
			}

			#article article header h3,
			h3#result {
				font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
				font-size: 3em;
				line-height: 1;
				color: #F0F0F0;
				margin: 0 0 .3em;
				padding: 0 0 0 6px;
				background: url("/imglib/border_primary.png") no-repeat 0 100%;
				}

			h3#result {
				margin: 0 0 1.15em;
				padding: 0;
				background: none;
				}

			#root #article article header h3 {
				font: 1em/1 Helvetica, Arial, sans-serif;
				margin: 0;
				padding: 0 0 0 8px;
				background: url("../imglib/border_primary.png") no-repeat 0 100%;
				letter-spacing: .05em;
				}

			#root #article article header h3 {
				font: 1em/1 Helvetica, Arial, sans-serif;
				margin: 0;
				padding: 0 0 0 8px;
				background: url("../imglib/border_primary.png") no-repeat 0 100%;
				letter-spacing: .05em;
				}

			#root #article article h4 {
				font-size: 1.2em;
				line-height: 1;
				margin: 0 0 2.6em;
				padding: 0 0 0 8px;
				background: url("../imglib/border_primary.png") no-repeat 0 100%;
				}

			#article article header p {
				font-size: 1em;
				line-height: 1;
				margin: 0 0 .5em;
				padding: 0 0 0 8px;
				background: url("../imglib/border_primary.png") no-repeat 0 100%;
				letter-spacing: .05em;
				}


/* =#content aside
--------------------------------------------------------- */
#content aside {
	width: 310px;
	float: right;
	margin: 0 0 8em;
	padding: 50px 0 0 50px;
	background: url("/imglib/border_secondary.png") repeat-x 0 0;
	overflow: hidden;
	}

	#content aside h3 {
		font: normal 1.4em/1 Baskerville, Garamond, Palatino, Georgia, "Times New Roman", Times, serif;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin: 0 0 1em;
		}


	#inquiry #content aside h3,
	#complete #content aside h3,
	#error #content aside h3 {
		font: 3em/1 "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
		margin: 0 0 1.65em;
		padding: 0 0 0 6px;
		background: url("/imglib/border_primary.png") no-repeat 0 100%;
		}

	#content aside ul {
		margin: 0 0 20px;
		padding: 0 0 2.5em;
		background: url("/imglib/border_secondary.png") repeat-x 0 100%;
		}

		#content aside ul li a {
			display: block;
			}

			#inquiry #content aside ul li a,
			#complete #content aside ul li a,
			#error #content aside ul li a {
				display: inline;
				}

	#content aside ul#banner,
	#content aside ul#lightBanner {
		padding: 0 0 10px;
		overflow: hidden;
		}

		#content aside ul#banner li {
			width: 150px;
			height: 150px;
			float: left;
			line-height: 1;
			margin: 0 10px 10px 0;
			}

		#content aside ul#banner li + li + li + li + li + li,
		#content aside ul#banner li + li + li + li,
		#content aside ul#banner li + li {
			margin-right: 0;
			}

		#content aside ul#banner li + li + li + li + li + li + li,
		#content aside ul#banner li + li + li + li + li,
		#content aside ul#banner li + li + li {
			margin-right: 10px;
			}

	#content aside ul#lightBanner li {
		margin: 0 0 10px;
		line-height: 1;
		}

	#content aside ul#monthly li {
		font: 1.2em/1.6 Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		}

	#content aside ul#latestComments {
		padding: 0 0 1.5em;
		}

		#content aside ul#latestComments li {
			margin: 0 0 1em;
			}

			#content aside ul#latestComments li a {
				display: inline;
				}

	#content aside #main,
	#content aside #sub {
		width: 150px;
		float: right;
		}

	#content aside #main {
		width: 145px;
		margin: 0 0 0 15px;
		}

	#content aside #sub ul li {
		font-size: 1.1em;
		}

#my_menu dl {
	margin: 0 0 2em;
	padding: 0 0 2em;
	background: url("/imglib/border_secondary.png") repeat-x 0 100%;
	}

	#my_menu dl dt {
		font: normal 1.4em/1 Baskerville, Garamond, Palatino, Georgia, "Times New Roman", Times, serif;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin: 0 0 1em;
		}

	#my_menu dl dd {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1em;
		margin: 0;
		}

	#my_menu dl dd a {
		display: block;
		}


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

#informations h3 {
	line-height: 1;
	letter-spacing: .1em;
	margin: 0 0 2em;
	padding: 0 0 0 8px;
	background: url("/imglib/border_primary.png") no-repeat 0 100%;
	}

#informations #featured {
	width: 300px;
	float: left;
	margin: 0;
	}

	figure.capture {
		position: relative;
		width: 290px;
		height: 234px;
		padding: 5px;
		overflow: hidden;
		background: url("/imglib/base.png");
		}	
	
		figure.capture .heading,
		figure.capture .caption {
			position: absolute;
			height: 50px;
			width: 300px;
			background: #000;
			opacity: .8;
			}
		
		figure.capture .heading { 
			top:-50px;
			}

			figure.capture .heading span {
				font-size: 1.4em;
				top: -50px;
				display: block;
				padding: 20px 0 0 10px;
				}
		
		figure.capture .caption { 		
			bottom: -50px;		
			}
		
			figure.capture .caption span{
				font-size: 1.3em;
				font-family: Helvetica, Arial, sans-serif;
				display: block;
				padding: 15px 10px 0 10px;
				}

#informations #term {
	width: 250px;
	float: left;
	margin: 0 0 0 50px;
	}

	#informations #term p {
		font-size: 1.1em;
		line-height: 2;
		text-align: justify;
		margin: 0 0 3em;
		}

#informations #contact {
	width: 310px;
	float: right;
	margin: 0;
	}

	#informations #contact p.adr {
		font-size: 1.1em;
		}

#footNav {
	clear: both;
	min-height: 57px;
	margin: 0 0 -1em;
	overflow: hidden;
	}

	#footNav h3 {
		width: 60px;
		height: 57px;
		float: left;
		margin: 0 10px 0 0;
		}

		#footNav h3 a {
			display: block;
			width: 60px;
			height: 57px;
			text-indent: -9999px;
			background: url("/imglib/logo_s.png") no-repeat 0 0;
			outline: none;
			}

	#footNav ul {
		width: 850px;
		float: left;
		margin: 27px 0 0;
		}

		#footNav ul li {
			font-size: 1em;
			display: inline;
			margin: 0 0 0 2px;
			padding: 0 0 0 10px;
			background: url("/imglib/border_primary.png") no-repeat 0 50%;
			}

footer {
	overflow: hidden;
	}

	footer p {
		font: 1.1em/1 Helvetica, Arial, sans-serif;
		width: 600px;
		float: left;
		margin: 0 0 1em;
		padding: .5em 0 0;
		background: url("/imglib/border_primary.png") repeat-x 0 0;
		}

	footer address {
		font: 1.1em/1 Helvetica, Arial, sans-serif;
		width: 360px;
		float: right;
		text-align: right;
		margin: 0 0 1em;
		padding: .5em 0 0;
		background: url("/imglib/border_secondary.png") repeat-x 0 0;
		}


/* =#contact
--------------------------------------------------------- */
#contact p.fn {
	font-size: 1.2em;
	margin: 0;
	}

#contact p {
	margin: 0 0 1em;
	}

#contact ul {
	margin: 0 0 2em;
	padding: 0 0 2em;
	background: url("/imglib/border_secondary.png") repeat-x 0 100%;
	}

	#contact ul li {
		font-style: italic;
		font-family: Baskerville, Garamond, Palatino, Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		margin: 0;
		}

		#contact ul li span.on-time {
			font-style: normal;
			font-size: .65em;
			text-transform: lowercase;
			}

#contact span.postal-code,
#contact span.street-address span {
	font-family: Helvetica, Arial, sans-serif;
	}


/* =form
--------------------------------------------------------- */
fieldset legend {
	position: absolute;
	visibility: hidden;
	}

form#searchBox {
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url("/imglib/border_secondary.png") repeat-x 0 100%;
	}

	form#searchBox fieldset {
		width: 310px;
		margin: 0 0 1em;
		padding: 17px 0;
		text-align: center;
		background: url("/imglib/lightBase.png");
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
		}

#article fieldset {
	width: 320px;
	color: #333;
	margin: 0 auto;
	}

	#article fieldset h4 {
		font-weight: normal;
		font-size: 1.4em;
		line-height: 1.6;
		margin: 0;
		padding: 0;
		color: #666;
		background: none;
		}

	#blog #article fieldset h4 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.4em;
		line-height: 1.6;
		text-transform: uppercase;
		padding: 0;
		background: none;
		}

	#article fieldset p {
		margin: 0 0 3px;
		}

#commentForm {
		margin: 0 0 8em;
	}

	#commentForm h3 {
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: .1em;
		margin: 0 0 1.5em;
		padding: 1.5em 0 0;
		text-transform: uppercase;
		background: url("/imglib/border_primary.png") repeat-x 0 0;
		}

input,
textarea {
	text-shadow: none;
	}

	input#comment-bake-cookie {
		margin: 0 .5em 0 0;
		vertical-align: middle;
		}

	input#comment-submit,
	input#mail_post,
	input#mail_preview,
	input#mail_cancel { 
		width: auto;
		font: 1.2em/1 Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .05em;
		border: none;
		cursor: pointer;
		padding: 12px 12px 10px;
		color: #fff;
		background: #000 url("/imglib/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);
		}

		input#comment-submit { 
			font-family: Helvetica, Arial, sans-serif;
			}

		input#mail_preview { 
			background-color: #777;
			}

		input#mail_cancel { 
			margin-left: 5px;
			background-color: #CCC;
			}

		input#mail_post { 
			margin-left: 5px;
			}

	input#comment-submit:hover,
	input#mail_post:hover,
	input#mail_preview:hover,
	input#mail_cancel:hover {
		background-position: 0 -50px; 
		}

	input#comment-submit:active,
	input#mail_post:active,
	input#mail_preview:active,
	input#mail_cancel:active { 
		background-position: 0 100%; 
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.7); 
			-webkit-box-shadow: none;
		}

	form#searchBox input {
		width: 200px;
		margin: 0 auto;
		padding: .3em 20px;
		color: #333;
		background: url("/imglib/bg_search.png") 0 50%;
		border: 1px solid #444;
			-moz-border-radius: 50%;
			-webkit-border-radius: 13px;
		}

	input#mail_author,
	input#mail_email,
	input#CompanyName,
	input#CompanyURL,
	input#comment-author,
	input#comment-email,
	input#comment-url,
	input#captcha_code {
		width: 300px;
		font-size: 1.6em;
		padding: .5em 10px;
		color: #333;
		background: url("/imglib/whiteBase.png");
		border: 3px solid #CCC;
		}

	input#captcha_code {
		width: 126px;
		margin: 0 0 3px;
		}

textarea {
	width: 300px;
	height: 185px;
	font-size: 1.4em;
	margin: 0 0 10px;
	padding: .6em 10px;
	color: #333;
	background: url("/imglib/whiteBase.png");
	border: 3px solid #CCC;
	overflow: auto;
	}

#article form {
	padding: 8em 0 6em;
	background: #EEE;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}


/* =link
--------------------------------------------------------- */
a {
	color: #EEE;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

	a.help {
		cursor: help;
		}

	p.more a,
	a.more {
		padding: .3em 1em;
		background: url("/imglib/base.png");
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

	a.more {
		padding: .1em .5em;
		}

	a img {
		border: none;
		}


/* =#inquiry
--------------------------------------------------------- */
#inquiry #informations,
#complete #informations {
	padding-top: 45px;
	}

#inquiry footer p,
#inquiry footer address,
#complete footer p,
#complete footer address {
	margin: 0 0 2em;
	padding: 0;
	background: none;
	}

#inquiry footer address,
#complete footer address {
	width: 320px;
	margin-right: 40px;
	}

#inquiry p#goTop,
#complete p#goTop {
	margin-top: -45px;
	}


/* =#error
--------------------------------------------------------- */
.error {
	background: #333;
	}

#error {
	background: none;
	}

	#error #informations {
		padding-top: 45px;
		}

	#error footer p,
	#error footer address {
		margin: 0 0 2em;
		padding: 0;
		background: none;
		}

	#error footer address {
		width: 320px;
		margin-right: 40px;
		}

	#error p#goTop {
		margin-top: -45px;
		}

#error.e403 h2 {
	background: url("/imglib/copy_e403.png") no-repeat;
	}

#error.e404 h2 {
	background: url("/imglib/copy_e404.png") no-repeat;
	}

#error.e500 h2 {
	background: url("/imglib/copy_e500.png") no-repeat;
	}


/* for iPhone
--------------------------------------------------------- */
p.iNav {
	margin: 0;
	text-align: center;
	}

	p.iNav a {
		display: block;
		font-size: 60px;
		text-decoration: none;
		padding: 50px 0;
		background: url("/imglib/lightBase.png");
		}


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