@charset "utf-8";
@import url("contents.css");
@import url("slideshow.css");
@import url("prm.css");

div.textWrap {}

div.textWrap p {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

div.textWrap p b {
	background: #a3b2bd;
	color: #fff;
}



/***********/


body {
}

#wrap {
	width: 100%;
	height: 100%;
	background: url(../img/bg_n_l.gif) repeat-x left top #8c8c8c;
	text-align: center;
	font-size: 100% !important;
}

#indexPage #wrap {
	background: url(../img/top_bg.gif) repeat-x left top #8c8c8c;
}

#header {
	width: 765px;
	/*width: 63.75em;*/
	margin: 0 auto;
	position: relative;
	z-index: 1;
	/*height: 143px;*/
	text-align: left;
}

h1 {
	width: 175px;
	height: 143px;
	float: left;
}

 h1 a {
	display: block;
	width: 175px;
	height: 143px;
	background: url(../img/logo_n.jpg) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}

#indexPage h1 a {
	background: url(../img/logo.jpg) no-repeat;
}

#headerMenu {
	position: absolute;
	/*top: 1.75em;*/
	top: 21px;
	right: 0;
}

#headerMenu li {
	float: left;
}

#headerMenu li a {
	text-indent: -9999px;
	height: 27px;
}


	#headerMenuItem1 a {
		display: block;
		background:url(../img/header_menu_1.gif) no-repeat 0 0;
		width: 112px;
	}
	#headerMenuItem2 a {
		display: block;
		background: url(../img/header_menu_2.gif) no-repeat 0 0;
		width: 105px;
	}
	
#headerMenu li a:hover {
	background-position: bottom !important;
}

#glovalNavi {
	position: absolute;
	/*top: 6.58em;*/
	top: 79px;
	right: 0;
}

#glovalNavi li {
	float: left;
}

#glovalNavi li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
}

	#gNaviItem1 a { background: url(../img/g_navi1.png) no-repeat left bottom; width: 86px;}
	#gNaviItem2 a { background: url(../img/g_navi2.png) no-repeat left bottom; width: 108px;}
	#gNaviItem3 a { background: url(../img/g_navi3.png) no-repeat left bottom; width: 117px;}
	#gNaviItem4 a { background: url(../img/g_navi4.png) no-repeat left bottom; width: 97px;}

#glovalNavi li a:hover, #glovalNavi li.current a {
	background-position: top !important;
}

/***********************************************
Contents & Main
***********************************************/
div.imgWrap img {
	display: block;
}

#contentsWrap {
	width: 100%;
	background: url(../img/bg_n_s.gif) repeat-x left top #fff;
	padding-bottom: 30px;
}

#indexPage #contentsWrap {
	padding-bottom: 0 !important;
	background: url(../img/top_bg2.gif) repeat-x left top #fff;
}

#contents {
	width: 765px;
	/*width: 63.75em;*/
	margin: 0 auto;
	text-align: left;
}

div#h2Wrap {
	background: url(../img/h2_bg.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#panMenu {
	float: right;
	padding: 0 15px 0 15px;
	background: url(../img/pan_bul2.gif) no-repeat 0 center;
}

#panMenu dl {}
#panMenu dl dt {
	display: none;
}
#panMenu dl dd {
	float: left;
	line-height: 2.5em;
	color: #f0f0f0 !important;
}
#panMenu a {
	background: url(../img/pan_bul.gif) no-repeat right center;
	padding: 0 7px 0 0;
	margin: 0 5px 0 0;
	color: #f0f0f0;
	text-decoration: none;
	display: inline;
}

#panMenu a:hover {
	color: #4e5b71;
}

#main h2 {
	height: 2.50em;
	color: #fff;
	line-height: 2.5em;
	padding: 0 0 0 15px;
	zoom: 1;
	margin: 0 0 15px 0;
}

/* for TOP Page */

#indexPage #contents {
	background: url(../img/contents_bottom_bg.gif) no-repeat left bottom;
}

body#indexPage #main {
	width: 380px;
	float: left;
}

