/*
Foxkeh Blog Default Stylesheet
Copyright (C) 2008 Mozilla Japan
Last modified: 2008-02-14
*/

.campaign_fx2 #header-base {
  height: 330px;
}

.campaign_fx2 {
  color: #012500;
  background: #fff url(../images/template/fx2_body-bg.gif) !important;
}

.campaign_fx2 a, .campaign_fx2 a:link , .campaign_fx2 a:visited {
  color: #012500;
  text-decoration: underline;
}

.campaign_fx2 a:hover,.campaign_fx2 a:focus, a:active {
  color: #018500;
  background-color: transparent;
  text-decoration: underline;
}

.campaign_fx2 h3, .campaign_fx2 h2 , .campaign_fx2 h4, .campaign_fx2 h5  {
  color: #012500 !important;
}

.campaign_fx2 h2 {
  font-size:130%;
}

.campaign_fx2 #topheader{
  background: transparent url(../images/template/fx2_topheader-border.gif) repeat-x;
}

.campaign_fx2 #header-base {
  background: transparent url(../images/template/fx2_header-bg.png) no-repeat top left;
}

.campaign_fx2 #wrapper {
  background: transparent url(../images/template/fx2_wrapper-bg.gif) repeat-y top center;
}

.campaign_fx2 #header {
  background: transparent url(../images/template/fx2_wrapper-bg-top.gif) no-repeat top center;
  text-indent: -10000px;
}

.campaign_fx2 #header h1 a{
  height: 140px !important;
}

.campaign_fx2 #nav ul {
  position: relative;
  z-index: 3;
  margin: 0 10px;
  width: 900px;
  height: 40px;
  background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat 0 -50px;
}

.campaign_fx2 #nav li {
  height: 50px;
  float: left;
}

.campaign_fx2 #nav li a {
  display: block;
  width: 100%;
  height: 50px;
  overflow: hidden;
}

body.fx2_home #nav-fx2_home a, 
#nav-fx2_home a:hover { background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat 0 0; }

body.fx2_login #nav-fx2_login a, 
#nav-fx2_login a:hover { background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat -110px 0; }

body.fx2_details #nav-fx2_details a, 
#nav-fx2_details a:hover { background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat -205px 0; }

body.fx2_faq #nav-fx2_faq a, 
#nav-fx2_faq a:hover { background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat -410px 0; }

body.fx2_form #nav-fx2_form a, 
#nav-fx2_form a:hover { background: transparent url(../images/template/fx2_nav-bg.gif) no-repeat -575px 0; }

.campaign_fx2 #nav-fx2_home { width: 110px; }
.campaign_fx2 #nav-fx2_login { width: 95px; }
.campaign_fx2 #nav-fx2_details { width: 205px; }
.campaign_fx2 #nav-fx2_faq { width: 165px; }
.campaign_fx2 #nav-fx2_form { width: 145px; }

.campaign_fx2 #extra {
  background: transparent url(../images/template/fx2_wrapper-bg-bottom.gif) no-repeat bottom center;
}

.campaign_fx2 #extra-inner {
  background: #FFF !important;
  border-top: none !important;
  width: 900px;
}

.campaign_fx2 #content {
  width: 860px !important;
}

.campaign_fx2 #content p {
  margin: 0 10px !important;
}

.campaign_fx2 .fx2_intro p{
  top: -12px;
  position: relative;
  text-align:center;
  width: 100%;
  line-height: 1;
  margin: 0;
}

#fx2_choice {
  background: transparent url(../images/template/fx2_choice.png) no-repeat top center;
  width: 860px;
  height: 185px;
  position: relative;
  z-index: 2;
}

#fx2_choice dt, #fx2_choice dd {
  text-indent: -10000px;
  position: relative;
  float: left;
  overflow: hidden;
}

#fx2_choice dt a {
  width: 351px;
  height: 95px;
  display: block;
}

#fx2_choice .jumpA {
  margin: 55px 0 0 40px;
}

#fx2_choice .jumpB {
  margin: 55px 0 0 75px;
}

.fx2_box {
  background: transparent url(../images/template/fx2_box-bg.png) repeat-y top center;
  top: -25px;
  position: relative;
  z-index: 0;
  float: left;
  line-height: 1.3 !important;
}


.fx2_box {
  background: transparent url(../images/template/fx2_box-bg.png) repeat-y top center;
  top: -25px;
  position: relative;
  z-index: 0;
  float: left;
}

.fx2_box h2 {
  left: -10000px;
  position: absolute;
}

.fx2_box-top {
  background: transparent url(../images/template/fx2_box-bg-top.png) no-repeat top center;
  height: 37px;
  width: 860px;
}

.fx2_box-bottom {
  clear: both;
  background: transparent url(../images/template/fx2_box-bg-bottom.png) no-repeat bottom center;
  height: 37px;
  width: 860px;
}

.box-a {
  float: left;
  color: #5f1100;
  width: 380px;
  margin: 0 20px;
}

.box-b {
  float: left;
  color: #002f73;
  width: 380px;
  margin: 0 20px 0 40px;
}

.appeal {
  font-weight:600;
  font-size: 170%;
  margin: 0 3px;
}

.fx2_box .descriptions h4 {
  width: 250px;
  height: 75px;
  text-indent: -10000px;
  z-index: 2;
  position:relative;
}

