@charset "utf-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
<http://www.site4d.co.jp/_assets/css/style.css> a :CSSstylesheet;
  :title "SiTE4D base stylesheet";
  :shortdesc "Common stylesheet for XHTML pages of this site";
  :created "2010-05-11";
  :release [:revision "0.11b"; :created "2010-09-08"];
  :author [:name "Keisuke Mori"] .
*/



/*	=00 Import CSS
-----------------------------------------------------*/
@import url(./cmn.css);
@import url(./flower.css);
@import url(./basic.css);

/* **************************************************************-************************************************************** */


/*	=01 Home
-----------------------------------------------------*/
div#bottomlet {
	overflow: hidden;
	height: 550px;
	background: url(/_assets/img/index/bgi-bottomlet.png) no-repeat 50% 0;
}
@media only screen and (max-height: 600px) { div#bottomlet { min-height: 450px; } }
@media only screen and (max-height: 1200px) { div#bottomlet { min-height: 550px; } }
@media not screen and (max-height: 1200px) { div#bottomlet { min-height: 850px; } }

/* =01-1 Promotion --------------------------*/
div#promotion {
	position: relative;
	width: 594px;
	margin-top: -8px;
	text-align: center;
}
	div#promotion a {
		display: block;
		position: absolute;
		top: 296px;
		left: 180px;
		width: 241px;
		height: 44px;
		padding: 1px 5px 6px 1px;
		background: url(/_assets/img/index/bgi-promotion_title_05.png) no-repeat 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: -webkit-box-shadow .25s;
		-moz-transition: -moz-box-shadow .25s;
		-o-transition: -o-box-shadow .25s;
		-ms-transition: -ms-box-shadow .25s;
		transition: box-shadow .25s;
		text-align: left;
	}
		div#promotion a:hover { /*
			-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.5);
			-moz-box-shadow: 0 0 5px rgba(255,255,255,0.5);
			-o-box-shadow: 0 0 5px rgba(255,255,255,0.5);
			-ms-box-shadow: 0 0 5px rgba(255,255,255,0.5);
			box-shadow: 0 0 5px rgba(255,255,255,0.5);
		*/ }
		div#promotion a img {
			-webkit-transition: opacity .25s;
			-moz-transition: opacity .25s;
			-o-transition: opacity .25s;
			-ms-transition: opacity .25s;
			transition: opacity .25s;
		}
		div#promotion a:hover img.title {
			opacity: 0.0;
			filter: alpha(opacity=0);
			-ms-filter: alpha(opacity=0);
		}
		
		
/* =01-2 Features --------------------------*/
ul#features {
	overflow: hidden;
	height: 87px;
	padding: 14px 0 0 8px;
	background: url(/_assets/img/index/bgi-features.png) no-repeat 9px 12px;
}
	ul#features li.column {
		width: 191px;
		margin-right: 6px;
	}
	ul#features a {
		display: block;
		width: 185px;
		height: 82px;
		margin: 1px 0 0 3px;
		background: #FEFA5A;
	}
		ul#features a img {
			-webkit-transition: opacity .1s;
			-moz-transition: opacity .1s;
			-o-transition: opacity .1s;
			-ms-transition: opacity .1s;
			transition: opacity .1s;
		}
		ul#features a:hover img {
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: alpha(opacity=70);
		}

/* =01-3 News --------------------------*/
div#news {
	background: url(/_assets/img/lin-mainttl.png) repeat-x 0 0;
}

/* =01-4 Promotion Animation --------------------------*/
div#promotion {
	-webkit-animation-name: promotionShow;
	-webkit-animation-delay: 0;
	-webkit-animation-duration: 1.5s;
	
	-moz-animation-name: promotionShow;
	-moz-animation-delay: 0;
	-moz-animation-duration: 1.5s;
}
@media only screen and (min-device-width: 481px) {
	div#promotion a {
		-webkit-animation-name: titleShow;
		-webkit-animation-delay: 0;
		-webkit-animation-duration: 2s;
		
		-moz-animation-name: titleShow;
		-moz-animation-delay: 0;
		-moz-animation-duration: 2s;
	}
	div#promotion a img {
		-webkit-animation-name: titleBlink;
		-webkit-animation-delay: 2s;
		-webkit-animation-duration: 1s;
		
		-moz-animation-name: titleBlink;
		-moz-animation-delay: 2s;
		-moz-animation-duration: 1s;
	}
}

