@charset "UTF-8";

/*----------------------------------------------------
Common
----------------------------------------------------*/
body { background:#4f80c2; color:#333; text-align:center; }

a:link {color:#003399;}
a:visited {color:#330066;}
a:hover {color:#ff4e00;}
a:active {color:#003399;} 

hr { display: none; }

#container p, #container th, #container td, #container li, #container dt, #container dd {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.4;
}

/*input, textarea {
	background: #fff;
	border: none;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 2px 5px;
	margin: 2px;
}*/

input:hover, textarea:hover {
	background: #ffd;
}


p.noscript{
	width:100%;
	padding:10px 0 10px 100px;
	color:#f00;
	font-weight:bold;
	background-color:#ff9;
}

/*----------------------------------------------------
Layout
----------------------------------------------------*/
#wrapper {
	width: 100%;
	background-color:#fff;
}

#header {
	position:relative;
	width:910px;
	height:70px;
	margin:0 auto;
	overflow:hidden;
	}
		#header h1#logo {
			width:97px;
			position:absolute;
			top:10px;
			left:0;
		}
		
		#header p {
			position:absolute;
			font-size:12px;
			text-align:left;
			bottom:10px;
			right:0;
		}
		
		#header div#language a{
			position:absolute;
			font-size:12px;
			top:0;
			right:0;
		}
		
#gnavi {
	clear:both;
	width: 100%;
	height:40px;
	background:url(../../img/navi_bar_bg.gif) 0 0 repeat-x;
}

ul#nav {width:910px; margin:0 auto; zoom: 100%; display: inline-table; }
ul#nav:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
/** html ul#nav {width:913px;} */
	#nav li {
		float:left;
	}
	#nav li.none {
	display:none;
	}

#panel {
	width:2730px;
	height:1500px;
	position:absolute;
	top:0;
	left:0;
}
/** html #panel {
	width:2733px;
	height:1500px;
} */

#enclosure {
	width:910px;
	height:500px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.slide-wrap {
	float:left;
	width:910px;
	height:500px;
	text-align:left;
	overflow:hidden;
}

#footer-wrap {
	width: 100%;
	height:265px;
	text-align:center;
	background:url(../../img/footer_bg.gif) 0 0 repeat-x;
}

#footer {
	width:910px;
	color:#fff;
	margin:0 auto;
}
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover {
		color:#ffd825;
	}

#footer-navi {width:910px; margin-top:5px; margin-bottom:20px; zoom: 100%; display: inline-table; }
#footer-navi:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
	#footer-navi ul {
		float:right;
		}
	#footer-navi ul li{
		float:left;
		font-size:93%;
		}

#footer-cont {zoom: 100%; display: inline-table; }
#footer-cont:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
	#footer-left {
	float:left;
	width:600px;
	text-align:left;
	overflow:hidden;
	}
		#footer-left dt {
		font-weight:bold;
		}
		#footer-left dd {
		float:left;
		width:280px;
		font-size:93%;
		padding:5px 0;
		margin-right:20px;
		border-top:dotted #ffd825 1px;
		
		}
	#footer-right {
	float:right;
	width:310px;
	text-align:left;
	font-size:93%;
	}
		#footer-right dt {
		font-weight:bold;
		}

p#copyright {
	margin-top:50px;
	font-size:85%;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, serif;
}

/*----------------------------------------------------
Print
----------------------------------------------------*/
.print-monitor {width:640px; zoom: 100%; display: inline-table;}
.print-monitor:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.print-monitor ul {
	float:right;	
}
.print-monitor li {
	float:left;	
}
.print-btn {
	display:none;	
}
.monitor {
	display:none;	
}


a.link-icon{
	background:url(../../img/icon_link.gif) 0 50% no-repeat;
	padding-left:8px;
}

/*----------------------------------------------------
Top
----------------------------------------------------*/
#section01 {
	position:relative;
}

#news {
	position: absolute;
	width:450px;
	height:80px;
	padding:10px;
	bottom:30px;
	right:30px;
	margin:0 auto;
	overflow:auto;
	background-color:#fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#news ul {
	border-top:dotted #ffd825 1px;
}
	#news li {
		padding:5px 0;
		border-bottom:dotted #ffd825 1px;
	}
	#news li a {
	display:block;
	border-left:solid #c00 5px;
	padding-left:7px;
	}
	#news li a:hover {
	background-color: #006;
	}

#news-jan {
	position: absolute;
	width:350px;
	height:60px;
	padding:10px;
	bottom:20px;
	left:30px;
	margin:0 auto;
	overflow:auto;
	background-color:#fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#news-jan ul {
	border-top:dotted #ffd825 1px;
}
	#news-jan li {
		padding:5px 0;
		border-bottom:dotted #ffd825 1px;
	}
	#news-jan li a {
	display:block;
	border-left:solid #c00 5px;
	padding-left:7px;
	}
	#news-jan li a:hover {
	background-color: #006;
	}

/*----------------------------------------------------
section03 / section04 / section05 / section06 / section07 / section09
----------------------------------------------------*/
#section03,#section04,#section05,#section06,#section07,#section09 {
	padding:30px;
}

.left-cont {
	width:200px;
	float:left;
	background-color:#fff;
}
.right-cont {
	width:600px;
	height:396px;
	padding:10px;
	float:right;
	overflow:auto;
	background-color:#fff;
}
	.right-cont .left-2c {
		width:280px;
		float:left;
	}
	.right-cont .right-2c {
		width:280px;
		float:right;
	}
	
.right-cont h3 {
	color:#254488;
	font-size:123.1%;
	margin-top:30px;
	margin-bottom:5px;
	border-bottom: solid #ffd825 2px;
}