.fx2_box .descriptions .ha1 { background: transparent url(../images/template/fx2_step-ha1.png);}
.fx2_box .descriptions .ha2 { background: transparent url(../images/template/fx2_step-ha2.png);}
.fx2_box .descriptions .ha3 { background: transparent url(../images/template/fx2_step-ha3.png);}
.fx2_box .descriptions .hb1 { background: transparent url(../images/template/fx2_step-hb1.png);}
.fx2_box .descriptions .hb2 { background: transparent url(../images/template/fx2_step-hb2.png);}
.fx2_box .descriptions .hb3 { background: transparent url(../images/template/fx2_step-hb3.png);}

.fx2_box .descriptions p { width:150px; float: left;}

.ia1 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step1a.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -50px;
  margin-bottom: -30px;
}

.ia2 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step2a.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -65px;
  margin-bottom: -30px;
}

.ia3 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step3a.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -65px;
  margin-bottom: -30px;
}

.ib1 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step1b.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -60px;
  margin-bottom: -30px;
}

.ib2 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step2b.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -55px;
  margin-bottom: -30px;
}

.ib3 {
  width: 200px;
  height: 150px;
  background: transparent url(../images/template/fx2_step3b.png);
  z-index: 1;
  position: relative;
  margin: 0 0 0 170px;
  top: -65px;
  margin-bottom: -30px;
}

.descriptions .entry-button-a a {
  display: block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat top left;  
  margin: 20px 60px 0 60px;
  position: relative;
}

.descriptions .entry-button-a a:hover {
  display: block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat left -50px;  
  margin: 20px 60px 0 60px
}

.descriptions .entry-button-b a {
  display: block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat -250px 0;  
  margin: 20px 60px 0 60px;
  position: relative;
}

.descriptions .entry-button-b a:hover {
  display: block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat -250px -50px;  
  margin: 20px 60px 0 60px
}

.entried-button a {
  display: block;
  width: 350px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat -500px 0;  
  margin: 10px 260px 0 260px;
}

.entried-button a:hover {
  display: block;
  width: 350px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/template/fx2_entry.png) no-repeat -500px -50px;  
  margin: 10px 260px 0 260px;
}

.descriptions a, .entried-button {
  position: absolute;
  text-indent: -10000px;
}

.campaign_fx2 .extra-banners {
  margin: 25px 120px;
}

.campaign_fx2 .extra-banners img{
  margin: 0 5px;
}

/*** faq ***/
.fx2_faq  #content .qlist a { text-decoration: none;}
.fx2_faq  #content .qlist li { list-style-type: decimal; margin-left: 50px; font-weight: 800;}
.fx2_faq  #content .question li { list-style: none; text-indent: -1.3em;}
.fx2_faq  #content .qlist ul { margin: 2px 0 15px 0;}
.fx2_faq  #content .answer { margin-bottom: 40px; font-weight: normal !important;}
.fx2_faq  #content .question  span{ float:right; margin: -1.2em -25px 0 30px;}
.fx2_faq  #content .question span  a{ color:#B5CEB4;}

/*** details ***/
.fx2_details #content a { font-weight:bold;}
.fx2_details #content strong { font-size: 180%; color: #ff881f; margin: 0 5px;}
.fx2_details #content .aboutCampaign { width: 600px; margin: 20px auto;}
.fx2_details #content .aboutCampaign dt { float: left; width: 6em;}
.fx2_details #content .aboutCampaign dd { padding-left: 6em;}
.fx2_details #content #courseA { margin: 0 30px; border: 2px solid #ff881f; width: 796px;}
.fx2_details #content #courseA  h3{ width: 100%; height: 35px; background: url(../images/template/fx2_h2a.gif) no-repeat #ff881f !important; display:block; text-indent: -10000px; position: relative;}
.fx2_details #content #courseB { margin: 60px 30px 0 30px; border: 2px solid #1f6aff; width: 796px;}
.fx2_details #content #courseB  h3{ width: 100%; height: 35px; background: url(../images/template/fx2_h2b.gif) no-repeat #1f6aff !important; display:block; text-indent: -10000px; position: relative;}
.fx2_details #content .step { padding: 5px 0 0 320px;}
.fx2_details #content .stepimg { float:left; width: 300px;}
.fx2_details #content li { margin: 20px 0;}
.fx2_details #content .qlist li { list-style-type: decimal; margin-right: 10px; }
.fx2_details #content .clist li { list-style-type: square; margin: 0 20px 0 30px; font-size:90%;}
.fx2_details #content dl { margin: 10px;}
.fx2_details #content dt { font-weight: bold; font-size: 110%;}
.fx2_details #content dd { margin: 3px 0 7px 1em;}
.fx2_details #content h4 { margin: 20px 0 0 5px; clear: both;}
.fx2_details #content h5 { margin: 15px 0 0 5px;}
.fx2_details #content h3 { margin-bottom: 15px;}
.fx2_details #content .thumb { float: left; margin: 0 10px 10px 0;}
.fx2_details #content .sa1 { background: transparent url(../images/template/fx2_step1a.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content .sa2 { background: transparent url(../images/template/fx2_step2a.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content .sa3 { background: transparent url(../images/template/fx2_step3a.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content .sb1 { background: transparent url(../images/template/fx2_step1b.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content .sb2 { background: transparent url(../images/template/fx2_step2b.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content .sb3 { background: transparent url(../images/template/fx2_step3b.png); width: 200px; height: 150px; margin-left:50px;}
.fx2_details #content #courseA .participation { width: 100%; margin: 15px auto 0 auto; text-align: center; border-top:2px solid #ff881f; }
.fx2_details #content #courseB .participation { width: 100%; margin: 15px auto 0 auto; text-align: center; border-top:2px solid #1f6aff;}
.fx2_details #content #courseA .participation a, .fx2_details #content #courseB .participation a { font-size: 140%;}