@charset "utf-8";
/***************** CLEAR CSS *****************/
html, body, div, span, h1, h2, h3, h4, h5, h6,
p, a, em, font, img, s, strong, tt, b, u, i, center, dl, dt, dd, ol, ul, li,
table, caption, tr, th, td, form{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}

ul, li, dl, dt{
	list-style-type:none;
}


* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

html{
	height:100%;
}

.clearfix:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix { display: inline-block}

/***************** END CLEAR CSS *****************/


/***************** BASE CSS *****************/


body{
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
}


/***************** END BASE CSS *****************/


/***************** HEADER CSS *****************/

div#header{
	display:none;
}


div#header div.inner_header{
	display:none;
	
}

div#header div.inner_header img{
	display:none;
}


/***************** END HEADER CSS *****************/



/***************** COMMON CSS *****************/

div#contents_body{
	margin:0;
	padding:0;
	background-image:url(../../../../common/images/contents_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border:none;
}


h2.main{
	width:945px;
	height:134px;
	background-image:url(../../../../common/images/h2_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	margin:0 auto;
}

h2.main div.image{
	padding:38px 0 0 9px;
}


p.lead{
	color:#014aad;
	font-weight:bold;
	padding:6px;
}


.setsumei{
	font-size:14px;
	font-weight:bold;
	color:red;
	background-color:#FFC;
}


p {
	padding:5px;
}


#wrapper{
	width:945px;
	margin:0 auto;
	padding:0;
}

div#container{
	width:945px;
	margin:0 auto;
	position: relative;
}

div#main_area{
	width:645px;
	padding:0;
	float:left;
}

/***************** END COMMON CSS *****************/


/***************** SIMULATION CSS *****************/

input.must{
	background-color:#fff0f0;
	border:1px solid #ff7474;
}

/***************** END SIMULATION CSS *****************/

/* ############# 結果画面結果 ############# */


.est_button_area02{
	text-align:center;
	margin:10px 35px 0 35px;
	background-color:#e0e0e0;
}

.red{
	font-weight:bold;
	color:red;
}
/* ######################### お問い合わせ画面 ######################## */

div#main_area3{
	width:945px;
	padding:0;
	_margin-left:5px;
}

body#second{
	background-image:url(../../../../common/images/contents_bg.gif);
	background-repeat:repeat-x;
	background-position:0 75px;
}

body#second h2.second{
	color:#fff;
	width:945px;
	height:70px;
	display:table-cell;
	vertical-align:middle;
	/height:50px;
	/padding-top:20px;
}

body#second h3{
	font-weight:normal;
	font-size:14px;
	padding:0 0 8px 30px;
}

/* ★ */

body#second from{
	width:945px;

}

body#popup h3{
	border:0;
	margin:0 0 20px 0;
	min-height:44px;
	background-image:url(../../../../common/images/h3_background.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	color:#1d3d7d;
}

body#popup h3 span{
	display:inline-block;
	margin:0 10px 0 15px;
	padding:12px 0 12px 20px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.1em;
	background-image:url(../../../../common/images/h3_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}



body#second span.c_head,
body#second span.c_bottom{
	display:block;
	width:955px;
	background-image:url(../../../../common/images/page_head.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:9px;
	font-size:0;
	_margin-left:5px;
}

body#second span.c_bottom{
	background-image:url(../../../../common/images/page_bottom.png);
}

body#second div#container{
	width:955px;
	background-image:url(../../../../common/images/page_back.png);
	_background-image:url(../../../../common/images/page_back.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	_background-image:url(../../../../common/images/page_back_ie6.png);
	_background-repeat:no-repeat;
	_background-position:top;	
	padding:0 5px 0 5px;
}

body#second div#container p.text{
	line-height:1.4;
	margin:0 20px 0 20px;
	font-size:14px;
}

body#second div#container p.text_center{
	line-height:1.4;
	margin:0 20px 0 20px;
	text-align:center;
}


input#tel{
	ime-mode: disabled;
}


div.form_border{
	background-color:#fff;
	margin:15px 35px 15px 35px;
	padding:18px 18px 15px 18px;
}

div.form_border table{
	border:0;
	border-collapse:collapse;
	font-size:12px;	
	margin:0 auto;
	width:100%;
}

