@charset "utf-8";
/*--------------------------------------
  Default Style Sheet
  Last Update 2007-01-03

  - Universal selector
  - Structure Module
  - Text Module
  - Hypertext Module
  - List Module
  - Edit Module
  - Forms Module
  - Tables Module
  - Image Module
  - Object Module

---------------------------------------*/

/*--------------------------------------
  Universal selector
---------------------------------------*/

*{
	color: black;
	font-size: 100%;
	background-color: transparent;
	margin:	 0;
	padding: 0;
}
	
/*--------------------------------------
  Structure Module
---------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7;
	background-color: #669999;
	background-image:url(img/back_img_k.png);
	background-repeat: repeat;
	background-attachment: scroll;
	padding-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	text-align: center;
}

/*--------------------------------------
  Text Module
---------------------------------------*/

p,
pre,
address,
cite {
	font-size: 100%;
	margin: 0.8em 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	line-height: 1.5;
	margin: 0em 0px;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 80%;
}

pre {
	width: auto;
	_width: 90%; /*for IE*/
	overflow: auto;
	font-size: 75%;
	letter-spacing: 1px;
	color: #3d4263;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 8px 16px;
}

pre[title]::before {
	display: block;
	color: black;
	content: attr(title);
	margin-bottom: 0.8em;
}

blockquote {
	display: block;
	background-color: #eaeeef;
	border-top: 1px solid #b9c3c8;
	border-left: 1px solid #b9c3c8;
	border-right: 1px solid #b9c3c8;
	border-bottom: 1px solid #b9c3c8;
	margin: 0.8em 24px;
	padding: 1px;
}

blockquote * {
	color: #434755;
}

blockquote[title]::before {
	display: block;
	font-size: 80%;
	color: #455c5d;
	content: attr(title);
	background-color: #e0e4e5;
	margin: 2px;
	padding: 0.1em 16px;
}

blockquote[cite]::after {
	display: block;
	font-size: 80%;
	color: #333333;
	text-align: right;
	content: attr(cite);
	margin: 0;
	padding: 0.1em 16px;
}

cite {
	display: block;
	color: #333333;
	font-style: normal;
	text-align: right;
}

em {
	font-style: normal;
	font-weight:bold;
}

strong {
	color:#FF3300;
	font-style: normal;
	font-weight:bold;
}

code {
	font-family: "Osaka－等幅", monospace;
	color: #3d4263;
}

kbd {
	font-family: "Osaka－等幅", monospace;
	text-transform: uppercase;
	background-color: #f5f5f5;
	border: 1px solid #6a8eaa;
	padding: 0 0.4em;
}

kbd.accesskey {
	padding: 0 0.2em;
}

hr {
   width:0px;
   border:0px;
   margin:0px;
   padding:0px;

}

/*--------------------------------------
  Hypertext Module
---------------------------------------*/

a {
	text-decoration: none;
}

a:link {
	color: #005585;
	border-bottom: 1px solid #005585;
}

a:visited {
	color: #485270;
	border-bottom: 1px solid #cccccc;
}

a:hover {
	color: #b83800;
}

/*--------------------------------------
  List Module
---------------------------------------*/

ul,
ol,
dl {
	list-style-position: outside;
	margin-left:20px;
	padding: 1px 8px;
}

li,
dt,
dd {
	font-size: 100%;
}

dt {
	color: #004171;
}

/*
dd {

}
*/

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size:100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.4em 8px;
}

/*--------------------------------------
  Edit Module
---------------------------------------*/

del {
	color: #666666;
	text-decoration:	line-through;
}

del[datetime]::before{
	content: " ( "attr(datetime)"削除) ";
}

ins{
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	}

ins[datetime]::before{
	content: " ( "attr(datetime)"修正) ";
}

/*--------------------------------------
  Forms Module
---------------------------------------*/

form {
	clear: both;
	background-color: #F7F7F7;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	margin: 0.5em 16px 1em 16px;
	padding: 1px 0 1em 0;
}

form dl,
form p {
	margin: 0.4em 16px;
}

fieldset {
	border: none;
	padding: 1px 0;
}

legend {
	display: none;
	font-size: 85%;
	background-color: #e8e8e8;
	padding: 0.1em 8px;
}

input,
textarea {
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: white;
	border: none;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	padding: 0.1em 8px;
}

input:hover,
textarea:hover {
	background-color: #eaeeef;
	border-top: 1px solid #b9c3c8;
	border-left: 1px solid #b9c3c8;
}

input:focus,
textarea:focus {
	background-color: #e2e6e7;
	border-top: 1px solid #a7abac;
	border-left: 1px solid #a7abac;
}

textarea {
	padding: 0.4em 8px;
}

p input {
	margin-left: 8px;
}

input.radio {
	background-color: transparent;
	border: none;
}

input.submit {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6c737a;
	border-width: 1px;
	border-style: solid;
	border-color: #c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	padding: 1px 0.5em;
}

input.submit:hover {
	color: black;
	background-color: white;
}

/*--------------------------------------
  Tables Module
---------------------------------------*/

table {
	background-color: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
	margin: 0.5em ;
}

