@charset "euc-jp";  /* "UTF-8";   */
* {
margin: 0px;
padding: 0px;
border: none;
text-align:justify;
text-justify:inter-ideograph;
font-family: Tahoma, Arial, Helvetica, sans-serif;
/*font-family:Verdana;*/

}

/*
width: 100%; height: 100%;
margin: 0px; padding: 0px; 
*/

body {
background: #ffffff url(../img/rainDrop_s.png) top left repeat;
min-width: 986px; /*986px=no border bug for 1024*768*/
max-width:1040px;
font-size:75%;
}

.column2
{
	position: absolute;
	left: 20%;
	top: 0px;
	width: 75%;
}


#globalNavigation {list-style-type: none; 
font-weight:bold;
font-color:#fff;
font-size:1.2em;
	height: 39px;
	border-top: 1px solid #70747C;
	border-right: 1px solid #70747C;
	border-left: 1px solid #70747C;
	background: #7F858D url(../technical_code/images/gn_bg.gif) repeat-x;
}
#globalNavigation ul {

}
#globalNavigation li {text-decoration: none;
	float: left;
	height: 39px;
	padding-right: 2px;
	background: url(../technical_code/images/gn_li_bg.gif) right top repeat-y;
}
#globalNavigation li a {
color:#fff;
text-align:center;text-decoration: none;
       height:35px;
        width:145px;
	display: block;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
	background: #5F626A;
}

h2{}

h3{background:transparent url(../img/button_grey.png) no-repeat; 

width:160px;height:35px; 
font-size:1.2em; text-align:center;
line-height:2.5; 
color:#0000FF;margin:10px auto;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h4{background:transparent url(../img/button_grey.png) no-repeat;  
width:160px;height:35px; 
font-size:1.2em; text-align:center; 
line-height:2.5;
color:#00ff00;margin:10px auto;font-family: Tahoma, Arial, Helvetica, sans-

serif;}

h5{
background:transparent url(../img/button_grey.png) no-repeat;  
width:160px;height:35px; 
font-size:1.2em; 
text-align:center; 
line-height:2.5;
margin:10px auto;
color:#FFdc00;
font-family: Tahoma, Arial, Helvetica, sans-serif;}

h6{margin:0px 500px 0px 30px;
line-height:1.8;
font-size:1.8em;
color:#ff6000; /*#ff6f00;*/
}

.clearboth{clear:both;}

.fsize9 {font-size:0.9em;}
.fsize10 {font-size:1.0em;}
.fsize11 {font-size:1.1em;}
.fsize12 {font-size:1.2em;}
.fsize13 {font-size:1.3em;}
.fsize13 {font-size:1.3em;}
.fsize14 {font-size:1.4em;}
.fsize15 {font-size:1.5em;}

.cred {color:red;}
.cblue {color:blue;}
.cgreen {color:green;}
.cyellow {color:yellow;}
.corange {color:orange;}

.marginlr {margin:0px 5px;}

.fwb {font-weight:bold;}

#wrapper{margin:0px; width:100%; height:100%;} 


/* #wrapper{}     transparent black sheet*/

#header { 
left:0px; top:0px; width:100%; height:104px;
background: #FFFFFF url(../img/hd.png) repeat-x;
/*background-repeat:repeat-x;
background-position:100% 0;*/
}

#head_left {
position:absolute; top:13px; left:128px;
background: transparent url(../img/blue2_line.png) no-repeat;
}

#head_middle {
position:absolute; top:13px; left:413px;
background: transparent url(../img/green2_line.png) no-repeat;
}

#head_right {
position:absolute; top:13px; left:698px;
background: transparent url(../img/yellow2_line.png) no-repeat;
}

.head{
margin:0px; width:285px;height:80px;
}

.head p{font-family: Tahoma, Arial, Helvetica, sans-serif;
margin:15px; font-size:1.2em; font-weight:bold; color:#0000FF;
}


#hd {clear:both; width:100%;text-align:right;}



/***************** logo & Button*********************/
#logo{position:absolute;
top:210px;left:640px;
width:322px;height:42px;
background: transparent url(../img/logo_dx.png) no-repeat;
}

#logo2 {position:absolute;
top:130px;left:640px;
width:300px;height:55px;
background: transparent url(../img/ppage_logo.png) no-repeat;
}
#logo3 {position:absolute;
top:960px;left:8px;
width:124px;height:68px;
background: transparent url(../img/slogic_mark.png) no-repeat;
}

#downloads {position:absolute;
top:210px; left:7px;
width:99px; height:14px;
background: transparent url(../img/download_s.png) no-repeat;
}

