@charset "UTF-8";

bodyhtml {  
    overflow-y: scroll;  
}  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,  
pre, form, fieldset, input, textarea, p, blockquote, th, td {  
    margin: 0;  padding: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var  {  
    font-style: normal;  
}  
table   {  
    border-collapse: collapse;  border-spacing: 0;  
}  
caption, th {  
    text-align: left;  
}  
q:before ,q:after   {  
    content: '';  
}  
object, embed   {  
    vertical-align: top;  
}  
hr, legend  {  
    display: none;  
}  
/*
h1, h2, h2, h3, h5, h6  {  
    font-size: 100%;  
}
*/ 
img, abbr, acronym, fieldset    {  
    border: 0;  
}  
li  {  
    list-style-type: none;  
}  
  
body {  
    font-family: "¥á¥¤¥ê¥ª",Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",verdana,Sans-Serif;  
    background: #F4F4F4;
    color: #4d4d4d;  
    line-height: 160%;  
    text-align: center;
    background: url(../img/common/bg_header.gif);
    background-repeat: repeat;
}
table {
    font-size:inherit;
    font-size:100%;
}


  
html>/**/body {  
/*
    font-size: 10pt;
*/
}  
  
* + html body {  
    font-family: "¥á¥¤¥ê¥ª","Meiryo";  
}  
  
a:link  {  
    text-decoration: none;  
    color: #00F;  
}  
  
a:visited   {  
    text-decoration: none;  
    color: #00F;  
}  
  
a:hover {  
    text-decoration: underline;  
    color: #00F;  
}  
  
a:active    {  
    text-decoration: none;  
    color: #00F;  
}  

div.off {
  display: none;
}

html,body{
    height:100%;
}
body {
    text-align: center;
    margin: 0px; 
    padding: 0px;
    background-color: #f2f2f2;
}
div#wrapper {  
    width: auto !important;;
    min-height: 100%;
    height: auto !important;
    padding: 0 20px;
    text-align: left;
}
div#wrapper2 {
  text-align: left;
}

div#contents { width: 100%; background-color: #fff; padding:20px 0; }


h1 { float: left; margin: 0px; padding: 0px; }
h1 img { margin: 0px 20px 0px 0px; float: left; }


div#contents-left { float: left; width: 350px; height: auto; margin: 28px 0px 60px 40px; padding-right: 20px; display: inline; }
div#contents-right { float: left; width: 275px; height: auto; margin: 28px 20px 60px 0px; padding-left: 15px; }

h2 { display: inline-block; padding: 5px 5px 5px 0px; font-size: 16px; border-bottom: solid; border-bottom-width: 1px; border-bottom-color: #416FA2; color: #416FA2; margin-bottom: 20px; }

#tr02 h2, #tr03 h2, #tr04 h2, #tr05 h2 { text-indent: 0px; line-height: 1.4em; padding: 7px 0px 10px 0px; }
#tr02 h2 { border-left-color: #A0C643; }
#tr03 h2 { border-left-color: #58B17F; }
#tr04 h2, #tr05 h2 { border-left-color: #F4A03A; }
#tr02 img.num { margin: 0px 5px 0px 12px; }
#tr02 span.small { font-size: 78%; }
#tr03 img.num { margin: 0px 5px 0px 12px; }
#tr03 span.small { font-size: 78%; }
#tr04 img.num { margin: 0px 10px 0px 12px; }
#tr04 span.small { font-size: 78%; }
#tr05 img.num { margin: 0px 10px 0px 12px; }
#tr05 span.small { font-size: 78%; }

#tr02 a.twitter {
width:195px;
height:31px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_twitter.gif) no-repeat;
background-position: 0px 0px;
margin-top: 10px;
margin-left: 0px;
}
#tr02 a.twitter:hover {
background: url(../img/drill/btn_twitter.gif) no-repeat;
background-position: 0px -31px;
}

#tr02 div.end { border-style: none; } 
.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

div.tr-list h4 { font-size: 123.1%; margin: 0px 0px 5px 0px; }
div.tr-list dl, div.tr-list dl dt, div.tr-list dl dd { margin: 0; padding: 0; }
div.tr-list dl {
 width: 415px;
 margin-left: 0px;
 margin-top: 5px;
}
div.tr-list dl dt { clear: both;float: left; }
div.tr-list dl dd { margin-left: 50px; margin-bottom: 5px; }
div.tr-list dl dt span {
 text-decoration: none;
 padding-right: 6px;
 background-color: #fff;
}

div.tr-list div.timetbl { background: url(../img/common/watch.gif) no-repeat left 1px; padding-left: 25px; }
div.tr-list table { width: 415px; }

/*
div.tr-list table th {
 width: 130px;
 margin-bottom: 5px;
 text-align: left;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 font-size: 123.1%;
 font-weight: bold;
 line-height: 1.6em;
}
div.tr-list table td {
 margin-bottom: 5px;
 text-align: left;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}
div.tr-list table tr.end th, div.tr-list table tr.end td {
  border-bottom-style: none;
}
*/

div.timetbl table th {
 width: 130px;
 margin-bottom: 5px;
 text-align: left;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 font-size: 123.1%;
 font-weight: bold;
 line-height: 1.6em;
 border-color: #505050;
}
div.timetbl table td {
 margin-bottom: 5px;
 text-align: left;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-color: #505050;
}
div.timetbl table tr.end th, div.timetbl table tr.end td {
 border-bottom-style: none;
}



div.tr-list dl {  padding-left: 25px; background: url(../img/common/watch.gif) no-repeat left top; }
div.tr-list dl dt {
 width: 130px;
 margin-bottom: 5px;
 text-align: left;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 font-size: 123.1%;
 font-weight: bold;
}

div.tr-list dl dd {
 margin-bottom: 5px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}
div.tr-list dl dd.end, div.tr-list dl dt.end {
  border-bottom-style: none;
}

div.tr-list dl dd span {
 text-decoration: none;
 padding-left: 6px;
 background-color: #fff;
}

