@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------
  HTML
------------------------------------------------------------*/
* {
	color: #555;
	font-size: 12px;
	font-family: Verdana, "MS ƒSƒVƒbƒN", Osaka;
	line-height: 150%
}
body {
	margin: 0;
	padding: 0;
	background-color: #EFEFED;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	text-align: center
}
a {
	color: #0066CC
}
a:hover, a:active {
	color: #7FB2E4;
	text-decoration: none
}
img {
	border:0
}
div#container {
	margin: 0 auto;
	width: 840px
}
.clear {
	clear: both
}
p {
	margin: 1em 0 0 0;
	padding: 0
}
p.t1 {
	margin: 1.5em 0 0 0;
	padding: 0
}
p.t2 {
	margin: 2em 0 0 0;
	padding: 0
}
p.t4 {
	margin: 4em 0 0 0;
	padding: 0
}
.mini {
	font-size: 10px
}
.mini a {
	font-size: 10px
}
.center {
	text-align: center
}
.right {
	text-align: right
}
.left {
	text-align: left
}

/*------------------------------------------------------------
  header
------------------------------------------------------------*/
div#header {
	position: relative;
	margin: 0 auto;
	width: 840px;
	height: 90px;
	text-align: left
}
#header div#logo {
	margin: 21px 0 0 0;
	float: left
}
#header div#smk_link {
	margin: 27px 0 0 30px;
	float: left
}
#header div#h_menu {
	margin: 18px 0 0 0;
	float: right
}
#header div#search {
	margin: 5px 0 0 0;
	width: 291px
}
#header div#search table {
	margin-top: 13px;
	width: 291px
}
#header div#search input {
	font-size: 10px
}
form {
	margin: 0;
	padding: 0
}
.inputarea {
	margin: 0 5px;
	background: #EBE9E6;
	border: 1px solid #9A9690
}
/*------------------------------------------------------------
  global menu
-----------------------------------------------------------*/
#menu_container {
	position: absolute;
	top: 97px;
	left: 50%;
	margin-left: -420px;
	width: 840px;
	z-index: 2
}
#menu_container dl {
	margin: 0;
	float: left;
	background: #369;
}
#menu_container dt {
	margin: 0;
	padding: 0;
}
#menu_container dd {
	display: none;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_submenu.gif);
	text-align: left
 }
#menu_container dl:hover dd {
	display: block;
 }
#menu_container a {
	display: block;
}
#menu_container a:hover {
	color: #F0FF00
}
#menu_container dl dd a {
	margin: 0;
	padding: 5px 5px 3px 5px;
	color: #FFF;
	font-size: 10px;
	text-decoration: none
}


/*------------------------------------------------------------
  top
-----------------------------------------------------------*/
#main #top_box #top_sub {
	margin: 0 22px 0 18px
}
* html #main #top_box #top_sub { /* ie6 */
	margin: 0 15px 0 21px
}
#main #top_box {
	margin-left: 10px;
	padding-top: 20px;
	width: 840px;
	background-image: url(../images/bg_top.gif);
	background-repeat: repeat-x
}
* html #main #top_box { /* ie6 */
	margin-left: 0;
}
*:first-child+html #main #top_box { /* ie7 */
	margin: 0 auto;
}
#main #top_box #t_probox {
	margin-top: 10px;
	width: 531px
}
#main #top_box .box_news {
	padding: 0 5px;
	width: 242px;
	border-bottom: 1px solid #CCC;
	text-align: left
}
#main #top_box .box_news .news_day {
	margin: 10px 0 0 0;
	width: 50px;
	color: #333;
	font-size: 10px;
	font-weight: bold;
	float: left
}
#main #top_box .box_news a {
	font-size: 10px;
}
#main #top_box .box_news .news {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	width: 186px;
	font-size: 10px;
	float: right
}

