/********************************
      body
*********************************/
body{
  margin:0px;
}

/********************************
      wrapper
*********************************/

div#wrapper{
  width : 1000px;
}



/********************************
      header
*********************************/
div#header{
	height : 85px;
	background-image:url(../img/header.jpg);
}

div#header h1{
margin:0px;
padding:0px;
}

div#header img{
  margin:0 0 0 61px;
  padding:0px;
  border:none;
}

div#header ul#siteInformation{
  list-style-type:none;
  margin:0px 5px 0px 0px;
  float:right;
}

div#header ul#siteInformation::after{
  height:0px;
  visibility: hidden;
  content: ".";
  display:block;
  clear:both;
}

div#header ul#siteInformation li{
  color:#fff;
  border-right:1px solid #fff;
  margin: 3px 0px 0px 0px;
  float:left;
  height:1.5em;
  line-height:1.5em;
  list-style-type:none;
  text-align:center;
  font-size:10px;
  padding-left:5px;
  padding-right:5px;
}

div#header ul#siteInformation li a,
div#header ul#siteInformation li a:hover,
div#header ul#siteInformation li a:link,
div#header ul#siteInformation li a:visited{
  color:#fff;
  text-decoration:none;
}

div#header ul#siteInformation li#document{
color:#fff;
font-size:9px;
padding-top:3px;
}
/********************************
      content
*********************************/

div#content{
  margin:0px;
  width:100%;
}

div#content::after{
  height:0;
  visibility:hidden;
  content: ".";
  display:block;
  clear:both;
}

/********************************
      box
*********************************/

div#box-A{
  float:right;
  width:100%;
  margin-left:-200px;
  background-image:url('http://www.cidemtokyo.com/img/bg-inBox-A.jpg');
  background-repeat:repeat-y;
}

.inBox-A-navi{
  margin-left:200px;
}

.inBox-A{
  margin-left:200px;background-color:#fff;
}

div#box-B{
	float:right;
	width:200px;
	background-image : url(../img/header_left.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
}

div#box-B ul{
  font-size:9px;
  margin-left:0px;
  margin-right:0px;
  list-style-type:none;
}

div#box-B ul li{
  color:#999;
  margin-left:0px;
}

div#box-B ul li.selected{
  color:#f00;

}

div#box-B ul li.selected ol{
  text-align:left;
  margin-left:30px;
  margin-right:0px;
}

div#box-B ul li.selected ol li.selected a,
ul#catbal2 li.selected a,
ul#catbal3 li.selected a,
ul#service li.selected a{
  color:#f00;
}

div#box-B ul li ul,
div#box-B ul li ol{
list-style-position:outside;
}

div#box-B ul li ul li,
div#box-B ul li ol li{
margin-left:15px;
}

div#box-B ul li ul li:hover,
div#box-B ul li ol li:hover{
color:#f00;
}

div#box-B ul li.selected ol li.ssc{
margin-left:15px;
margin-right:0px;
}
/********************************
      navigation
*********************************/
div#navigation{
	font-size:9px;
	background-image : url('../img/navigation.jpg');
	background-repeat:no-repeat;
	height:25px;
}

div#navigation ul{
  margin-top:0px;
  padding-top:0px;
  z-index:1;/*dropdown*/
}

div#navigation ul::after{
  height:0;
  visibility:hidden;
  content: ".";
  display:block;
  clear:both;
}
div#navigation ul li{
  float:left;
  width:152px;
  list-style:none;
  text-align:left;
  margin:0 0 1px 0;
  padding:0;
  z-index:2;/*dropdown*/
  position:relative;
}
div#navigation ul li a{  
  height:1em;
  line-height:2.5em;
  text-decoration:none;
  color:#fff;
}

div#navigation ul li ul{/*dropdown*/
  list-style:none;
  visibility:hidden; 
  position:absolute;
  width:100%;
  top:20px;
  left:-10px;
  z-index:1000;
  background:#f6f6f6;
  border:1px solid #ccc;
}

