@charset "utf-8";

/*------------------------------------------------------------------------------------------------
Common
------------------------------------------------------------------------------------------------*/
html {
  overflow:auto;
}
body {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 12px;
  min-width: 1100px;
  color: #19196e;
  overflow: hidden;  
}
#wrapper {
  min-width: 1100px;
  margin: 0 auto;  	
}
.fade-area {
    animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
tt {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul li {
  list-style-type: none;
}
ul.disc li {
  background: url(../images/common/icon_list.gif) no-repeat 0 2px;
  padding: 0 0 4px 16px;
}
ul, dl {
  margin: 0px;
  padding: 0px;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
} /* IE7 */
a {
  color: #f76e00;
  text-decoration: underline;
}
a:hover {
  color: #f76e00;
  text-decoration: none;
}


/* CLEARFIX
================= */
.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
  content:".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
* html .clearfix{
  display: inline-table;
  /*\*/display: block;/**/
}

/* LINK
================= */
a {border: none; outline: none; overflow: hidden;}
a img {border: none; outline: none;}
a:link    {color: #3772d8; text-decoration: underline;}
a:visited {color: #3772d8; text-decoration: underline;}
a:hover   {color: #3772d8; text-decoration: none;}
a:active  {color: #3772d8; text-decoration: none;}


/* BLOCK
================= */
.block {display: block;}
.none  {display: none;}


/* FLOAT
================= */
.f_left  {float: left;}
.f_right {float: right;}
.c_left  {clear: left;}
.c_right {clear: right;}
.c_both  {clear: both;}


/* TEXT SIZE
================= */
.zero    {font-size: 0;}
.xsmall  {font-size: 65%;} /*9px*/
.small   {font-size: 85%;} /*11px*/
.middle  {font-size: 140%;} /*14px*/
.large   {font-size: 123%;} /*16px*/
.xlarge  {font-size: 167%;} /*22px*/


/* TEXT ALIGN
================= */
.left   {text-align: left;}
.right  {text-align: right;}
.center {text-align: center;}


/* TEXT LAYOUT
================= */
.bold {font-weight: bold;}


/* TEXT INDENT
================= */
.indent {
	text-indent: -1.5em;
	padding-left: 1.5em;
}


/* COLOR
================= */
.red {color: #E31844;}
.orange {color: #cb7903;}
.red02 {color: #af123b;}
.blue {color: #1853c9;}
.violet {color: #C14AD1;}
.blue02 {color: #355AA6;}
.violet02 {color: #622DA4;}

/* BACKGROUND COLOR
================= */


/* MARGIN
================= */
.mT5  {margin-top: 5px;}
.mR5  {margin-right: 5px;}
.mB5  {margin-bottom: 5px;}
.mL5  {margin-left: 5px;}
.mT10 {margin-top: 10px;}
.mR10 {margin-right: 10px;}
.mB10 {margin-bottom: 10px;}
.mL10 {margin-left: 10px;}
.mT15 {margin-top: 15px;}
.mR15 {margin-right: 15px;}
.mB15 {margin-bottom: 15px;}
.mL15 {margin-left: 15px;}
.mT20 {margin-top: 20px;}
.mR20 {margin-right: 20px;}
.mB20 {margin-bottom: 20px;}
.mL20 {margin-left: 20px;}
.mT30 {margin-top: 30px;}
.mR30 {margin-right: 30px;}
.mB30 {margin-bottom: 30px;}
.mL30 {margin-left: 30px;}
.mT40 {margin-top: 40px;}
.mR40 {margin-right: 40px;}
.mB40 {margin-bottom: 40px;}
.mL40 {margin-left: 40px;}
.mT50 {margin-top: 50px;}
.mR50 {margin-right: 50px;}
.mB50 {margin-bottom: 50px;}
.mL50 {margin-left: 50px;}


/* PADDING
================= */
.pT5  {padding-top: 5px;}
.pR5  {padding-right: 5px;}
.pB5  {padding-bottom: 5px;}
.pL5  {padding-left: 5px;}
.pT10 {padding-top: 10px;}
.pR10 {padding-right: 10px;}
.pB10 {padding-bottom: 10px;}
.pL10 {padding-left: 10px;}
.pT15 {padding-top: 15px;}
.pR15 {padding-right: 15px;}
.pB15 {padding-bottom: 15px;}
.pL15 {padding-left: 15px;}
.pT20 {padding-top: 20px;}
.pR20 {padding-right: 20px;}
.pB20 {padding-bottom: 20px;}
.pL20 {padding-left: 20px;}
.pT30 {padding-top: 30px;}
.pR30 {padding-right: 30px;}
.pB30 {padding-bottom: 30px;}
.pL30 {padding-left: 30px;}
.pT40 {padding-top: 40px;}
.pR40 {padding-right: 40px;}
.pB40 {padding-bottom: 40px;}
.pL40 {padding-left: 40px;}
.pT50 {padding-top: 50px;}
.pR50 {padding-right: 50px;}
.pB50 {padding-bottom: 50px;}
.pL50 {padding-left: 50px;}


/* GloablMenu
================= */
#menu-wrapper {
  background: url(../images/common/bg-gmenu.png) repeat-x center top;
  min-width: 1100px;
  height: 69px;
}
nav {
  width: 1000px;
  margin: 0 auto;
}
nav ul li {
  float: left;
}

/* main
================= */
#main-wrapper {
  min-width: 1100px;	
  margin: 0 auto;
}
main {
  background: url(../images/common/bg-main-bottom.png) repeat-x center top;	
  min-width: 1100px;	
  margin: 0 auto;
}
.main-area {
  width: 1100px;
  height: 816px;	
  margin: 0 auto;
  position: relative;
}
.main-area .entry {
  position: absolute;
  bottom: 15px;
  left: 10px;
  z-index: 10;
}
.main-area .step {
  position: absolute;	
  right: 8px;
  bottom: 86px;
}
.main-area .site {
  position: absolute;	
  left: 392px;
  bottom: 40px;
}

/* footer
================= */
#footer-wrapper {
  background: url(../images/common/bg-footer.gif) repeat-x center top;	
  min-width: 1100px;
  margin: 0 auto;
}
footer {
  background: url(../images/common/bg-footer-bottom.png) no-repeat center bottom;	
  min-width: 1100px;
  margin: 0 auto;
}
.footer-area {
  min-height: 310px;
}
.footer-link {
  text-align: center;
  padding-top: 30px;
  color: #743620;  
  font-size: 11px;  
}
.footer-link a {
  color: #743620;  
}
.copyright {
  color: #743620;
  text-align: center;
  padding: 10px 0;
  font-size: 11px;
}
.logo-xlegend {
  text-align: center;
}

#cp_area {
	position: fixed !important;
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 50;	
}