/*
font-size pixel to percent list
32px	200-203
30px	188-190
28px	175-178
26px	163-165
24px	150-153
22px	138-140
20px	125-128
19px	119-121
18px	113-115
17px	107-109
16px	100-103
15px	94-96
14px	88-90
13px	82-84
12px	75-78
11px	69-71
10pxs	63-65
*/

@charset "EUC-jp";

* {
	margin: 0px;
	padding: 0px;
}
.clearing {
	width: 100%;
	height: 0;
	clear: both;
}

/* --------------------------------------------
¥Ú¡¼¥¸Á´ÂÎ
----------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5;
	background: url(../img/back_pxl.gif);
	color: #555;
	text-align: center;
}

img { 
	border:0;
}

h1 {
	display: block;
	height: 0px;
	line-height: 0px;
	text-indent: -5000px;
}
h2 {
	margin: 50px 0 0 38px;
}
h4 {
	color: #000;
}



p {
	margin: 4px;
}

p2 {
	display: block;
	width: 360px;
	margin: -20px 0 0 0px;
	padding: auto auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}


ul{
	list-style-type: none;
}

.lefter {
	float: left;
}
.righter {
	float: right;
}
.righter2 {
	float: right;
	width: 295px;
	height: 60px;
	margin:-194px 0 0 20px; 
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #999999;
	text-decoration: underline;
/*	position: relative;
	top: 1px;
	left: 1px;*/
}

#contents {
	display: block;
	width: 744px;
	background: url(../img/bg1.gif) repeat-y;
	margin: 0 auto;
	padding: 0 2px;
	text-align: left;
}
#contents2 {
	display: block;
	width: 744px;
	background: url(../img/bg2.gif) repeat-y;
	margin: 0 auto;
	padding: 0 2px;
	text-align: left;
}

#contents2 table a:link, #contents2 table a:visited {
	color: #00c;
	text-decoration: underline;
}
#contents2 table a:hover, #contents2 table a:active {
	color: #999999;
	text-decoration: none;
}

#menu1 {
	margin: 0;
	padding: 0;
}
#menu2 {
	display: block;
	margin: 0 auto 0;
	padding: 0;
}

b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	color: #000000;
	text-align: center;

}

b2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 0.9;
	color: #000000;
	text-align: center;
}

b3 {

font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 0.9;
	color: #000000;
	text-align: center;
	margin-left: 10px;
}

#center {
	display: block;
	width: 744px;
	margin: 0 auto;
}
	
/*----------------------------------------------
common
-----------------------------------------------*/

/*-- clearfix --*/

#solution:after,
#solution:after,
#footer:after,
#company_right:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*-- footer --*/
#footer{
	display: block;
	width: 670px;
	margin: 50px  0 0 20px;
	padding: 20px 0 10px;
	
}
#footer ul {
	float: left;
}


#footer ul li {
	float: left;
}


/*-- daisy --*/
.daisy {
	margin: 0 0 0 15px;
}
/*-- daisy2 --*/
.daisy2 {
	display block;
	font-size: 11px;
	width: 460px;
	margin:0 0 0 5px;
	padding-top:80px;
}
/*-- daisy3 --*/
.daisy3 {
	margin: 10px 0 20px 0;
} 

/*-- daisy4 --*/
.daisy4 {
	margin: 5px 0 10px 0;
	
}
/*-- daisy5 --*/
.daisy5 {
	margin: -70px 0 40px 110px;
	
}

/*--square--*/
.square {
	border-left: #666666 17px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
}
	
/*--shadow--*/
#shadow {
	display:block;
	margin:0 0 20px -4px;
}

/*----------------------------------------------
submenu
-----------------------------------------------*/
#submenu {
	display: block; 
	width: 195px;
	float: right;
	margin: 0 0 0 0;
}

#submenu li{
	padding: 5px 0 0 10px;
}
/*----------------------------------------------
home
-----------------------------------------------*/