div#navigation ul li#sector{
  text-align:center;
}

div#navigation ul li#sector ul{
  left:38px;
width:120%;
}

div#navigation ul li#business ul{
width:120%;
}

div#navigation ul li ul.wide{
  width:163%;
}

div#navigation ul li ul::after{
  height:0;
  visibility:hidden;
  content: ".";
  display:block;
  clear:both;
}

div#navigation ul li:hover ul {
  visibility:visible;
}

div#navigation ul li ul li{
  color:#fff;
  text-align:left;
  width:100%;
}

div#navigation ul li ul li a {
  text-decoration:none;
  display:block;
  height:1em;
  line-height:1em;
  color:#000;
  padding:5px;
}

div#navigation ul li ul li a:hover {
  background-color:#f00;
  color:#fff;
}

/********************************
      main
*********************************/

div#search{
  text-align:right;
}

div#search form{
  margin:0px;
}

div#search input.keyword{
  margin-right:0px;
}

div#search input.submit{
  margin-left:0px;
  margin-right:0px;
  padding:0px;
  border:none;
}

div#search p {
  margin:3px;
}

div#content div#mainLeft{
  margin-top:-1em;
}

div#content div#mainLeft h2{
  font-size:120%;
  font-family: 'Times New Roman';
  font-weight:bold;
  padding-bottom:0.4em;
  background-image:url('http://www.cidemtokyo.com/img/title_bar.gif');
  background-repeat:no-repeat;
  background-position:left bottom;
  line-height:.9em;
}

div#content div#mainLeft h2 span.welcome{
  font-size:120%;
  font-family:'Times New Roman';
  font-weight:bold;
  line-height:1.5em;
}
div#content div#mainLeft h2 span.title{
  font-size:90%;
  font-weight:bold;
}
div#content div#mainLeft h3{
  font-size:100%;
  font-weight:bold;
  margin-top:1em;
}

div#content div#mainLeft p{
  font-size:90%;
}

div#content div#mainLeft p.click{
  text-align:right;
}

div#content div#mainLeft{
  float:left;
  width:408px;
}

div#content div#mainLeft p.recent{
	font-size:110%;
	color:#000;
	font-weight:bold;
	letter-spacing: 0.01em;
}

div#content div#mainLeft p.doc{
  text-align:right;
}
div#content div#mainLeft p.doc a{
  text-decoration:none;
  color:#f00;
}

div#content div#mainLeft p.doc a:hover,
div#content div#mainLeft p.doc a:visit,
div#content div#mainLeft p.doc a:link{
  color:#f00;
}

div#mainRight{
  width:385px;
  float: right;
}


/********************************
      mainSingle
*********************************/
div#mainSingle{}

div#mainSingle div.section{
  margin-bottom:2em;
}

div#mainSingle h2{
  color:#f00;
  font-size:120%;
  font-weight:bold;
}

div#mainSingle div.section h3{}
div#mainSingle div.section p{
  font-size:90%;
  margin-right:15px;
}
div#mainSingle div.section p img{
  margin-left:15px;
  margin-bottom:15px;
}

div#mainSingle div.section p img.right{
  float:right;
}

div#mainSingle div.section p img.left{
  float:left;
}

div#mainSingle div.section::after{
  height:0;
  visibility:hidden;
  content: ".";
  display:block;
  clear:both;
}
/********************************
      siteInformation
*********************************/

div#siteInformation{}

div#siteInformation ul{
  margin:20px;
  padding:0px;
}

div#siteInformation ul::after{
  height:0px;
  visibility: hidden;
  content: ".";
  display:block;
  clear:both;
}

div#siteInformation ul li{
  margin: 0 0 1px 0;
  float:left;
  width:120px;
  height:23px;
  line-height:23px;
  list-style-type:none;
  text-align:center;
}

div#siteInformation ul li a{
  padding:0;
  display:block;
  position:relative;
  color:#000;
  background-image:url('http://www.cidemtokyo.com/img/button.gif');
  text-decoration:none;
  font-weight:bold;
}

