@charset "utf-8";
/*---------------------------------------------------------------

neo design room

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

/*----------------------------
common
----------------------------*/

article, aside, footer, header, nav, section, figure {
	display: block;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

body {
	width: 900px;
	margin: 60px auto;
	padding: 0;
	background: #fff;
	color: #4d4d4d;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
}

img {
	vertical-align: middle;
}

a {
	color: #f29600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

hr {
	display: none;
}


/*----------------------------
clearfix
----------------------------*/

nav ul:after,
#home #topics ul:after,
#home #information:after,
footer:after,
#body:after,
#works #works-navi ul:after,
#works article.works:after,
#works #otherlist:after,
#contact #companyinfo:after,
#about #staff ul:after,
#information .webinfo:after,
#information .wordinfo:after,
#home #industry ul:after,
#home #banner ul:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

nav ul,
#home #topics ul,
#home #information,
footer,
#body,
#works #works-navi ul,
#works article.works,
#works #otherlist,
#contact #companyinfo,
#about #staff ul,
#information .webinfo,
#information .wordinfo,
#home #industry ul,
#home #banner ul {
    display: inline-block;
}

nav ul,
#home #topics ul,
#home #information,
footer,
#body,
#works #works-navi ul,
#works article.works,
#works #otherlist,
#contact #companyinfo,
#about #staff ul,
#information .webinfo,
#information .wordinfo,
#home #industry ul,
#home #banner ul {
    display: block;
}


/*----------------------------
layout
----------------------------*/

#branding {
	margin: 0 0 15px 0;
	position: relative;
}

h1 {
	position: relative;
	margin: 0;
	overflow: hidden;
	z-index: 20;
}

	h1 a {
		display: block;
		width: 60px;
		height: 50px;
		position: absolute;
		left: 28px;
		top: 18px;
		text-indent: -7000px;
		overflow: hidden;
	}
	
	h1>a {
		background: url(../img/common/logo.png) no-repeat;
	}
	
	*html h1 a {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/logo.png', sizingMethod='scale');
	}


nav {
	margin: 15px 0 40px 0;
}

	nav ul {
		list-style-type: none;
		margin: 0 0 0 530px;
		padding: 0;
	}
	
		nav ul li {
			float: left;
			padding-left: 23px;
		}
		
		nav ul li#n01 {
			padding-left: 0;
		}
		
			nav ul li a {
				opacity: 0.5;
    			filter: alpha( opacity=50 );
			}
			
			nav ul li a:hover {
				opacity: 1;
    			filter: alpha( opacity=100 );
			}
			
article#body {
	border-bottom: solid 1px #808080;
}

footer {
	margin-top:10px;
}

	footer p.subnav {
		float: right;
		width: 500px;
		text-align: right;
	}
		
		footer p.subnav a {
				padding-left: 10px;
				background: url(../img/common/subnav-point.gif) no-repeat left center;
				color: #808080;
			}
	
	footer p.copyright {
		float: left;
		width: 400px;
	}


/*----------------------------
home
----------------------------*/


#home h1 {
	position: absolute;
	width: 60px;
	height: 50px;
	margin: 0;
	left: 28px;
	top: 18px;
	overflow: hidden;
	z-index: 20;
}

	#home h1 a {
		display: block;
		width: 60px;
		height: 50px;
		position: static;
		text-indent: -7000px;
		overflow: hidden;
	}

#home #slideshow {
    position: relative;
    height:400px;
}

#home #slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#home #slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#home #slideshow DIV.last-active {
    z-index:9;
}

#home #slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
}


#home nav ul li#n01 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#home #dashboard {
	position: relative;
	border-bottom: solid 1px #808080;
	height: 100%; /* for IE6 */
}


