@charset "utf-8";

body {BACKGROUND-COLOR:#FFF;FONT-SIZE:10px;HEIGHT:100%;MARGIN:0;PADDING:0;TEXT-ALIGN:center;}
#bg {background: #000 url('../images/bg.png');font: normal 11px Verdana, Arial, Helvetica, sans-serif;line-height:1.6;}
#short_bg {background: #000 url('../images/bg2.png')}
h2 {color:#0000FF;}
img,ul,table,td {BORDER:0;MARGIN:0;PADDING:0;}
#page-bg {background: #b6b6b6 url(../images/page-bg.png) right top repeat-x; margin: 0 auto;padding-top: 5px;}
div.wrapper {margin: 0 auto;width: 874px;padding:0;}
div.mwrapper {margin: 0 auto;width: 665px;padding:0; position:relative}
.shadow-left {padding-left: 12px;background: url(../images/shadow-l.png) 0 35px no-repeat;}
.line-left {padding-left: 10px;background: url('../small_pc/img/lline.png') 15 0px no-repeat;}
.shadow-right {padding-right: 12px;background: url(../images/shadow-r.png) 100% 35px no-repeat;padding-bottom: 20px;}
.line-right {padding-right: 10px;background: url('../small_pc/img/rline.png') 100% 0px no-repeat; padding-bottom:800px}
#wrapper {BACKGROUND-IMAGE:url(../images/bgshadow.gif);BACKGROUND-POSITION:left 50%;BACKGROUND-REPEAT:repeat-y;HEIGHT:auto;MARGIN:0 27px;PADDING:0;WIDTH:874px;}
#margin { width:850px; overflow:auto; padding-bottom: 20px; font-size:1.4em; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; z-index:auto;background:#FFF;}
#subimg {background-image: url(../images/back_1.gif); height:19px}

#3img {background-image: url(../images/footer_back.png);}

.forthimg {background-image: url(../images/back_2.gif);}

#forthing {background-image:url(../images/back_4.gif)}

#wrappershadow {BACKGROUND-COLOR:#FFF;HEIGHT:auto;MARGIN:0;PADDING:0;WIDTH:850px;}

#outline {BORDER:#9c0 solid 1px;BORDER-COLLAPSE:collapse;}
#bordTB {border-top: solid 1px gray;border-bottom: solid 1px gray;}
#bordB {border-bottom: solid 1px gray;}
#outline td {BACKGROUND:#fff left bottom repeat-x;BORDER-BOTTOM:1px solid #9c0;FONT-SIZE:0.9em;PADDING:7px;TEXT-ALIGN:left;}
#outline img {PADDING-RIGHT:3px;VERTICAL-ALIGN:middle;}
.wd {BACKGROUND-COLOR:#FFF;WIDTH:320px;}
.bgcoller {background-color: #666666;}
.bghrcoller {background-color: #0a2da1;height: 1px;}
/*特別コンテンツ*/
	#apDiv1 {
	position:absolute;
	width:336px;
	height:20px;
	z-index:1;
	left: 20px;
	top: 10px;
	text-align:left;
	overflow: visible;
}

div#top, div#home-top {position: relative;height: 70px;background: transparent url(../small_pc/img/top_images.png) right top no-repeat;}
div#top-r {position: relative;height: 70px;background: transparent url(../small_pc/img/top_image_r.png) right top no-repeat;}
div#top-f {position: relative;height: 70px;background: transparent url(../small_pc/img/top_image_f.png) right top no-repeat;}
div#top-a, div#home-top {
	position: relative;
	height: 70px;
	background: transparent url(../small_pc/img/top_image_a.png) right top no-repeat;
}

div#sitenav {
	position: relative;
	height: auto;
	padding: 75px 10px 0 0;
	background: transparent url(../small_pc/img/ti.gif) 22px 30px no-repeat;
	color: #9A9A9A;
	text-align: right;
}
div#configproduct {
    clear: both;
    position: relative;
    width: 650px;
    margin-bottom: 10px;
    background: #FFF url(../small_pc/img/center_images.gif) left top repeat-y;
}

/*flote*/
div#config {
	margin: 0 auto; width : 850px ;
	background: #FFF
}