div#siteInformation ul li#document a{
  padding:0;
  display:block;
  position:relative;
  color:#fff;
  background-image:url('http://www.cidemtokyo.com/img/button_shiryou.gif');
  text-decoration:none;
}

/********************************
      footer
*********************************/
div#footer{
  background:#333 url('http://www.cidemtokyo.com/img/footer.gif');
  clear:both;
  text-align:right;
}

div#footer p{
  color:#fff;
}

/********************************
      etc
*********************************/
a img,
a:hover img{
  border:none;
}

a:link {
	color: #818f98;
}

a:visited {
	color: #660066;
}

a:hover {
	color: #ff0000;
}

object,
embed {
	margin: 0px;
}

select{

	margin: 0.4em 10px;
	padding: 0.1em 0px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	z-index:1;
}

span#minchou{
	
}
/********************************
      page2      
*********************************/
table#catalonia {
  float:left;
  margin-left:8px;
  margin-right:0px;
  border:none;
  background-color: #ffffff;
}

table#catalonia th {
	color: #fff;
	background-color: #666;
    border:none;
}
table#catalonia tr#colHead th{
  border-bottom:.2em solid #fff;
}

/*----------------this width value-------------------*/
table#catalonia td {
	border: none;
	background-color: #ffffe6;
	width:205px;
}

/*----------------this width value-------------------*/
table#catalonia td.spain {
	width:215px;
}
div#humantower{
  border:none;
  /*margin-right:0.45em;*/
  margin-left: 10px;
  background-color: #ffffff;
  float: right;
  width:180px;
}

div#humantower p{
  border:none;
  padding:0px;
  text-align:center;
}
div#cataloniaClr{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: .95em;
}
  
div#page2img{
  margin: 0;
  padding-top:20px;
}


ul#catbal2 li.nonselected{
 margin-left:4px;
}
/********************************
      page3
*********************************/

ul#catbal3 li.nonselected{
 margin-left:7px;
}

table#page3img{
	margin: 0 7px 0.5em 10px;
	border: none;
	background-color: #fff;
        float:right;
}

table#page3img td{
	padding: 0px;
	border-collapse: separate;
	border-spacing: 0px;
	border: none;
	background-color: #fff;
    text-align:center;
}

/********************************
      page4
*********************************/
table#page4img{
    margin-right:10px;
	border: none;
	background-color: #fff;
}

table#page4img td{
	background-color: #fff;
    border: none;
    vertical-align:top;
}

table#page4img td img{
	margin:10px;
}

table#page4img td h2,
table#page4img td p{
  margin-left:0px;
}

/********************************
      page6
*********************************/
table#page6img{
	margin: 10px 10px 2.5em 5px;
	border: none;
	background-color: #fff;
  float:right;
}

table#page6img td {
	padding: 0px 5px 0px 5px;
	border: none;
	background-color: #fff;
    text-align:center;
}

/********************************
      page7
*********************************/
table#page7img {
	margin: 10px 10px 2.5em 5px;
	border: none;
	background-color: #fff;
        float:right;
}

table#page7img td {
	padding: 0px 5px 0px 5px;
	border: none;
	background-color: #fff;
    text-align:center;
}

table#page7img tr.companyName td{
    border-bottom:1em solid #fff;
}


/********************************
      page8,9
*********************************/
table#page8img,
table#page9img{
    margin-right: 0px;
    border:none;
    background-color:#fff;
}

table#page8img tr.colHead td,
table#page9img tr.colHead td{
    text-align:center;
}


table#page8img tr.colHead td h2,
table#page9img tr.colHead td h2{
    margin-bottom:0px; 
}

table#page8img td,
table#page9img td{
    padding:0px;
    border:none;
    border-right:15px solid #fff;
    vertical-align:top;
}

table#page8img td p,
table#page9img td p{
    margin:0px;
    font-size:90%;
}

