@charset "utf-8";
/* ========================================================== 
 
title : 千種タワーヒルズ 
scope : 資料請求
 
last modify : 2016/07/05 285_inose 新規制作
 
memo ： 

========================================================== */

body{
	letter-spacing:1.2px;
	line-height:1.7;
}

/* ----------------------------------------------------
	共通　メインエリア　#main-area
---------------------------------------------------- */

#main-area{
	text-align:center;
	/*width:1024px;*/
	margin:0 auto;
	font-size:16px;
}

#main-area a img:hover{
	opacity:0.8;
}

#main-area a{
	text-decoration:none;
}

#main-area a:link,
#main-area a:visited{
	color: #0000ff;}
	
#main-area a:hover,
#main-area a:active{
	color: #ff0000;
}

#main-area p{
	line-height:1.2;
}

/* トップ画像 */
.main_image{
	margin:40px auto;
}

/* リード文 */
.lead_text{
	margin:0 auto 40px;
}

/* 注釈 */
.annotation{
	font-size:14px;
}

.annotation:before{
	content:"※";
}

/* ボタン */

.btn{
	margin:40px auto;
}

.btn a img{
	border-radius: 5px;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.4);
	margin:5px 0;
}

/* 個人情報 */    
.privacy{
	width:600px;
	margin:0 auto;
	padding:30px 0 15px;
	border-radius:5px;
	background:#dceaeb;
}

.privacy p:nth-child(2){
	width:580px;
	text-align:left;
	margin:20px 48px 10px;	
	position:relative;
}

.privacy p:nth-child(2):before{
	content:url("../image/icon_key.png") ;
	padding:10px;
}

.privacy a{
	position:absolute;
	top:8px;
}


/* ----------------------------------------------------
	お電話でのお問合せ　#telephone-area
---------------------------------------------------- */
#telephone-area{
	width:419px;
	margin:40px auto;
	color:#666;
	text-align:left;
}

#telephone-area p:nth-child(1){
	margin:0 0 10px;
}


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

	入力画面　index.shtml

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

/* ----------------------------------------------------
	入力画面 　#request-area
---------------------------------------------------- */


#request-area{
	margin:0 auto 20px;
}

#request-area table{
	margin:0 auto;
	width:850px;
	padding:0;
	background:#000000;
	border-collapse: collapse;
}

#request-area table tr{
	border:1px solid #535353;
}

#request-area table tr td{
	padding:23px;
	width:270px;
	height:auto;
	vertical-align:middle;
	border:1px solid #535353;
	text-align:left;
}

#request-area table tr td:nth-child(1){
	width:270px;
	padding:2em 1.6em;
	line-height:1.3;
	letter-spacing:2px;
	font-size:18px;
}

#request-area table tr td:nth-child(1):not(.not_required){
	background:url("../image/icon_required.png") no-repeat 90% 50%,#e2d5d0;
}

#request-area table tr .not_required{
	background:#e2d5d0;
}

#request-area table tr td:nth-child(2){
	background:#FFFFFF;
	width:auto;
}

#request-area table .ex{
	display:block;
	color:#777;
	margin:2px 0 10px;
	padding:0 0 0 .3ex;
}

#request-area table .ex:before{
	content:"入力例：";
}

#request-area table [name="address"] +.ex,
#request-area table #address .bottom{
	padding-left:60px;
}

#request-area table #address .bottom,
#request-area table #address .bottom +.ex{
	display:inline-block;
}

/* ------------- 入力欄・ボタン装飾 ------------- */
form input{
	line-height:1;
	margin:7px 0;
	padding:10px;
	border:1px solid rgb(153, 153, 153);
	border-radius:3px;
	box-shadow: inset 0 4px 10px -8px rgba(0,0,0,0.5);

}

form .button{
	margin:0 8px;
	padding:.4em 1em;
	border-radius:25px;
	background:linear-gradient(180deg, rgb(255,255,255) 0%, rgb(215,215,215) 100%);
}

form .button:hover{	
	background:linear-gradient(180deg, rgb(250,250,250) 0%, rgb(200,200,200) 100%);
	box-shadow: inset 0 0 8px 0 rgba(0,0,0,0.1);
}

form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin:.4em;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	padding:3px 2em 3px .5em;
	border-radius:3px;
	border:1px solid rgb(153, 153, 153);
	background:url(../image/arrow.png) right 50% no-repeat
			  ,linear-gradient(180deg, rgb(255,255,255) 0%, rgb(215,215,215) 100%);
	background-size: 30px, 100%;
}

form select::-ms-expand {
	display: none;
}

input, select, textarea {
font-size: 100%;
}


.bg_checkbox li {
    position: relative;
	width:250px;
    display: inline-block;
    margin: 0;
    padding: 0;
}
 
.bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
.bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(../image/checkbox_off.png);
    background-size: 29px;
    background-position: left center;
    background-repeat: no-repeat;
    padding:1em 0 .8em 2.5em;
}
 
.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../image/checkbox_on.png);
	color:#cc0000;
}

/*装飾：firefox用*/
@-moz-document url-prefix(){form select{background-size: 33px, 100%;}}
@-moz-document url-prefix(){form input{	line-height:1.5;}}
/*装飾：IE用*/
@media all and (-ms-high-contrast:none){
form select{
	padding:.5ex 2em 0 .5em;
	}
	
form .button{
	padding:1ex 1em .5ex;
	}	
}
 
/* ドメイン指定受信 */
.domain{
	width:530px;
	margin:10px auto 0;
	padding:1em 0;
	border-radius:5px;
	background:#f4efd9;
}
.domain p{
	margin:0 1.5em;
}

.domain .red{
	color:#FF0000;
}

.textbox{
	overflow:hidden;
	margin:8px 0 0;
}

.textbox .newspaper_title{
	float:left;
	height:50px;
	padding:10px 10px 0 0;
}

.textbox .newspaper{
	float:left;
	margin-right:65px;
}

.textbox .newspaper .bottom{
	display:block;
}

.textbox .other{
}

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

	エラー画面　error.shtml

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

#request-area table tr .error{
	background:#fff0f5!important;
}


#request-area table tr .error > p{
	margin:-7px 0 .8em 0;
	padding:.1em 0 0 1.7em;
	color:#FF0000;
	background:url("../image/icon_error.png") no-repeat 0% 50%;
}


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

	確認画面　conf.shtml

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

#request-area .conf tr td{
	padding:23px!important;
}

.btn{
	overflow:hidden;
	width:620px;
	padding:0 15px;
}

.btn li{
	float:left;
	margin-left:30px;
}

.btn li:first-child{
	margin:6px 0 0 0;	
}

.conf_text{
	margin:50px 0 40px;

}


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

	完了画面　thanks.shtml

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

#request-area dl{
	margin:60px auto;
	width:600px;
	padding:0;
}

#request-area dl dt{
	background:#e2d5d0;
	border:1px solid #535353;
	border-bottom:0;
	color:#732b10;
	font-size:24px;
	font-weight:bold;
	letter-spacing:3px;
	padding:1em;
}

#request-area dl dd{
	background:#ffft;
	border:1px solid #535353;
}

#request-area dl dd p:nth-child(1){
	margin:1em 0;
	font-weight:bold;
	font-size:24px;
}

#request-area dl dd p:nth-child(2){
    width:450px;
	line-height:1.2!important;
	margin:10px auto 30px;
	text-align:left;
}