@charset "Shift_JIS";
/** 標準UI用CSS群 **/

/*** CLEARFIX ***/
.clearfix:after {display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}


/**************************************/
/*統一UICSS群*/
/**************************************/

/*統一ボディ*/
#main .CPbody {
  position: relative;
  display: block;
  width: 640px;
  margin: 0 auto 20px;
  padding: 0;
}

/*統一ヘッダ*/
#main .CPchrome {
  position: relative;
  display: block;
  margin: 0 0 1px;
  padding: 10px 20px;
  background-color: #777;
}
#main .CPchromeCaption {
  position: relative;
  margin: 0;
  padding: 0;
  color: #ccc;
  font-size: 16px;
  line-height: 150%;
  text-shadow: 0px -1px 0px black;
}
#main .CPchromeText {
  position: relative;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 24px;
  line-height: 100%;
  text-shadow: 0px -1px 0px black;
  background: none;
}

/** ヘッダ1 **/
#main .CPheader {
  position: relative;
  display: block;
  margin: 0 0 1px;
  padding: 10px 20px;
  background-color: #ccc;
}
#main .CPheader-small {
  position: relative;
  display: block;
  margin: 0 0 1px;
  padding: 10px 20px;
  background-color: #ccc;
}
#main .CPheader-text {
  position: relative;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 32px;
  text-align: left;
  line-height: 125%;
  text-shadow: 0px 0px 5px black;
  font-weight: normal;
  background: none;
}
#main .CPheader-sub {
  position: relative;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 16px;
  text-align: left;
  line-height: 100%;
  text-shadow: 0px 0px 5px black;
  font-weight: normal;
  background: none;
}

/** ヘッダ2 **/
.CPheader2 {
  margin: 0 0 0;
  padding: 20px;
	display: block; position: relative;
	background-color: #f0f0f0;
	background-repeat:repeat-x; background-position:top; }
#main .CPheader2 h1 {
  margin: 0 0 .25em;
  padding: 0;
  background:none;
  color:#666666;
  font-size:28px;
  font-weight:bold;
  line-height:115%;
}
#main .CPheader2 p.eqp2 {
  margin:0 0 .5em;
  padding:0;
  color:#666666;
  font-size:16px;
  font-weight:normal;
  line-height: 135%;
}
.CPheader2 img {
	position: absolute;
	margin:0; padding:0;
	left:10px; top:10px; }
.CPheader2 ul.eq2 {
	margin:0; padding:0;
}
.CPheader2 ul li {
  display:inline;
  color:#666666;
  font-size:16px;
  font-weight:normal;
}
.CPheader2 ul li a {
  color:#3366cc;
}

/* 導入部分 */
#main .CPlead {
  margin: 1px 0 0;
  padding: 20px;
  background-color: #f5f5f5;
}
#main .CPleadtitle {
  margin: 0 0 .5em 0;
  padding: 0;
  clear: none;
  color: #d61;
  font-size: 18px;
  font-weight: bold;
  line-height: 125%;
  background: none;
}
#main .CPleadtext {
  margin: 0 0 0 275px;
  padding: 0;
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
  text-shadow: 0px 1px 0px white;
  text-align: justify;
}

#main .CPCritictext {
  padding: 0;
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
  text-shadow: 0px 1px 0px white;
  text-align: justify;
}

#main .CPlead img {
  border-radius: 0px;
  overflow: hidden;
}

/* 統一セクションコンテナ */
#main .CPsectionHeader {
  margin: 10px 0 0;
  padding: 10px 20px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 125%;
  text-shadow: 0px 0px 5px black;
  background: none;
  background-color: #ccc;
}
#main .CPsection {
  margin: 1px 0 0;
  padding: 20px;
  background-color: #f5f5f5;
}
#main .CPsectionTopOff {
  margin: 1px 0 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}


/* 本番環境には入ってないので一旦コメントアウト
#main .CPsection p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 125%;
}
*/
#main .CPleftImage {
  float: left;
  margin-right:20px;
  vertical-align: middle;
}
#main .CPsection img {
  border-radius: 5px;
  overflow: hidden;
}
#main .CPshowcaseSection {
  position: relative;
  display: block;
  margin: 0 0 5px;
  padding: 10px;
  background-color:#eeeeee;
  border-top:1px solid #eeeeee; /*#*/
}
#main .CPshowcaseSection p {
  margin: 0;
  padding: 10px;
  color: #666666;
  font-size: 14px;
  line-height: 135%;
  text-align: left;
  text-shadow: 0px 1px 0px white;
}


/* 統一グループ */
#main .CPgroup {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid white;
  box-shadow: 0px -1px 0px #e0e0e0;
}
#main .CPgrouptitle {
  margin: 0 0 .5em;
  padding: 0;
  color: #d61;
  font-size: 16px;
  font-weight: bold;
  line-height: 135%;
  background: none;
  text-align: justify;
}
#main .CPgrouptext {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
  text-shadow: 0px 1px 0px white;
  text-align: justify;
}

/* 統一イメージブロック */
#main .CPimgSection {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: none;
}
#main .CPblock-1column {
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
  margin-bottom: 1px;
}
#main .CPblock-2column {
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
  margin: 0 0 1px;
}
#main .CPblock-2column-left {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 20px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  width: 335px;
  background-color: #f5f5f5;
}
#main .CPblock-2column-right {
  display: block;
  position: relative;
  float: right;
  margin: 0;
  padding: 20px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  width: 224px;
  background-color: #f5f5f5;
}

/* CP credits */
#main .CPcredits {
  margin: 10px 0 0;
  padding: 20px 20px 10px;
  background-color: #ddd;
}
#main .CPcreditsblock {
  margin: 0 0 10px;
  padding: 0;
}
#main .CPcreditstext {
  margin: 0 0 .5em;
  padding: 0;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 120%;
}
#main .CPcreditstext strong {
  color: #666;
  font-size: 16px;
  font-weight: bold;
}

