/* CSS Document */

/*============================================== General Document Starts====================================================== */

body {
	padding:0;
	margin:0;
	background:url(images/back.gif) repeat;
	text-align:center;
	font-size:12px;
}


div, ul, li, h1, h2, h3, h4, h5, p, img, form, input, a {
	padding:0;
	margin:0;
}

ul, li {
	list-style:none;
}

a, img {
	outline:none;
}
a:link,a:visited{
	color:#666;
}

a:hover,a:active{
	color:#999;
}


.spacer {
	padding:0;
	margin:0;
	line-height:0;
	clear:both;
	font-size:0;
}

h1{
	font-size:16px;
}

.box_1_top{
	background:#fff;
	padding:20px;
	line-height:18px;
	margin-bottom:20px;
}

.my_left_header{
	text-align:left;
	padding-left:0;
	font-size:14px;
}

.my_left_item{
	width:160px;
	padding-bottom:5px;
	background:url(images/arrow_right_alt1_12x12.png) no-repeat 0px 5px;
	padding-left:20px;
	padding-right:20px;
	line-height:20px;
}

h1{
	font-size:16px;
	display:block;
	border-left:#666 7px solid;
	border-bottom:#999 1px dotted;
	width:415px;
	padding-left:15px;
	line-height:30px;
	margin-bottom:20px;
}



/*============================================== Mid Panel Document Starts====================================================== */

#contentpanel {
	width:750px;
	padding:40px 0 0 0;
	margin:0 auto;
	background:#666;
	text-align:left;
}

/*#ltpanel {
	width:24px;
	float:left;
	border-top:65px solid #7F00AB;
	background:#fff;
}*/

#rtpanel {
	width:736px;
	padding:30px 0 0 14px;
	background:#e5f0f4;
	margin:0;
	border-bottom: 30px solid #666;
}

#rtpanel ul.top {
	padding:16px 232px 10px 34px;
	float:left;
	background:#CBC9CB;
	border-bottom:2px solid #f5f7f74;
}

#rtpanel ul.top li {
	background:url(images/top-nav-border.gif) repeat-y 100% 0;
	display:block;
	padding:0 5px 0 20px;
	float:left;
	height:39px;
}

#rtpanel ul.top li a {
	display:block;
	padding:20px 0 0 0;
	text-indent:-2000px;
}

#rtpanel ul.top li a:hover {
	display:block;
	padding:20px 0 0 0;
}

#rtpanel ul.top li a.home {
	background:url(images/home.gif) no-repeat 0 26px;
	width:38px;
}

#rtpanel ul.top li a.home:hover {
	background:url(images/home.gif) no-repeat 0 26px;
	width:38px;
}

#rtpanel ul.top li a.abt {
	background:url(images/aboutus.gif) no-repeat 0 26px;
	width:58px;
}

#rtpanel ul.top li a.abt:hover {
	background:url(images/aboutus.gif) no-repeat 0 26px;
	width:58px;
}

#rtpanel ul.top li a.pro {
	background:url(images/products.gif) no-repeat 0 26px;
	width:58px;
}

#rtpanel ul.top li a.pro:hover {
	background:url(images/products.gif) no-repeat 0 26px;
	width:58px;
}

#rtpanel ul.top li a.ser {
	background:url(images/services.gif) no-repeat 0 26px;
	width:54px;
}

#rtpanel ul.top li a.ser:hover {
	background:url(images/services.gif) no-repeat 0 26px;
	width:54px;
}

#rtpanel ul.top li a.links {
	background:url(images/links.gif) no-repeat 0 26px;
	width:36px;
}

#rtpanel ul.top li a.links:hover {
	background:url(images/links.gif) no-repeat 0 26px;
	width:36px;
}

#rtpanel ul.top li a.contact {
	background:url(images/contactus.gif) no-repeat 0 26px;
	width:66px;
}

#rtpanel ul.top li a.contact:hover {
	background:url(images/contactus.gif) no-repeat 0 26px;
	width:66px;
}

/*右メイン*/
#rttanel1 {
	width:480px;
	float:left;
	margin:0;
	padding-left:10px;
	padding-right:40px;
	border-right:1px dotted #999;
	margin-bottom:20px;

}