@-webkit-keyframes promotionShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 1.0;
	}
}
@-webkit-keyframes titleShow {
	from {
		top: 320px;
		opacity: 0;
		animation-timing-function: ease-out;
	}
	25% {
		top: 320px;
		opacity: 0;
	}
	to {
		top: 296px;
		opacity: 1.0;
	}
}
@-webkit-keyframes titleBlink {
	from {
		-webkit-box-shadow: 0;
		box-shadow: 0;
	}
	50% {
		-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.5) inset;
		box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.5) inset;
	}
	to {
		-webkit-box-shadow: 0;
		box-shadow: 0;
	}
}

@-moz-keyframes promotionShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 1.0;
	}
}
@-moz-keyframes titleShow {
	from {
		top: 320px;
		opacity: 0;
		animation-timing-function: ease-out;
	}
	25% {
		top: 320px;
		opacity: 0;
	}
	to {
		top: 296px;
		opacity: 1.0;
	}
}
@-moz-keyframes titleBlink {
	from {
		-moz-box-shadow: 0;
		box-shadow: 0;
	}
	50% {
		-moz-box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.5) inset;
		box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.5) inset;
	}
	to {
		-moz-box-shadow: 0;
		box-shadow: 0;
	}
}


/* **************************************************************-************************************************************** */


/*	=02 News
-----------------------------------------------------*/
#main .newsSection {}
#main .newsSection div { margin-bottom: 20px; }
#main .newsSection div.header { margin-bottom: 25px; }

#main .newsSection div.related {
	border: 1px solid #8FA0A9;
	padding: 10px;
}
	#main .newsSection div.related h4 {
		margin: 0 0 10px;
		font-size: 107.7%;
	}
	#main .newsSection div.related ul { margin: 0; }
		#main .newsSection div.related ul a {
			padding: 3px 12px 3px 25px;
			background: url(/_assets/img/ico-external.png) no-repeat -2px 40%;
		}
		#main .newsSection div.related ul a:hover { background-image: url(/_assets/img/ico-external_over.png); }


/* **************************************************************-************************************************************** */


/*	=02 Company
-----------------------------------------------------*/
/* =02-1 Approach --------------------------*/
div.approachStepBox {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}

#main div.approachStepBox h3 {
	float: left;
	width: 60px;
	margin: 0;
	font-size: 100%;
}
	div.approachStepBox h3 strong {
		display: block;
		margin-bottom: 10px;
		background: #96A8AC;
		background: rgba(255,255,255,0.5);
		_background: #96A8AC;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		color: #32535D;
		font-size: 84.7%;
		text-align: center;
	}
	div.approachStepBox h3 span {
		display: block;
		overflow: hidden;
		width: 58px;
		height: 109px;
		text-indent: -9999em;
		background: url(/_assets/img/img-approach.png) no-repeat;
	}
	div.approachStepBox h3#approachStep1 span { background-position: 0 0; }
	div.approachStepBox h3#approachStep2 span { background-position: -58px 0; }
	div.approachStepBox h3#approachStep3 span { background-position: -116px 0; }
		

div.approachStepBox div.approachDetail {
	margin-left: 72px;
	padding-left: 12px;
	border-left: 2px solid #95A8AC;
}
	#main div.approachDetail h4,
	#main div.approachDetail p {
		margin: 0;
		padding: 20px;
		background: #153D3D;
		border: 1px solid #527377;
	}
	#main div.approachDetail h4 {
		border-width: 1px 1px 0;
	}
	#main div.approachDetail p {
		padding-top: 0;
		border-width: 0 1px 1px;
	}