#tr02-1 {
 background: url(../img/drill/tr02_icon_1.gif) no-repeat left top;
}
#tr02-2 {
 background: url(../img/drill/tr02_icon_2.gif) no-repeat left top;
}
#tr02-3 {
 background: url(../img/drill/tr02_icon_3.gif) no-repeat left top;
}
#tr02-4 {
 background: url(../img/drill/tr02_icon_4.gif) no-repeat left top;
}
#tr02-5 {
 background: url(../img/drill/tr02_icon_5.gif) no-repeat left top;
}
#tr02-6 {
 background: url(../img/drill/tr02_icon_6.gif) no-repeat left top;
}
#tr02-7 {
 background: url(../img/drill/tr02_icon_7.gif) no-repeat left top;
}
#tr02-8 {
 background: url(../img/drill/tr02_icon_8.gif) no-repeat left top;
}

div.tr-list {
 padding: 0px 20px 10px 80px;
 border-bottom-style: solid;
 border-width: 1px;
 min-height: 70px;
 margin-top: 20px;
 border-color: #4d4d4d;
}


/*
h2 { background: url(../img/common/bg_h2.gif) repeat-y left top; text-indent: 20px; padding: 7px 5px 7px 0px; font-size: 16px; border-bottom: solid; border-width: 1px; border-color: #b0b0b0; }
*/

h4 { padding: 5px 5px 5px 0px; font-size: 108%; margin: 40px 0px 10px 0px; color: #416FA2; }

#contents-left p { font-size: 108%; line-height: 180%; margin-top: 5px; margin-bottom: 5px;  padding-bottom: 0px; }
#contents-left .border { background: url(../img/common/p_border.gif) no-repeat left bottom; margin-top: 5px; margin-bottom: 30px;  padding-bottom: 40px; }

#contents-left p.end { background: none; }

div#fotter2 {
    clear: both;
    width: auto !important;;
}

div#fotter {
    clear: both;
    height: 70px;
    width: auto !important;;
}

#fotter {
 padding: 20px 20px 30px 20px;
 margin-left: 0px;
 font-size: 108%;
 line-height: 1.6em;
 border-top-style: solid;
 border-top-width: 2px;
 border-color: #999999;
}
#fotter img { float: right; margin-right: 20px; }
span.name { font-size: 146.5%; }
span.cp { font-size: 138.5%; color: #61A755; }
#fotter p { margin-top: 15px; margin-left: 20px; float: left; font-size: 85%; line-height: 1.6em; }


ul#menu {
    clear: both;
    width: 900px;
    height: 59px;
    padding: 0px 15px 0px 15px;
    overflow: hidden;
    border-bottom-style: solid;
    border-width: 2px;
    border-color: #999999;
}

ul#menu li { float: left; }

#m0{
width: 153px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn0.gif) no-repeat;
}
#m0 a{
width:153px;
height:59px;
display:block;
}
#m0 a:hover{
background: url(../img/common/menu_btn0.gif) no-repeat;
background-position: 0px -59px;
}

#m1{
width: 110px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn1.gif) no-repeat;
}
#m1 a{
width:110px;
height:59px;
display:block;
}
#m1 a:hover{
background: url(../img/common/menu_btn1.gif) no-repeat;
background-position: 0px -59px;
}

#m2{
width: 108px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn2.gif) no-repeat;
}
#m2 a{
width:108px;
height:59px;
display:block;
}
#m2 a:hover{
background: url(../img/common/menu_btn2.gif) no-repeat;
background-position: 0px -59px;
}

#m3{
width: 147px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn3.gif) no-repeat;
}
#m3 a{
width:147px;
height:59px;
display:block;
}
#m3 a:hover{
background: url(../img/common/menu_btn3.gif) no-repeat;
background-position: 0px -59px;
}

#m4{
width: 166px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn4.gif) no-repeat;
}
#m4 a{
width:166px;
height:59px;
display:block;
}
#m4 a:hover{
background: url(../img/common/menu_btn4.gif) no-repeat;
background-position: 0px -59px;
}

#m5{
width: 113px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn5.gif) no-repeat;
}
#m5 a{
width:113px;
height:59px;
display:block;
}
#m5 a:hover{
background: url(../img/common/menu_btn5.gif) no-repeat;
background-position: 0px -59px;
}

#m6{
width: 93px;
height: 59px;
text-indent: -9999px;
background: url(../img/common/menu_btn6.gif) no-repeat;
}
#m6 a{
width: 93px;
height: 59px;
display: block;
}
#m6 a:hover{
background: url(../img/common/menu_btn6.gif) no-repeat;
background-position: 0px -59px;
}

#menu li.on {
background-position: 0px -59px;
}

#information h3 {
 clear: both;
 width: 250px;
 height: 40px;
 margin: 0px;
 padding: 0px;
 text-indent: -9999px;
 background: url(../img/top/information.gif) no-repeat;
}

#information ul {
 width: 210px;
 background-color: #F4F4F4;
}
#information ul { padding: 20px; }
#information li { font-size: 93%; padding-bottom: 5px; margin-bottom: 5px;border-bottom-style: solid; border-bottom-width: 1px; border-color: #999999; }

#contents-right p { clear: both; padding: 10px; }

#shakeout { margin-top: 20px; margin-bottom: 0px; }
#shakeout img { margin: 0px; padding: 0px; }
 
#tool { clear: both; margin-top: 20px; text-align: center; }
/*
#tool li { margin-left: 60px; }
*/
#tool { margin-bottom: 0px; padding-bottom: 0px; }
#tool ul { height: 187px; }
#tool p { clear:both; margin-top: 10px; padding-top: 0px; }

#twitter { margin-top: 20px; }
#twitter img { margin: 0px; padding: 0px; height: 40px; }

#dayinfo { float: left;  margin: 25px 0px 10px 10px; }
#d0 {
    width: 90px; height: 50px; vertical-align: bottom;
}
#d1 {
    vertical-align: middle; 
    color: #dcaa1c; width:54px; height:65px;
}
#d1, #d2, x:-moz-any-link, x:default {
    padding-top: 5px;
}