/***各種テキスト指定***/
#main .CPsectionTitle {
  display: block;
  position: relative;
  color: #405C8E;
  font-size: 16px;
  font-weight: bold;
  line-height: 100%;
  background: none;
}
#main .CPblock-2column-right h3 {
  margin: 0 0 1em;
  padding: 0;
  font-size: 16px;
  line-height: 125%;
  color: #666;
  font-weight: bold;
  background-image: none;
}
#main .CPblock-2column-right h4 {
  margin: 0 0 .5em;
  padding: 0;
  font-size: 12px;
  line-height: 125%;
  color: #333;
  font-weight: bold;
}
#main .CPblock-2column p {
  margin: 0 0 1em;
  padding: 0;
  font-size: 12px;
  line-height: 125%;
  color: #333;
}
#main .require {
  color: #f30;
}

/***統一フォームパーツ***/
#main .CPforms input,
#main .CPforms select,
#main .CPforms label {
  vertical-align: middle;
}
#main .CPform-label-block {
  display: block;
  position: relative;
  margin: 0 0 5px;
  padding: 0;
  font-size: 12px;
}
#main .CPform-label-block-checkbox {
  display: block;
  position: relative;
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
}
#main .CPform-label-block-nomargin {
  display: block;
  position: relative;
  margin: 15px 0 5px;
  padding: 0;
  font-size: 12px;
}
#main .CPform-text-normal {
  display: block;
  position: relative;
  width: 95%;
  margin: 0 0 10px;
  padding: 5px;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0px 1px 0px white;
}
#main .CPform-text-normal-require {
  display: block;
  position: relative;
  width: 95%;
  margin: 5px 0 15px;
  padding: 5px;
  font-size: 18px;
  /*border: 1px solid #f60;*/
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0px 1px 0px white;
}
#main .CPform-select {
  border: 1px solid #ccc;
  border-radius: 0px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  width: auto;
}
/***統一フォームパーツ***/
/**テキスト分類**/
#main p.CPform-text-check {
  margin: 10px 0 15px;
  font-size: 14px;
  font-weight: bold;
  color: #036;
}
#main .CPform-notice-normal {
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid white;
  background-image: url(/img/login/CPform-notice-normal-bg.gif);
  background-repeat: repeat;
}
#main .CPform-notice-normal h3 {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 13px;
  line-height: 100%;
  font-weight: bold;
  color: #c30;
  background-image: none;
}
#main .CPform-notice-normal p {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 12px;
  line-height: 125%;
  color: #333;
}
#main .CPform-notice-important {
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid white;
  background-image: url(/img/login/CPform-notice-important-bg.gif);
  background-repeat: repeat;
}
#main .CPform-notice-important h3 {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 13px;
  line-height: 100%;
  font-weight: bold;
  color: #c30;
}
#main .CPform-notice-normal p {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 12px;
  line-height: 125%;
  color: #333;
}


/***統一UIパーツ群***/
/*統一ボタン：通常：中*/
#main .CPparts-button-normal-normal {
  display: block;
  postition: relative;
  margin: 0;
  padding: 0;
  height: 32px;
  width: 164px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 0px white;
  border: 1px solid #69c;
  border-radius: 2px;
  box-shadow: 0px 1px 0px white;
  background-color: #e0e0e0;
}
#main a.CPparts-button-normal-normal {
  color: #444;
}
#main .CPparts-button-normal-normal:hover {
  background-color: #e3e3e3;
  box-shadow: 0px 0px 3px #ccc;
}
#main .CPparts-button-normal-normal:active {
  background-color: #dcdcdc;
  box-shadow: inset 0px 0px 1px #aaa;
}
/*統一ボタン：通常色：大*/
#main .CPparts-button-normal-large {
  display: block;
  postition: relative;
  width: 180px;
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 0px white;
  border: 1px solid #f90;
  border-radius: 2px;
  box-shadow: 0px 1px 0px white;
  background-color: #e0e0e0;
}
#main a.CPparts-button-normal-large {
  color: #444;
}
#main .CPparts-button-normal-large:hover {
  background: #fd8;
  box-shadow: 0px 0px 2px #777;
}
#main .CPparts-button-normal-large:active {
  background-color: #e93;
  box-shadow: inset 0px 0px 1px #aaa;
}
/*統一ボタン：警告色：大*/
#main .CPparts-button-important-large {
  display: block;
  postition: relative;
  width: 180px;
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 0px white;
  border: 1px solid #f90;
  border-radius: 2px;
  box-shadow: 0px 1px 0px white;
  background: rgb(255,204,51);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmY2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNjNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,204,51,1) 1%, rgba(255,204,102,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,204,51,1)), color-stop(100%,rgba(255,204,102,1)));
  background: -webkit-linear-gradient(top,  rgba(255,204,51,1) 1%,rgba(255,204,102,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,204,51,1) 1%,rgba(255,204,102,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,204,51,1) 1%,rgba(255,204,102,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,204,51,1) 1%,rgba(255,204,102,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#ffcc66',GradientType=0 );
}
#main a.CPparts-button-important-large {
  color: #444;
}
#main .CPparts-button-important-large:hover {
  background: #fd8;
  box-shadow: 0px 0px 2px #777;
}
#main .CPparts-button-important-large:active {
  background-color: #e93;
  box-shadow: inset 0px 0px 1px #aaa;
}


/** SNSボタン群 **/
#main .CPsnsbuttons {
  position: absolute;
  right: 20px; top: 20px;
  vertical-align: bottom;
}
#twitter,
#google_plusone,
#facebook_like {
  float: left;
  margin-right: 5px;
}