div#content {
     float : left ; width : 639px ; margin-left: 20px; text-align: left
}
div#acoleft {
	 float : left ; width : 180px ; margin:25px 0 0 5px;
}
/*flote*/
div#rightspace { text-align:right; margin-right:20px;}
div#productnav {margin: 0;padding: 40px 0 0;list-style: none;background: #fff url(nav_back.png) 0 -158px repeat-x;}
div#wrapper {WIDTH:500px;}
div#nav_left {BACKGROUND-COLOR:#FFF;FLOAT:left;WIDTH:170px;}
div#nav_left_img {BACKGROUND-COLOR:#FFF;float: left;width: 80px;}
div#nav_lefts {BACKGROUND-COLOR:#FFF;FLOAT:left;WIDTH:320px;}
div#nav_left_txt {BACKGROUND-COLOR:#FFF;float: right;width: 220px;}
div#nav_left2 {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:670px;}
div#nav_left3 {BACKGROUND-COLOR:#FFF;FLOAT:left;WIDTH:400px;}
div#nav_right {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:340px;}
div#nav_right2 {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:170px;}
div#nav_right3 {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:230px;}
div.nav_right3 {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:230px;}
div#nav_right260 {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:260px;}
div#nav_right_txt {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:220px;}
div#nav_right_button {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:35px;}
.nav_right_button {BACKGROUND-COLOR:#FFF;FLOAT:right;WIDTH:50px;}
div#center {MARGIN:0;PADDING:0;WIDTH:747px;}
div#link_No1,div#link_No2 {font-family:"���C���I", Meiryo, Osaka, sans-serif;font-size:12px;color:#666;FLOAT:left;WIDTH:840px;}
div#link_No3,div#link_No4 {FLOAT:right;WIDTH:172px;}
div#link_No5 {FLOAT:left;WIDTH:60px;}
div#link_No6 {FLOAT:right;WIDTH:38px;}
div#link_No7 {FLOAT:left;WIDTH:90px;}
div#link_No8 {FLOAT: right;WIDTH: 550px;}
div#space {padding:0 0 0 20px; font-size:12px;}
div#mgn {margin-left: 20px;}
div#margin {
	margin-top:3px;
	margin-bottom:2px;
margin-left:5px:; 	z-index: auto;
}
#waku850 {width: 850px; margin:auto; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#FFF;}
#waku {width: 600px;margin-top:2px;}
.waku_1 {width: 120px;float:left;}
.waku_2 {width: 120px;float:right;}