/********************************
      page10
*********************************/
table#page10img{
    margin: 10px 20px 2.5em 20px;
    border:none;
    background-color:#fff;
}

table#page10img td{
	border:none;
}


table#page10img td.img{
	padding-right:0px;
}

ol#page10list{
	margin-left:10px;
	margin-right:0px;
}

/********************************
      page11
*********************************/
table#page11img{
    border:none;
    background-color:#fff;
}

table#page11img td{
    border:none;
}

/********************************
      list
*********************************/


table.list{
    width:650px;
    margin: 15px 20px 5px 20px;
    border:none;
    background-color:#fff;
    border-collapse: collapse;
}

table#publish,
table#document,
table#personal{
    margin: 0px 20px 0px 20px;
}


table.list th{
    color:#fff;
    background-color:#f00;
    text-align:left;
}


table.list th,
table.list td{
    border:none; 
}

table.list td textarea{
    margin-left:5px;
    margin-right:0px;
    width:600px;
    height:100px;
}



table#personal th,
table#publish  th,
table#document  th,
table#personal td,
table#publish  td,
table#document  td{
    border-left:1px solid #555;
    border-right:1px solid #555;
}

table#personal th,
table#publish  th,
table#document  th,
td.tableDocumentHeader{
font-weight:bold;
}


table#personal th{
  color:#fff;
  background-color:#fff;
  border-bottom:1px solid #fff;
}

table#personal th#listHeader{
  border:none;
  height:28px;
  text-align:center;
}

table#personal th#listHeader h2{
  color:#000;
}

table#personal th.subHeader,
table#publish th.subHeader,
table#document th.subHeader{
  text-align:left;
  color:#fff;
  background:#f00
}

table#publish td.page{
text-align:center;
}

table#personal th#pageListImg{
  border:none;
  border-top:5px solid #fff;
  border-right:1px ridge #000;
  color:#000;
  background:#000 url("http://www.cidemtokyo.com/img/page/list/shiryou_list_title2.jpg") 0px 0px;
  height:38px;
  vertical-align:top;
  width:8100px;
}

table#personal td.tablePesonalTd{
border-right:none;

}

table#personal td.tdAddress{
vertical-align:top;
}

table#personal td.tablePesonalTd2{
border:none;
}

table#personal td.tablePesonalTd3{
border-left:none;
border-right:none;

}


table#personal td.tablePesonalForm{
border-left:none;
}

table#personal td.tdZip{
padding-top:5px;
}


table#personal td.tdEmail{
padding-bottom:5px;
}

table#document td{
border-top:1px solid #000; 
}

table#personal th,
table#publish th,
table#document th{
 margin:0px;
}


table#document{
border-bottom:1px solid #000;
}

table#document td.tableDocumentHeader{
border-top:none;
background:#000;
color:#fff;
border-bottom:1px solid #000;
}

td.checkbox{
  text-align:right;
width:10px;
}


td.checkbox input{
  border:none;
  background-color:#fff;
}

td.language{
padding-left:20px;
}

#submit{
  background:#fff;
  border:none;
}

table#ps td{
  padding-top:5px;
  padding-bottom:5px;
}

table#ps td.click{
	text-align:right;
}

ul#sitemap{
	background:url('http://www.cidemtokyo.com/img/city.jpg') no-repeat 100% -20%;
}

/********************************
     additional style
*********************************/
div#content div#mainSingle .archives{
  font-family: 'Times New Roman';
  font-size:120%;
  font-weight:bold;
  padding-bottom:5px;
  border-bottom:2px solid #990000;
  line-height:.9em;
}

div#content div#mainSingle .archives .subttl{
	font-size:90%;
	font-style:italic;
}	