div.form_border table tr th{
	padding:5px;
	margin:0;
	vertical-align:middle;
	background-color:#fff;
	font-weight:normal;
	line-height:1.4;
	color:#000;
	border:0;
	text-align:right;
	white-space:nowrap;
}

div.form_border table tr td{
	padding:15px 5px;
	margin:0;
	border-left:0;
	vertical-align:middle;
	background-color:#ffffff;
	border:0;
}

div.form_border table td span{
	display:inline-block;
	line-height:1.4;
	margin:0 0 5px 0;
}

div.form_border table span.left{
	display:inline-block;
	text-align:left;
}

div.form_border table tr th span.s,
div.form_border table tr td span.s{
	font-size:10px;
	display:block;
	letter-spacing:0.1em;
	padding:3px 0 0 0;
}

div.form_border table table tr th,
div.form_border table table tr td{
	border:0;
	padding:0;
	verical-align:middle;
}
div.form_border table table tr td.right{
	padding-left:10px;
	white-space:nowrap;
	width:100%;
	line-height:1.4;
}



div.privacy{
	margin:0 50px 25px 50px;
}

div.privacy h4{
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding:0 0 7px 0;
}

div.privacy dl{
	margin:0 0 0 0;
	padding:4px;
	border:1px solid #d7d7d7;
	color:#515151;
}

div.privacy dl dt{
	font-size:10px;
	text-indent:-1em;
	margin:0 0 5px 1em;
	padding:0;
	line-height:1.4;
}

div.privacy dl dt.second{
	margin:0 0 1px 1em;
}

div.privacy dl dd{
	font-size:10px;
	text-indent:-1em;
	margin-left:2em;
	line-height:1.4;
	padding:0;
}

div.privacy dl dd.last{
	margin:0 0 5px 2em;
}


/**************************************
footer
***************************************/
#footer {
min-height:117px;
height:auto !important;
height:117px;
min-width:945px;
width:auto !important;
width:100%;
margin:0;
background:#fff url(../../../../shared/img/footer_new/footer_gr_bg.jpg) left top repeat-x;
}
#footer .footnavi_top {
background:url(../../../../shared/img/footer_new/footer_borderline.gif) left top repeat-x;
width:945px;
height:38px !important;
height:51px;
_height:36px;
margin:0 auto;
padding-top:13px;
text-align:left;
zoom:1;
}

#footer .footnavi_top li {
float:left;
display:block;
background:url(../../../../shared/img/footer_new/footer_navi_border.gif) right top no-repeat;
height:10px;
margin:0 5px 0 0;
padding:0 5px 0 0;
/*line-height:1.0;*/
}
#footer .footnavi_top li.last {
background:none;
}


* html #footer .footnavi_top li img {
	margin-top:-15px;
}



#footer .footnavi_btm {
width:945px;
margin:0 auto;
padding-top:18px;
text-align:left;
zoom:1;
}
#footer .footnavi_btm address {
float:left;
}
#footer .footnavi_btm ul {
float:right;
display:block;
background:url(../../../../shared/img/footer_new/footer_listline.gif) right top no-repeat;
padding-right:10px;
padding-top:3px;
}
#footer .footnavi_btm li {
float:left;
background:url(../../../../shared/img/footer_new/footer_listline.gif) left top no-repeat;
margin-left:10px;
padding-left:10px;
}

/* Footer-form */
body#popup #footer-form {
min-height:117px;
height:auto !important;
height:117px;
width:auto !important;
width:100%;
margin:0;
background:#fff url(../../../../shared/img/footer_new/footer_gr_bg.jpg) left bottom repeat-x;
}
body#popup #footer-form .footnavi_top {
background:url(../../../../shared/img/footer_new/footer_borderline.gif) left top repeat-x;
width:96%;
height:38px !important;
height:51px;
margin:0 auto;
_margin-left:20px;
padding-top:13px;
text-align:left;
zoom:1;
}
body#popup #footer-form .footnavi_top li {
float:left;
display:block;
background:url(../../../../shared/img/footer_new/footer_navi_border.gif) right top no-repeat;
height:10px;
margin-right:5px;
padding-right:5px;
line-height:1.0;
}
body#popup #footer-form .footnavi_top li.last {
background:none;
}
body#popup #footer-form address {
padding:18px 0 0 20px;
}