/*------------------------------------------------------------
  main
-----------------------------------------------------------*/
.spacer {
	width: 100%;
	height: 32px
}
#main {
	margin: 0 auto;
	background-image: url(../images/bg_main.jpg);
	background-repeat: repeat-y;
	width: 860px;
}
#main .contents {
	margin: 0 40px;
	width: 700px
}
#main .contents .box {
	margin-left: 10px;
	width: 680px
}
#main #pan_box {
	margin-left: 10px;
	width: 840px;
	height: 31px;
	background-image: url(../images/bg_pan.gif);
	background-repeat: repeat-x;
	text-align: left
}
* html #main #pan_box { /* ie6 */
	margin-left: 0;
}
*:first-child+html #pan_box { /* ie7 */
	margin: 0 auto;
}
#main #pan_box #pan_menu {
	padding: 8px 0 0 20px;
	font-size: 10px
}
#main #pan_box #pan_menu a {
	font-size: 10px
}
#main #t_sub {
	margin: 15px 0 0 28px;
	text-align: left
}
* html #main #t_sub { /* ie6 */
	margin: 15px 0 0 6px;
}
*:first-child+html #main #t_sub { /* ie7 */
	margin: 15px 0 0 3px;
}
#main #l_menu {
	width: 252px;
	background-color: #EBECE7;
	padding-bottom: 10px;
}
ul#lmenu {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
	list-style-position: outside
}
#main #l_menu ul#lmenu li {
	display: block;
	margin: 0;
	padding: 5px 10px 5px 25px;
	background-image: url(../images/icon_menu.gif);
	background-repeat: no-repeat;
	background-position: 12px 11px;
	border-bottom: 1px solid #CCC;
	font-size: 10px
}
#main #l_menu ul#lmenu li a {
	display: block;
	font-size: 10px
}
#main #l_menu ul#lmenu li .s {
	font-size: 10px
}
#main #r_container {
	margin-left: 20px;
	width: 532px;
	text-align: left
}
#main #r_container02 {
	margin-left: 16px;
	width: 540px
}
#main #pagetop {
	padding: 20px 28px 10px 0;
	float: right
}
#main #pagetop02 {
	padding: 10px 4px 10px 0;
	text-align: right
}

/*------------------------------------------------------------
  footer
------------------------------------------------------------*/
div#footer {
	height: 117px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x
}
div#footer div#f_box {
	margin: 0 auto;
	width: 860px;
	height: 117px;
	background-image: url(../images/bg_footer02.gif);
	background-repeat: no-repeat
}
#copy {
	margin: 23px 0 0 29px;
	float: left
}
#f_logo {
	margin: 15px 30px 0 0;
	float: right
}

/*------------------------------------------------------------
  company
------------------------------------------------------------*/
.t_company {
	margin: 10px 0 0 0;
	width: 532px;
	border-top: 1px solid #EBECE7
}
.t_company th {
	padding: 4px 0 3px 10px;
	width: 120px;
	border-bottom: 1px solid #EBECE7;
	background-color: #F7F7F4;
	font-size: 12px;
	vertical-align: top;
	text-align: left	
}
.t_company th.l {
	padding: 4px 0 3px 10px;
	width: 120px;
	border-bottom: 1px solid #EBECE7;
	background-color: #F7F7F4;
	font-size: 12px;
	font-weight: lighter;
	vertical-align: top;
	text-align: left	
}
.t_company td {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #EBECE7;
	font-size: 12px
}
.t_company td .l_box {
	margin-right: 20px;
	padding: 0;
	float: left
}

/* base */
.t_base {
	margin: 10px 0 0 0;
	width: 532px
}
.bg_base {
	width: 262px;
	height: 449px;
	background-image: url(../company/images/02_bg.gif);
	background-repeat: no-repeat
}
.box_base {
	padding: 10px 7px 0 7px
}
.t_base02 {
	margin: 5px 0 0 0;
	width: 247px
}
.t_base02 th {
	padding: 1px 0 1px 5px;
	width: 47px;
	font-size: 12px;
	vertical-align: top;
	text-align: left	
}
.t_base02 td {
	padding: 1px 5px 1px 0;
	font-size: 12px;
	line-height: 110%
}

/* iso */
.box_iso {
	margin: 10px 0 0 0;
	padding: 10px 20px;
	background-color: #F1F5FA;
	font-size: 14px;
	font-weight: bold
}
h3.iso {
	margin: 30px 0 0 0;
	font-size: 14px
}
ol.iso {
	margin: 15px 0 0 30px;
	padding: 0 15px 0 0
}
ol.iso li {
	margin: 0;
	padding: 0 0 3px 0
}

