/********************************************************/
/* 12pushロゴカラー[ブルー系]   #073c78                 */
/* 12pushロゴカラー[オレンジ系] #f99020 濃い            */
/* 12pushロゴカラー[オレンジ系] #f5af4b 薄い            */
/********************************************************/
/* 全体定義（タグベースのデフォルト値）                 */
/********************************************************/

body {
  margin:0;
  padding:0;
  background-color: #dfdfdf;
  font-family: "Hiragino Kaku Gothic Pro","MS Gothic",Verdana,sans-serif;
  /* font-size: 0.75em; */
  font-size: 1em;
  color: #000000;
  line-height: 120%;
}

a:link,
a:focus,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: #000000;
}

img{
  border: 0px;
}

table{
  border-collapse: collapse;
}

dl{
  margin: 0px;
  padding: 0px;
}

dt{
  margin: 0px;
  padding: 0px;
}

dd{
  margin: 0px;
  padding: 0px;
}

ul{
  margin: 0px;
  padding: 0px;
}

li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

h1{
  margin: 0px;
  padding: 0px;
  font-size: 1em;
}

h2{
  margin: 0px;
  padding: 0px;
  font-size: 1em;
}

h3{
  margin: 0px;
  padding: 0px;
  font-size: 1em;
}

p{
  margin: 0px;
  padding: 0px;
}

/********************************************************/
/* 共通クラス定義                                       */
/********************************************************/

.set-r{
  text-align: right;
}

.set-c{
  text-align: center;
}

.set-l{
  text-align: left;
}

.f-b {
  font-weight : bold;
}

.f-wht {
  color : #ffffff;
}

.f-red {
  color : #ff0000;
}

.f-ble {
  color : #0000ff;
}

.f-blk {
  color : #000000;
}

.f-warn {
  color : #ff0000;
  font-size : 0.6em;
}

.f-info {
  font-size : 0.7em;
}

.f-12 {
  font-size : 1.2em;
}

.pan{
  font-size : 0.8em;
}


/********************************************************/
/* baseArea定義                                         */
/*【ページ位置調整】default:center                      */
/********************************************************/
#baseArea{
  /********* for debug *********/
  /* border:solid 1px #ff0000; */
  /*****************************/
  width: 100%;
  _text-align: center;  /* pageAreaをセンタリング for IE */
}

/********************************************************/
/* pageArea定義                                         */
/*【ページ位置調整】default:center                      */
/********************************************************/
#pageArea{
  /********* for debug *********/
  /* border:solid 1px #0000ff; */
  /*****************************/
  width: 800px;
  _width: 820px;
  margin-bottom: 20px;
  margin-left: auto;   /* pageAreaをセンタリング */
  margin-right: auto;  /* pageAreaをセンタリング */
  _text-align: left; /* for IE */
  padding-right: 10px;
  padding-left: 10px;
  background-color: #ffffff;
  border:solid 1px #000080;   
}

/********************************************************/
/*【テンプレート共通定義】Header定義                    */
/********************************************************/
#pageArea .headMsg{
  margin: 0px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #073c78;
  text-align: left;
  color : #ffffff;
  font-size : 0.7em;
}

#pageArea h1{
  margin: 0px;
  height: 80px;
  background-image:url("../images/12header.gif");
  background-repeat: no-repeat;
  border-bottom: 2px dotted #073c78;
  text-indent: -9999px;
  text-align: left;
  font-size : 1.5em;
}

/********************************************************/
/*【テンプレート共通定義】Footer定義                    */
/********************************************************/
#pageArea .footer{
  clear: left;
  padding-left: 3px;
  padding-right: 3px;
  border-top: 2px dotted #000080;
  text-align: right;
  font-size : 0.75em;
}

#pageArea .copyright{
  background-color: #073c78;
  color: #ffffff;
}
/********************************************************/
/*【テンプレート共通定義】leftMenu定義                  */
/********************************************************/
#leftArea{
  width: 238px;
  background-color: #dfdfdf;
  text-align: center;
  float: left;
}

#leftArea h2{
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #073c78;
  color: #ffffff;
  font-size:1.0em;
  letter-spacing : 0.2em;
}

#leftArea ul{
  margin-top:10px;
}

#leftArea li{
  margin-left:2px;
  text-align: left;
}

#leftTop{
  width: 224px;
  _width: 231px;
  hight: 300px;
  /* margin-top: 10px; */
  margin-left: 3px;
  _margin-left: 2px;
  padding-top: 10px;
  padding-left: 10px;
  _padding-left: 0px;
  background-color: #ffffff;
  text-align: center;
  font-size:0.6em;
}

#leftTop a{
  display:block;
  width: 200px;
  /* margin-top: 20px; */
  border: solid 1px #f99020;
  background-color: #696969;
  font-size:1.2em;
  text-decoration:none;
  letter-spacing : 0.2em;
  font-weight : bold;
  color:#ffffff;
}

#leftMenu a {
  display:block;
  width: 224px;
  _width: 234px;
  padding-left: 10px;
  border: solid 1px #dfdfdf;
  background-color: #ffffff;
  font-size:0.8em;
  text-decoration:none;
  letter-spacing : 0.2em;
  line-height:2.5em;
  color:#666666;
}

#leftMenu a:hover {
  background-color: #073c78;
  color:#ffffff;
} 

#leftArea .banner{
  margin-bottom: 10px;
}

/********************************************************/
/*【テンプレート共通定義】topRightArea定義              */
/********************************************************/