#home #topics {
	position: absolute;
	top: -110px;
	left: 20px;
	z-index: 20;
}
	
	#home #topics article {
		width:249px;
		float: left;
	}
	
		#home #topics article div {
			margin: 0 20px 0 0;
		}
	
		#home #topics article p {
			color: #4d4d4d;
		}
		
		#home #topics article figure {
			border: solid 2px #4d4d4d;
			background: #fff;
			margin: 0;
			overflow: hidden;
			height: 150px;
			width: 225px;
			text-align: center;
		}
		
			#home #topics article figure img {
				min-width: 225px;
				min-height: 150px;
			}
		
		#home #topics article h2.w-title {
			color: #f29600;
		}
		
		#home #topics article p.w-description {
			margin: 0;
		}
		
		#home #topics article p.w-more {
			margin: 0;
		}

	#home #topics .box_hover {
		cursor:pointer;
	}

		#home #topics .box_hover p {
			color: #808080;
		}
		
		#home #topics .box_hover h2 a:hover {
			text-decoration: none;
		}
	
		#home #topics .box_hover figure {
			border: solid 2px #b2b2b2;
		}
		
			#home #topics .box_hover figure img {
				opacity: 0.8;
    			filter: alpha(opacity=80);
			}

#home #news {
	margin: 0;
	padding: 0 0 0 530px; /* for IE6 (do not use margin!) */
}

	#home #news h2 {
		color: #f00;
		margin: 0;
		font-weight: 100;
	}
	
	#home #news dt {
		color: #f00;
		float: left;
		width: 60px;
	}
	
	#home #news dd {
		margin: 0 0 10px 65px;
		color: #f29600;
	}

#home #company {
	margin: 20px 0 20px 530px;
	padding: 0 0 0 90px;
	background: url(../img/common/logo.gif) no-repeat left center;
	color: #808080;
}

	#home #company h3 {
		font-weight: 100;
		margin: 0 0 5px 0;
	}
	
	#home #company p {
		margin: 0 0 5px 0;
	}

#home #sociallink a:hover img,
#home #lp-banner a:hover img {
	opacity:0.75;
    filter: alpha(opacity=75);
}

#home #sociallink {
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	list-style-type: none;
	width: 438px;
	margin: 0;
	padding: 2px 30px;
}

	#home #sociallink li {
		width: 146px;
		float: left;
		text-align: center;
	}
	
#home #lp-banner {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}

	#home #lp-banner li {
		display: inline;
		margin-right: 10px;
	}

#home #information {
	color: #808080;
}

#home #info1 {
	width: 424px;
	float: left;
}

#home #info2 {
	width: 424px;
	float: right;
}

	#home #info1 section,
	#home #info2 section {
		margin: 20px 0;
	}
	
	#home #info1 h3:before,
	#home #info2 h3:before {
		content: "● ";
		color: #e95711;
	}
	
	#home #info1 h2 {
		border-bottom: 1px #e95711 solid;
		padding-bottom: 10px;
	}
	
	#home #info1 #contact,
	#home #info1 #business {
		margin: 20px 0 30px 0;
	}
	
	#home #contact p:first-letter,
	#home #business p:first-letter {
		font-size: 3em;
		line-height: 1;
		float: left;
		padding-right: 5px;
	}
	
	#home #area dl {
		margin: 0;
	}
	
	#home #area dt {
		width: 60px;
		float: left;
	}
	
	#home #area dd {
		margin: 0 0 0 65px;
	}
	
	#home #area p {
		margin: 0;
	}
	
		#home #area p:before {
			content: "● ";
		}
	
	#home #industry ul {
		list-style-type: none;
		margin: 1em 0;
		padding: 0;
	}
	
	#home #industry li {
		width: 106px;
		float: left;
	}
		

/*----------------------------
works
----------------------------*/

#works h1 {
	background: #ccc url(../img/works/headerimage.jpg);
	height: 200px;
}

#works nav ul li#n02 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#works article#body {
	position: relative;
}

#works #works-navi {
	position: absolute;
	left: 0;
	top: -56px;
	width: 500px;
}

	#works #works-navi ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#works #works-navi li {
		float: left;
		padding-right: 30px;
	}
	
		#works #works-navi li a {
			opacity: 0.5;
    		filter: alpha(opacity=50);
		}
			
		#works #works-navi li a:hover,
		#works #works-navi li.active a {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
	