/* =02-2 Access --------------------------*/
div.access-map {
	overflow: hidden;
	margin-bottom: 30px;
}
	div.access-map div#gmap {
		width: 560px;
		height: 300px;
		margin-bottom: 20px;
		background: #E5E3DF url(/_assets/img/ico-gmap_spinner.gif) no-repeat 50% 50%;
	}
	div.access-map div.figcaption {
		padding: 20px;
		background: #153D3D;
		border: 1px solid #51727C;
	}
	div.access-map div.figcaption span.fn,
	div.access-map div.figcaption span.tel {
		margin-right: 1.5em;
		zoom: 1;
	}

div.access-process {}
	div.access-process dt,
	div.access-process dd { padding: 0 7px; }
	div.access-process dt { font-weight: bold; }


/* **************************************************************-************************************************************** */


/*	=03 Gallery
-----------------------------------------------------*/
/* =03-1 Thumbnail --------------------------*/
ul#gallery-thumb {
	width: 560px;
	margin: 0 -13px 0 7px;
}
	ul#gallery-thumb li { display: inline; }
		ul#gallery-thumb li a,
		ul#gallery-thumb li span.empty {
			overflow: hidden;
			position: relative;
			float: left;
			display: block;
			width: 120px;
			height: 96px;
			margin: 0 20px 19px 0;
			text-indent: -9999em;
			background: url(/_assets/img/gallery/img-galleryEmpty.png) no-repeat 0 0;
		}
			ul#gallery-thumb li a:hover { background-position: 0 -96px; }
			ul#gallery-thumb li a:active { top: 1px; }
			ul#gallery-thumb li#g001 a { background-image: url(/_assets/img/gallery/img-galleryThumb001.png); }
			ul#gallery-thumb li#g002 a { background-image: url(/_assets/img/gallery/img-galleryThumb002.png); }
			ul#gallery-thumb li#g003 a { background-image: url(/_assets/img/gallery/img-galleryThumb003.png); }
			ul#gallery-thumb li#g004 a { background-image: url(/_assets/img/gallery/img-galleryThumb004.png); }
			ul#gallery-thumb li#g005 a { background-image: url(/_assets/img/gallery/img-galleryThumb005.png); }
			ul#gallery-thumb li#g006 a { background-image: url(/_assets/img/gallery/img-galleryThumb006.png); }
			ul#gallery-thumb li#g007 a { background-image: url(/_assets/img/gallery/img-galleryThumb007.png); }
			ul#gallery-thumb li#g008 a { background-image: url(/_assets/img/gallery/img-galleryThumb008.png); }
			ul#gallery-thumb li#g009 a { background-image: url(/_assets/img/gallery/img-galleryThumb009.png); }
			ul#gallery-thumb li#g010 a { background-image: url(/_assets/img/gallery/img-galleryThumb010.png); }
			ul#gallery-thumb li#g011 a { background-image: url(/_assets/img/gallery/img-galleryThumb011.png); }
			ul#gallery-thumb li#g012 a { background-image: url(/_assets/img/gallery/img-galleryThumb012.png); }
			ul#gallery-thumb li#g013 a { background-image: url(/_assets/img/gallery/img-galleryThumb013.png); }
			ul#gallery-thumb li#g014 a { background-image: url(/_assets/img/gallery/img-galleryThumb014.png); }
			ul#gallery-thumb li#g015 a { background-image: url(/_assets/img/gallery/img-galleryThumb015.png); }
			ul#gallery-thumb li#g016 a { background-image: url(/_assets/img/gallery/img-galleryThumb016.png); }
			ul#gallery-thumb li#g017 a { background-image: url(/_assets/img/gallery/img-galleryThumb017.png); }
			ul#gallery-thumb li#g018 a { background-image: url(/_assets/img/gallery/img-galleryThumb018.png); }
			ul#gallery-thumb li#g019 a { background-image: url(/_assets/img/gallery/img-galleryThumb019.png); }
			ul#gallery-thumb li#g020 a { background-image: url(/_assets/img/gallery/img-galleryThumb020.png); }
			ul#gallery-thumb li#g021 a { background-image: url(/_assets/img/gallery/img-galleryThumb021.png); }
			ul#gallery-thumb li#g022 a { background-image: url(/_assets/img/gallery/img-galleryThumb022.png); }
			ul#gallery-thumb li#g023 a { background-image: url(/_assets/img/gallery/img-galleryThumb023.png); }
			ul#gallery-thumb li#g024 a { background-image: url(/_assets/img/gallery/img-galleryThumb024.png); }