#newsTab {
	width: 380px;
	padding: 0 0 25px;
}
#newsTab h2 {
	width: 380px;
	height: 11px;
	background: url(../img/news_tit.gif) no-repeat 0 0;
	text-indent: -9999px;
}

	#newsList {
		padding: 10px 0 5px 10px;
	}

	#newsList li {
		background: url(../img/news_bullet.gif) no-repeat left center;
		padding: 3px 0 3px 15px;
	}
	
	#newsList li span.newsDate {
		padding: 0 15px 0 0;
		font-weight: bold;
	}
	
	#newsList li span.newsTit {
	
	}
	
	#newsList li a {
		color: #666;
		text-decoration: none;
	}
	
	#newsList li a:hover {
	color: #fa6204;
	}
	
	#newsDetail {
		background: url(../img/news_detail_line.gif) repeat-x left bottom;
	}
	
	#newsDetail a {
		display: block;
		float: right;
		background: url(../img/news_detail_arrow.gif) no-repeat right center #fff;
		height: 1em;
		padding: 0 15px 0 10px;
		text-decoration: none;
		font-size: 0.92em;
	}
	
#serviceTab {
	width: 380px;
	background: url(../img/flash_menu_bg.gif) no-repeat 0 0;
	/*min-height: 117px;
	_height: 117px;*/
	min-height: 230px;
	_height: 230px;
}
#serviceTab h2 {
	display: none;
}
	#serviceList {
		padding: 34px 5px 0;
	}
	
	#serviceList li {
		float: left;
	}
	
	#serviceItem1 a,
	#serviceItem2 a,
	#serviceItem3 a {
		display: block;
		height: 59px;
		text-indent: -9999px;
	}
	
	#serviceItem1 a {width: 121px; background: url(../img/service_btn_1.gif) no-repeat 0 top;}
	#serviceItem2 a {width: 127px; background: url(../img/service_btn_2.gif) no-repeat 0 top;}
	#serviceItem3 a {width: 118px; background: url(../img/service_btn_3.gif) no-repeat 0 top;}
	
	#serviceList li a:hover {
		background-position: bottom !important;
	}
	
/* // for TOP Page */

/* for Normal */

#main {
	width: 565px;
	float: left;
}

/* // for Normal */

.iconBox {
	padding: 15px 15px 0;
	border-top: 1px solid #e0e0e0;
}
	
.pdfIcon {
	padding: 0 0 0 40px;
	background: url(../img/pdf_icon.gif) no-repeat 0 0;
	min-height: 3.67em;
	_height: 3.67em;
}

.pdfIcon dt {
	color: #000;
}

/***********************************************
Side
***********************************************/

/* for TOP Page */

body#indexPage #sideWrap {
	width: 300px;
	float: right;
}

body#indexPage #side {}

	#portfolioTab {
		width: 300px;
		/*height: 500px;*/
	}
	
		#portfolioTab h2 {
			display: none;
		}
		
		#portList {}
		
		#portList li {
			zoom:1; 
		}
		
		#portList li dl {
			border-bottom: solid 1px #e8e6c1;
			padding: 0 0 15px 0;
			margin: 0 0 15px 0;
		}
		
		#portList li dl dt {
			background: url(../img/port_bullet.gif) no-repeat left center;
			padding: 0 0 0 7px;
			margin: 0 0 10px 0;
		}
		
		#portList li dl dt span.portDate {
			font-weight: bold;
			padding: 0 10px 0 0;
		}
		
		#portList li dl dt span.portTit {}
		
		#portList li dl dd.portLink {
			margin: 0 0 10px 0;
		}
		
		#portList li dl dd.portLink span.portDate {}
		
		#portList li dl dd.portLink span.portTit {}
		
		#portList li dl dd.portImg {
			background: url(../img/port_bg.gif) no-repeat left top;
			padding: 5px 6px;
			width: 288px;
			height: 86px;
		}
		
		#portList li dl dd.portImg img {
			display: block;
		}
		
/* //for TOP Page */

/* for normal */
#sideWrap {
	width: 180px;
	float: right;
}

#side h2 {
	width: 180px;
	height: 120px;
	text-indent: -9999px;
}

#subMenu {}

#subMenu ul {}

#subMenu ul li {
	background: url(../img/sub_menu_bg_top.gif) no-repeat 0 0;
	zoom: 1;
	margin: 0 0 5px 0;
}

#subMenu ul li a {
	background: url(../img/sub_menu_bg_bottom.gif) no-repeat left bottom;
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #8998a9;
}