#rttanel1 #bannerbg {
	background:url(images/banner.jpg) no-repeat 0 0;
	width:498px;
	height:279px;
	position:relative;
	padding:0; margin:0;
}

#rttanel1 #bannerbg h1 {
	background:url(images/heading-top.gif) no-repeat 0 0;
	text-indent:-2000px;
	line-height:30px;
	position:absolute;
	left:129px;
	top:14px;
	width:178px;
}

#rttanel1 #bannerbg img {
	position:absolute;
	left:15px;
	top:123px;
}

#rttanel1 #bannerbg form {
	background:#E0DFE0;
	border:1px solid #C9C7C9;
	position:absolute;
	left:0;
	top:247px;
	padding:5px 17px;
}

#rttanel1 #bannerbg form label {
	font:bold 10px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	float:left;
}

#rttanel1 #bannerbg form input {
	width:161px;
	border:1px solid #ABAAAA;
	float:left;
	margin:0 0 0 11px;
}

#rttanel1 #bannerbg form input.search {
	width:60px;
	height:13px;
	float:left;
	margin:3px 0 0 6px;
	background:url(images/search.jpg) no-repeat 0 0;
	font-size:0;
	border:none;
}

#rtbotpan {
	padding:26px 20px 18px 13px;
	background:url(images/welcomedot.gif) repeat-x 0 100%;
	width:465px;
	float:left;
}

#rtbotpan h2 {
	background:url(images/welcome.gif) no-repeat 0 0;
	line-height:14px;
	text-indent:-2000px;
	width:196px;
}

#rtbotpan img {
	margin:15px 13px 0 0;
	float:left;
}

#rtbotpan p {
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	margin:12px 0 0 0;
}

#rtbotpan p span {
	font-weight:bold;
}

#rtbotpan a {
	background:url(images/bullet.gif) no-repeat 100% 13px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#7F00AB;
	text-decoration:none;
	float:right;
	padding:10px 15px 0 0;
}

#rtbotpan a:hover {
	text-decoration:underline;
}

#rtbotpan1 {
	width:156px;
	float:left;
	background:url(images/lt-botbox.gif) repeat-x 0 0;
	border-left:1px solid #D7D4D4;
	border-right:1px solid #D7D4D4;
	margin:14px 0 0 0;
	padding:7px 6px 18px 6px;
}

#rtbotpan1 h3 {
	background:url(images/joinournewsletter.gif) no-repeat 0 0;
	text-indent:-2000px;
	line-height:13px;
	margin:0 0 12px 0;
}

#rtbotpan1 form label {
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#494848;

}

#rtbotpan1 form label span {
	color:#0BA80F;
}

#rtbotpan1 form input {
	width:154px;
	border:1px solid #C9C6C6;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#494848;
	margin:14px 0 8px 0;	
}

#rtbotpan1 form input.search {
	background:url(images/join.jpg) no-repeat 0 0;
	width:46px;
	height:13px;
	font-size:0;
	border:none;
	float:right;
	margin:0;
	padding:0;
}

#rtbotpan2 {
	float:left;
	margin:19px 0 0 27px;
}

#rtbotpan2 h3.services {
	background:url(images/ourservices.gif) no-repeat 0 0;
	text-indent:-2000px;
	line-height:13px;
	width:158px;
}

#rtbotpan2 ul.bot {
	padding:0;
	background:none;
	margin:12px 0 0 0;
	float:left;
}

#rtbotpan2 ul.bot li {
	background:url(images/arrow.gif) no-repeat 0 6px;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;

}

#rtbotpan2 ul.bot li a {
	text-decoration:none;
	color:#545454;
}

#rtbotpan2 ul.bot li a:hover {
	color:#8600B7;
}

/*左サイトマップ*/
#rttanel2 {
	width:160px;
	float:left;
	padding:0 20px 0 20px;
	position:relative;
	margin:0;
/*	border:1px solid #000;*/
}

#rttanel2 p {
	float:left;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#000; 
	margin:0 0 12px 0;
		
}

#rttanel2 p span {
	font-weight:bold;		
}