#works article.works {
	border: solid 1px #808080;
	margin: 0 0 20px 0;
	padding: 9px;
	position: relative;
	overflow: hidden; /* IE */
}

	#works article.works figure {
		float: left;
		width: 420px;
	}
	
		#works article.works figure a:hover img {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
	
	#works article.works div {
		float: right;
		width: 430px;
	}
	
	#works article.works h2 {
		color: #f29600;
	}
	
	
	
	
	#works article.w612 figure {
		float: left;
		width: 612px;
	}
	
	#works article.w612 div {
		float: right;
		width: 250px;
	}
	
		#works article.w612 div .subimage {
			position: absolute;
			top: 183px;
			left: 628px;
		}
	
	#works article.w500 figure {
		float: left;
		width: 500px;
	}
	
	#works article.w500 div {
		float: right;
		width: 362px;
	}
	
	
#works #otherlist {
	list-style-type: none;
	margin: 0 0 0 -15px;
	padding: 0;
}

	#works #otherlist li {
		width: 270px;
		float: left;
		margin: 0 0 20px 15px;
		border: 1px solid #808080;
		padding: 9px;
		display: inline;
	}
	
	#works #otherlist li a:hover img {
		opacity: 0.8;
    	filter: alpha(opacity=80);
	}
		
		


/*----------------------------
neo-design
----------------------------*/

#about h1 {
	background: #ccc url(../img/about/headerimage.jpg);
	height: 200px;
}

#about nav ul li#n03 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#about #message {
	background: url(../img/about/message.gif) no-repeat center right;
	margin: 0 0 50px 0;
}

	#about #message h2 {
		display: none;
	}
	
	#about #message p {
		margin: 0 480px 0 0;
		font-size: 1.2em;
		line-height: 3;
	}
	
#about #companyinfo {
	color: #f29600;
	margin: 0 0 50px 0;
}

	#about #companyinfo h2 {
		font-size: 1.2em;
		text-align: center;
	}
	
	#about #companyinfo dt {
		float: left;
		width: 430px;
		text-align: right;
		padding: 0 20px 0 0;
		border-right: 1px #f29600 solid;
	}
	
	#about #companyinfo dd {
		margin: 0 0 10px 470px;
	}
	
#about #staff {
	margin: 0 0 50px 0;
}

	#about #staff ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#about #staff li {
		width: 100px;
		float: left;
		padding: 0 0 0 60px;
		text-align: center;
	}
	
	#about #staff li#boss {
		padding: 0;
	}

#about #resaler {
	margin: 0 0 50px 0;
	border: solid 1px #808080;
}

#about #resaler h2 {
	font-size: 1.2em;
	text-align: center;
}

	#about #resaler dt {
		float: left;
		width: 430px;
		text-align: right;
		padding: 0 20px 0 0;
		border-right: 1px #ccc solid;
	}
	
	#about #resaler dd {
		margin: 0 0 10px 470px;
	}
	
	#about #resaler dd ul {
		list-style-type: none;
		padding: 0;
	}

/*----------------------------
information
----------------------------*/

#information h1 {
	background: #ccc url(../img/information/headerimage.jpg);
	height: 200px;
}

#information nav ul li#n07 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

	#information .webinfo #description {
		width: 424px;
		float: left;
	}
	
		#information .webinfo #description ul#voice {
			list-style-type: none;
			padding: 0;
			margin: 1em 0;
			font-size: 1.2em;
		}
		
			#information .webinfo #description ul#voice li {
				margin: 0 0 10px 0;
			}
		
		#information .webinfo #description h2 {
			margin: 0 0 40px 0;
		}
		
		#information .webinfo #description h3 {
			margin: 40px 0 10px 0;
			font-size: 1.4em;
		}
		
		#information .webinfo #description p {
			font-size: 1.1em;
		}
		
		#information .webinfo #description h3.download-title {
			border-top: solid 1px #ccc;
			padding-top: 30px;
		}
		
		#information .webinfo #description #pdfdetail {
			background: url(../img/information/image-03.gif) no-repeat;
			padding: 10px 0 10px 190px;
		}
		
			#information .webinfo #description #pdfdetail h4 {
				font-size: 1.2em;
				margin: 10px 0;
			}
			
			#information .webinfo #description #pdfdetail p {
				margin: 10px 0;	
			}
			
			#information .webinfo #description #pdfdetail ul {
				padding-left: 20px;
				font-size: 1.1em;
			}
			
		#information .webinfo #description #pdfform {
			background: #eee;
			margin: 10px 0 40px 0;
			padding: 10px;
		}
		
		#information .webinfo #description #pdfform table {
			width: 424px;
		}
		
		#information .webinfo #description #pdfform table th {
			width: 100px;
			text-align: left;
		}
		
		#information .webinfo #description #pdfform table td input#submit:hover {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
		
		#information .webinfo #description #pdfform table td input.textbox {
			width: 250px;
		}
		
	
	#information .webinfo figure {
		width: 424px;
		float: right;
		padding-bottom: 1px;
	}
	
		#information .webinfo figure p {
			margin: 0 0 10px 0;
			color: #666;
		}
		
		