#subMenu ul li a span {
	background: url(../img/sub_menu_bul.gif) no-repeat 10px center;
	padding: 0 0 0 30px;
}
#subMenu ul li.current a,
#subMenu ul li a:hover {
	color: #a09b00;
}

#subMenu ul li.current a span,
#subMenu ul li a:hover span {
	background: url(../img/sub_menu_bul_over.gif) no-repeat 10px center;
}
	

/* // for normal */


/***********************************************
Footer
***********************************************/

#footerWrap {
	width: 100%;
	background: url(../img/bottom_bg.gif) repeat-x left top #8c8c8c;
	height: 20.83em;
	padding-bottom: 10px;
	/*height: 250px;*/
}

#footer {
	width: 765px;
	/*width: 63.75em;*/
	margin: 0 auto;
	text-align: left;
	font-size: 0.92em;
	_font-size: 11px;
}
	p.gotoTop {
		float: right;
		padding: 5px 0 0 0;
	}
	
	p.gotoTop a {
		display: block;
		background: url(../img/pagetop.gif) no-repeat 0 0;
		width: 65px;
		height: 16px;
		text-indent: -9999px;
	}

	p.copyRight {
		line-height: 2.7em;
		color: #fff;
		background: url(../img/copy_bg.gif) repeat-x left bottom;
	}
	
	p.copyRight img {
		vertical-align: top;
		margin-bottom: 5px;
	}
	p.copyRight img.footer_btn{
		vertical-align: bottom;
		margin-bottom: 6px;
	}
	
	#footerLink {
		padding: 0 15px 0 66px;
		background: url(../img/footer_logo.gif) no-repeat 0 0;
		margin: 15px 0 0 0;
		float: left;
	}
	
	#footerLink dl {
		margin: 0 0 5px 0;
		width: 364px;
	}
		
	#footerLink dt {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		clear: both;
		float: left;
		width: 5em;
	}
	
	#footerLink dd {
		float: left;
	}
	
	#footerLink dd li {
		float: left;
		border-left: 1px solid #fff;
	}
	
	#footerLink dd li:first-child {
		border: none;
	}
	
	#footerLink dd li a {
		color: #fff;
		text-decoration: none;
		padding: 0 5px;
	}
	
	#footerLink dd li a:hover {
		color: #504d47;
	}
	
	#footerForm {
		margin: 15px 0 0 0;
		float: left;
		width: 320px;
	}
	
	#footerForm form {
	}
	
	#footerForm legend {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0 0 5px 0;
	}
	
	#footerForm dl {
		background: #989898;
		padding: 10px;
	}
	
	#footerForm dt {
		clear: both;
		float: left;
		width: 5em;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		text-align: right;
		padding: 0 5px 0 0;
		margin-bottom: 5px;
	}
	
	#footerForm dd {
		float: left;
		margin-bottom: 5px;
	}
	
	#footerForm dt.contactBtn {
		padding: 0 0 0 5em;
		width: 100%;
	}
	
	#footerForm dt.contactBtn button {
		float: left;
		margin: 0 0 0 5px;
		display:inline;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		background: url(../img/footer_btn.gif) no-repeat;
		padding: 0;
		border: none;
		width: 47px;
		height: 21px;
		cursor: hand;
	}
	
	#footerForm dt.contactBtn button:hover {
		color: #fff;
	}

#contactName {
	width: 150px;
}

#contactMail {
	width: 190px;
}

#contactSubject {
	width: 220px;
	height: 3em;
	overflow: auto;
}

#footerForm dd input,
#footerForm dd textarea {
	background: #7f7f7f;
	border: 1px solid #5c584e;
	font-size: 1.3em !important;
}

#footerForm dd input:focus,
#footerForm dd textarea:focus {
	background: #989898;
}


/* for ebook */
#main.ebookPage {
	width: 765px;
	float: none;
	clear: both;
}

#main.ebookPage div#h2Wrap {
	background: url(../img/title_bg2.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
}

dl.ebookBox {
	padding: 20px 0;
	border-bottom: 1px dotted #ddd;
	clear: both;
}

dl.ebookBox dt {
	width: 106px;
	padding: 0 29px 0 0;
	float: left;
}

dl.ebookBox dd {
	width: 630px;
	float: left;

}