/*basic technique*/
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,img{margin-top:0; margin-bottom: 0;}
ul{list-style:none outside;}
img{border:0px;}

/*リンク*/
a:link {
  color: #e1a400;
  text-decoration: none; 
}
a:visited {
   color: #9b9900;
   text-decoration: none; 
}
a:active {
   color: red;
   text-decoration: none; 
}
a:hover {
   color: #f4eb5b;
   font-style:italic;
   text-decoration: none; 
}




/*画面基本要素*/
body {
   margin: 0;
   padding: 0;
   background-color: #333333;
   text-align: center;   
   color: #FFFFFF;
}

#firstContainer {
   padding: 0;
   width: 820px; /* =560+48x2 */
   margin: 0 auto;
   padding-top:5%;
   text-align:left;
   position:relative;
}

#mainContainer {
   margin-top: 50px;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 560px;
   height: 560px;
   background-color: #000000;
}

#mainContainerEx {
   margin-top: 50px;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 860px;
   height: 560px;
   position:absolute;
   background-color: #000000;
}


#backLeftLogo {
   float: left;
   margin-left: 0px ;
   margin-right: 0px;
   margin-top: 160px;
}

#backLeftDesc {
   float: left;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 160px;
}

#backRightLogo {
   float: right;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: -640px;
   position:absolute;
   right:0;
}

#backRightDesc {
   float: right;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: -640px;
   position:absolute;
   right:75px;
}

/*コンテンツ基本要素*/
#mainContentHeader {
   width:100%;
   height:24px;
   padding-top:16px;
   text-align:center;
}

#mainCaption {
   letter-spacing: 0.5em;
   font-style: small;
   font-size: large;
   font-family: "Times New Roman";
   display: inline;
}

#subCaption {
   margin-left:10px;
   letter-spacing: normal;
   font-style: normal;
   font-size: small;
   font-family: "Times New Roman";
   display: inline;
   vertical-align: bottom;
}

#titleBorder {
   background-position: center center;
   margin-bottom:5px;
   width:100%;
   height:8px;
   background-image: url(image/border.jpg);
   background-repeat:no-repeat;
}

#primaryContainer {
   width: 400px;
   height: 460px;
   float: left;
   background-color: #000000;
   margin-top:5px;
   margin-left: 20px;
   margin-right:5px;
   padding:0px;
   position:absolute;
}

#menuContainer {
   width:120px;
   float: right;
   text-align:left;
   margin-right:0px;
   margin-left: 0px;
   margin-top:50px;
   padding: 0px;
   padding-right:10px;
   font-style: normal;
   font-size: small;
   font-family: "Times New Roman";
}

.menuContent {
   padding:0px;
   margin-left:0px;
   margin-top:10px;
   margin-bottom:0px;
   border-bottom:1px solid white;
}

.menuHeader{
   margin-left:0px;
   margin-top:10px;
}

.menuSubcontainer {
   border-top:1px solid white;
   margin: 0px;
   margin-bottom: 20px;
   padding-left: 20px;
}
.menuSubcontent {
}

#langSelection{
   padding:0px;
   margin-left:10px;
   margin-top:3px;
   margin-bottom:0px;
   font-size:x-small;
   font-family:"Arial";
}
#logo{
   margin:0 auto;
   margin-top:30px;
   margin-bottom:20px;
   padding:0;
   height:54px;
   width:128px;
   position:relative;
   left:200px;
}

#mainContentfooter {
   text-align:center;
   margin:0;
   padding:0;
   clear: both; 
   font-style: italic;
   font-size: x-small;
   font-family: "Times New Roman";
   color: #999999;
   bottom:0px;
}

#caption{
   position:relative;
   top:330px;
   text-align: center;
   margin: 5 auto;
   margin-left:100px;
   margin-right:100px;
   padding: 0;
   font-style: normal;
   font-size: small;
   font-family: "Times New Roman";
   color: #ffffff;
   background-color: #222222;
}