/* Footer-pop */
body#popup #footer-pop {
min-height:62px;
height:auto !important;
height:62px;
width:auto !important;
width:100%;
margin:0;
background:#fff url(../../../../shared/img/footer_new/footer_bg.jpg) left bottom repeat-x;
}
body#popup #footer-pop address {
padding:14px 0 0 20px;
}



/************* 20110619 **************/

sup{
	font-size:9px;
}

div.form_border table th{
    width:30%;
}

input.han,
textarea.han{
    ime-mode: disabled;
}

input.zen,
textarea.zen{
    ime-mode: active;
}


/****************** form_size ******************/
div.form_border table tr td.f_company input,
div.form_border table tr td.f_address input,
div.form_border table tr td.f_domain input,
div.form_border table tr td.f_tel input,
div.form_border table tr td.f_mail input{
	width:320px;
}

div.form_border table tr td.f_name_sai{
	padding-right:20px;
}

div.form_border table tr td.f_gigabyte{
	width:200px;
	vertical-align:middle;
}

div.form_border table tr td.f_gigabyte span{
	float:right;
}

div.form_border table tr td.f_gigabyte input{
	width:120px;
	display:inline;
}


div.form_border table tr td.f_name_sai input,
div.form_border table tr td.f_name_mei input{
	width:120px;
}

div.form_border table tr td textarea{
	width:600px;
	height:100px;
}


/* ----------------------------------------------- ishibashi_tuika START ----------------------------------------------- */

form{
	margin:0 !important;
}

#wrapper{
	width:953px;
	margin:0 auto;
	padding:0;
}

body#second{
	background-image:url(../../../../common/images/contents_bg.gif);
	background-repeat:repeat-x;
	background-position:0 50px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
}

body#second h2.second{
	width:945px;
	height: 55px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

body#second h2.second span{
	padding:4px 0 0 10px;
	_padding:20px 0 0 10px;
	font-size:150%;
	line-height:1;
	color:#000;
	display:block;
}

body#second div.form_navi{
	width:955px;
	maring:0 auto;
	padding:0 0 0 1px;
	line-height:0;
	font-size:0;
	height:42px;
}

body#second div.form_navi img{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

body#second div#container{
    background-image: url(../../../../common/images/page_back.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding:0 5px 0 5px;
    width: 955px;
		margin:0 0 0 0;
		position: relative;
}

body#second span.c_bottom {
    background-image: url(../../../../common/images/page_bottom.png);
    background-position:0 0;
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    height: 9px;
    width: 955px;
		margin:0 0 20px 0;
		line-height:0;
}

.d_none{display:none!important;}
.d_block{display:none!important;}
table#table_contents thead,
table#table_contents td.hide_cell{
	display:none;
}