/* =03-2 Modal Box --------------------------*/
div.galleryModal {
	position: relative;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	background-color: rgba(0,0,0,0.7);
	background-repeat: repeat;
	background-position: 0 0;
	background-image: url(/_assets/img/gallery/bgi-galleryModal.png)\9;
	*background-image: url(/_assets/img/gallery/bgi-galleryModal.png);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	zoom: 1;
}
div#galleryModal {
	display: none;
	position: fixed;
	top: 50%;
	height: 473px;
	margin-top: -236px;
}
	div.galleryModal a.button {
		overflow: hidden;
		background: url(/_assets/img/gallery/btn-galleyModal.png) no-repeat;
		outline: none;
	}
	div.galleryModal div.galleryModalInner {
		overflow: hidden;
		width: 620px;
		height: 380px;
		margin: 40px;
		padding: 13px 0 0;
		background: #000000;
		zoom: 1;
	}

	div.galleryModal div.galleryModalImage {
		overflow: hidden;
		position: relative;
		clear: both;
		width: 593px;
		height: 333px;
		margin: 0 auto;
		text-align: center;
	}
		div.slideshow img,
		div.loading {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background: url(/_assets/img/gallery/bgi-loader.gif) no-repeat 50% 50%;
			width: 593px;
			height: 333px;
		}
		
	div.galleryModal div.galleryModalControl {
		position: relative;
		overflow: hidden;
		width: 174px;
		height: 30px;
		margin: 10px auto;
	}
		div#galleryModalControl div#caption { display: none; }
		div#galleryModalControl div#control {
			position: relative;
		}
		div.galleryModalControl a {
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999em;
			z-index: 1000;
		}
		div.galleryModalControl a.prev {
			float: left;
			background-position: 0 0;
		}
		div.galleryModalControl a.next {
			float: right;
			background-position: -30px 0;
		}
		div.galleryModalControl a.prev:hover { background-position: 0 -30px; }
		div.galleryModalControl a.next:hover { background-position: -30px -30px; }
		div.galleryModalControl a:active { opacity: 0.75; }
		
		div.galleryModal div.galleryModalThumbs {
			position: relative;
			top: -40px;
			*top: -50px;
			left: 50%;
			height: 30px;
			width: 80px;
			margin-left: -40px;
		}
			div.galleryModalThumbs div.caption { display: none; }
			div.galleryModalThumbs ul.thumbs {
				overflow: hidden;
				width: 80px;
				height: 12px;
				margin: 19px 0 9px;
			}
				div.galleryModalThumbs ul.thumbs li {
					display: inline;
					float: left;
				}
					div.galleryModalThumbs ul.thumbs li a {
						position: relative;
						display: block;
						float: left;
						width: 12px;
						height: 12px;
						margin: 0 4px;
						background-position: 0 -83px;
						text-indent: -9999em;
						z-index: 10000;
					}
					div.galleryModalThumbs ul.thumbs li.selected a { background-position: -12px -83px; }
					div.galleryModalThumbs ul.thumbs li a:active { opacity: 0.75; }
		
	div.galleryModal a.close {
		position: absolute;
		display: block;
		top: 8px;
		right: 8px;
		width: 23px;
		height: 23px;
		text-indent: -9999em;
		background-position: 0 -60px;
	}
		div.galleryModal a.close:hover { background-position: -23px -60px; }
		div.galleryModal a.close:active { opacity: 0.75; }