/*------------------------------------------------------------
  technology
------------------------------------------------------------*/
.tec_box {
	margin-right: 10px;
	margin-left: 10px
}
.tec_box02 {
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #CCC
}
.tec_box03 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCC
}
.tec_box04 {
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #EAEAEA;
	background: #F8F8F8;
}
.r_tec {
	margin-right: 20px;
	margin-left: 20px;
	float: right
}
.r_tec02 {
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 20px;
	height: 140px;
	float: right
}
.l_tec {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	width: 100px;
	float: left
}
.l_tec02 {
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 30px;
	width: 100px;
	float: left
}
.tec_menu {
	margin-top: 2px;
	font-size: 10px;
	float: right
}
.tec_menu a {
	font-size: 10px
}
.bg_tec {
	margin-top: 30px;
	width: 532px;
	height: 30px;
	background-image: url(../technology/images/04_bg_subtitle.gif);
	background-repeat: no-repeat
}
.bg_tec .title{
	padding: 6px 0 0 10px;
	font-weight: bold
}
ol {
	margin: 0;
	padding: 0
}
ol li {
	margin: 0;
	padding: 0
}
ol.tec {
	margin: 0 0 0 35px;
	padding: 0 15px 0 0
}
ol.tec li {
	margin: 0;
	padding: 0 0 3px 0
}

/*------------------------------------------------------------
  contact
------------------------------------------------------------*/
.cnt_box {
	margin-top: 70px;
	margin-right: 15px;
	float: right
}
.gbox {
	padding-bottom: 10px;
	width: 532px;
	background-image: url(../images/gbox_bg.gif);
	background-repeat: repeat-y
}
.gbox .box {
	margin: 0 30px
}
.gbox .box02 {
	margin: 0 20px
}
* html .cnt_box03 {
	margin-top: 5px;
	margin-left: 25px;
	width: 240px;
	font-weight: bold;
	float: left
}
.cnt_box03 {
	margin-top: 5px;
	margin-left: 65px;
	float: left
}
.cnt_box04 {
	margin-top: 3px;
	font-size: 10px;
	float: left
}
.cnt_box04 a {
	font-size: 10px;
	line-height: 185%;
}

/*------------------------------------------------------------
  download
------------------------------------------------------------*/
ul.dl {
	margin: 10px 0 0 60px;
	padding: 0;
	list-style-type: none
}
ul.dl li {
	margin: 0;
	padding: 0 0 2px 15px;
	background-image: url(../images/icon_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 8px
}

/*------------------------------------------------------------
  product
------------------------------------------------------------*/
.t_product {
	margin: 10px 0 0 0;
	width: 532px;
	border-top: 1px solid #EBECE7;
	border-right: 1px solid #EBECE7
}
.t_product th {
	padding: 4px 0 3px 0;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	background-color: #F7F7F4;
	font-size: 10px;
	vertical-align: top;
	text-align: center
}
.t_product td {
	padding: 4px 5px 3px 5px;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	font-size: 10px
}
.t_product td a {
	font-size: 10px
}
.t_product02 {
	margin: 10px 0 0 0;
	width: 532px;
	border-top: 1px solid #EBECE7;
	border-right: 1px solid #EBECE7
}
.t_product02 th {
	padding: 4px 10px 3px 0;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	background-color: #F7F7F4;
	font-size: 10px;
	vertical-align: top;
	text-align: right
}
.t_product02 td {
	padding: 4px 10px 3px 10px;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	font-size: 10px
}
.t_product03 {
	margin: 10px 0 0 0;
	width: 532px;
	border-top: 1px solid #EBECE7;
	border-right: 1px solid #EBECE7
}
.t_product03 th {
	padding: 4px 0 3px 0;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	background-color: #F7F7F4;
	font-size: 10px;
	vertical-align: top;
	text-align: center
}
.t_product03 td {
	padding: 4px 10px 3px 10px;
	border-bottom: 1px solid #EBECE7;
	border-left: 1px solid #EBECE7;
	font-size: 10px;
	text-align: center
}
h3.product {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #3399CC;
	color: #3399CC;
	font-size: 12px
}
div.product_btn1 {
	margin: 15px 0 0 0;
}
div.product_btn2 {
	margin: 5px 0 0 0;
}

/*------------------------------------------------------------
  sitemap
------------------------------------------------------------*/
h3.sitemap {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	color: #666;
	font-size: 12px
}
ul.sitemap {
	margin: 10px 0 0 30px;
	padding: 0;
	list-style-type: none
}
ul.sitemap li {
	margin: 0;
	padding: 0 0 2px 15px;
	background-image: url(../images/icon_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 8px
}