caption {
	display: none;

	font-size: 80%;
	color: #454e58;
	background-color: #f5f5f5;
	border: 1px solid #97a4aa;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
}

td,
th {
	font-size: 80%;
	line-height: 1.4;
	color: white;
	padding : 0.1em 8px;
}

th {
	font-weight: normal;
	color: #536066;
	background-color: #f5f5f5;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #d2d2d2;
	vertical-align:top;
	text-align:left;
}

td {
	color: #2d3b4e;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: white #bfc3c4 #bfc3c4 white;
	vertical-align:top;
}

/*--------------------------------------
  Image Module
---------------------------------------*/

img {
	vertical-align: bottom;
}

a img {
	border: 2px solid #eeeeee;
}

a:hover img {
	border: 2px solid #cccccc;
}

/*--------------------------------------
  Object Module
---------------------------------------*/

object,
embed {
	margin: 1em 16px;
}

/*--------------------------------------
  logo 
---------------------------------------*/
#cdlogo_img {
    position:relative;
	width:250px;
	height:50px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(img/cd_logo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
}

#cdlogo_img p {
    margin:0;
    padding:0;
	text-align: left;
	
}

#cdlogo_img a {
    display:block;
	width:250px;
	height:50px;
    margin-top:0px;
	padding:0;
	border:0;
	text-decoration:none;
	text-align: left;
	}

#header_space {
width:300px;
height:50px;
margin:0px;
float:left;
}



#netlogo_img {
 position:relative;
	width:200px;
	height:50px;
	margin:0px;
	padding:0px;
	background-image: url(img/net_logo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
}


#netlogo_img a {
    display:block;
	width:200px;
	height:50px;
    margin-top:0px;
	padding:0;
	border:0;
	text-decoration:none;
	text-align: left;
	}


#senshu_logo {
    position:relative;
	width:110px;
	height:37px;
	margin:0px;
	padding:0px;
	background-image: url(img/senshu_logo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
	}
	

#senshu_logo a {
    display:block;
	width:110px;
	height:37px;
    margin-top:0px;
	padding:0;
	border:0;
	text-decoration:none;
	text-align: left;
	}


#sofel_logo {
    position:relative;
	width:101px;
	height:37px;
	margin:0px;
	padding:0px;
	background-image: url(img/sofel_logo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
	}
	

#sofel_logo a {
    display:block;
	width:101px;
	height:37px;
    margin-top:0px;
	padding:0;
	border:0;
	text-decoration:none;
	text-align: left;
	}


#miraikan_logo {
    position:relative;
	width:130px;
	height:37px;
	margin:0px;
	padding:0px;
	background-image: url(img/miraikan_logo1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
	}
	

#miraikan_logo a {
    display:block;
	width:130px;
	height:37px;
    margin-top:0px;
	padding:0;
	border:0;
	text-decoration:none;
	text-align: left;
	}



#copy_space {
    position:relative;
	width:409px;
	height:37px;
	margin:0px;
	padding:0px;
	background-image:url(img/copyright1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	overflow: hidden;
	text-indent:-9999px;	
	text-align: left;
	float:left;
}




/*--------------------------------------
  menu bar
---------------------------------------*/

#menu {
 width:495px;
 height:26px;
 margin-top:0px;
 margin-left:255px;
 margin-bottom:0px;
 margin-right:0px;
}


#menu ul{
 list-style:none;
 padding:0px;
 text-indent:0px;
  margin:0px;
  padding:0px;
}

#menu li {
 float:left;
 margin:0px;
 padding:0px;
 }