#kami{
margin-left:128px;
margin-top:10px;
padding:0px;
width:858px;height:151px;
background: transparent url(../img/kami3.png) no-repeat;
}

#orange { width:160px; height:50px;background: transparent url

(../img/button_orange.png) no-repeat;}

#blue{ width:161px; height:69px;background: transparent url(../img/b_test.png) 

no-repeat;}
#red{ width:134px; height:64px;background: transparent url(../img/r_test.png) no

-repeat;}

.button1{margin:5px 200px 50px 150px; 
float:left;
}
.button1 p{margin:25px auto; color:#fff; text-align:center;font-size:1.5em;}

/******************* layer ***********************/
#layer0,#layer1,#layer2,#layer3,#layer4,#layer5,#layer6,#layer7,#layer8, 
#layer9,#layer10,#layer11,#layer12,#layer13,#layer14,#layer15,#layer16,#layer17,
#layer18,#layer19,#layer20,#layer21,#layer22,#layer23,#layer24,#layer25,#layer26, 
#layer27,#layer28,#layer29,#layer30,#layer31,#layer32,#layer33,#layer34,#layer35,
#layer100,#layer101,#layer102,#layer103,#layer104,#layer105,#layer106,#layer107,
#layer108, 
#layer109,#layer110,#layer111,#layer112,#layer113,#layer114,#layer115,#layer116,
#layer117,#layer118,#layer119,#layer120,#layer121,#layer122,#layer123,#layer124,
#layer125
{ position:absolute; top:260px; left:130px; z-index:100;}

.inlayer_b ul li,
.inlayer_g ul li,
.inlayer_y ul li {list-style-type:circle;/*decimal; */
list-style-position:inside;
}/**/


.layer_b { width:830px; height:600px;
background: transparent url(../img/layer_lb2.png) no-repeat;
} 
.layer_g { width:830px; height:600px;
background: transparent url(../img/layer_gr3.png) no-repeat;
} 
.layer_y { width:830px; height:600px;
background: transparent url(../img/layer_y2.png) no-repeat;
} 

.inlayer_b, .inlayer_g, .inlayer_y {margin:28px 20px;}
.inlayer_b p,
.inlayer_g p,
.inlayer_y p
{ line-height:1.4;

}/*font-family: "MS P明朝", "ヒラギノ明朝 Pro W3", serif;*/

.explain {margin-left:518px;}

.pth { margin:0px 0px 0px 435px; padding:0px 3px;
font-size:1.1em; font-weight:bold; background-color:#bdbdbd;
border:solid 1px #bdbdbd;
}
.ptd { margin:0px 0px 0px 435px; padding:2px;
font-size:1.1em; background-color:#f4f4f4; border:solid 1px #bdbdbd;
}

/*.code{color:blue; font-size:1em;line-height:1.3;margin:5px;}*/


.layer_style{ margin:15px; font-size:1.2em; line-height:1.4;
font-weight:bold;
font-family: MS 明朝, ヒラギノ明朝 Pro W6;
}

table.layout1 { 
    table-layout: fixed;
    width: 760px;
    border-spacing: 1px;
    /*empty-cells: show;*/
    background-color: #808080;
    margin-top:2px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:15px;
    padding:1px;
    font-size: 10pt;

  }
table.layout1 caption { font-weight:bold; font-size: 1.2em; text-align:center; }
table.layout1 thead { padding:0px; margin:0px; }

table.layout1 tfoot { padding:0px; margin:0px; }

table.layout1 tbody { padding:0px; margin:0px; }

table.layout1 tr { padding:1px; margin:0px; }
table.layout1 th { text-align:center; white-space: nowrap; }

table.layout1 td { padding:1px; margin:0px;
    background-color: #f4f4f4;
    white-space: nowrap;text-align:justify;
    text-align: left;
}
.acenter{text-align:center;}

dl.form1 { float:left; width:350px; margin:0px 15px 15px 15px; padding:0px; }
dl.form1 dt{font-weight:bold; margin:10px 0px;}
dl.form1 dd{margin:10px 0px;}


/***************** container *****************/
#con { float:left; width:100%;
background-image: url(../img/con_wrap4.png);
background-repeat: repeat-y;
}
#con2 { float:left; width:100%;}

#con_main2,
#con_main {float:left; margin:0px; padding:0px;}