div#noscript {
	overflow: hidden;
	width: 620px;
	height: auto;
	padding: 40px;
	*margin-left: -380px;
	-webkit-animation: fadeIn .5s ease-out;
} /* =hack for Firefox :( */
div#noscript, x:-moz-broken, x:last-of-type {
	top: -575px;
	margin-top: 0;
	margin-bottom: -575px;
}
html>/**/body div#noscript {
	top/***/: -575px\9;
	margin-top: 0\9;
	margin-bottom: -575px\9;
}
div#noscript, x:x {
	top: 0;
	margin-top: -575px;
	margin-bottom: 0;
}
div#noscript:not(\*|*) {
	top: -575px;
	margin-top: 0;
	margin-bottom: -575px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { div#noscript {
	top: 0;
	margin-top: -575px;
	margin-bottom: 0;
} }
	div#noscript div.galleryModalInner {
		overflow: visible;
		height: auto;
		margin: 0;
		padding-bottom: 13px;
	}

	div#noscript div.galleryModalImage {
		overflow: visible;
		height: auto;
	}
		div#noscript div.slideshow ul {
			margin-bottom: -13px;
		}
		div#noscript div.slideshow img {
			position: static;
			margin-bottom: 13px;
		}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* **************************************************************-************************************************************** */


/*	=04 Media
-----------------------------------------------------*/
/* =04-1 Books --------------------------*/
div.book-entry {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}
	div.book-entry div.book-header {
		float: left;
		width: 119px;
		margin-right: 10px;
	}
		div.book-header img.magImg {
			margin-bottom: 10px;
			/* -webkit-box-reflect: below 0 -webkit-gradient( linear, 0 0, 0 100%, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.15)) ); */
		}
		div.book-entry dl.book-info {
			width: 97px;
			padding: 5px 10px;
			border: 1px solid #496870;
			font-size: 77%;
		}

	div.book-entry div.book-body {
		margin-left: 129px;
		padding-left: 12px;
		border-left: 2px solid #92A8AD;
	}
		div#main div.book-entry h3 {
			margin-bottom: 15px;
			font-size: 100%;
		}
			div#main div.book-entry h3 span.caption {
				display: block;
				font-size: 77%;
			}
		div.book-entry p.book-description {
			margin-bottom: 15px;
		}
			div.book-entry small.running-page {
				display: block;
				margin: -15px 0 15px;
				font-size: 77%;
			}
		div.book-entry div.book-thumb {
			overflow: hidden;
			zoom: 1;
			padding: 11px 1px 1px 11px;
			*padding: 11px 1px 11px 11px;
			background: #153D3D;
			border: 1px solid #4C6C79;
		}
			#main div.book-thumb ul { margin: 0;  }
			#main div.book-thumb li {
				float: left;
				margin: 0 10px 10px 0;
			}


/* **************************************************************-************************************************************** */


/*	=05 Career
-----------------------------------------------------*/



/* **************************************************************-************************************************************** */


/*	=06 Contact
-----------------------------------------------------*/
/* =06-1 Twitter Box --------------------------*/
div.twitter-box { background-image: url(/_assets/img/bgi-twitterbox.png); }


/* =06-2 Form Alert --------------------------*/
div#formAlert p {
	zoom: 1;
	min-height: 21px;
	*height: 21px;
	line-height: 21px;
	margin: 0 0 30px;
	padding: 10px 20px 10px 50px;
	background: #B12F2F url(/_shared/img/ico-error_001.gif) no-repeat 15px center;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

/* =06-3 Security --------------------------*/
div.security { position: relative; zoom: 1; }
div#securityInner {
	position: relative;
	padding: 10px;
	zoom: 1;
}
	#main div#securityInner h3 {
		margin: 0;
		font-size: 100%;
		font-weight: normal;
	}
		div#securityInner div#securityInnerContent {
			margin-bottom: -10px;
			padding-top: 10px;
			position: relative;
			zoom: 1;
			display: none;
		}
		#main div#securityInnerContent h3 {
			margin: 0 0 10px;
			font-weight: bold;
		}