/*----------------------------------------------------
section03(service)
----------------------------------------------------*/
#section03 {
	background:url(../../img/navi_02_bar.gif) 0 0 no-repeat;
}

.products {
	margin-top:20px;
}
	.products {
		margin-left:-20px;
	}
	* html .products {
		margin-left:-40px;
	}
	.products dt {
		font-weight:bold;
		margin-left:20px;
	}
	* html .products dt {
		margin-left:40px;
	}
	.products dd {
		float:left;
		width:280px;
		margin-left:20px;
		border-bottom:solid #ccc 1px;
		padding:3px 0;
	}
	.products dd.top-border {
		border-top:solid #ccc 1px;
	}

/*----------------------------------------------------
section04(joomla)
----------------------------------------------------*/
#section04 {
	background:url(../../img/navi_03_bar.gif) 0 0 no-repeat;
}

#section04 p.copy strong{
	color:#c00;
}

#section04 .plan01-pay h4{
	margin-top:20px;
}
	#section04 .plan01-pay h4 span{
	color:#06c;
	}

#section04 .plan01-pay table {
	width:583px;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	#section04 .plan01-pay table th {
		background: #f9e9a1;
		border-top: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #fff;
		padding: 5px 10px;
		text-align: left;
		vertical-align: top;
		width:400px;
		font-weight:bold
	}
			#section04 .plan01-pay table th span {
			font-weight:normal;
			font-size:93%;
			
			}
	#section04 .plan01-pay table td {
		background: #fff;
		border-top: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #fff;
		padding: 5px 10px;
	}

#section04 .plan01-pay .year-pay {
margin-top:20px;
border-top:dotted 1px #ccc;
}
	#section04 .plan01-pay .year-pay p {
	font-weight:bold;
	border-bottom:dotted 1px #ccc;
	padding:5px 0;
	}
	#section04 .plan01-pay .year-pay p span {
	color:#06c;
	}
	#section04 .plan01-pay .year-pay p strong {
	color:#f00;
	font-size:153.9%;
	}
	#section04 .plan01-pay .year-pay p em {
	color:#f00;
	font-style:normal;
	}


#section04 ul.spec li {
	margin-left:1.25em;
}
	#section04 ul.spec li {
	list-style:disc;
	}

#section04 ul.attention li {
	margin-left:1.25em;
}
	#section04 ul.attention li {
		text-indent:-1.25em;
	}

#section04 #joomla-contact {
	margin-top:20px;
	padding:10px;
	background-color:#efefef;
	margin-bottom:40px;
}
	#section04 #joomla-contact h2 {
	color:#c00;
	font-size:116%;
	margin-bottom:5px;
	}

p#btn-joomla {
	width:12em;
	margin:20px auto;
	text-align:center;
	border-bottom: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
	p#btn-joomla a {
		width:12em;
		padding:5px 0;
		text-decoration:none;
		display:block;
		font-weight:bold;
		background-color:#efefef;
	}
	p#btn-joomla a:hover {
		background-color:#003;
	}

/*----------------------------------------------------
section05(casestudy)
----------------------------------------------------*/
#section05 {
	background:url(../../img/navi_04_bar.gif) 0 0 no-repeat;
}

#section05 .left-2c dl, #section05 .right-2c dl {
	margin-top:3x;
	margin-bottom:20px;
	font-size:85%;
	}
	#section05 .left-2c dd, #section05 .right-2c dd {
	margin-top:-1.4em;
	padding-left:6em;
	}
	

/*----------------------------------------------------
section06(company)
----------------------------------------------------*/
#section06 {
	background:url(../../img/navi_05_bar.gif) 0 0 no-repeat;
}

.table01 {
	border-top:1px solid #ccc;
}
	.table01 th {
		background-color:#efefef;
		white-space:nowrap;
	}
	.table01 th,.table01 td {
		border-bottom:1px solid #ccc;
		padding:3px;
	}
	.table01_dl01 dt {
		width:8em;
		text-align:right!important;
	}
	.table01_dl01 dd {
		padding-left:9em;
		margin-top:-1.4em;
	}
	
	.table01_dl02 dd {
		padding-left:5em;
		margin-top:-1.4em;
	}

/*----------------------------------------------------
section07(recruit)
----------------------------------------------------*/
#section07 {
	background:url(../../img/navi_06_bar.gif) 0 0 no-repeat;
}

.table02 table th {
	width:5em;
	text-align:right!important;
	vertical-align:top;
	white-space:nowrap;
}
.table02 table th {
	padding:3px;
}
.table02 table td {
	padding:3px 3px 3px 10px;
}

.table02 table .ul_type01 {
	margin-left:1em;
}
	.table02 table .ul_type01 li {
		list-style:disc;
	}
	
p#oubo {
	width:18em;
	margin:20px auto;
	text-align:center;
	border-bottom: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
	p#oubo a {
		width:18em;
		padding:5px 0;
		text-decoration:none;
		display:block;
		font-weight:bold;
		background-color:#efefef;
	}
	p#oubo a:hover {
		background-color:#003;
	}
	
/*----------------------------------------------------
section09(contact)
----------------------------------------------------*/
#section09 {
	background:url(../../img/navi_07_bar.gif) 0 0 no-repeat;
}

p#btn-form {
	width:12em;
	margin:20px auto;
	text-align:center;
	border-bottom: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
	p#btn-form a {
		width:12em;
		padding:5px 0;
		text-decoration:none;
		display:block;
		font-weight:bold;
		background-color:#efefef;
	}
	p#btn-form a:hover {
		background-color:#003;
	}