@charset "Shift_JIS";
.font10 {
	font-size: 10px;
}
.font12black {
    font-size: 12px;
	color:#333333;
}
.font14 {
    font-size: 14px;
}
.futoji {
    font-weight: bolder;
}
.green {
    color: #009900;
}
.blue {
    color: #0000FF;
}
.red {
    color: #FF0000;
}
.white {
    color: #FFFFFF;
}
.akalink a {
    color: #ff0000;
	text-decoration: underline;
}
.akalink a:hover {
	font-size: larger;
}
.aolink {
    padding-top: 2px;
	padding-bottom: 2px;
	padding-left:3px;
	font-size: 12px;
}
.aolink a {
    color: #0099FF;
	text-decoration: underline;
}
.aolink a:hover {
    color: #0000FF;
}
.letterspace02 {
	letter-spacing: 0.2em;
}
#wrapper {
	background-color: #FFFFFF;
	background-image: url(/datacom/image/side.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	width: 742px;
	margin: 0px auto;
}
#hedder {
    margin: 0 auto;
	text-align: right;
	width: 730px;
	background-color: #005195;
}
#hedder-text {
	padding-right: 10px;
	padding-bottom: 4px;
	color: #FFFFFF;
}
#hedder-text a {
    color: #FFFFFF;
}
#contents {
    margin: 0 auto;
	width: 730px;
	background-image: url(/datacom/image/menu-back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#navi {
  margin: 0 auto;
	float: left;
	width: 163px;
	text-align:left;
	background: url(../image/menu-back.gif);
}

#navi_4 li, #navi_1 li {
	list-style-type: none;
}

#navi_4 li a, #navi_1 li a{
	margin: 0;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 163px;
	list-style-type: none;
}
#navi_1 .home {	background: url(../image/menu-home1.gif) no-repeat; }
#navi_1 a.home:hover {	background: url(../image/menu-home2.gif) no-repeat; }
#navi_1 .ele {	background: url(../image/menu-electric1.gif) no-repeat; }
#navi_1 a.ele:hover {	background: url(../image/menu-electric2.gif) no-repeat; }
#navi_1 .data {	background: url(../image/menu-data2.gif) no-repeat; }

#navi_4 .corp {	background: url(../image/menu-corporateinfo1.gif) no-repeat; }
#navi_4 a.corp:hover{	background: url(../image/menu-corporateinfo2.gif) no-repeat; }
#navi_4 .recruit { background: url(../image/menu-recruit1.gif) no-repeat; }
#navi_4 a.recruit:hover{ background: url(../image/menu-recruit2.gif) no-repeat; }


#navi #navi_2 {
    margin: 0 ;
}
#navi #navi_2 li {
	background-image: url(/datacom/image/menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #071D4E;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	list-style-type: none;
}
#navi #navi_2 li a.navi_selected {
	color: #ff0000;
	font-weight: bold; 
}
#navi #navi_3 {
    margin: 0 ;
}
#navi #navi_3 li {
	background-image: url(/datacom/image/menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #071D4E;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	list-style-type: none;
}
#navi li a {
    color:#333333;
}
#navi li a:hover {
    color: #CC3300;
}
#navi hr {
    width:153px;
	margin-left: 5px;
}

#maincontents {
    margin: 0;
	float: right;
	width: 546px;
	padding-left:20px;
	text-align: left;
	background-color: #FFFFFF;
	border-left: solid 1px #071D4E;
}
#mainhedder {
    margin-top: 10px;
	background-image: url(/datacom/image/titleline2.gif);
	background-repeat: no-repeat;
	width: 546px;
	height:38px;
	margin-bottom: 15px;
}
#mainhedder2 {
    margin-top: 10px;
	background-image: url(/datacom/image/titleline3.gif);
	background-repeat: no-repeat;
	width: 546px;
	height:38px;
	margin-bottom: 15px;
}
#maintitle {
	float: left;
	height: 38px;
	margin-top:10px;
}
#maintitle h1 {
	color: #000039;
	font-size: 16px;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 3px;
}
#shouhin {
    border-left: solid 3px #0066CC;
}
#mainhedder img{
	float: right;
	padding-top: 8px;
}
#mainhedder2 img{
	float: right;
	padding-top: 8px;
}
#mainhedder #subtitle{
	float: right;
	width: 226px;
	height: 38px;
	padding-right: 4px;
	text-align: right;
	vertical-align: text-botom;
}
#mainhedder2 #subtitle{
	float: right;
	width: 120px;
	height: 38px;
	padding-right: 4px;
	text-align: right;
	vertical-align: text-botom;
}
.pagetop {
	text-align: right;
	clear: both;
	padding-right:20px;
	margin-bottom: 10px;
}