#information .wordinfo {
	margin: 20px 0;
}
	
	#information .wordinfo dl {
		width: 290px;
		padding: 0 15px 0 0;
		margin: 0;
		float: left;
	}
	
	#information .wordinfo dl.last {
		padding: 0;
	}
	
		#information .wordinfo dl dt {
			border: solid 1px #ccc;
			border-bottom: none;
			margin: 0;
			padding: 10px 10px 0 10px;
			font-size: 1.2em;
		}
		
		#information .wordinfo dl dd {
			border: solid 1px #ccc;
			border-top: none;
			margin: 0;
			padding: 5px 10px 10px 10px;
		}
			
	
	#information .contactinfo p {
		text-align: center;
		padding: 30px 0 20px 0;
		border-top: solid 1px #808080;
		margin: 20px 0 10px 0;
	}
	
		#information .contactinfo p a:hover img {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
		
/*----------------------------
thanks2
----------------------------*/

#thanks2 h1 {
	background: #ccc url(../img/information/headerimage.jpg);
	height: 200px;
}

#thanks2 nav ul li#n07 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#thanks2 #body {
	text-align: center;
}

	#thanks2 #body h2 {
		font-size: 1.4em;
		padding: 80px 0 0 0;
	}
	
	#thanks2 #body p {
		padding: 0 0 80px 0;
	}

	

/*----------------------------
contact
----------------------------*/

#contact h1 {
	background: #ccc url(../img/contact/headerimage.jpg);
	height: 200px;
}

#contact nav ul li#n04 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#contact #companyinfo #info {
	width: 420px;
	float: left;
}

	#contact #companyinfo #info h2 {
		font-size: 1.4em;
		font-weight: 100;
		margin: 0 0 10px 0;
	}
	
	#contact #companyinfo #info p {
		line-height: 2.4;
		margin: 0 0 40px 0;
	}

#contact #companyinfo #map {
	width: 450px;
	float: right;
}

#contact #contactform {
	margin: 0 0 30px 0;
}

	#contact #contactform h2 {
		color: #e95711;
		font-size: 1.4em;
		font-weight: 100;
		padding: 0 0 5px 0;
		border-bottom: solid 1px #808080;
	}
	
	#contact #contactform h2 span {
		font-size: 0.71em;
	}
	
	#contact #contactform table {
		width: 100%;
		font-size: 1.4em;
	}
	
		#contact #contactform th {
			font-weight: 100;
			text-align: left;
			vertical-align: top;
			width: 248px;
		}
		
			#contact #contactform th p {
				font-size: 0.71em;
				margin: 0;
			}
			
			#contact #contactform th span {
				color: #f00;
			}
		
		#contact #contactform td {
			padding: 0 0 20px 0;
			vertical-align: top;
		}
		
		#contact #contactform .textbox {
			width: 650px;
			border: solid 1px #808080;
		}
		
			#contact #contactform .textbox:focus {
				background: #ffc;
			}
		
		#contact #contactform .imeoff {
			ime-mode: disable;
		}


/*----------------------------
thanks
----------------------------*/

#thanks h1 {
	background: #ccc url(../img/contact/headerimage.jpg);
	height: 200px;
}

#thanks nav ul li#n04 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#thanks #body {
	text-align: center;
}

	#thanks #body h2 {
		font-size: 1.4em;
		padding: 80px 0 0 0;
	}
	
	#thanks #body p {
		padding: 0 0 80px 0;
	}


/*----------------------------
labo
----------------------------*/

#labo h1 {
	background: #ccc url(../img/labo/headerimage.jpg);
	height: 200px;
}

#labo nav ul li#n06 a {
	opacity: 1;
    filter: alpha(opacity=100);
}