/*-- topics --*/
#topics {
	display: block;
	width: 670px;
	margin: 30px 10px 10px 36px;
}
/*-- solution --*/
#solution {
	display: block;
	width: 670px;
	margin: 0 10px 10px 36px;
}
#solution p {
	margin: 7px 0 0 0;
}
/*---- blog_p----*/
#blog_p {
	display: block;
	margin: -237px 0 0 445px;
}
/*----------------------------------------------
sitemap
-----------------------------------------------*/
/*--site map --*/
#sitemap {
	display: block;
	width: 300px;
	margin: 50px 196px 10px 38px;

}

#sitemap h2 {
	margin: 0 0 20px 0;
}

#sitemap ul {
	margin: 10px 0 0 15px;
	
}


/*----------------------------------------------
news
-----------------------------------------------*/
/*--new topics --*/
#newtopics {
	display: block;
	width: 474px;
	margin: 50px 196px 10px 38px;
	
}
#newtopics h2 {
	margin: 0 0 20px 0;
}
#newtopics ul {
	border-top: #cccccc 1px solid;

}
#newtopics ul li {
	border-bottom: #cccccc 1px solid;
	padding: 4px 0;
}
#newtopics ul li p {
	border-left: #A1EE12 6px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
}

























/*----------------------------------------------
solution
-----------------------------------------------*/
#cont_solution {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#cont_solution h3 {
	font-size: 127%;
	color: #000;
	border-left: #cd35a4 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#cont_solution table {
	width: 100%;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 0 30px;
}
#cont_solution table th,
#cont_solution table td {
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
}
#cont_solution table th {
	background: #f3f3f3;
}
#cont_solution table td.olg {
	color: #cd35a4;
	font-weight: bold;
}

/*----------------------------------------------
support
-----------------------------------------------*/
#cont_support {
	display: block;
	width: 474px;
	margin: 50px 0 40px 38px;
}
#cont_support h3 {
	font-size: 127%;
	color: #000;
	border-left: #ff9502 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}

/*----------------------------------------------
office design
-----------------------------------------------*/
#cont_o_design {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#cont_o_design h3 {
	font-size: 127%;
	color: #000;
	border-left: #009cff 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#cont_o_design table {
	width: 100%;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 0 30px;
}
#cont_o_design table td {
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
}

/*----------------------------------------------
office supply
-----------------------------------------------*/
#cont_o_supply {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
	background: url(../img/online/bg.gif) no-repeat;
}
#cont_o_supply h3 {
	font-size: 127%;
	color: #000;
	border-left: #009cff 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#cont_o_supply .item {
	height: 282px;
	position: relative;
}
#cont_o_supply .item p {
	width: 265px;
	position: absolute;
	top: 53px;
	left: 178px;
}
#cont_o_supply .btn {
	position: absolute;
	top: 208px;
	left: 208px;
}

/*----------------------------------------------
outline
-----------------------------------------------*/
#ol_outline {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#ol_outline h3 {
	font-size: 127%;
	color: #000;
	border-left: #ff0303 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#ol_outline table {
	width: 100%;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 0 30px;
}
#ol_outline table th,
#ol_outline table td {
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
}
#ol_outline table th {
	background: #f3f3f3;
	color: #000;
}
.li_num {
	list-style-type : decimal;
	margin: 10px 0 10px 25px;
}

/*----------------------------------------------
about
-----------------------------------------------*/
#ol_about {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#ol_about h3 {
	font-size: 127%;
	color: #000;
	border-left: #ff0303 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#ol_about ul li {
	list-style-type: square;
	margin: 10px 0 10px 25px;
}
#ol_about table {
	width: 100%;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 0 30px;
}
#ol_about table td {
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
}

/*----------------------------------------------
recruit
-----------------------------------------------*/
#cont_recruit {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#cont_recruit h3 {
	font-size: 127%;
	color: #000;
	border-left: #1ae7e8 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#cont_recruit ul li {
	list-style-type: square;
	margin: 10px 0 10px 25px;
}
#cont_recruit table {
	width: 100%;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 0 30px;
}
#cont_recruit table th,
#cont_recruit table td {
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
}
#cont_recruit table th {
	background: #f3f3f3;
	color: #000;
}

/*----------------------------------------------
recruit guide
-----------------------------------------------*/
#cont_guide {
	display: block;
	width: 474px;
	margin: 40px 0 40px 38px;
}
#cont_guide h3 {
	font-size: 127%;
	color: #000;
	border-left: #1ae7e8 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}