#footer {
    clear: both;
    background-color: #005195;
	color: #FFFFFF;
	text-align: left;
	width:730px;
	margin: 0 6px 8px 6px;
	font-size: 10px;
}
#footer a {
    color: #FFFFFF;
}
#footer #footer_l {
	float: left;
	padding: 3px 0 3px 10px;
}
#footer #footer_r {
	float: right;
	padding: 3px 10px 3px 0;
}
#footerline {
	background-image: url(/datacom/image/under.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 742px;
	margin: 0 auto;
}

/*rack index.php*/

#shouhinichiran {
    clear: both;
	width: 540px;
	margin-top: 30px;
	background-image: url(/datacom/image/madein.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
	
#rackichiran {
	clear: both;
	width: 520px;
	height: 250px;
	margin-left: 10px;
	background-image: url(/datacom/image/top_rack.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#rack01 {
	margin: 7px 6px 7px 5px;
	float: left;
	width: 155px;
	text-align: center;
}
#rack02 {
	margin:  7px 4px 7px 4px;
	float: left;
	width: 170px;
	text-align: center;
}
#rack03 {
	margin:  7px 4px 7px 4px;
	padding-right: 7px;
	float: right;
	width: 140px;
	text-align: center;
}
#dataichiran {
	clear: both;
	width: 520px;
	height: 250px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(/datacom/image/top_data.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#data01 {
	margin: 17px 4px 7px 5px;
	float: left;
	width: 155px;
	text-align: center;
}
#data02 {
	margin:  107px 4px 7px 4px;
	float: left;
	width: 150px;
	text-align: center;
}
#data03 {
	margin:  107px 4px 7px 4px;
	padding-right: 7px;
	float: right;
	width: 165px;
	text-align: center;
}


/*カテゴリ一覧 index.php*/

