@charset "UTF-8";
/* CSS Document */

table {
	margin:20px 30px 40px 0px;
	width:644px;
}

th {
	padding:12px 30px 12px 0;
	vertical-align:top;
	white-space:nowrap;
	line-height:140%;
}
td {
	padding:12px 0 12px 0;
	vertical-align:middle;
	width:420px;
}

td p { margin-bottom:10px; }

.disabled, .disabled .required { color:#CCC; }
.disabled .textS, .disabled .textL, .disabled .textLL { border:solid 1px #e6e6e6; }


.required {
	color:#f33;
}
.note {
	font-size:11px;
	line-height:140%;
}
td .note {
	margin-top:3px;
	margin-bottom:0px;
}

.free_note {
	margin:5px 0; 
	font-size:11px;
	line-height:180%;
}

.textSS {
	border:solid 1px #cecece;
	width:165px;
	padding:5px 3px;
	font-size:13px;
}

.textS {
	border:solid 1px #cecece;
	width:200px;
	padding:5px 3px;
	font-size:13px;
}
.textL {
	border:solid 1px #cecece;
	width:410px;
	padding:5px 3px;
	font-size:13px;
}
.textLL {
	border:solid 1px #cecece;
	width:550px;
	padding:5px 3px;
	font-size:13px;
}
textarea.textL {
	border:solid 1px #cecece;
	height:150px;
}

textarea.textLL {
	border:solid 1px #cecece;
	width:694px;
	height:150px;
	padding:5px 3px;
	font-size:13px;
}

.col2 { margin-bottom:10px; }

.col2 li {
	float:left;
	width:210px;
	margin-bottom:5px;
}

.privacy { text-align:center; }
.btns {
	text-align:center;
	margin-top:30px;
}
.btns img { margin-right:25px; }
.btns img, .btns input { vertical-align:bottom; }


.error {
	width:614px;
	background-color:#ffefef;
	border:solid 1px #ff6c6c;
	padding:8px 12px;
	margin:8px 30px 20px 30px;
	color:#f33;
}
.errorText { color:#f33; }

.agreement {
	width:614px;
	background-color:#f7f7f7;
	border:solid 1px #ddd;
	padding:8px 12px;
	margin:8px 30px 20px 30px;
}


.hide {
	display:none;
}

.mb {
	margin-bottom:40px;
}

#contentsInner #simulatorForm {
	margin-top:80px;
}




/**
 * クラウド お申し込み
 */
#login {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:url(/users/cloud/images/bg_login.gif) repeat-x left center;
	padding:20px;
	margin-bottom:30px;
	color:#222;
}
#login_inner { text-align:center; }
#login_inner .errorText { margin-top:5px; }
	
#login_inner .btns {
	margin:10px 0;
}
#login_inner .btns input, #login_inner .btns img { margin:0 10px; }
#forget a {
	padding-left:19px;
	text-decoration:none;
	color:#222;
	background:url(/users/cloud/images/icon_arrow_off.gif) no-repeat left 0px;
}
#forget a:hover { text-decoration:underline; }


/**
 * 資料ダウンロード
 */
.DLList {
	margin-bottom:20px;
}
.DLList li { margin-bottom:8px; }



/**
 * 見積シミュレーター
 */
.head {
	padding:15px 15px 15px 50px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:15px;
}
#head1 { background:#dbebf1 url(/users/images/simulator_num.gif) no-repeat 18px 17px; }
#head2 { background:#dbebf1 url(/users/images/simulator_num.gif) no-repeat 18px -83px; }
#head3 { background:#dbebf1 url(/users/images/simulator_num.gif) no-repeat 18px -183px; }
#head4 { background:#dbebf1 url(/users/images/simulator_num.gif) no-repeat 18px -283px; }
#head5 { background:#dbebf1 url(/users/images/simulator_num.gif) no-repeat 18px -383px; }



#contentsInner .head h2 {
	background:none;
	font-size:17px;
	display:inline;
	padding:0;
	margin:0;
	padding-right:20px
}

#simulatorForm h2 {
	background:none;
	padding:0;
	font-size:24px;
}

#severContent, #circuitContent { height:0; overflow:hidden; }
.content .box {
	margin-top:5px;
	background-color:#eaeaea;
	padding:20px 60px;
}
.price, .spec {
	width:577px;
	margin:0;
}
.spec { margin-bottom:10px; }
.price { margin-top:10px; }
.price th, .price td {
	padding:6px 8px;
	background-color:#FFF;
	border-bottom: solid 4px #eaeaea;
	border-right: solid 4px #eaeaea;
	width:50%;
}

.price th { text-align:center; }

.spec th, .spec td {
	padding:10px 8px;
}
.spec th { padding-top:16px; width:80px; }
.spec .field {
	background-color:#fff;
	padding:3px 6px;
	width:360px;
	margin:0;
}

.result {
	margin-top:inherit;
	margin-right:0;
	margin-bottom:inherit;
	margin-left:0;
	width:100%;
	border:solid 15px #eaeaea; 
}
.result th, .result td {
	border:solid 4px #eaeaea; 
	padding:8px 10px;
	line-height:120%;
}
.top th { text-align:center; }
.sum th, .sum td {
	background-color:#c5c5c5;
	padding:12px 10px;
}


#circuitContent .box { padding-left:158px; }

.block {
	display:inline-block;
	*display:inline;
    *zoom:1;
	width:270px;
	padding-left:10px;
	line-height:120%;
	vertical-align:bottom;
}
.blockSelect { margin-top:6px; }


/**
 * dropkick custom theme;
 */
.dk_container {
	display:inline-block;
	*display:inline;
    *zoom:1;
	float:none;
	margin-bottom:0;
	vertical-align:bottom;
	background:#fff;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dk_theme_atlink {
	box-shadow:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color:#212121;
	font-weight:normal;
}
.dk_theme_atlink .dk_toggle,
.dk_theme_atlink.dk_open .dk_toggle {
	background-color:#FFF;
	color:#212121;
	text-shadow: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:solid 1px #cbcbcb;
	padding:6px 45px 6px 8px;
	background:url(/common/images/bg_select.gif) no-repeat right center;
	text-decoration:none;
}

.dk_theme_atlink .dk_options {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow: rgba(0, 0, 0, .1) 0 2px 8px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 2px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 2px 8px;
}
.dk_theme_atlink .dk_options_inner {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:solid 1px #cbcbcb;
	text-shadow:none;
	z-index:50000;
}


.dk_theme_atlink .dk_options a {
	background-color:#FFF;
	color: #212121;
	text-shadow: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:6px 8px;
	font-weight:normal;
}
.dk_theme_atlink .dk_options a:hover,
.dk_theme_atlink .dk_option_current a {
	background-color:#dbebf1;
	color: #212121;
	text-shadow:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border-bottom:solid 1px #cbcbcb;
}

.address_opacity{
	display:none;
}

.gray{
	color:#CCC;
}


/**
 * アンケート
 */
 
.questionaire_lead {
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}