#d2 {
    vertical-align: middle;
    color: #dcaa1c; width:55px; height:65px;
}
#d3 {
    width: 40px; height: 50px; vertical-align: bottom;
}

/*
*<!-- For drill -->
*/
#tabmenu li {
    float: left;
    width: 20%;
}
#tabmenu a {
    text-align: left;
}

#tab { background: url(../img/drill/bg_tab.gif) repeat-x left bottom; height: 6.8em; margin-bottom: 10px; }
#tm1 { width: 70px; }


.clr0 { background-color: #E6AD3D; }
.clr3, .clr4, .clr5, .clr6 { background-color: #F4A03A; }
.clr1 { background-color: #A0C643; }
.clr2 { background-color: #58B27F; }

.arrow_box-on0 {
    position: relative;
    background: #E6AD3D;
    text-align: left;
    height: 4em;
    float: left;
    margin-right: 2px;
    padding:2px;
    line-height: 1.4em;
    color: #ffffff;
    cursor: pointer;
}
.arrow_box-on0:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box-on0:after {
    border-color: rgba(230, 173, 61, 0);
    border-top-color: #E6AD3D;
    border-left-width: 7px;
    border-right-width: 7px;
    border-top-width: 15px;
    left: 50%;
    margin-left: -6px;
}
.arrow_box-on1 {
    position: relative;
    background: #A0C643;
    text-align: left;
    height: 4em;
    float: left;
    margin-right: 2px;
    padding:2px;
    line-height: 1.4em;
    color: #ffffff;
    cursor: pointer;
}
.arrow_box-on1:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box-on1:after {
    border-color: rgba(160, 198, 67, 0);
    border-top-color: #A0C643;
/*
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
*/
    border-left-width: 7px;
    border-right-width: 7px;
    border-top-width: 15px;
    left: 50%;
    margin-left: -6px;
}
.arrow_box-on2 {
    position: relative;
    background: #58B27F;
    text-align: left;
    height: 4em;
    float: left;
    margin-right: 2px;
    padding:2px;
    line-height: 1.4em;
    color: #ffffff;
    cursor: pointer;
}
.arrow_box-on2:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box-on2:after {
    border-color: rgba(88, 178, 127, 0);
    border-top-color: #58B27F;
    border-left-width: 7px;
    border-right-width: 7px;
    border-top-width: 15px;
    left: 50%;
    margin-left: -6px;
}

.arrow_box-on3 {
    position: relative;
    background: #F4A03A;
    text-align: left;
    height: 4em;
    float: left;
    margin-right: 2px;
    padding:2px;
    line-height: 1.4em;
    color: #ffffff;
    cursor: pointer;
}
.arrow_box-on3:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box-on3:after {
    border-color: rgba(244,160,58,0);
    border-top-color: #F4A03A;
    border-left-width: 7px;
    border-right-width: 7px;
    border-top-width: 15px;
    left: 50%;
    margin-left: -6px;
}

.arrow_box {
    position: relative;
    background: #F0F0F0;
    text-align: left;
    height: 4em;
    float: left;
    margin-right: 2px;
    padding:2px;
    line-height: 1.4em;
    color: #000000;
    cursor: pointer;
}

.arrow_box-on0,.arrow_box-on1,.arrow_box-on2,.arrow_box-on3,.arrow_box { padding: 10px 3px 0px 3px; font-size: 90%; }

div.time {
  float: left;
  width: 45px;
}
div.time-end {
  float: left;
  padding-bottom:32767px;
  margin-bottom:-32767px;
}
div.t1000 { background: url(../img/common/watch1000.gif) no-repeat left 50%; }
div.t1003 { background: url(../img/common/watch1003.gif) no-repeat left 50%; }
div.t1020 { background: url(../img/common/watch1020.gif) no-repeat left 50%; }
div.t1130 { background: url(../img/common/watch1130.gif) no-repeat left 50%; }
div.t1200 { background: url(../img/common/watch1200.gif) no-repeat left 50%; }

.balloon {
  float:right;
  position: relative;
  margin-left: 15px;
  background-color: #F2F2F2;
  padding: 5px 10px 5px 10px;
  margin-bottom: 10px;
  width: 400px;
  margin-top: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 10px;
}
/*
.balloon:before {
   position: absolute; top: 16px; left: -20px;
   content: ""; width: 0; height: 0;
   border-top: 8px solid #F2F2F2;
   border-left: 20px solid transparent;
}
.balloon:after {
   position: absolute; top: 17px; left: -15px;
   content: ""; width: 0; height: 0;
   border-top: 8px solid #F2F2F2;
   border-left: 20px solid transparent;
}
*/
/*
div.balloon li {
list-style-type: disc;
list-style-position: outside;
margin-left: -1.0em;
padding-left: -3px;
}
*/
.balloon-sdw {
  float:right;
  position: relative;
  margin-left: 15px;
  background-color: #F7F6EE;
  padding: 5px 10px 5px 10px;
  margin-bottom: 10px;
  width: 400px;
  margin-top: 5px;
  margin-right: 3px;

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  -webkit-box-shadow: 1px 1px 6px #aaa;
  -moz-box-shadow: 1px 1px 6px #aaa;
  box-shadow: 1px 1px 6px #aaa;

  margin-bottom: 10px;

  /*-- For IE6,IE7 --*/
  *border-style:solid;
  *border-width:1px;
  *border-color:#c0c0c0;
  /*-- For IE6,IE7 --*/
}


/*
.balloon-sdw:before {
   position: absolute; top: 16px; left: -20px;
   content: ""; width: 0; height: 0;
   border-top: 8px solid #CFCFCF;
   border-left: 20px solid transparent;
}
.balloon-sdw:after {
   position: absolute; top: 17px; left: -15px;
   content: ""; width: 0; height: 0;
   border-top: 8px solid #F7F6EE;
   border-left: 20px solid transparent;
}
*/
div.balloon-sdw li {
list-style-type: disc;
list-style-position: outside;
margin-left: 15px;
}
div.balloon-sdw ul { margin-bottom:0px; }

span.boldr {
font-weight: bold;
color: #FF5827;
}

#contents-left p.cp { color: #E6AD3D; font-size: 123.1%; font-weight: bold; margin: 20px 0px 20px 0px; } 
#contents-left img.pic { padding: 10px; } 

.left { float: left; }
.right { float: right; }

#msg { margin: 40px 0px 20px 0px; }
#msg p { float: left; font-size: 131%; margin: 0px 0px 10px 30px; }
#msg img.photo { float: left; margin-bottom: 30px; }
#msg img.signature { float: right; margin-right: 40px; }


table.tb01 th {
font-size: 153.9%;
vertical-align: top;
color: #ffffff;
padding: 15px 7px 0px 7px;
}

table.tb01 td {
font-size: 146.5%;
font-weight: bold;
padding: 10px;
}
table.tb01 td.md {
font-size: 146.5%;
font-weight: bold;
border-bottom-style: solid;
border-width: 1px; 
padding: 5px 0px 5px 10px;
}
table.tb01 td.md span.time {
font-size: 85%;
padding: 5px 0px 5px 10px;
}
.bg-no1 { background-color: #A0C643; }
.bg-no2 { background-color: #58B27F; }
.bg-no3 { background-color: #F4A03A; }

#contents-left p.arrow { margin: 10px 0px 10px 0px; }

a.mediainfo {
float: right;
width:211px;
height:37px;
display:block;
text-indent: -9999px;
background: url(../img/common/btn_mediainfo.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
overflow: hidden;
}
a.mediainfo:hover {
background: url(../img/common/btn_mediainfo.gif) no-repeat;
background-position: 0px -37px;
}

a.aboutevent {
float: right;
width:211px;
height:38px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_about_event.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
}
a.aboutevent:hover {
background: url(../img/drill/btn_about_event.gif) no-repeat;
background-position: 0px -38px;
}

a.regist {
float: right;
width:212px;
height:38px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_regist.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
}
a.regist:hover {
background: url(../img/drill/btn_regist.gif) no-repeat;
background-position: 0px -38px;
}


div#map {
    padding: 20px;
    margin: 30px 0px 0px 0px; 
}

div#map a {
float: right;
width:211px;
height:38px;
display:block;
text-indent: -9999px;
background: url(../img/map/btn_map_zoom.gif) no-repeat;
background-position: 0px 0px;
margin-top: 40px;
margin-right: -20px;
}
div#map a:hover {
background: url(../img/map/btn_map_zoom.gif) no-repeat;
background-position: 0px -38px;
}

/* num */
ol.num, ul.num { margin-bottom: 1em; margin-left: 1.0em; }
ol.num li, ul.num li {
    position: relative;
    list-style: none;
    line-height: 1.8em;
    margin-bottom: 0em;
}
ol.num li span, ul.num li span {
    position: absolute;
    top: 0;
    left: -1.0em;
}
* html ol.num li span { top: -0em; } /* for win ie6 */
* html ul.num li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num li span { top: -0em; } /* for win ie7 */
*:first-child+html ul.num li span { top: -0em; } /* for win ie7 */


/* ------ For popup ------ */
ol.num2, ul.num2 { margin-bottom: 1em; margin-left: 0em; }
ol.num2 li, ul.num2 li {
    position: relative;
    list-style: none;
    line-height: 1.8em;
    margin-bottom: 0em;
}
ol.num2 li span.num, ul.num2 li span.num {
    position: absolute;
    top: 0;
    left: -1.2em;
}
* html ol.num2 li span.num { top: -0em; } /* for win ie6 */
* html ul.num2 li span.num { top: -0em; } /* for win ie6 */
*:first-child+html ol.num2 li span.num { top: -0em; } /* for win ie7 */
*:first-child+html ul.num2 li span.num { top: -0em; } /* for win ie7 */
/* ------ For popup ------ */


#point { margin-top: 20px; padding: 5px; background-color: #F0F0F0; }

#point ol.num { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1.8em; }

div.time-base {
    background: url(../img/common/bg_dash_line.gif) repeat-y -2px top;
    float: left;
    padding: 0px;
    overflow: hidden;
}
*:first-child+html div.time-base { background: url(../img/common/bg_dash_line.gif) repeat-y -7px top; } /* for win ie7 */


div.time { font-weight: bold;clear: both; line-height: 2.0em;  background-color: #ffffff; padding: 0px 10px 0px 22px; font-size: 118%; }
div.time-end { background-color: #ffffff; padding: 0px 0px 32767px 0px; }

.hide { display: none; }

/* ¢§-- For Spread -- */ 
div.detail {
 clear:both;
 border-top-style: solid;
 border-top-width: 1px;
 margin-top: 5px;
 padding-top: 10px; 
 font-size: 85%;
}
div.btn_detail {
width:25px;
height:25px;
display:block;
text-indent: -9999px;
background: url(../img/common/btn_detail.gif) no-repeat;
background-position: 0px 0px;
margin-bottom: 5px;
clear : both;
float: right;
margin-top: -20px;
cursor: pointer;
}
div.btn_detail:hover {
background: url(../img/common/btn_detail.gif) no-repeat;
background-position: 0px -25px;
}
.detail ul {
 margin-top: 0px;
 margin-bottom: 5px;
 margin-left: -0.4em;
}
.detail li {
 margin:0px;
 font-size: 100%;
/*
 text-indent: -1.0em;
*/
}
/* ¢¥-- For Spread -- */ 


#link {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  width: 230px;
  border-color: #4d4d4d;  
  padding: 10px;
  margin-top: 35px;
  border-color: #C0C0C0;
}

#link2 {
  border-bottom-style: solid;
  border-width: 1px;
  width: 230px;
  border-color: #4d4d4d;  
  padding: 10px;
  border-color: #C0C0C0;
}

a:link { color: #3D24F3; }
a:visited { color: #3D24F3; }
a:hover { color: #E2A422; }
a:active { color: #3D24F3; }

span.bold { font-weight: bold; }

#noscript { padding:15px; font-size:116%; line-height:1.4em; background-color:#DDDDDD; }

.red { color: #FF001B; }

#tr07 h3.bg-a { background-color: #C06599; }
#tr07 h3.bg-b { background-color: #B97BA8; }
#tr07 h3.bg-c { background-color: #AF8DB6; }
#tr07 h3.bg-d { background-color: #A69DC4; }
#tr07 h3.bg-e { background-color: #99A9D0; }
#tr07 h3.bg-f { background-color: #89B2DB; }

#tr07 h3 { font-weight: normal; padding: 8px 5px 5px 6px; margin-bottom: 0px; /*margin-top: 25px;*/ }
/*
#tr07 h3 span { vertical-align: middle; }
*/
#tr07 p.evnt { font-size: 93%; margin-top: 0px; margin-bottom: 0px; padding: 10px 10px 10px 10px; color: #000000; }
#tr07 p.gry1 { background-color: #f2f2f2; }
#tr07 p.gry2 { background-color: #d6d6d6; }

#tr07 table { width: 520px; }
#tr07 table tr { background-color: #f2f2f2; }
#tr07 table tr.grey { background-color: #d6d6d6; }
#tr07 table td { font-size: 93%; line-height: 2.1em; color: #000000; }
#tr07 table td.text10 { width: 30%; font-size: 77%; }


#tr07 dl, #tr07 dl dt, #tr07 dl dd { margin: 0; padding: 0; }
#tr07 dl {
 width: 90%;
 margin-left: 0px;
 margin-top: 5px;
}
#tr07 dl dt { clear: both;float: left; font-size: 93%; line-height: 1.4em; width: 300px; }
#tr07 dl dd { margin-left: 250; margin-bottom: 5px; font-size: 93%; line-height: 1.4em; }
#tr07 dl dt span {
 text-decoration: none;
 padding-right: 6px;
 background-color: #fff;
}
#tr07 dl dt {
 margin-bottom: 5px;
 text-align: left;
}
#tr07 dl dd span {
 text-decoration: none;
 padding-left: 6px;
 background-color: #fff;
}

#tr07 a.lnk {
width:21px;
height:21px;
display:block;
text-indent: -9999px;
position: absolute;
top:8px;
*+html top:12px;
left:490px;
}
*+html #tr07 a.lnk {
 top:12px;
}

#tr07 a.map-a {
background: url(../img/drill/btn_arrow_circle-a.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-a:hover {
background: url(../img/drill/btn_arrow_circle-a.gif) no-repeat;
background-position: 0px -21px;
}
#tr07 a.map-b {
background: url(../img/drill/btn_arrow_circle-b.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-b:hover {
background: url(../img/drill/btn_arrow_circle-b.gif) no-repeat;
background-position: 0px -21px;
}
#tr07 a.map-c {
background: url(../img/drill/btn_arrow_circle-c.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-c:hover {
background: url(../img/drill/btn_arrow_circle-c.gif) no-repeat;
background-position: 0px -21px;
}
#tr07 a.map-d {
background: url(../img/drill/btn_arrow_circle-d.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-d:hover {
background: url(../img/drill/btn_arrow_circle-d.gif) no-repeat;
background-position: 0px -21px;
}
#tr07 a.map-e {
background: url(../img/drill/btn_arrow_circle-e.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-e:hover {
background: url(../img/drill/btn_arrow_circle-e.gif) no-repeat;
background-position: 0px -21px;
}
#tr07 a.map-f {
background: url(../img/drill/btn_arrow_circle-f.gif) no-repeat;
background-position: 0px 0px;
}
#tr07 a.map-f:hover {
background: url(../img/drill/btn_arrow_circle-f.gif) no-repeat;
background-position: 0px -21px;
}

#tr06 ul { width: 510px; }
#tr06 h2 { text-indent: 0px; padding-left: 10px; margin-top: 20px; margin-bottom: 20px; line-height: 1.6em; }
#tr06 h4 { font-size: 116%; font-weight: normal; margin-bottom: 5px; text-indent: -5px; }

#tr02 h3 { background-color: #A0C643; }
#tr03 h3 { background-color: #58B27F; }
#tr04 h3 { background-color: #F4A03A; }
#tr05 h3 { background-color: #F4A03A; }
#tr02, #tr01, #tr03, #tr04, #tr05, #tr06, #tr07 { width: 520px; margin-left: 15px; }
#tr02 img { margin: 10px 0px 10px 0px; }
#tr03 img.top, #tr04 img.top, #tr05 img.top { margin: 10px 0px 10px 0px; } 

#shakeout { padding: 5px 10px 5px 0px; margin-top: 40px; line-height: 1.8em; }
#shakeout h4 { margin-top: 0px; margin-bottom: 5px; padding-bottom: 0px;  text-indent: -0.5em; }
#shakeout, #shakeout ul li { font-size: 93%; line-height: 2.0em; }
#shakeout ul { padding-top: 0px; margin-bottom: 0px; }
#shakeout p {padding:10px 0px 0px 0px;line-height: 1.4em; }

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


.highlight { color: #255DB6; }
.grey { background-color: #d6d6d6; }
.darkgrey { background-color: ##808080; }
.lightgrey { background-color: #F2F2F2; } 

h3 { font-weight: normal; }

div.tr-info ul li { font-size: 100%; }
#tr04 div.ic01 { background: url(../img/drill/tr04_2.gif) no-repeat right center; }
#tr04 div.ic02 { background: url(../img/drill/tr04_3.gif) no-repeat right center; }
#tr04 div.stamp { float: left; margin: 5px 0px 30px 0px; }
#tr05-info ul li { font-size: 100%; }
#tr05 div.ic01 { background: url(../img/drill/tr05_2.gif) no-repeat right center; }
#tr05 div.ic02 { background: url(../img/drill/tr05_3.gif) no-repeat right center; }

a.confirm-route {
float: right;
width:271px;
height:37px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_confirm_route.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
}
a.confirm-route:hover {
background: url(../img/drill/btn_confirm_route.gif) no-repeat;
background-position: 0px -37px;
}

a.regist-fax-email {
float: right;
width:212px;
height:38px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_regist_fax_email.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
}
a.regist-fax-email:hover {
background: url(../img/drill/btn_regist_fax_email.gif) no-repeat;
background-position: 0px -38px;
}

a.regist-web {
float: right;
width:212px;
height:38px;
display:block;
text-indent: -9999px;
background: url(../img/drill/btn_regist_web.gif) no-repeat;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
}
a.regist-web:hover {
background: url(../img/drill/btn_regist_web.gif) no-repeat;
background-position: 0px -38px;
}

div.popup-wrap { position: relative; }
div.popup { position: absolute; z-index: 100; left:170px; top:0px; margin-bottmo: 0px; }
#pop01 { position: absolute; left:100px; top:4px; }
#pop06 { position: absolute; left:40px; top:34px; }
#pop07 { position: absolute; left:40px; top:34px; }
#pop08 { position: absolute; left:40px; top:34px; }
#pop09 { position: absolute; left:40px; top:34px; }
#pop10 { position: absolute; left:40px; top:34px; }
#pop11 { position: absolute; left:40px; top:34px; }
#pop12 { position: absolute; left:525px; top:20px; }
.color0 { color: #E6AD3D; font-weight: bold; }
.color1 { color: #A0C643; font-weight: bold; }
.color2 { color: #58B27F; font-weight: bold; }
.color3 { color: #F4A03A; font-weight: bold;  }
li.arrow { text-indent: 5em; }

div.tool-dl { text-align:center; }
div.tool-dl img { margin: 10px;  }
div.tool-logo p { margin-top: 40px; }

div.tool-logo { text-align:center;}
div.tool-logo img { margin: 40px 10px 10px 10px; }
div.tool-logo p { font-size: 138.5%; }

#tr06 img { margin: 10px 0px 10px 0px; }

img.blnchip { position: absolute; left:-20px; top:10px; }
div.balloon-sdw img.blnchip { position: absolute; left:-20px; top: 4px; }
#pop12 img.blnchip { position: absolute; left:-20px; top: 4px; }

/* --- For IE7 --> */
ul.num li, ol.num li, ul.num2 li { width: 480px; }
#point ol.num li { width: 510px; }
#shakeout ul.num li { width: 500px; }
div.balloon-sdw ul.num li { width: 380px; }
/* --- For IE7 --> */

div.plan { width: 345px; }
div.plan ul.num li, div.plan ol.num li, div.plan ul.num2 li { width: 330px; }

a.tr-step { display: block; width: 420px; position: relative; text-decoration:none; border-bottom: solid 1px #DDDDDD; line-height: 2.0em; }
a.tr-step span { position: absolute; top:0em; right: 5px; }
a.tr-step:hover { background-color: #CCCCCC; color: #4D4D4D;  }
a.tr-step:link  { color: #4D4D4D; }  
a.tr-step:visited { color: #4D4D4D; }  
a.tr-step:hover { color: #4D4D4D; }  
a.tr-step:active { color: #4D4D4D; }  

div.time-wrap {
  margin: 0px;
  padding: 0px;
  width:420px;
  margin-left:20px;
  margin-top: 5px;
  float:right;
}

div.balloon-wrap {
 position: relative; margin-left:15px;
}

div.balloon-wrap img.blnchip { position: absolute; left: 70px; top: 10px; }
#tr04 div.balloon-wrap img.blnchip { position: absolute; left: 70px; top: 20px; }
#tr03 div.balloon-wrap img.blnchip { position: absolute; left: 68px; top: 10px; }

div.caption {
 padding: 50px 50px 0px 50px; margin: -50px -50px 0px -50px;
}
div.caption span { line-height:1.6em; color: #ffffff; }

#tr03 div.caption { background-color: #58B27F; }
#tr04 div.caption { background-color: #F4A03A; }
#tr05 div.caption { background-color: #F4A03A; }

div.balloon-wrap div.balloon-sdw { overflow: hidden; }

#pop12 table { margin-top: 10px; }
#pop12 table tr td { vertical-align: top; }
#pop12 table tr td { padding-top: 5px; }
#pop12 { width: 310px; }

a.reg-web-2 {
float: left;
width:490px;
height:37px;
display:block;
text-indent: -9999px;
background: url(../img/top/btn_reg_2.gif) no-repeat;
background-position: 0px 0px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 0px;
}
a.reg-web-2:hover {
background: url(../img/top/btn_reg_2.gif) no-repeat;
background-position: 0px -37px;
}

a.reg-web-3_2 {
float: left;
width:490px;
height:37px;
display:block;
text-indent: -9999px;
background: url(../img/top/btn_reg_3-2.gif) no-repeat;
background-position: 0px 0px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 0px;
}
a.reg-web-3_2:hover {
background: url(../img/top/btn_reg_3-2.gif) no-repeat;
background-position: 0px -37px;
}

a.top-lang { clear: both; display: block;  width: 340px; text-decoration:none; border-bottom: solid 1px #DDDDDD; line-height: 2.0em; }
a.top-lang span { color: #F8AF32; }
a.top-lang:hover { background-color: #CCCCCC; color: #4D4D4D;  }
a.top-lang:link  { color: #4D4D4D; }  
a.top-lang:visited { color: #4D4D4D; }  
a.top-lang:hover { color: #4D4D4D; }  
a.top-lang:active { color: #4D4D4D; }  

p.info a {
float: right;
width: 210px;
height: 37px;
display: block;
text-indent: -9999px;
background-position: 0px 0px;
margin-top: 20px;
margin-left: 20px;
overflow: hidden;
}
p.en a {
background: url(../img/top/btn_pdf_dl-en.gif) no-repeat;
background-position: 0px 0px;
}
p.en a:hover {
background: url(../img/top/btn_pdf_dl-en.gif) no-repeat;
background-position: 0px -37px;
}

p.ch a {
background: url(../img/top/btn_pdf_dl-ch.gif) no-repeat;
background-position: 0px 0px;
}
p.ch a:hover {
background: url(../img/top/btn_pdf_dl-ch.gif) no-repeat;
background-position: 0px -37px;
}

p.kr a {
background: url(../img/top/btn_pdf_dl-kr.gif) no-repeat;
background-position: 0px 0px;
}
p.kr a:hover {
background: url(../img/top/btn_pdf_dl-kr.gif) no-repeat;
background-position: 0px -37px;
}

p.jp a {
background: url(../img/top/btn_pdf_dl-jp.gif) no-repeat;
background-position: 0px 0px;
}
p.jp a:hover {
background: url(../img/top/btn_pdf_dl-jp.gif) no-repeat;
background-position: 0px -37px;
}

#header { width: 100%; height: 20px; padding: 20px 30px 20px 30px; }
#header p { width: 335px; float: left; margin: 0px; font-size: 93%; font-weight: bold; line-height: 2.0em; margin-top: -5px; }
#header h1 { float: left; }

#contents-body {
  width: 650px;
  margin-left: 0px;
  margin-bottom: 50px;
  float: left;
  background-color: #fff;
}


#contents-menu {
  width: 230px;
  float: left;
}


#contents-menu ul {
  border-top-style: solid;
  border-width: 1px;
  margin-left: 30px;
  width: 160px;
}
#contents-menu ul li {
  list-style: none;
/*
  background: url(../img/top/listmkr.gif) no-repeat top left;
  margin: 30px 0px 30px 0px;
  padding: 0px 0px 30px 20px;
*/
  margin: 0px 0px 0px 0px;
  border-bottom-style: solid;
  border-width: 1px;
  vertical-align: middle;
/*
  list-style-image: url(../img/top/listmkr.gif);
  list-style-position: inside;
*/
}

/*
h2.lh01 {
background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEFEF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEFEF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#EEEFEFFF');
border-style: none;
border-left-style: solid;
border-width: 8px;
border-color: #416FA2;
padding-left: 8px;
margin-bottom: 5px;
}

h2.lh02 {
background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), to(#DDDDDD));
background: -moz-linear-gradient(top, #F0F0F0, #DDDDDD);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0FF', endColorstr='#DDDDDDFF');
}
*/

div.lh01 {
background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEFEF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEFEF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#EEEFEFFF');
border-style: none;
border-left-style: solid;
border-width: 8px;
border-color: #416FA2;
padding-left: 8px;
margin-bottom: 5px;
}

div.lh02 {
background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), to(#DDDDDD));
background: -moz-linear-gradient(top, #F0F0F0, #DDDDDD);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0FF', endColorstr='#DDDDDDFF');
}

div.lh01 h2 {
border-style: none;
margin: 0px;
}

div.radius {
    margin: 30px auto;
    padding: 30px;
    width: 300px;
    height: 50px;
    text-align: center;
    border: 1px solid #d7d7d7;
    background-color: #cccccc;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
/*
    behavior: url(border-radius.htc);
*/
}

.box1 {
    position: relative;
    margin: 10px auto;
    padding: 15px 60px 15px 15px;
    width: 625px;
/*
    width: 300px;
    height: 50px;
*/
    text-align: left;
    border: 1px solid #d7d7d7;
    background-color: #f0f0f0;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;

    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEFEF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEFEF);
    -pie-background: linear-gradient(#FFFFFF, #EEEFEF);
    behavior: url(./js/PIE.htc);
}

.box1 div.arrow-r {
  position: absolute;
  top: 50%;
  right: 20px;
  background: url(../img/common/arrow-right.gif) no-repeat;
  background-position: 0px 0px;
  width: 7px;
  margin-top: -4px;
}

.box1 p {
  text-indent: 1.0em;
  font-size: 108%;
  border-top-style: solid;
  border-color: #BEBEBE;
  border-width: 1px;
  padding-top: 10px;
  margin-top: 10px;
}

.box1 p.nobdr {
  border-style: none;
  padding-top:0px;
  margin-top: 0px;
}

.br:before {
  content: "\A";
  white-space: pre;
}

div.box1 h3 span {
  line-height: 1.6em;
  font-size: 90%;
}

div.box1 h3 {
  font-size: 123.1%;
  color: #426DA7;
}

.box1-on {
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#DDDDDD));
    background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
    -pie-background: linear-gradient(#FFFFFF, #DDDDDD);
    behavior: url(./js/PIE.htc);
}

div.kamoku {
    position: relative;
    float: left;
    clear: both;
    margin: 1px 0px 0px 0px;
    padding: 5px;
    width: 168px;

    text-align: left;
    border: 1px solid #d7d7d7;
    background-color: #f0f0f0;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 8px;
    behavior: url(./js/PIE.htc);
    color: #ffffff;
}

div.start {
    float: left;
}

div.course {
    float: left;
    margin: 0px;
    padding: 0px;
}

div.base-frame {
  margin: 0px;
  padding 0px;
}


div.frm1 {
  float: left;
  width: 905px;
  margin: 0px;
  padding 0px;
  background: url(../img/common/bg_course.gif) repeat-y;
  background-position: 0px 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.frm2 {
  float: right;
  width: 724px;
  margin: 0px;
  padding 0px;
  margin-left: 1px;
}

div.frm3 {
  float: right;
  width: 543px;
  margin: 0px;
  padding 0px;
  margin-left: 1px;
}

div.frm4 {
  float: right;
  width: 362px;
  margin: 0px;
  padding 0px;
  margin-left: 1px;
}

div.frm5 {
  float: right;
  width: 181px;
  margin: 0px;
  padding 0px;
  margin-left: 1px;
}

div.end {
  margin-bottom: 5px;
}

div.grey {
  border: 1px solid #6D6F70;
  background-color: #6D6F70;
}
div.brawn {
  border: 1px solid #AF8B46;
  background-color: #AF8B46;
}
div.green {
  border: 1px solid #9BA146;
  background-color: #9BA146;
}
div.red {
  border: 1px solid #B1625A;
  background-color: #B1625A;
}
div.purple {
  border: 1px solid #9587A9;
  background-color: #9587A9;
}
div.blue {
  border: 1px solid #7AA29F;
  background-color: #7AA29F;
}
p.title { font-size: 93%; }
p.time { font-size: 77%; }
p.credit { font-size: 77%; }

div.kamoku p { line-height: 1.6em; }

div.col-title {
  float: left;
  text-align: center;
  background-color: #555555;
  color: #ffffff;
  width: 180px;
  border-left-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  padding: 3px 0px 3px 0px;
  font-size: 93%;
}
div.col-title-st {
  float: left;
  text-align: center;
  background-color: #555555;
  color: #ffffff;
  width: 180px;
  border-color: #ffffff;
  padding: 3px 0px 3px 0px;
  font-size: 93%;
}
.nobdr {
  border-style: none;
}

div.course {
  background: url(../img/common/bg_course.gif) no-repeat;
  background-position: 0px 0px;
  display: none;
}

div.course-wrap {
  padding: 15px 20px 20px 15px;
  background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEFEF));
  background: -moz-linear-gradient(top, #FFFFFF, #EEEFEF);
  -pie-background: linear-gradient(#FFFFFF, #EEEFEF);
  behavior: url(./js/PIE.htc);
  border-style: solid;
  border-width: 1px;
  border-color: #D2D2D2;
  width: 900px; 
}

div.head02 {
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#DDDDDD));
    background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
    -pie-background: linear-gradient(#FFFFFF, #DDDDDD);
    behavior: url(./js/PIE.htc);
}

div.course-wrap h3 {
  font-size: 161.6%;
  margin: 0px 0px 10px 0px;

}
div.course-wrap h3.span {
  color: #ff0000;
}
/*
div.course-wrap p.s1 {
*/
div.course-wrap div.s1 {
  float: left;
  width: 300px;
  margin: 0px 10px 10px 0px;
  padding-right: 10px;
  border-right-style: solid;
  border-color: #d2d2d2;
  border-width: 1px;
}

div.course-wrap div.s1  p {
  color: #426DA7;
}
/*
div.course-wrap p.s2 {
*/
div.course-wrap p.s2 {
  float: left;
  width: 560px;
  margin: 0px 0px 10px 0px;
}

div.course-wrap div.header {
  position: relative;
  margin: 0px;
  padding: 0px;
}
div.course-wrap div.header div.arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  background: url(../img/common/arrow-right.gif) no-repeat;
  background-position: 0px 0px;
  width: 7px;
  margin-top: -10px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;   
  clear: both;
  visibility:hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display:block;
}
/* End Hack */

#contents-menu ul li a {
width: 120px;
height: 64px;
display:block;
background: url(../img/top/btn_menu2.gif) no-repeat;
background-position: 0px 0px;
margin-top: 0px;
margin-left: 0px;
padding-top: 8px;
padding-left: 40px;
color: #000000;
text-decoration: none;
}

#contents-menu ul li a:link  {  
    color: #000000;  
}  
  
#contents-menu ul li a:visited   {  
    color: #000000;  
}  
  
#contents-menu ul li a:active    {  
    color: #000000;  
}  

#contents-menu ul li a:hover {
background: url(../img/top/btn_menu2.gif) no-repeat;
background-position: 0px -72px;
color: #ffffff;
}

a.hub_type {
  float: left;
  width: 209px;
  height: 195px;
  display:block;
  background-position: 0px 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #000000;
  text-decoration: none;
  text-indent: -9999px;
}

a.hub_type:hover {
background-position: 0px -195px;
}
a.btn_a {
  background: url(../img/top/btn_a.gif) no-repeat;
}
a.btn_b {
/*  margin-left: 8px; */
  margin-top: 8px;
  background: url(../img/top/btn_b.gif) no-repeat;
}
a.btn_c {
  margin-left: 8px;
  background: url(../img/top/btn_c.gif) no-repeat;
}
a.btn_d {
  margin-left: 8px;
  background: url(../img/top/btn_d.gif) no-repeat;
}


/*
#exp1, #exp2 { display: none; }
*/

#exp1 p {
  text-indent: 1.0em;
  margin-bottom: 1.0em;
  line-height: 1.6em;
}

#exp2 h3 {
  color: #426DA7;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

#exp2 p {
  margin: 0px 0px 10px 0px;
  text-indent: 1.0em;
}

#exp2 ul li {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #999999;
  line-height: 2.0em;
  margin-top: 3px;
}

#exp2 ul li span {
  font-size: 131%;
  color: #426DA7;
  font-weight: bold;
}

#header ul li.c1 { border-color: #b6001a; }
#header ul li.c2 { border-color: #026da7; }
#header ul li.c3 { border-color: #7d6eb5; }


#topmenu li a { text-decoration: none; }
#topmenu li a:link { color: #333333; }
#topmenu li a:visited { color: #333333; }
#topmenu li a:hover { color: #777777; }
#topmenu li a:active { color: #777777; }

#topmenu {
  margin-left: 100px;
}

div#footer {
    clear: both;
    height: 90px;
    width: auto !important;;
    text-align: left;
}

#footer {
 padding: 20px 20px 30px 20px;
 margin-left: 0px;
 font-size: 108%;
 line-height: 1.6em;
 border-top-style: solid;
 border-top-width: 2px;
 border-color: #999999;
}
#footer img { float: right; margin-right: 20px; margin-top: 0px; margin-left: 20px; }
#footer img.email { float: none; margin-left: 20px; }
span.name { font-size: 146.5%; }
span.cp { font-size: 138.5%; color: #61A755; }
#fotter p.copy { margin-top: 15px; margin-left: 20px; float: left; font-size: 85%; line-height: 1.6em; }