.ref_btn{
	background-image:url(common/images/ref_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:116px;
	height:27px;
}

.ref_btn_on{
	background-image:url(common/images/ref_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:116px;
	height:27px;
	cursor:pointer;
}

.pickup_btn{
	background-image:url(common/images/pickup_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:178px;
	height:27px;
}

.pickup_btn_on{
	background-image:url(common/images/pickup_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:178px;
	height:27px;
	cursor:pointer;
}

div.adress_list{
	position:relative;
}

div.adress_list div{
	display:none;
	background-color:#eeeeee;
	position:absolute;
	top:-30px;
	right:-400px;
	z-index:10000;
	width:300px;
}

div.adress_list_on div{
	display:block;
}

div.adress_list_on ul{
	height:12em;
	overflow:auto;
	overflow-x:hidden;
}

div.adress_list_on ul li{
	font-size:12px;
	margin:0;
	padding:5px 10px 5px 10px;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

div.adress_list_on h5{
	color:#fff;
	background-color:#666;
	padding:5px 10px 5px 10px;
}

#sidebar{
		background-color:#0e7cd0;
		color:#fff;
		border:1px solid #ddd;
		font-size:14px;
		line-height:1.4;
		text-align:center;
		width:180px;
		position:absolute;
		top:135px;
		right:60px;
		padding:12px;
		-webkit-box-shadow: 2px 2px 3px 0px #777; /* Safari, Chrome用 */
		-moz-box-shadow: 2px 2px 3px 0px #777; /* Firefox用 */
		box-shadow: 2px 2px 3px 0px #777; /* CSS3 */

		opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=80); /* IE lt 8 */
		-ms-filter: "alpha(opacity=80)"; /* IE 8 */
		-khtml-opacity: .8; /* Safari 1.x */
		-moz-opacity: .8; /* FF lt 1.5, Netscape */
}



td.must_area,
div#f_position{
	position:relative;
}

div.alert_pop,
div.alert_pop02{
	position:absolute;
	bottom:6px;
	left:0;
	padding:5px;
	line-height:1.4;
	font-size:14px;
	border:2px solid #86b9e0;
	background-color:#b1d8f6;
}

div.alert_pop_must{
	position:absolute;
	top:-30px;
	left:0px;
	padding:5px;
	line-height:1.4;
	border:none;
	background-color:red;
	font-weight:bold;
	color:#fff;
		opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=85); /* IE lt 8 */
		-ms-filter: "alpha(opacity=85)"; /* IE 8 */
		-khtml-opacity: .85; /* Safari 1.x */
		-moz-opacity: .85; /* FF lt 1.5, Netscape */
}

div.arrow{
	position:absolute;
	bottom:-12px;
	left:25px;
	background:url(../../../../common/images/baloon_arrow.png) no-repeat 1px 1px;
	height:13px;
	width:50px;
}

div.form_navi{
	padding-left:1px;
}

strong.num02{
	font-size:16px;
	font-weight:bold;
}

p.example{
	font-size:10px;
	padding:3px;
	color:#666;
}

h4.form_ttl_inq{
	display:block;
	padding:0 0 0 0;
	width:855px;
	height:45px;
	margin:16px 0 20px 0;
	background-image:url(../../../../common/images/icon_inq.gif);
	background-repeat:no-repeat;
	background-position:top bottom;
}

h4.form_ttl_corp{
	display:block;
	padding:0 0 0 0;
	width:855px;
	height:45px;
	margin:16px 0 20px 0;
	background-image:url(../../../../common/images/icon_corp.gif);
	background-repeat:no-repeat;
	background-position:top bottom;
}

h4.form_ttl_person{
	display:block;
	padding:0 0 0 0;
	width:855px;
	height:45px;
	margin:16px 0 20px 0;
	background-image:url(../../../../common/images/icon_person.gif);
	background-repeat:no-repeat;
	background-position:top bottom;
}

h4.form_ttl_keiyaku{
	display:block;
	padding:0 0 0 0;
	width:855px;
	height:45px;
	margin:16px 0 20px 0;
	background-image:url(../../../../common/images/icon_keiyaku.gif);
	background-repeat:no-repeat;
	background-position:top bottom;
}

h4.form_ttl_download{
	display:block;
	padding:0 0 0 0;
	width:855px;
	height:45px;
	margin:30px 0 30px 0;
	background-image:url(../../../../common/images/icon_download.gif);
	background-repeat:no-repeat;
	background-position:top bottom;
}

h4.form_ttl_inq span,
h4.form_ttl_corp span,
h4.form_ttl_person span,
h4.form_ttl_keiyaku span{
	font-size:122%;
	_font-size:90%;
	font-weight:bold;
	display:block;
	line-height:1;
	padding:11px 0 0 55px;
	color:#306687;
}

h4.form_ttl_download span{
	font-weight:bold;
	display:block;
	line-height:1;
	padding:15px 0 0 10px;
}


div.form_border table{
	width:830px;
	margin-left:10px;
}


div.form_border table tr th{
	text-align:left;
}

textarea#inq_txt,
textarea#bikou_txt{
	width:550px;
}

p.input_name{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
}

p.input_name span.note{
	font-size:90%;
	font-weight:normal;
}

input#company_name,input#company_name_kana,input#domain_name,input#address{
	width:500px;
}
input#name , input#id1 , input#mail , input#tel{
	width:360px;
}
input#postcode01, input#postcode02{
	width:60px;
}

div.form_border table tr td table.inner_tbl{
	margin:0;
	padding:0;
}

a.gmap{
	text-decoration:none;
	padding:5px;
	color:#666;
}

strong.num02, strong.num01{
	font-size:20px;
	font-weight:bold;
	color:red;
}

p.example{
	font-size:12px;
	padding:3px;
	color:#666;
}


div.form_border table tr td {
	padding:6px;
}