#rttanel2 p a {
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#AF00CF;
	text-decoration:underline;		
}

#rttanel2 p a:hover {
	text-decoration:none;		
}

#rttanel2 p.rtadd {
	background:url(images/rt-add-bg.gif) repeat-x 0 0;
	position:relative;
	height:59px;
	width:204px;
	padding:0;
	margin:0;
}

#rttanel2 p.rtadd span.serbus {
	position:absolute;
	top:14px;
	left:9px;
	background:url(images/searchbusiness.gif) no-repeat 0 0;
	width:104px;
	height:13px;
	text-indent:-2000px;
}

#rttanel2 p.rtadd a {
	position:absolute;
	top:14px;
	right:10px;
	background:url(images/more.jpg) no-repeat 0 0;
	width:51px;
	height:13px;
	display:block;
	text-indent:-2000px;
}

#rttanel2 p.rtadd span.text {
	position:absolute;
	top:34px;
	left:9px;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#5E5E5E;
}

#rttanel2 p.rtadd1 {
	background:url(images/rt-add-bg1.gif) repeat-x 0 0;
	position:relative;
	height:59px;
	width:204px;
	padding:0;
	margin:0;
}

#rttanel2 p.rtadd1 span.faqdis {
	position:absolute;
	top:11px;
	left:9px;
	background:url(images/faqdiscussion.gif) no-repeat 0 0;
	width:97px;
	height:13px;
	text-indent:-2000px;
}

#rttanel2 p.rtadd1 span.helpdesk {
	position:absolute;
	top:11px;
	left:9px;
	background:url(images/helpdesk.gif) no-repeat 0 0;
	width:62px;
	height:13px;
	text-indent:-2000px;
}

#rttanel2 p.rtadd1 a {
	position:absolute;
	top:11px;
	right:10px;
	background:url(images/more.jpg) no-repeat 0 0;
	width:51px;
	height:13px;
	display:block;
	text-indent:-2000px;
}

#rttanel2 p.rtadd1 span.text {
	position:absolute;
	top:31px;
	left:9px;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#5E5E5E;
}

#rttanel2 a.rtbanner {
	background:url(images/businesscompany.jpg) no-repeat 0 0;
	width:203px;
	height:115px;
	display:block;
	text-indent:-2000px;
	margin:9px 0 9px 0;
	float:left;
}

#rttanel2 #news {
	border:1px solid #D2D2D2;
	padding:9px 8px 7px 8px;
	width:186px;
	float:left;
}


#rttanel2 #news h5 {
	font:normal 18px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#6B6A6A;
	text-transform:uppercase;
}

#rttanel2 #news p.pic {
	background:url(images/newspic.jpg) no-repeat 0 0;
	width:185px;
	height:62px;
	display:block;
	margin:8px 0;
}

#rttanel2 #news p {
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#656565;
	margin:0;
}

#rttanel2 #news p span {
	font-weight:bold;
}

#rttanel2 #news p a {
	background:url(images/more.jpg) no-repeat 0 0;
	width:51px;
	height:13px;
	display:block;
	text-indent:-2000px;
	float:right;
}

#footer {
	padding:12px 0 0 0px;
	clear:both;
	width:700px;
	margin:0;
}

#footer #navpanel {
	background:#CBC9CB;
	width:712px;
	float:left;
}

#footer #navpanel ul.footer {
	margin:0 143px;
	padding:12px 0 18px 0;
	
}

#footer #navpanel ul.footer li {
	float:left;	
	background:url(images/footer-divider.gif) repeat-y 100% 0;
	line-height:10px;
}

#footer #navpanel ul.footer li.nobord {
	float:left;	
	background:none;
	line-height:10px;
}

#footer #navpanel ul.footer li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 11px;
	text-decoration:none;	
}

#footer #navpanel ul.footer li a:hover {
	text-decoration:none;
	color:#000;
}

#footer #navpanel p {
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	margin:0 auto;
	width:284px;
	padding:0 0 16px 0;
	text-align:center;
}

#footer #navpanel p a {
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	text-decoration:underline;
}

#footer #navpanel p a:hover {
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	text-decoration:none;
}


/*============================================== Mid Panel Document Ends====================================================== */