.con_ad { float:left; width:306px; background:#fff;}
.con_code { float:left; width:680px; } /*986-680=306*/
.con_menu { float:left; width:100%;}

.menu {float:left; width:100%; margin:5px 0px; padding:0px; }
.menu div{float:left;}

.menu a{ color:yellow; float:left; 
display:block; width:160px; height:35px; 
text-align:center; font-size:1.1em;line-height:2.3;
background: url(../img/button_b2.png) no-repeat;
text-decoration:none;
}
.menu a:hover,
.menu a:active {color:blue;
background: url(../img/button_orange3.png) no-repeat;
}


#con_bk {position:absolute; width:992px;  /*black wrapping*/
top:104px;left:0px;
background-image: url(../img/con_wrap_bk.png);
background-repeat: repeat-y;
z-index:29999;
}

#footer { float:left;
/*clear: both;*/
width:100%;    /* for WinIE6,7 */
margin:30px 0px -20px 0px;
text-align: center; height:104px;
background: #FFFFFF url(../img/ft.png) right bottom repeat-x;
}

#footer p {color:#ffd500; text-align:center; margin-top:25px;}

/****************** card ***********************/
/*
.card_l {margin:0px; padding:0px; width:280px;}
.card_m {margin:0px; padding:0px; width:280px;}
.card_r {margin:0px; padding:0px; width:280px;}

.card_m p,
.card_r p,
.card_l p{margin:50px;padding:0px; font-size:1.2em; color:3A3A3A;
font-family: MS 明朝, ヒラギノ明朝 Pro W6;
}

#card_b {position:absolute; top:183px; left:128px; background-color:#DCDCFF;}
#card_g {position:absolute; top:183px; left:413px; background-color:#DCFFDC;}
#card_y {position:absolute; top:183px; left:698px; background-color:#FFFFDC;}
*/


#welcome, #welcome2{ margin:5px 0px 0px 0px; padding:0px; width:100%; 

height:100%;}

#blue_zone, #blue_zone2 { padding:0px 0px 0px 128px; margin:10px 0px;}
#green_zone, #green_zone2 { padding:0px 0px 0px 413px; margin:10px 0px;}
#yellow_zone, #yellow_zone2 { padding:0px 0px 0px 698px; margin:10px 0px;}

#card_1st {  float:left; display:inline;/*おまじない*/
background-color:#DCDCFF;
}

#card_2nd {  float:left;display:inline;
background-color:#DCFFDC;
}

#card_3rd {  float:left; display:inline; 
background-color:#FFFFDC;
}

#card_1top,#card_2top,#card_3top { float:left; display:inline; 
background-color:#434343;
}
#card_1top{clear: both;} /*回り込み防止　重要*/

.card_main { margin:5px 0px 15px 0px; padding:0px; width:280px; }/*margin→mozila

のみ*/
.card_top  { margin:5px 0px 0px 0px; padding:0px; width:280px; }/*margin→mozila

のみ*/

.card_main p{margin:20px 10px; padding:0px; font-size:1.1em; color:3A3A3A;line-

height:1.3;
font-family: MS 明朝, ヒラギノ明朝 Pro W6;
}

.card_top p{margin:20px 10px; padding:0px; font-size:1.1em; color:#FFF;line-

height:1.3;
font-family: MS 明朝, ヒラギノ明朝 Pro W6;
}
.card_top p.bl{color: #0000ff; }
.card_top p.gr{color: #00ff00; }
.card_top p.yl{color: #ffdc00; }

.card_r {margin:50px 5px 50px 4px; padding:0px;  }
.card_m {margin:50px 5px 50px 4px; padding:0px;  }



/****************** rounded corner ***************************/
#box{	position: relative; margin-left: 5px; margin-right: 0px; margin-top: 0px; 

padding: 0px; text-align: center; width:100%;
/* <-- use this to tie width to viewport size */	
width: 270px;
/* <-- use this for a set width */	
background-color: #DCDCFF; }
.tlc, .trc, .blc, .brc	{ background-color: DCDCFF; background-repeat: no-repeat;	

}
.tlc { background-image:url(../img/tlc.gif); background-position: 0% 0%;	}
.trc { background-image:url(../img/trc.gif); background-position: 100% 0%;	}
.blc { background-image:url(../img/blc.gif); background-position: 0% 100%;	}
.brc { 	background-image:url(../img/brc.gif); background-position: 100% 100%;	}
.tb, .bb { background-color: DCDCFF; background-repeat: repeat-x;	}		
.tb { background-image:url(../img/tb.gif); background-position: 0% 0%;	}
.bb { background-image:url(../img/bb.gif); background-position: 50% 100%;}	
.rb { background-image:url(../img/r.gif); background-position: 100% 0%;	

background-repeat: repeat-y; }
.lb { background-color: #eee; background-image:url(../img/l.gif); background-

position: 0% 100%; background-repeat: repeat-y;}


/*
background-repeat:repeat-x;
background-position:100% 0;
*/