#labo #message {
	background: url(../img/labo/title.gif) no-repeat center right;
	margin: 0 0 50px 0;
}

	#labo #message h2 {
		display: none;
	}
	
	#labo #message p {
		margin: 0 480px 0 0;
		font-size: 1.2em;
		line-height: 3;
	}
	
#labo .entry {
	border: solid 1px #808080;
	margin: 0 0 20px 0;
	padding: 9px;
}

	#labo .entry h2 {
		margin: 0 0 10px 0;
	}
	
	#labo .entry div {
		text-align: center;
	}

/*----------------------------
sitemap
----------------------------*/

#sitemap h1 {
	background: #ccc url(../img/home/headerimage2.jpg);
	height: 200px;
}

#sitemap h2 {
		font-size: 1.4em;
		font-weight: 100;
		margin: 0 0 10px 0;
	}
	
	#sitemap #body ul li {
			line-height: 3;
	}
	
	#sitemap #body ul {
		margin: 0 0 30px 0;
		list-style-type: none;
	}
	
	#sitemap #body ul ul {
		margin: 0;
	}
	
	#sitemap #body ul ul ul {
		margin: 0;
	}

/*----------------------------
site policy
----------------------------*/

#policy h1 {
	background: #ccc url(../img/home/headerimage2.jpg);
	height: 200px;
}

#policy h2 {
		font-size: 1.4em;
		font-weight: 100;
		margin: 0 0 10px 0;
	}
	
#policy #body section {
	margin: 0 0 30px 0;
}


/*----------------------------
partner
----------------------------*/

#partner h1 {
	background: #ccc url(../img/home/headerimage2.jpg);
	height: 200px;
}

#partner h2 {
		margin: 0 0 30px 0;
	}

#partner h3 {
		font-size: 1.4em;
		font-weight: 100;
		margin: 0 0 10px 0;
	}
	
#partner #body section {
	margin: 0 0 30px 0;
}


/*----------------------------
recruit
----------------------------*/

#recruit h1 {
	background: #ccc url(../img/home/rec_headerimage.jpg);
	height: 200px;
}


#recruit #message {
	background: url(../img/recruit/title-02.gif) no-repeat center right;
	margin: 0 0 50px 0;
}

	#recruit #message h2 {
		display: none;
	}
	
	#recruit #message p {
		margin: 0 480px 0 0;
		font-size: 1.2em;
		line-height: 3;
	}

#recruittable {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 50px 0;
}

	#recruittable .l,
	#recruittable .r {
		width: 50%;
		text-align: left;
	}

	#recruittable th.l h3 {
		margin: 20px 10px 10px 0;
		border-bottom: solid 1px #ccc;
		
	}
	
	#recruittable th.r h3 {
		margin: 20px 0 10px 10px;
		border-bottom: solid 1px #ccc;
		
	}
	
	#recruittable td.l {
		margin-right: 10px;
	}
	
	#recruittable td.r {
		border-left: 1px solid #ccc;
		padding-left: 9px;
	}
	
	#recruittable ul {
		margin: 0;
		padding-left: 20px;
	}
	
	#recruittable dl {
		margin: 0;
	}
	
		#recruittable dl dt {
			float: left;
			width: 450px;
			text-align: right;
		}
		
		#recruittable dl dd {
			margin-left: 450px;
		}
	
	#recruittable p {
		margin: 0 0 1em 0;
	}

#recruit h3 {
		font-size: 1.8em;
		color: #f29600;
		font-weight: 100;
		margin: 20px 0 0 0;
	}

#recruit h4 {
	font-size: 1.4em;
}


/*----------------------------
tour
----------------------------*/

#tour h1 {
	background: #ccc url(../img/recruit/tour01.jpg);
	height: 200px;
}


#tour #body #message {
	background: url(../img/recruit/title-03.gif) no-repeat center right;
	margin: 0 0 10px 0;
}

	#tour #message h2 {
		display: none;
	}
	
	#tour #message p {
		margin: 0 480px 0 0;
		font-size: 1.2em;
		line-height: 3;
	}
	
#tour h3 {
	font-size: 1.8em;
	color: #f29600;
	font-weight: 100;
	margin: 20px 0 0 0;
}

#tour #body section {
	margin: 0 0 30px 0;
}

#tour #body article {
	margin: 0 0 50px 0;
}