table#table_contents{
	margin:0 auto;
	width:850px;
}

table#table_contents tr th{
	text-align:right;
	font-weight:bold;
	width:225px;
	padding:0 10px 24px 0;
}

table#table_contents tr th span.note{
	font-size:80%;
	font-weight:normal;
}

table#table_contents tr td{
	width:625px;
	padding:0 0 24px 0;
}

div.form_border table td span {
   display: inline-block;
   line-height: 1.8;
   margin: 0;
}

table#table_contents tr td.division_area span,
table#table_contents tr td.position_area span{
	width:150px;
}

table#table_contents tr td.mobile_number span.mobile_span{
	width:92px;
}


table#table_contents tr td span.text{
	font-weight:normal;
	color:#9a9a9a;
}

table#table_confirm{
	margin:0 0 20px 2px;
	width:100%;
	border-top:1px solid #9f9f9f;
	border-collapse:collapse;
	font-size:100%;
	_font-size:80%;
}

table#table_confirm tr th{
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	width:20%;
	padding:20px 0 20px 15px;
	background-color:#dbebf3;
	border-bottom:1px solid #9f9f9f;
}

table#table_confirm tr td{
	width:80%;
	padding:20px 0 20px 15px;
	border-bottom:1px solid #9f9f9f;
}
div.form_confirm{
	background-color: #FFFFFF;
	margin-bottom: 15px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
}

div.complete_area{
	width:855px;
	border:1px solid #c9c9c9;
	text-align:center;
	margin:50px auto;
	_margin:70px auto 50px auto;
	display:block;
}

div.complete_area img{
	margin:40px 0;
}

a.complete_btn{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:399px;
	height:65px;
	background-image:url(../../../../common/images/complete_btn.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	margin:60px auto 30px auto;
}

a.complete_btn:hover{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:399px;
	height:65px
	background-image:url(../../../../common/images/complete_btn.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	margin:60px auto 30px auto;
}

div.adress_list{
	position:relative;
	left:-520px;
	top:0px;
}

p.mail_text{
	font-size:90%;
	font-weight:normal;
	margin:0 0 5px 0;
}

p.mail_note{
	font-size:80%;
	font-weight:normal;
	margin:8px 0 0 0;
	color:#ff0000;
}

input#mobile_number01{
	width:70px;
}

input#mobile_number02,
input#mobile_number03{
	width:140px;
}

select{
	background-color:#fff;
	border:2px solid #cccccc;
	padding:3px;
}

select.must_select{
	background-color:#fff1ee;
	border:2px solid #cccccc;
	padding:3px;
}

p.text_normal{
	margin:0 0 20px 15px;
}

a.pdf{
	background:url(../../../../common/images/icon_pdf.gif) no-repeat left 2px;
	padding:2px 0 2px 23px;
}

p.text_complete{
	margin:0 0 20px 5px;
}

iframe.space_area{
	display:none;
}

/* ----------------------------------------------- ishibashi_tuika END ----------------------------------------------- */

/*------------------------------------------------IE6 HACK START------------------------------------------------*/

* html div.alert_pop{
	position:absolute;
	top:-33px;
	left:0;
	padding:5px;
	line-height:1.4;
	font-size:14px;
	border:2px solid #86b9e0;
	background-color:#b1d8f6;
}

* html div.arrow{
	position:absolute;
	bottom:-15px;
	left:0;
	background:url(../../../../common/images/baloon_arrow.gif) no-repeat 1px 0px;
	height:10px;
	width:50px;
}

* html div.alert_pop_must{
	position:absolute;
	top:-26px;
	left:0px;
	padding:5px;
	line-height:1.4;
	border:none;
	background-color:red;
	font-weight:bold;
	color:#fff;
		opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=85); /* IE lt 8 */
		-ms-filter: "alpha(opacity=85)"; /* IE 8 */
		-khtml-opacity: .85; /* Safari 1.x */
		-moz-opacity: .85; /* FF lt 1.5, Netscape */
}

* html input,
* html textarea{
	padding:6px;
}

* html select{
	margin:1px;
	font-size:15px;
}

* html iframe.space_area{
	z-index:5;
	position:absolute;
	top:-3px;
	left:0;
	width:200px;
	height:25px;
}





/*------------------------------------------------IE6 HACK END------------------------------------------------*/