.home {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/home1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0px 0px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
		
.home a {
    display:block;
	width:120px;
	height:26px;
    margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}


.home_o {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/home1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0px -26px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}


.outline {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/outline1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0px 0px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	
.outline a {
    display:block;
	width:120px;
	height:26px;
    margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}
	
.outline a:hover {
    background-position:0px -26px;
	}	
	

.outline_o {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/outline1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0px -26px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	


.process {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/process1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	
.process a {
    display:block;
	width:120px;
	height:26px;
    margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}

.process_o {
    position:relative;
	width:120px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/process1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -26px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	

.works {
    position:relative;
	width:135px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/works.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	
.works a {
    display:block;
	width:135px;
	height:26px;
    margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}

.works_o {
    position:relative;
	width:135px;
	height:26px;
	margin:0px;
	padding:0px;
	background-image:url(img/menu/works1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -26px;
	overflow: hidden;
	text-indent:-9999px;	
	float:left;
	}
	

#footer_link {
font-size:small;
letter-spacing:0.1em;
text-align:center;
padding-top:50px;
padding-bottom:15px;
clear:both;
}


/*--------------------------------------
  h block Module
---------------------------------------*/



h2 {
font-size:120%;
margin-top:10px;
margin-left:0px;
margin-bottom:30px;
padding-top:1px;
padding-left:10px;
font-weight:bold;
color:#008080;
border-top:2px dotted #CCCCCC;
border-bottom:2px dotted #CCCCCC;
letter-spacing:0.1em;
}


h3 {
 margin-top:0px;
 margin-bottom:10px;
 margin-left:0px;
 padding:2px 0px 3px 6px;
 line-height:150%;
font-size:100%;
border-left:6px solid #999999;
font-weight:bold;
color:#333333;

 }
 
 
 h4{
font-size:100%; 
font-weight:bold; 
color:#333333;
margin-bottom:0px; 
padding-bottom:0px;
 }
 
.style1{
 margin-top:60px;
}

.style2{
 margin-top:30px;
 margin-bottom:15px;
 margin-left:5px;
 
}


.s_word {
font-size:x-small;
}

/*--------------------------------------
  list  block Module
---------------------------------------*/

.l_style_none {
list-style:none;
list-style-position:inside;
 margin-left:5px;
 
}

.w_list {
padding:0px;
margin-left:0px;
margin-top:15px;
list-style:none;
list-style-position:outside;
font-size:small;
}


.w_list_g {
color:#336666;
}


/*--------------------------------------
  process_page  block Module
---------------------------------------*/

#r_block1 {
	position:relative;
	width:705px;
	height:150px;
	margin-top:30px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_01.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block2 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_02.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block3 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_03.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block4 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_04.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block5 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_05.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block6 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_06.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block7 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_07.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block8 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_08.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block9 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_09.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block10 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_10.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block11 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_11.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block12 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_12.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}

#r_block13 {
	position:relative;
	width:705px;
	height:150px;
	margin-right:0px;
	margin-bottom:50px;
	paddig:0px;
	background-image: url(img/process/p_13.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	text-align:left;
}


/*--------------------------------------
  works_page  block Module
---------------------------------------*/

#cs {
 color:#666666;
 text-align:center;
 margin-top:100px;
 margin-bottom:100px;
 }

#w_block_a {
	position:relative;
	width:325px;
	height:550px;
	margin:0px;
	paddig:0px;
	float:left;
	list-style-position:outside;
	overflow:visible;
}


#w_block_b {
	position:relative;
	width:355px;
	height:550px;
	margin:0px;
	padding-left:30px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	float:left;
	list-style-position:outside;
	overflow:visible;
}
#w_block_d {
    width:0px;
    height:0px;
	margin:0px;
	padding:0px;
    clear:both;
	}
	



/*--------------------------------------
  layout
---------------------------------------*/

#grid_bg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:200px;
	margin-top:0px;
	background-image:url(img/back_img_g.png);
	background-repeat: repeat;
	background-attachment: scroll;
	overflow: visible;
}

#container {
	position:relative;
	width:756px;
	height:621px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	z-index:2;
}

#header {
    position:relative;
    width:750px;
    height:51px;
	margin-top:0px;
}

#topimg {
    position:relative;
	width:756px;
	height:532px;
	margin-top:0px;
	background-image:url(img/topimg2.jpg);
	background-repeat: no-repeat;
	background-position:left,top;
	background-attachment: scroll;
	text-indent:-9999px;
}

#main_space_ou {
    position:relative;
	width:756px;
	height:174px;
	margin:0px;
	padding:0px;
	background-image:url(img/outline_title3.jpg);
	background-repeat: no-repeat;
	background-position:left,top;
	background-attachment: scroll;
	text-indent:-9999px;
	text-align: left;
 
}

#main_space_pr {
    position:relative;
	width:756px;
	height:174px;
	margin:0px;
	padding:0px;
	background-image:url(img/process_title3.jpg);
	background-repeat: no-repeat;
	background-position:left,top;
	background-attachment: scroll;
	text-indent:-9999px;
	text-align: left;
 
}

#main_space_wo {
    position:relative;
	width:756px;
	height:174px;
	margin:0px;
	padding:0px;
	background-image:url(img/works_title3.jpg);
	background-repeat: no-repeat;
	background-position:left,top;
	background-attachment: scroll;
	text-indent:-9999px;
	text-align: left;
 
}



#main {
    position:relative;
	width:756px;
	height:auto;
	background-color:#FFFFFF;
	color:#333333;
	background-image:url(img/bg_shadow.png);
	background-repeat:repeat-y;
	background-position:top;
	background-attachment: scroll;
    text-align: left;
}


#main p {
margin:0;
padding:0;
}




#contents {
    position:relative;
	width:500px;
	height:auto;
	padding-top:50px;
	padding-left:30px;
	padding-bottom:50px;
	text-align: left;
	
	
}

#p_contents {
    position:relative;
	width:500px;
	height:auto;
	padding-top:50px;
	padding-left:20px;
	padding-bottom:50px;
	text-align: left;
	
	
}

#w_contents {
    position:relative;
	width:730px;
	height:auto;
	padding-top:50px;
	padding-left:20px;
	padding-bottom:50px;
	text-align: left;
		
}


#main_under {
    position:relative;
	width:756px;
	height:10px;
	margin-top:0px;
	background-image:url(img/bg_under.png);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment: scroll;
}

#footer {
    position:relative;
	width:750px;
	height:37px;
	margin-top:1px;
	margin-bottom:0px;
	padding-bottom:10px;
	padding-top:0px;
}