/*-------------------------------------------------------------- ベース設定
*/

* {
  margin: 0;
  padding: 0;
}

/* default 
-----------------------------------*/

body {
  font-size: 91.6%;/* 11pt */
/*  font-size: 83.3%;/* 10pt */
}

/* Except IE 
-----------------------------------*/

html>body {
  font-size: 11pt;
}

html {
  overflow-y: scroll;
}

body {
  color: #555555;
  line-height: 1.5em;
  background: #ffbb00 url('images/body_bg.gif') repeat-x 50% 0% ;
/*  font-family: "MS UI Gothic", sans-serif;*/
  font-family: "meiryo", "MS UI Gothic", sans-serif;
  text-align: center;
  padding: 0 0 24px 0;
}

/*-------------------------------------------------------------- 基本スタイル
*/

a {
  color: #107AC0;
  text-decoration: none;
}

a:hover {
  color: #f44;
  text-decoration: underline;
}

.red {
  color: #ee756b;
}

.center {
  text-align: center;
}

/*-------------------------------------------------------------- Container & Wrapper
*/

#Container {
  background: url('images/campaign/container_bg_main_wide.gif') repeat-y;
  width: 752px;
  margin: 40px auto 4px;
  text-align: left;
  position: relative;
}

#Container-style01 {
  background: url('images/campaign/header_wide.jpg') no-repeat 0 0;
  padding: 200px 0 0 0;
}

/*-------------------------------------------------------------- Header
*/

#Header {
  background: url('images/campaign/toppara_logo_wide.gif') no-repeat 0 0;
  width: 333px;
  height: 234px;
  position: absolute;
  top: -37px;
  left: 382px;
  overflow: hidden;
}

#Header h1 {
  text-indent: -1000em;
}

#Header h1 a {
  display: block;
  width: 333px;
  height: 234px;
}

#Header p {
  display: none;
}

/*-------------------------------------------------------------- Footer
*/

#Footer {
  background: url('images/campaign/footer_wide.jpg') no-repeat;
  zoom: 100%;
  clear: both;
  width: 752px;
  height: 64px;
  overflow: hidden;
}

#Footer p.copyright {
  color: #767676;
  font-family: impact;
  text-align: center;
  margin: 24px 0 0;
}

#Border-bottom {
  background: #fff;
  height: 4px;
  overflow: hidden;
}

/*-------------------------------------------------------------- Navigation
*/

#Navigation-frame {
  width: 528px;
  height: 28px;
  margin: 0 0 0 112px;
  overflow: hidden;
}

#Navigation-frame iframe {
  width: 528px;
  height: 28px;
}

/*-------------------------------------------------------------- H2
*/

h2 {
  background: url('images/campaign/h2_bann_campaign.gif') no-repeat;
  width: 384px;
  height: 32px;
  margin: 32px auto 24px;
  text-indent: -1000em;
  overflow: hidden;
}

/*-------------------------------------------------------------- Contents
*/

#Contents {
  width: 710px;
  margin: 4px 21px 0;
}

#Contents p {
  font-size: 90.9%;
  margin: 24px 67px;
}

/*-------------------------------------------------------------- Form
*/

#Bann_Form {
  position: relative;
  border: 2px dotted #ffd27f;
  width: 576px;
  margin: 32px 67px 24px;
  text-align: left;
}

#Bann_Form h3 {
  position: relative;
  left: 48px;
  top: -16px;
  background: url('images/campaign/h3_soundtrack_present.gif') no-repeat;
  width: 480px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

#Bann_Form p {
  margin: 0 24px 16px;
}

#Bann_Form form {
  margin: 16px auto;
}

#Bann_Form table {
  width: 528px;
  margin: 0 auto;
  border: 1px solid #bbb;
  border-collapse: collapse;
}

html>body #Bann_Form table {
  width: 527px;
}

#Bann_Form th {

  background: #eee;
  border-bottom: 1px solid #ccc;
  width: 96px;
  padding: 3px 4px;
  font-size: 81.8%;
  text-align: left;
  vertical-align: text-top;
  font-weight: normal;
}