/* =06-4 Contact Form --------------------------*/
div#contactForm {
	position: relative;
	margin-bottom: 20px;
	padding: 30px;
	border: 1px solid #FFFFFF;
	border-color: rgba(255,255,255,0.19);
	zoom: 1;
}
	div#contactForm h3,
	div#contactForm h4,
	div#contactForm p, /* reset */
	div#contactForm dl { margin: 0; font-size: 100%; font-weight: normal }
	div#contactForm em.required {
		margin: 0 0.5em 0 0;
		padding: 2px 4px;
		background: #63AC58;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 77%;
		font-weight: normal;
		text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	}
	div#contactForm label {
		display: inline-block;
		width: 100%;
	}
	div#contactForm ul li { clear: left; }
	div#contactForm ul input { float: left; margin-right: 5px; }
	div#contactForm ul label { width: 94%; *width: 90%; }
	div#contactForm dl.sex label,
	div#contactForm dl.bday label { display: inline; zoom: normal; width: auto; }
	div#contactForm span.example,
	div#contactForm span.specify {
		color: rgba(255,255,255,0.5);
		*color: #99A3A1;
		color: #99A3A1\9;
		font-size: 77%;
	}
	div#contactForm span.specify {
		display: inline-block;
		*display: block;
		margin-bottom: 2px;
	}
	div#contactForm fieldset {
		margin-bottom: 30px;
	}
		div#contactForm div.section {
			margin: 20px 0 0 40px;
			margin: 20px 0 0 0;
			padding: 15px 15px 5px;
			background: rgba(169,197,196,0.1);
			line-height: 1.2;
		}
		div#contactForm .required div.section {
			background: rgba(169,197,196,0.2);
		}
		div#contactForm div.inputError {
			background: rgba(153,102,153,0.75);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
			-o-box-shadow: 0 0 5px rgba(0,0,0,0.1);
			-ms-box-shadow: 0 0 5px rgba(0,0,0,0.1);
			box-shadow: 0 0 5px rgba(0,0,0,0.1);
		}
		div#contactForm div.section h4 {
			float: left;
			width: 45px;
		}
		div#contactForm ul { margin-bottom: 8px; }
		div#contactForm ul li { margin-bottom: 2px; }
		div#contactForm div.section dl {
			clear: left;
			zoom: 1;
			*margin-bottom: 8px;
		}
		div#contactForm div.section dl.first { clear: none; }
		div#contactForm div.section dl.uname { margin-left: 45px; }
			div#contactForm div.section dt,
			div#contactForm div.section dd {
				display: inline-block;
				*display: inline;
				float: left;
				margin-bottom: 10px;
			}
			div#contactForm dl dt { width: 125px; }
			div#contactForm dl dd { width: 340px; }
			div#contactForm dl.uname dt { width: 80px; }
			div#contactForm dl.uname dd { width: 120px; }
			div#contactForm #contactFormSex dl dd { width: 120px; }
			div#contactForm #contactFormSex dl dd.month,
			div#contactForm #contactFormSex dl dd.day { width: 90px; }
			div#contactForm div.section input.text,
			div#contactForm div.section textarea {
				height: 1.2em;
				line-height: 1.2;
				padding: 1px;
				background: #000000;
				border: 1px solid #656565;
				color: #FFFFFF;
				font-size: 100%;
				vertical-align: top;
			}
			div#contactForm div.section input.text:focus,
			div#contactForm div.section textarea:focus {
				margin: -4px;
				padding: 3px;
				font-size: 115%;
				font-weight: bold;
			}
			div#contactForm div.section input.textBox001 { width: 110px; }
			div#contactForm div.section input.textBox002 { width: 320px; }
			div#contactForm div.section textarea {
				position: relative;
				width: 99%;
				height: 10em;
				margin-bottom: 10px;
				resize: vertical;
			}
			div#contactForm div.section textarea:focus { margin: -4px -4px 6px; }
			div#contactForm div.section input.inputError,
			div#contactForm div.section textarea.inputError {
				border-color: #B12F2F;
				-webkit-box-shadow: 0 0 5px #B12F2F;
				-moz-box-shadow: 0 0 5px #B12F2F;
				-o-box-shadow: 0 0 5px #B12F2F;
				-ms-box-shadow: 0 0 5px #B12F2F;
				box-shadow: 0 0 5px #B12F2F;
			}
	div.submitBox {
		margin-bottom: 20px;
		text-align: center;
		zoom: 1;
	}
		div.submitBox input#btnFix,
		div.submitBox input#contactBtn {
			position: relative;
			z-index: 1000;
			display: inline-block;
			min-width: 146px;
			min-height: 55px;
			line-height: 4;
			padding: 1px 20px;
			background: none;
			border-width: 3px 5px 7px 5px;
			-webkit-border-image: url(/_assets/img/bgi-submitBtn.png) 3 5 7 5 stretch stretch;
			-moz-border-image: url(/_assets/img/bgi-submitBtn.png) 3 5 7 5 stretch stretch;
			-o-border-image: url(/_assets/img/bgi-submitBtn.png) 3 5 7 5 stretch stretch;
			-ms-border-image: url(/_assets/img/bgi-submitBtn.png) 3 5 7 5 stretch stretch;
			border-image: url(/_assets/img/bgi-submitBtn.png) 3 5 7 5 fill stretch stretch;
			border: none;
			color: #FFFFFF;
			text-align: left;
			-webkit-transition: text-shadow .05s;
			-moz-transition: text-shadow .05s;
			-o-transition: text-shadow .05s;
			-ms-transition: text-shadow .05s;
			transition: text-shadow .05s;
		}		
		div.submitBox input#btnFix:hover,
		div.submitBox input#contactBtn:hover {
			-webkit-border-image: url(/_assets/img/bgi-submitBtn_over.png) 3 5 7 5 stretch stretch;
			-moz-border-image: url(/_assets/img/bgi-submitBtn_over.png) 3 5 7 5 stretch stretch;
			-o-border-image: url(/_assets/img/bgi-submitBtn_over.png) 3 5 7 5 stretch stretch;
			-ms-border-image: url(/_assets/img/bgi-submitBtn_over.png) 3 5 7 5 stretch stretch;
			border-image: url(/_assets/img/bgi-submitBtn_over.png) 3 5 7 5 fill stretch stretch;
		}
		div.submitBox input#btnFix,
		div.submitBox input#contactBtn {
			*display: inline;
			zoom: 1;
			*width: 196px;
			*height: 63px;
			*line-height: 48px;
			*padding: 0 20px;
			*background: url(/_assets/img/bgi-submitBtn.png) no-repeat;
			*border: none;
			*font-size: 100%;
			*text-align: center;
		}
		div.submitBox input#btnFix:hover,
		div.submitBox input#contactBtn:hover { *background: url(/_assets/img/bgi-submitBtn_over.png) no-repeat; }
		html>/**/body div.submitBox input#btnFix {
			width/***/: 196px\9;
			height: 63px\9;
			line-height: 53px\9;
			padding: 0 20px\9;
			background: url(/_assets/img/bgi-submitBtn.png) no-repeat\9;
			border: none\9;
			font-size: 100%\9;
			text-align: center\9;
			}
		html>/**/body div.submitBox input#contactBtn {
			width/***/: 196px\9;
			height: 63px\9;
			line-height: 53px\9;
			padding: 0 20px\9;
			background: url(/_assets/img/bgi-submitBtn.png) no-repeat\9;
			border: none\9;
			font-size: 100%\9;
			text-align: center\9;
		}
		html>/**/body div.submitBox input#btnFix:hover { background/***/: url(/_assets/img/bgi-submitBtn_over.png) no-repeat\9; }
		html>/**/body div.submitBox input#contactBtn:hover { background/***/: url(/_assets/img/bgi-submitBtn_over.png) no-repeat\9; }
			div.submitBox input#btnFix:hover,
			div.submitBox input#contactBtn:hover {
				text-shadow: 0 0 5px rgba(255,255,255,0.5);
			}
			div.submitBox input#btnFix:active,
			div.submitBox input#contactBtn:active { top: 1px; }


/* =06-5 Confirm --------------------------*/
dl#confirm {
	margin: 15px 20px;
	background: rgba(169,197,196,0.1);
	border: 1px solid #49626F;
	border-color: rgba(255,255,255,0.19);
}
	dl#confirm dt,
	dl#confirm dd { padding: 2px 10px; }
	dl#confirm dt.first,
	dl#confirm dd.first { padding-top: 10px; padding-bottom: 0; }
	dl#confirm dt.last,
	dl#confirm dd.last { padding-bottom: 10px; }
	dl#confirm dd.kana { padding-top: 0; }
	dl#confirm dt {
		clear: left;
		float: left;
		width: 10em;
		text-align: right;
	}
	dl#confirm dd { margin-left: 11em; }
	dl#confirm dt:after { content: '：'; }