div#content div#mainSingle .date{
	font-size:90%;
	float:left;
	font-weight:normal;
	color:#333;
}
div#content div#mainSingle .entry{
	font-size:90%;
	font-weight:normal;
	color:#333;
}
div#content div#mainSingle ul li{
	list-style-type:none;
	color:#333;
}
div#content div#mainSingle .archivesbox .years{
	margin:0;
	padding:2px 10px 2px;
	font-weight:bold;
	background:url(../img/year_bg.gif) repeat-x;
	color:#660000;
	border-bottom:1px solid #eee;
	font-size:1.1em;
}
div#content div#mainSingle .archivesbox{
	padding:5px 0 5px;
	margin-left:20px;
	margin-bottom:10px;
	width:680px;
	color:#000;
}
div#content div#mainSingle .archivesbox .oldNews{
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0;
	empty-cells:show;
	font-size:1em;
	color:#000;
}
div#content div#mainSingle .archivesbox .oldNews td{
	padding:5px;
	border:none;
	margin:0;
	text-align:left;
	border-bottom:1px solid #eee;
	vertical-align:top;
}
div#content div#mainSingle .archivesbox .oldNews td p{
	padding:2px 10px 2px;
	font-size:1em;
	margin:0;
}
div#content div#mainSingle .archivesbox .oldNews td .leftCell{
	padding:2px 1px 2px;
	font-size:1em;
	margin:0;
}
div#content div#mainSingle .archivesbox .oldNews td p a{
	text-decoration:none;
	color:#990000;
}
div#content div#mainSingle .archivesbox .oldNews td p a:hover{
	text-decoration:underline;
	color:#cc0000;
}
div#content div#mainSingle .archivettl{
	font-size:120%;
	font-weight:bold;
	text-align:left;
	padding:5px 30px 5px;
	width:550px;
	color:#f00;
}
div#content div#mainSingle .archivettl a{
	font-size:1em;
	font-weight:bold;
	color:#f00;
	text-decoration:none;
}
div#content div#mainSingle .archivettl a:hover{
	text:decoration:none;
	color:#f00;
}
div#content div#mainSingle .archivettl .date{
	font-weight:bold;
	font-size:.85em;
	color:#000;
}
div#content div#mainSingle .archivettl p{
	font-size:.85em;
	font-weight:normal;
	text-align:left;
	padding:10px 0 10px;
	margin:0;
	color:#333;
}
div#content div#mainSingle .archivettl p a{
	font-size:1em;
	font-weight:normal;
	text-align:left;
	color:#818f98;
	padding:10px 0 10px;
	text-decoration:underline;
}
div#content div#mainSingle .archivettl p a:hover{
	text-decoration:underline;
}
div#content div#mainSingle .archivettl .midashi{
	font-weight:bold;
	font-size:1em;
	color:#f00;
}
div#mainLeft ol .entrylistUp{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 10px 20px;
}
div#mainLeft ol .entrylistUp em{
	font-size:1em;
	font-weight:bold;
	color:#000;
	text-style:normal;
}
div#mainLeft ol .entrylist{
	list-style-position:outside;
	list-style-type:lower-alpha;
	margin:0 0 5px 15px;
}
div#mainLeft ol .entrylist em{
	font-size:1em;
	font-weight:bold;
	color:#333;
	text-style:normal;
}
div#mainLeft .infoLink{
	font-size:1em;
	color:#333;
	margin:10px 20px 20px;
}
div#mainSingle ol .entrylistUp{
	font-size:.85em;
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 10px 5px;
}
div#mainSingle ol .entrylistUp em{
	font-size:1em;
	font-weight:bold;
	color:#000;
	text-style:normal;
}
div#mainSingle ol .entrylist{
	list-style-position:outside;
	list-style-type:lower-alpha;
	margin:0 0 5px 5px;
}
div#mainSingle ol .entrylist em{
	font-size:.85em;
	font-weight:bold;
	color:#333;
	text-style:normal;
}
div#mainSingle .infoLink{
	font-size:1em;
	color:#333;
	margin:10px 20px 20px;
}
div#mainLeft .infoDate{
	padding:5px 0;
	font-weight:bold;
}
div#mainLeft .addInfo{
	padding:10px 0 40px;
}