#cont_guide table {
	width: 100%;
	margin: 0 0 30px;
}
#cont_guide table td {
	padding: 10px 5px 10px;
}
#cont_guide h4 {
	font-size: 100%;
	color: #000;
	border-left: #1ae7e8 5px solid;
	padding: 0 10px 0;
	margin: 0 0 10px;
}






























/*----------
 main 
------------*/
#head {
	display: block;
	width: 670px;
	margin: 50px 0 0 38px;
}
/*-- main --*/
#main {
	display: block;
	width: 670px;
	margin: 0px auto 10px;
}
/*-- plan --*/
#plan {
	display: block;
	margin: 0px auto;
	padding: 15px 0;
}
/*-- solutionstep --*/
#solutionstep {
	display: block;
	height: 135px;
	margin: 0px auto 0px;
	background: url(../img/solution/bnr1.gif) no-repeat;
}
/*-- solutionstep2 --*/
#solutionstep2 {
	display: block;
	height: 135px;
	margin: 0px auto 0px;
	background: url(../img/solution/bnr2.gif) no-repeat;
}
/*-- solutionstep3 --*/
#solutionstep3 {
	display: block;
	height: 135px;
	margin: 0px auto 0px;
	background: url(../img/solution/bnr3.gif) no-repeat;
}
/*-- solutionstep4 --*/
#solutionstep4 {
	display: block;
	height: 135px;
	margin: 0px auto 0px;
	background: url(../img/solution/bnr4.gif) no-repeat;
}
/*-- solutionstep5 --*/
#solutionstep5 {
	display: block;
	height: 135px;
	margin: 0px auto 0px;
	background: url(../img/solution/bnr5.gif) no-repeat;
}
/*--under--*/
#under {
	display: block;
	margin: 0 215px;
}


/*----------------------------------------------
solution/hardware
-----------------------------------------------*/
/*-- text --*/
#text {
	display: block;
	width: 350px;
	margin: 20px 0 0px 50px;
}

/*--topics--*/
.topics {
	margin: 20px 0 10px 0;
	font-size: 18px;
	color: #CC0099;
	padding-top: 20px;
}
/*--logo--*/
.logo {
	margin: 5px;
}
/*----------------------------------------------
solution/office
-----------------------------------------------*/
/*-- office --*/
#office {
	display: block;
	width: 258px;
	margin: 30px 0 0px 38px;
}
/*-- photo --*/
#photo {
	display: block;
	float: right;
	margin: -105px 0 20px 261px;

}
/*-- photo3 --*/
#photo3 {
	display: block;
	float: right;
	width: 0px;
	height:300px;
	margin: -87px 0 20px 261px;

	
}
/*----------------------------------------------
outline
-----------------------------------------------*/
#outline {
	display: block;
	width: 488px;
	margin: 30px 196px 10px 38px;
	
}
#outline h2 {
	margin: 50px 0 40px 0;
}
#outline ul li {
	padding: 10px 0;
}
#outline ul li p {
	border-left: #FF0000 5px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
}
.company {
	display: block;
	margin: -17px 0 0 107px;
}

.company ul li {
	display: block;
	margin-bottom: -10px;
	padding: 0px;
}

/*--about--*/
#about {
	display: block;
	width: 474px;
	margin: 50px 196px 40px 38px;
}

#about h2 {
	margin: 0 0 40px 0;
	
}
#about h3 {
	margin: 30px 0 -15px 0;
	
}
#graph {
	display: block;
	margin-left: 30px
}

.aboutphoto {
	display: block;
	width: 332px;
	float: right;
	margin-top: -132px
}
.aboutphoto p {
	margin-left: 0px;
} 

/*--infla--*/
#infla {
	display: block;
	width: 474px;
	margin: 30px 0 10px 38px;
}

/*--pp--*/
#number {
	display: block;
	width: 5px;
	float: left;
}

#privacy {
	display: block;
	width: 450px;
	float: right;
}
#soudan {
	display: block;
	width: 474px;
	margin: 50px 196px 40px 38px;
}