#Bann_Form td {
  color: #777;
  font-size: 81.8%;
  padding: 3px 3px;
  border-bottom: 1px solid #ccc;
}

#Bann_Form td span {
  font-size: 81.8%;
  line-height: 1em;
}

#Bann_Form textarea {
  font-size: 100%;
  width: 416px;
  padding: 2px;
}

#Bann_Form input {
  padding: 2px;
  margin-right: 2px;
}

#Bann_Form strong {
  padding: 2px;
}

#Bann_Form .center {
  font-size: 81.8%;
}

/*-------------------------------------------------------------- Banner Size-List
*/

#Contents .Size-List {
  border-top: 1px solid #cdf;
  border-bottom: 3px double #cdf;
  text-align: center;
  width: 584px;
  margin: 0 auto 24px;
  padding: 8px 0;
  overflow: hidden;
}

#Contents .Size-List p {
  margin: 4px auto;
}

#Contents .Size-List a {
  font-weight: bold;
  margin: 4px 0;
  padding: 8px 4px;
}

/*-------------------------------------------------------------- Banner List
*/

#Contents .Bann-List {
  width: 710px;
  margin: 0 0 24px;
  text-align: left;
  overflow: auto;
}

#Contents .Bann-List h3 {
  width: 710px;
  height: 48px;
  text-indent: -1000em;
  overflow: hidden;
}

#Contents .Bann-List img {
  margin: 0 0 4px;
  vertical-align: bottom;
}

#Contents .Bann-List div {
  border-bottom: 2px dotted #ffd27f;
  zoom: 100%;
  margin: 16px 0 0;
  padding-bottom: 16px;
}

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

/*-------------------------------------------------------------- Banner List 710
*/

#Contents .Bann710-100 h3 {
  background: url('images/campaign/h3_bann_710_100.gif') no-repeat;
}

#Contents .Bann710-100 textarea {
  color: #666;
  width: 700px;
  border: 1px solid #aaa;
  font-size: 90.9%;
  font-family: "MS UI Gothic", sans-serif;
  line-height: 1.5em;
  padding: 4px;
  height: 5em;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Banner List 200-200
*/

#Contents .Bann200-200 h3 {
  background: url('images/campaign/h3_bann_200_200.gif') no-repeat;
}

#Contents .Bann200-200 img {
  margin: 0;
  float: right;
}

#Contents .Bann200-200 textarea {
  color: #666;
  font-size: 90.9%;
  font-family: "MS UI Gothic", sans-serif;
  line-height: 1.5em;
  border: 1px solid #aaa;
  width: 492px;
  height: 8em;
  padding: 4px;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Banner List 200-40
*/

#Contents .Bann200-040 h3 {
  background: url('images/campaign/h3_bann_200_040.gif') no-repeat;
}

#Contents .Bann200-040 img {
  margin: 0;
  float: right;
}

#Contents .Bann200-040 textarea {
  color: #666;
  font-size: 90.9%;
  font-family: "MS UI Gothic", sans-serif;
  line-height: 1.5em;
  border: 1px solid #aaa;
  width: 492px;
  height: 8em;
  padding: 4px;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Banner List 120-600
*/

#Contents .Bann120-600 h3 {
  background: url('images/campaign/h3_bann_120_600.gif') no-repeat;
}

#Contents .Bann120-600 img {
  margin: 0;
  float: right;
}

#Contents .Bann120-600 textarea {
  color: #666;
  font-size: 90.9%;
  font-family: "MS UI Gothic", sans-serif;
  line-height: 1.5em;
  border: 1px solid #aaa;
  width: 208px;
  height: 18em;
  padding: 4px;
  vertical-align: bottom;
  float: left;
}

#Contents .Bann120-600 div.Lc {
  width: 347px;
  float: left;
}

#Contents .Bann120-600 div.Rc {
  width: 347px;
  float: right;
}




#Contents .BCfinish {
  font-size: 104%;
  font-weight: bold;
  text-align: center;
  margin-top: 16px;
}