#topRightArea{
  width: 124px;
  text-align: right;
  float: right;
}

#topRightArea .tryBanner{
  margin-top: 10px;
  margin-bottom: 10px;
}

/********************************************************/
/*【テンプレート毎に編集】top定義                       */
/********************************************************/

#topCenterArea{
  margin-left: 242px;
  _margin-left: 238px;
  margin-right: 128px;
  _margin-right: 124px;
}

#topCenterArea .imageTop{
  margin-top: 10px;
}

#topCenterArea .12image{
  margin-bottom: 10px;
}

#topCenterArea .letsTryNo1{
  margin-top: 10px;
}

#topCenterArea .letsTry{
  margin-bottom: 20px;
}

#topCenterArea h2{
  _margin-left: 2px;
  padding-left: 30px;
  background-image:url("../images/h2Title.gif");
  background-repeat: no-repeat;
}

#topCenterArea p{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size:0.8em;
}

#topCenterArea ul{
  padding-left: 25px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size:0.8em;
}

#topCenterArea dl{
  padding: 15px;
  font-size:0.8em;
}

#topCenterArea dt{
  border-top: solid 2px #073c78;
  border-bottom: dotted 1px #073c78;
  background-color: #f5f5f5;
}

#topCenterArea dd{
  padding-left: 10px;
  padding-bottom: 5px;
}

/********************************************************/
/*【テンプレート毎に編集】common定義                      */
/********************************************************/

#commonCenterArea{
  margin-left: 242px;
  _margin-left: 238px;
  margin-right: 128px;
  _margin-right: 124px;
}

#commonCenterArea h2{
  _margin-left: 2px;
  padding-left: 30px;
  background-image:url("../images/h2Title.gif");
  background-repeat: no-repeat;
}

#commonCenterArea .h2-t{
  margin-top: 10px;
}


#commonCenterArea div{
  padding-left: 15px;
  padding-right: 15px;
  font-size:0.8em;
}

#commonCenterArea .div-t{
  margin-top: 10px;
}

#commonCenterArea p{
  padding-left: 15px;
  padding-right: 15px;
  font-size:0.8em;
}

#commonCenterArea .p-tb{
  margin-top: 10px;
  margin-bottom: 10px;
}

#commonCenterArea dl{
  padding-left: 15px;
  padding-right: 15px;
  font-size:0.8em;
}

#commonCenterArea dt{
  border-top: solid 2px #073c78;
  border-bottom: dotted 1px #073c78;
  background-color: #f5f5f5;
}

#commonCenterArea .dt-t{
  margin-top: 10px;
}

#commonCenterArea dd{
  padding-left: 10px;
}

#commonCenterArea ul{
  padding-left: 25px;
  padding-right: 15px;
  font-size:0.8em;
}

#commonCenterArea .all-b{
  margin-bottom: 25px;
}


/********************************************************/
/*【テンプレート毎に編集】price定義                     */
/********************************************************/

#priceCenterArea{
  margin-left: 242px;
  _margin-left: 238px;
  margin-right: 128px;
  _margin-right: 124px;
}

#priceCenterArea h2{
  _margin-left: 2px;
  padding-left: 30px;
  background-image:url("../images/h2Title.gif");
  background-repeat: no-repeat;
}

#priceCenterArea table{
  width: 400px;
  margin: 15px;
  font-size:0.8em;
}

#priceCenterArea th{
  border: solid 1px #8A8A8A;
  background-color: #efefef;
  text-align: center;
}

#priceCenterArea td{
  border: solid 1px #8A8A8A;
}

#priceCenterArea p{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size:0.8em;
}

/********************************************************/
/*【テンプレート毎に編集】form定義                      */
/********************************************************/

#formCenterArea{
  margin-left: 242px;
  _margin-left: 238px;
  margin-right: 128px;
  _margin-right: 124px;
}

#formCenterArea h2{
  _margin-left: 2px;
  padding-left: 30px;
  background-image:url("../images/h2Title.gif");
  background-repeat: no-repeat;
}

#formCenterArea table{
  width: 400px;
  margin: 15px;
  font-size:0.8em;
}

#formCenterArea th{
  border: solid 1px #8A8A8A;
  background-color: #efefef;
  text-align: center;
}

#formCenterArea td{
  border: solid 1px #8A8A8A;
}

#formCenterArea p{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size:0.8em;
}

#formCenterArea ul{
  margin: 15px;
  background-color: #f5f5f5;
  font-size:0.8em;
}

#formCenterArea .errStr{
  font-size:0.8em;
  color : #ff0000;
  text-align: center;
}

/********************************************************/
/*【テンプレート毎に編集】agree定義                     */
/********************************************************/

#agreeCenterArea{
  margin-left: 242px;
  _margin-left: 238px;
  margin-right: 128px;
  _margin-right: 124px;
}

#agreeCenterArea h2{
  _margin-left: 2px;
  padding-left: 30px;
  background-image:url("../images/h2Title.gif");
  background-repeat: no-repeat;
}

#agreeCenterArea dl{
  padding: 15px;
  font-size:0.8em;
}

#agreeCenterArea dt{
  border-top: solid 2px #073c78;
  border-bottom: dotted 1px #073c78;
  background-color: #f5f5f5;
}

#agreeCenterArea dd{
  padding-left: 10px;
  padding-bottom: 5px;
}

#agreeCenterArea li{
  margin-left: 20px;
  list-style-type: decimal;
}