/* import
---------------------------------------- */
@import url("http://www.tfm.co.jp/sky/smartphone/shared/css2014/reset.css");
@import url("http://www.tfm.co.jp/sky/smartphone/shared/css2014/common.css");

/* ---------------------------------------------------------------

content_wrapper

 ---------------------------------------------------------------*/
#content_wrapper {
	background: url(../../img/bgline.png) repeat center top;
	background-size:20px 20px;
	/*background-color:#CCC;*/
}

/* ---------------------------------------------------------------

content

 ---------------------------------------------------------------*/
#content {
	width:100%;
	margin:0 auto;
	padding-top:14px;
	background: url(http://www.tfm.co.jp/sky/smartphone/img2014/body_bg.gif) repeat center top;
	background-size:20px 20px;
}

/* =========================================================
form_main
========================================================= */
#form_main {
	width:95%;
	background-color:#FFF;
	margin:0 auto 30px;
	padding:0 0 13px;
	background: url(../img/bgline.png) repeat;
	
}
#form_main h2 {
	background: url(../img/bgline.png) no-repeat;
	background-size:151px 22px;
	text-indent: -9999px;
	width:151px;
	height:22px;
	margin-bottom:5px;
}
#form_main #form_img01 {
	background: url(http://www.tfm.co.jp/sky/img/form_img01.gif) no-repeat;
	background-size:292px 45px;
	text-indent: -9999px;
	width:292px;
	height:45px;
	margin-bottom:5px;
}

#form_main #form_src_top a {
	background: url(http://www.tfm.co.jp/sky/smartphone/img2014/src_top.gif) no-repeat;
	background-size:279px 30px;
	text-indent: -9999px;
	width:279px;
	height:30px;
	display:block;
	margin:30px auto 0;
}

/* =========================================================
content_foot_wrapper
========================================================= */
#content_foot_wrapper {
	width:320px;
	height:79px;
	margin:0 auto;
}
#content_foot {
	background: url(http://www.tfm.co.jp/sky/smartphone/img2014/footer_illust.png) no-repeat 0 36px;
	background-size:320px 43px;
	width:320px;
	height:79px;
	margin:0 auto;
}
#content_foot p {
	background: url(http://www.tfm.co.jp/sky/smartphone/img2014/footer_onair.png) no-repeat;
	background-size:133px 30px;
	text-indent:-9999px;
	width:133px;
	height:30px;
	margin:0 auto;
}

/* type & size
---------------------------------------- */
.inputA {
  ime-mode: active;
}

.inputB {
  ime-mode: inactive;
}

.inputC {
  ime-mode: disabled;
}

.inputD {
  ime-mode: auto;
}

.sizeXL {
  width: 90%;
}

.sizeL {
  width: 70%;
}

.sizeM {
  width: 50%;
}

.sizeS {
  width: 15%;
}


/* message
---------------------------------------- */
#message {
  /*width: 320px;*/
  margin: 10px auto 0;
}
#message #form-area {
  margin-top: 14px;
  /*padding: 10px;*/
}


/*----- notice -----*/
#notice {
  /*margin-top: 20px;*/
  width: 292px;
  margin: 0 auto;
}
#notice p {
  margin-bottom: 3px;
  color: #5e5b5b;
}
#notice p.success {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 116%;
  font-weight: bold;
	color:#dd5442;
}
#notice p.mark {
  color: #333333;
}
#notice p:last-child {
  margin-bottom: 0;
}

/*----- form-item -----*/
#form-item {
  width: 292px;
  margin: 10px auto 0;
}
#form-item dl {
  margin-bottom: 10px;
  padding-bottom: 15px;
  /*border-bottom: 1px dotted #ccc;*/
}
#form-item dl:before,
#form-item dl:after {
  content: "";
  display: table;
}
#form-item dl:after {
  clear: both;
}
#form-item dl {
  zoom: 1;
}
#form-item dl dt {
}
#form-item dl dt em {
  color: #cc3300;
  font-style: normal;
}
#form-item dl dd {
  margin-top: 8px;
}
#form-item dl dd input {
  height: 19px;
}
#form-item dl dd input.deco {
  padding: 3px;
  background-color: #fff;
  border: 1px solid #cac7c4;
}
#form-item dl dd input:focus {
  background-color: #fff;
}
#form-item dl dd select {
  height: 25px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #cac7c4;
}
#form-item dl dd select:focus {
  background-color: #fff;
}
#form-item dl dd textarea {
  height: 150px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #cac7c4;
  font-size: 16px;
}
#form-item dl dd textarea:focus {
  background-color: #fff;
}
#form-item dl.req dt {
  padding: 7px;
  /*border-left: 5px solid #588040;*/
  background-color: #94deeb;
  font-weight: bold;
}
#form-item dl.arb dt {
  padding: 7px;
  /*border-left: 5px solid #588040;*/
  background-color: #94deeb;
  font-weight: bold;
}
#form-item dl.campaign dd strong {
  display: block;
  margin-top: 7px;
  color: #cc000c;
  font-size: 12px;
  line-height: 1.5;
}
#form-item dl.email dt strong {
  display: block;
  margin-top: 5px;
  color: #cc000c;
  font-size: 12px;
  line-height: 1.5;
}
#form-item .explain {
  margin-bottom: 20px;
  padding: 12px;
  /*border-bottom: 1px dotted #ccc;*/
  background-color: #fce366;
  font-weight: bold;
  text-align: center;
}
#form-item #question p {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ccc;
}
#form-item #question p span {
  display: block;
  padding-left: 5px;
  border-left: 5px solid #aaa;
}

/* att
---------------------------------------- */
#att {
  width: 292px;
  margin: 15px auto 0;
}
#att dt {
  margin-bottom: 5px;
}
#att dd {
  margin-bottom: 5px;
}
#att dd.reset {
  margin-bottom: 0;
}
#att dd.privacy {
  margin-top: 10px;
  text-align: center;
}
#att dd.privacy a {
}
#att dd.privacy a:link, #att dd.privacy a:visited {
  text-decoration: underline;
}
#att dd.privacy a:hover, #att dd.privacy a:active {
  text-decoration: none;
}

/* submit
---------------------------------------- */
#subbox {
  width: 100%;
  margin-bottom:30px;
}
#subbox .subbox-inner {
  width: 279px;
  height: 29px;
  margin: 0 auto;
}
#checkblk {
  width: 100%;
  margin-bottom:30px;
}
#checkblk .inner {
  width: 279px;
  margin: 0 auto;
}
#checkblk p.send {
  width: 279px;
  height: 29px;
  margin: 0 auto;
}

#checkblk p.back {
  width: 149px;
  height: 29px;
  margin: 10px auto 0;
}

/*----- error -----*/
#error {
  margin-top: 15px;
  padding-bottom: 15px;
}
#error p {
  margin-bottom: 10px;
  color: #e80000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#error p:last-child {
  margin-bottom: 0;
}
#error p a {
  display: block;
}

/*----- thanks -----*/
#thanks {
  margin-top: 15px;
  padding-bottom: 15px;
}
#thanks p {
  margin-bottom: 10px;
  color: #e80000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#thanks p:last-child {
  margin-bottom: 0;
}
#thanks p a {
  display: block;
}