.linenup {
    width: 500px;
	padding-left: 8px;
	padding-bottom: 30px;
	vertical-align: top;
}
.linenup h3 {
    font-size:14px;
	color: #E36204;
	font-weight: bold;
}
.lineup_naka_1gyou {
	width: 140px;
	padding-top:10px;
	line-height: 12px;
	padding-left: 8px;
	vertical-align: top;
}
.linenup_l {
    width: 260px;
	padding-left: 8px;
	padding-bottom: 30px;
	vertical-align: top;
}
.linenup_img {
    text-align: right;
	vertical-align: top;
}
.linenup_l h3 {
    font-size:14px;
	color: #E36204;
	font-weight: bold;
}
.linenup_r {
    width: 260px;
	padding-left: 8px;
	padding-bottom: 30px;
	vertical-align: top;
}
.linenup_r h3 {
    font-size:14px;
	color: #E36204;
	font-weight: bold;
}
.linenup_naka {
	width: 106px;
	padding-top:10px;
	line-height: 12px;
	padding-left: 8px;
	vertical-align: top;
}
.linenup_naka li {
	line-height: 12px;
	font-size: 10px;
	list-style-position: inside;
	list-style-image: url(/datacom/image/li.gif);
	margin-left: 0;
}
.lineup_button {
	width: 106px;
	padding-bottom: 5px;
	text-align: center;
}
.lineup_button img {
    margin: 2px;
}
.yajirushi {
    line-height: 14px;
	background-image: url(/datacom/image/point.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	padding-bottom: 3px;
	vertical-align: top;
	margin-bottom:2px;
}	

/*特長ページ*/
#naiyo1 {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	width: 530px;
}
.image1 {
	width: 185px;
	text-align: center;
	vertical-align: top;
	
}
.setsumei {
	width: 340px;
	text-align: left;
}
.setsumei img {
    margin-top: 10px;
	margin-left:15px;
	margin-bottom: 10px;
}
.setsumei p {
    margin-left: 15px;
	width: 320px;
	line-height:15px;
	margin-bottom:10px;
}
.haba200 {
    width: 200px;
    padding-left: 15px;
	padding-bottom: 10px;
	vertical-align: top;
}
.margin0 {
    margin-left: 15px;
	margin-right: 0;
    margin-bottom: 0;
	float:left;
}
.setsumei_right {
    float: right;
	margin: 2px 7px 7px 0px;
}
#button {
	width: 320px;
	padding-top:20px;
    margin-left: 15px;
	text-align: center;
	vertical-align: top;
}
#button img {
    padding-right: 15px;
}
.naiyo2 {
	margin-top:15px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 520px;
}
.naiyo2 p {
	line-height: 14px;
}
.sub2title h2 {
	color: #000099;
	font-size: 14px;
	font-weight: bold;
}
.naiyo2 ol {
	list-style-position: inside;
	list-style-type: decimal;
}
.sub2title {
	border-left: 2px solid #E36204;
	border-bottom: dotted 1px #000099;
	letter-spacing: 1.1ex;
	padding-left: 8px;
}
.dekamaru {
	line-height: 14px;
	padding-top: 5px;
}
.dekamaru h3 {
    font-size: 12px;
	font-weight: bolder;
}
.shousai {
	vertical-align: top;
	padding-top: 10px;
	line-height: 14px;
}
.shousai p {
	margin-top:5px;
	line-height: 14px;
	width: 150px;
}
.shousai2 {
    padding-left: 5px;
	vertical-align: top;
	padding-top: 10px;
}
.shousai2 p {
	margin-top:5px;
	line-height: 14px;
	width: 150px;
}
.shousai3 {
    padding-left: 15px;
	vertical-align: top;
	line-height: 14px;
}
.shousai3 img {
    padding: 5px;
}
.shousai3 p {
    width: auto;
}
.topline {
	padding-top:5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000099;
	line-height: 14px;
}
.sub3title {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	vertical-align: top;
}
.sub3titleya {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_ya.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom:2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000099;
}
.sub3titleyanoline {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_ya.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom:2px;
}
.sub3titleyanomi {
	font-size: 12px;
	line-height: 14px;
	background-image: url(/datacom/image/point_ya.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-bottom:2px;
}
.sub3title1 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_01.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title2 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_02.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	margin-top: 10px;
	background-position: left top;
	vertical-align: top;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title3 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_03.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title4 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_04.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title5 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_05.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title6 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_06.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title7 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_07.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title8 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_08.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title9 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_09.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title10 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_10.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title11 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_11.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title12 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_12.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title13 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_13.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title14 {
	font-size: 12px;
	line-height: 14px;
	background-image: url(/datacom/image/point_14.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title15 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_15.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title16 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_16.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title17 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_17.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title18 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_18.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title19 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_19.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub3title20 {
	font-size: 12px;
	line-height: 14px;
	color: #0099FF;
	background-image: url(/datacom/image/point_20.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left top;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.sub4title {
    font-size: 12px;
	line-height: 14px;
	color: #DB6D00;
	width: 155px;
	margin-bottom: 2px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000099;
}
.sub5title {
    font-size: 12px;
	line-height: 14px;
	color: #DB6D00;
	margin-bottom: 2px;
	text-align: left;
}
.underline {
	font-size: 12px;
	line-height: 14px;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom:2px;
	border-bottom: 1px dashed #000099;
}
.chuui {
	border: 4px double #FF6600;
	padding: 1px;
}
.chuui a:hover {
    background-color:#3333FF;
	color:#FFFFFF;
}
.td1 {
    background: #7D89C3;
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	padding:3px;
}
.td2 {
    font-size: 12px;
	padding:3px;
}
.tub01 a {
	width: 131px;
	height: 25px;
	display: inline;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-top: 5px;
	color: #FFFFFF;
}
.tub01_2 a {
	width: 131px;
	height: 25px;
	display: inline;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub1_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-top: 5px;
	color: #333333;
}
.tub02 a {
	width: 96px;
	height: 25px;
	display: inline;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-top: 5px;
	color: #FFFFFF;
}
.tub02_2 a {
	width: 96px;
	height: 25px;
	display: inline;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub2_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-top: 5px;
	color: #333333;
}
.tub	{
	height: 30px;
	float:left;
	background-image: url(/datacom/nw_haiden/image2/tub3_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-left: 1px;
}
.tub a	{
	min-width: 56px;
	height: 25px;
	display: inline-block;
	float:left;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub3_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding-right: 10px;
	white-space: nowrap;
	padding-top: 5px;
}
.tub2	{
	height: 30px;
	float:left;
	background-image: url(/datacom/nw_haiden/image2/tub3_l2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-left: 1px;
}
.tub2 a	{
	min-width: 56px;
	height: 25px;
	display:  inline-block;
	float:left;
	font-weight: bolder;
	background-image: url(/datacom/nw_haiden/image2/tub3_r2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #333333;
	font-size: 12px;
	text-align: center;
	padding-right: 10px;
	white-space: nowrap;
	padding-top: 5px;
}


/*detail*/
#detail {
	margin: 40px auto 0 auto;
	background-color: #FFFFFF;
	border-top: double 3px #3333CC;
	border-bottom: double 3px #3333CC;
	text-align: center;
}
#detail img {
	padding-top: 20px;
	padding-bottom: 20px;
}