/*----------------------------------------------
support
-----------------------------------------------*/
#support {
	display: block;
	width: 474px;
	margin: 40px 196px 30px 0px;
	
}
#support h2 {
	margin: 0px 0 20px 0;
}
#support ul li {
	padding: 2px 0;
}
#support ul li p {
	border-left: #FF9900 6px solid;
	margin: 0 0 0 0;
	padding: 5px 0 5px 6px;
}
/*--customer--*/
#customer{
	display: block;
	width: 474px;
	margin: 30px 196px 40px 38px;
}
#customer h3 {
	margin: 20px 0 -10px 0;
}
#customer ul li {
	padding: 2px 0;
}
#customer p {
	border-left: #FF9900 12px solid;
	margin: 20px 0 10px 0;
	padding: 0 0 0 6px;
}

/*----------------------------------------------
recruit
-----------------------------------------------*/
#title {
	margin: 50px 0 50px 38px;
}

#recruit {
	display: block;
	width: 474px;
	margin: 50px 196px 0px 0px;
}
	
#catch {
	display: block;
	width: 474px;
	margin: 10px 0 60px 0; 
}
/*--guide--*/
#guide {
	display: block;
	width: 474px;
	margin: 0 196px 10px 38px;
	
}
#guide h2 {
	margin: 30px 0 50px 0;
}
#guide ul li {
	padding: 10px 0;
}
#guide ul li p {
	border-left: #00CCCC 5px solid;
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
}

/*--box--*/
#box {	
	display: block;
	width: 504px; 
}

/*--voice--*/
#voice {
	float: right;
	display: block;
	width: 263px;
	margin: -731px 0 0 260px 
	
}
/*--voice2--*/
#profile {
	display: block;
	width: 193px;
	margin-left: 38px;
}

#voice2 {
	display: block;
	width: 293px;
	margin: 60px 0 0 38px;
	}
#voice2 ul li {
	padding:10px 0; 

}
/*----------------------------------------------
contact
-----------------------------------------------*/
#contact {
	display: block;
	width: 670px;
	margin: 0px 10px 10px 35px;
}

/*----------------------------------------------
blog
-----------------------------------------------*/
#blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #FFFFFF;
	text-align: left;
	margin: -25px 0 0 6px;
}
#staff {
	display: block;
	width: 190px;
	height: 450px;
	float: right;
	margin: -665px 0 0 0;
}



/*---------------------------------------------------------------------
2012.12 改訂
----------------------------------------------------------------------*/

#menu2 {
	margin: 0;
}

object {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------
mainmenu
-----------------------------------------------*/
#mainmenu {
	background: url(../img/bg_header01.png) no-repeat top left;
	width: 744px;
	height: 95px;
	margin: 0 auto;
	text-align: left;
}
#mainmenu ul {
	padding-top: 59px;
	padding-left: 48px;
}
#mainmenu ul li {
	float: left;
}
#mainmenu ul li a {
	display: block;
	width: 60px;
	height: 36px;
	margin-right: 3px;
	text-indent: -9000px;
}
#mainmenu ul li a.mbt01 {	width: 57px;	}
#mainmenu ul li a.mbt02 {	width: 57px;	}
#mainmenu ul li a.mbt03 {	width: 125px;	}
#mainmenu ul li a.mbt04 {	width: 96px;	}
#mainmenu ul li a.mbt05 {	width: 98px;	}
#mainmenu ul li a.mbt06 {	width: 76px;	}
#mainmenu ul li a.mbt07 {	width: 81px;	}
#mainmenu ul li a.mbt08 {	width: 75px;	}

#mainmenu ul li a:hover {
	background: rgba(255,255,255,0.5);
}

#mainmenu ul li ul {
	z-index: 100;
	padding: 0;
	display:none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px #666;
-moz-box-shadow: 0px 1px 5px 0px #666;
box-shadow: 0px 1px 5px 0px #666;
}
#mainmenu ul li ul li {
	clear:both;
	width: 12em;
	border-bottom: 1px solid #eee;
}
#mainmenu ul li ul li a {
	width: auto;
	height: auto;
	padding: 5px 10px;
	text-indent: 0;
}
#mainmenu ul li ul li a {
	text-decoration: none;
}

#mainmenu ul li:hover {
   position:relative;
}
#mainmenu ul li:hover > ul {
   display: block;
}

#slidebox {
	width: 740px;
	height: 416px;
}