@charset "utf-8";

body,tr,td,th,span,div { 
	-webkit-text-size-adjust: 100%;
	font-size: 10pt; line-height:1.3;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	color:#333333;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
input,textarea,select,option{
	font-size:13px;  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;

}
input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}
td{box-sizing:border-box;}

select,option,input,textarea{
margin:0 2px 3px 0;  border:1px solid #aaaaaa;
border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
position:relative; -webkit-appearance;
}
input,textarea{padding:3px ;}

a:link{ color: #0000ff;  }
a:visited{ color: #000080;  }
a:active{ color: #ffd700;  }
a:hover{ color: #ff0080;  }

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.b{font-weight: bold;}
big { font-size: 11pt; }
small { font-size: 9pt; line-height:130%;}
.pan{font-size: 14px;font-weight: bold;}
.nobr{ white-space:nowrap; } 

.addframe{
position:static;
/*position:absolute;*/
}
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
.FC1 { font-size: 10pt; color:#1E1E1E; background-color: #DCDCDC; font-weight: normal; border: 1px solid #000000;}
.FC2 { font-size: 10pt; color:#1E1E1E; background-color: #DCDCDC; border: 1px solid #000000;}
.FC3 { font-size: 10pt; color:#000000; background-color: #FFFFFF; border: 1px solid #000000; }

.titlefram{font-size:14px;background-color:#6586ce;color:#ffffff;padding:5px;text-align:center;line-height:120%;}
.comp{width:150px;background-color:#6586ce;color:#ffffff;padding:2px;text-align:right;vertical-align:bottom;font-size:11px;}
.cmenu{ width:150px;padding:3px;margin:5px;text-align:center; border:1px solid #bebebe;font-weight:bold;
border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
}
.cmenu a{ display: block;}
/* ～の注文、お見積り、問い合わせ  タイトル */
.ctitle{ padding:6px 0 13px;text-align:center;font-size:14px;font-weight:bold;}
.ctitle span{border-bottom:1px solid #ff0000;}

input#query{width:220px;}
.band{width:900px; margin:0 auto 0; }

#m101{ width:100px; float:right; }
#head_p .pits{
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:left;
	float:left;
}
.toppan{margin:10px 0 10px;}
.content{width:880px; margin:0 auto 0; }

.ssl{ border:1px solid #bcc8f9;width:450px;margin:0 auto 0;}
.sample{text-align:right;margin:-45px 0 20px;}

/* フォームエリア */
.inform_area{ width:730px; text-align:left; margin:0 auto 15px;padding:0;}/* 外枠 */


.yform{clear:both;width:100%;}
/* 項目名 */
.tname{width:230px;text-align:right; display:table-cell; padding:7px;vertical-align:top; font-weight:bold; box-sizing:border-box;}
.base .tname, .base .tform{border-radius:4px; }   


/* 入力部 */
.tform{ width:470px; display:table-cell;padding:7px 0 7px 10px; box-sizing:border-box;word-break: break-all;}
/* 入力フォームサイズ */
.form0{width:120px;} /* 名前*/
.form1{width:440px;} /* URL*/
.form2{width:440px;} /*詳細*/
.form3{width:300px;} /* 社名、住所 */
.form4{width:330px;} 
.form5{width:440px;} 

.float00{margin:0 0 1px;float:left;}
/* AOZORA ロゴ*/
.float01{  }
/* 詳しくは～ */
.float02{float:right; margin-top:5px;}
.float02 td{ line-height:1.8; }
/* 確認用枠 */
.gbg{background-color:#f0f0ee;}
.st0{ border-top:3px solid #58a7c6; }
.st1{ border-left:3px solid #58a7c6; border-bottom:1px solid #58a7c6;}
.st2{ border-left:1px solid #58a7c6; border-bottom:1px solid #58a7c6;border-right:3px solid #58a7c6; }
.st3{ border-left:3px solid #58a7c6; border-bottom:3px solid #58a7c6;}
.st4{ border-left:1px solid #58a7c6; border-bottom:3px solid #58a7c6;border-right:3px solid #58a7c6; }
/* table項目名 */
.td0{width:110px;text-align:left;}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }


/** レスポ **/  
@media screen and (max-width:920px){
.band{width:98%;}
.content{width:98%;}
}
@media screen and (max-width:820px){
.ssl{margin:0;}
.float02{width:100%;}
}
@media screen and (max-width:730px){
.inform_area{ width:100%; }
.tname{ width:100%; display:block;text-align:left; background-color:#ededed; border-radius:4px;  }
.tform{ width:100%; display:block; padding:5px 2px 10px 2px; margin-bottom:7px; }
.st0, .st4{ border:0; }
.st1, .st3{ border:1px solid #58a7c6;}
.st2, .st4{ border:0;background-color:#ffffff;}
}
@media screen and (max-width:650px){
#m101{ width:100%;text-align:right; }
.ssl{ width:100%;}
.sample{margin:5px 0 2px;}
}
@media screen and (max-width:500px){
.cmenu{ width:90px;}
.form0{width:100px;} 
.form1{width:97%;} 
.form2{width:97%;} 
.form3{width:98%;} 
}

@media screen and (max-width:350px){
input#query{width:150px;}
.td0{text-align:right;}
}