div.rline { background: #FFF url(../small_pc/img/rline.png) right top no-repeat;}
div.lline { background: #FFF url(../small_pc/img/lline.png) left top no-repeat; width:3px;}
#space sup {font-size: 50%;}
.bs10 { margin-left: 15px;margin-bottom: 10px;color: #666;font-size:16px; text-align:left}
.bs15 {margin-bottom: 15px;}
.bs20 {margin-bottom: 20px;}
.ls30 {margin-left:30px;}
.flotright{float: right; margin-left:2px;}
.flotright10{float: right; margin-right:10px;}
.flotright15{float: right; margin-right: 10px; width:350px}
.flotright50{float: right; margin-top: 50px}
.flotr5{float: right; margin-right: 50px}
.flotleft{float: left;margin-left: 2em;}
.flotleft5 {float: left;margin-left: 2px; margin-right:2px}
.flotleft55 {float: left;margin: 0 2px 5px 0;}
.flotmenu{float: right;margin-right: 1px;}
.floatclear{clear: both;}

/* �����N
---------------------------------------------------------------------------------------*/
a {TEXT-DECORATION:none;}
a:link {COLOR:#2A1FAA;}
A:link {COLOR: #333333; TEXT-DECORATION: none}
A:visited {COLOR: #000080; TEXT-DECORATION: none}
A:hover {COLOR: #FF0000; TEXT-DECORATION: underline}
A:active {COLOR: #CCCCCC; text-decoration:blink}

/*�t�H���g
---------------------------------------------------------------------------------------*/
.style1 {COLOR:#C00;FONT-WEIGHT: 400;}
.style2 {COLOR:red;FONT-SIZE:14px;FONT-WEIGHT:400;}
.style3 {FONT-SIZE:10px;FONT-WEIGHT:400;}
.style4 {COLOR:#FFF;FONT-FAMILY:Arial, Helvetica, sans-serif,"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";FONT-WEIGHT:400;}
.style5 {FONT-SIZE:12px;color:#FF0000;font-family: "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;}
.style6 {COLOR:#666;FONT-FAMILY:"Myriad Web Pro";FONT-SIZE:10px;}
.style7 {COLOR:#2A3F00;FONT-SIZE:12px;LINE-HEIGHT:16px;margin-left: 2px;margin-right: 2px;margin-top: 2px;margin-bottom: 2px;}
.style8 {color:#333333;font-size:14px;line-height:16px;margin-left: 40px;margin-right: 5px;margin-bottom: 10px;font-family:  Meiryo, Osaka, "MS PGothic", sans-serif;}
.style9 {FONT-WEIGHT:400;}
.style10 {COLOR:#06C;FONT-SIZE:11px;FONT-WEIGHT:200;}
.style11{color:#333333;font-size:14px;line-height:16px;margin: 10px 5px 10px 308px;font-family:Meiryo, Osaka, "MS PGothic", sans-serif;}
.style12{ color:#333; font-size:12px; line-height: 16px; margin-left: 220px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.style18 {color:#333;font-size: 18px;line-height: 24px;margin-left: 30px;font-weight:bold;font-family: Meiryo, Osaka,  "MS PGothic", sans-serif;}
.style18_white {color:#FFF;font-size: 18px;line-height: 24px;margin-left: 5px;font-weight:bold;font-family:"���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;}
.style22 {font-family: Arial, Helvetica, sans-serif, "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"}
.style23 {font-family: "�l�r �S�V�b�N", "Osaka�|����"}
.txt {font-family:"���C���I", Meiryo, Osaka, sans-serif;COLOR:#666;FONT-SIZE:12px;LINE-HEIGHT:16px;}
.txtb {COLOR:#000;FONT-SIZE:13px;FONT-WEIGHT:400;LINE-HEIGHT:16px;}
.txt_14 {COLOR:#666;FONT-SIZE:14px;LINE-HEIGHT:16px;}
.txt_16 {COLOR:#666;FONT-SIZE:16px;LINE-HEIGHT:18px;}
.text {COLOR:#666;FONT-SIZE:12px;LETTER-SPACING:1px;WORD-SPACING:1px;}
.wtext { color:#FFF;FONT-SIZE:12px;LETTER-SPACING:1px;WORD-SPACING:1px;}
.texts {COLOR:#666;FONT-SIZE:11px;LETTER-SPACING:1px;WORD-SPACING:1px;}
.txt_blue {font-family: "���C���I", Meiryo, Osaka, sans-serif;COLOR:#1F4BAC;FONT-SIZE:13px;LINE-HEIGHT:15px;}
.txts_blue {COLOR:#03c;FONT-size:10px;font-family:"���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;LINE-HEIGHT:14px;}
.txt_wb {COLOR:#fff;FONT-SIZE:13px;LINE-HEIGHT:16px;}
.subtitle {font-size: 14px;font-weight:800;}
.rounded_inquery {BACKGROUND:url(../images/inquery.gif);BACKGROUND-REPEAT:no-repeat;WIDTH: 200px;}
.tm{font-size:6px;vertical-align:super;}

/*���o��
--------------------------------------------------------------------*/
#s_blue div#rightspace{COLOR:#336;font-family: Meiryo, Osaka, sans-serif;FONT-SIZE:10px;LINE-HEIGHT:14px;}
#s_blue2 {COLOR:#336;FONT-SIZE:13px; LINE-HEIGHT:16px;}
#acoTabfont {font-size: 11px;font-family: "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;color:#FFF;}
#acofont{color: #333;font-size: 11px;font-family:"���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;line-height: 14px;font-weight:300;}
#header FORM {MARGIN:0 0 0;PADDING:0;}

/* �e�[�u��
----------------------------------------------- */
table {BORDER:0;BORDER-COLLAPSE:collapse;}
td {BORDER:0;}
#main_table { border-top: solid 1px #0a2da1; border-bottom: solid 1px #0a2da1; border-left: solid 1px #0a2da1; border-right: solid 1px #0a2da1;PADDING:0 0 0 0px;WIDTH:850px; background:#FFF}
table#main_table_white {margin:auto; padding: 0 0 0 0px; width: 850px; background-color: #FFF;}
table#lab_table {BORDER-BOTTOM:solid 1px #9c0;BORDER-LEFT:solid 1px #9c0;BORDER-RIGHT:solid 1px #9c0;BORDER-TOP:solid 2px #9c0;MARGIN:0 auto;PADDING:0 0 0 4px;WIDTH:850px;}
td#pading {MARGIN:1px;PADDING:1px;}
#main {WIDTH:850px;}
.right_tbl td{font-family:"���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;border: 1px solid gray;color: #000;padding-left:6px;}
.table_border_top {border-top:solid 2px #CCC;border-bottom:solid 2px #CCC;}
.table_border {border-bottom:solid 2px #CCC;}

/*���C�����j���[
------------------------------------------------------------------------*/
#mainmenu {PADDING:0;WIDTH:850px;}
#mainmenu img {HEIGHT:28px;WIDTH:70px;}
#mainmenu ul {HEIGHT:28px;LIST-STYLE-TYPE:none;MARGIN:0;PADDING:0;WIDTH:850px;}
#mainmenu li,#mainmenu a {DISPLAY:block;HEIGHT:28px;MARGIN:0;PADDING:0;WIDTH:70px;}
#mainmenu li {FLOAT:left;LINE-HEIGHT:0;TEXT-INDENT:-9999px;}
#mainmenu a {TEXT-DECORATION:none;}
#item01 {BACKGROUND:url(../images/home.gif) no-repeat left top;}
#item02 {BACKGROUND:url(../images/prod.gif) no-repeat left top;}
#item03 {BACKGROUND:url(../images/links.gif) no-repeat left top;}
#item04 {BACKGROUND:url(../images/map.gif) no-repeat left top;}
#item05 {BACKGROUND:url(../images/eng.gif) no-repeat left top;}
#item06 {BACKGROUND:url(../images/que.gif) no-repeat left top;}
#item07 {BACKGROUND:url(../images/support.gif) no-repeat left top;}
#item08 {BACKGROUND:url(../images/com.gif) no-repeat left top;}
#item09 {BACKGROUND:url(../images/eco.gif) no-repeat left top;}
#item10 {BACKGROUND:url(../images/site.gif) no-repeat left top;}
#item01 a:hover {BACKGROUND:url(../images/home_b.gif) no-repeat left top;}
#item02 a:hover {BACKGROUND:url(../images/prod_b.gif) no-repeat left top;}
#item03 a:hover {BACKGROUND:url(../images/links_b.gif) no-repeat left top;}
#item04 a:hover {BACKGROUND:url(../images/map_b.gif) no-repeat left top;}
#item05 a:hover {BACKGROUND:url(../images/eng_b.gif) no-repeat left top;}
#item06 a:hover {BACKGROUND:url(../images/que_b.gif) no-repeat left top;}
#item07 a:hover {BACKGROUND:url(../images/support_b.gif) no-repeat left top;}
#item08 a:hover {BACKGROUND:url(../images/com_b.gif) no-repeat left top;}
#item09 a:hover {BACKGROUND:url(../images/eco_b.gif) no-repeat left top;}
#item10 a:hover {BACKGROUND:url(../images/site_b.gif) no-repeat left top;}

/*�������j���[
--------------------------------------------------------------------*/
div#f_menu ul {font-size:13px;LIST-STYLE-TYPE:none; margin: 0 0 20px 0; padding-top:20px;TEXT-ALIGN:center}
div#f_menu ul li {BORDER-RIGHT:1px #999 solid;DISPLAY:inline;PADDING:0 6px 0 6px;}
div#f_menu li#menuLast {BORDER-RIGHT:none;}

/*footer �z�u
---------------------------------------------------------------------------------------*/
td#link {BORDER-TOP:solid 1px #0a2da1;}
#link_container {PADDING:5px 0 0 5px;WIDTH:845px;}
.link_container {PADDING:5px 0 0 5px;WIDTH:845px;}
#footerwrap { background:#FFF; width:850px; font-size:1.2em; margin-top: 0px; margin-right:auto; margin-bottom:0px; margin-left:auto; position:relative; border-bottom:solid 1px #0a2da1}
	
/* footer
----------------------------------------------- */
td#footer {BORDER-TOP:solid 1px #0a2da1;LINE-HEIGHT:140%;TEXT-ALIGN:center;}
P,#header {MARGIN:0;PADDING:0;}
.style8,.style21 {FONT-SIZE:13px;}
.skynet {font-family: "�l�r �o�S�V�b�N", "Osaka";font-size: 9px;font-style: normal;line-height: normal;}
.footer {width: 100%;height: 40px; text-align:center; margin-top:20px}
.bgcolor {background-color:#FFFFFF;}

