@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★
■１．トップ（top.css）
■２．ティックトランスポートとは
■３．サービス紹介
■４．採用情報
■５. TICグループ案内
■６. お問い合わせ
■７. 新着情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*▼共通▼*/

.pageNavi{
	padding:0px 20px 0px;
}
.pageNavi .next{
	float:right;
}
.pageNavi .prev{
	float:left;
}
.junbi{
	text-align:center;
	padding:100px 0 200px;
}

/*▲共通▲*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．ティックトランスポートとは
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#about_wrap{
	width:740px;
	padding:20px 0 0;
}
#about_wrap .safety_box{
	padding:20px;
	background-color:#D9EDFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#about_wrap .safety_box #gmark{
padding:0 0 30px;
	border-bottom:1px solid #FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．サービス紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#service_wrap{
	width:740px;
}

#service_wrap h4{
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	padding:3px 10px 1px;
	margin:0 10px 20px;
	text-align:left;
	background-color:#2888C8;
}

#service_wrap .merit_box{
	padding:20px;
	border-left:2px solid #2269C1;
	border-right:2px solid #2269C1;
	border-bottom:2px solid #2269C1;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}


#service_wrap .sagyoubox{
	background-color:#D9EDFF;
	margin:0 10px 50px;
}
#service_wrap .sagyoubox ul{
	padding:20px 20px 20px;
}
#service_wrap .sagyoubox li{
	width:210px;
}
#service_wrap .sagyoubox li .txt{
	width:190px;
	padding:9px;
	background-color:#FFFFFF;
	border-left:1px solid #18A6E5;
	border-right:1px solid #18A6E5;
	border-bottom:1px solid #18A6E5;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
	
}

#service_wrap .sharyou_bg{
	padding:5px;
	border:5px solid #E0E0E0;
	background-color:#F3F3F3;
}
#service_wrap .sharyou{
	padding:0px 0px 40px;
	background:url(../service/images/img03.jpg) no-repeat left 50px;
	background-color:#F3F3F3;
}
#service_wrap .sharyou .box{
	width:400px;
	padding:10px 20px 20px;
	margin:40px 0 0 20px;
	border:1px solid #E1E1E1;
	background:url(../service/images/bg_w.png);
}

#service_wrap .sharyou ul{
	width:180px;
}
#service_wrap .sharyou li{
font-weight:bold;
	padding:10px 5px; 
	border-bottom:1px solid #CCCCCC;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．採用情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#recruit_wrap{
	width:740px;
}
#recruit_wrap .lead{
	position:relative;
	width:740px;
	height:312px;
}
#recruit_wrap .lead p{
	position:absolute;
	top:115px;
	left:0;
	width:350px;
	font-size:16px;
	line-height:2;
}
#recruit_wrap .jinbutsu{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:0 20px 20px;
	margin:0 0 40px;
	background:url(../recruit/images/jinbutsu_bg.jpg) no-repeat;
	background-color:#2775BC;
}
#recruit_wrap .jinbutsu li{
	width:300px;
	padding:15px 20px 20px;
	background: url(../recruit/images/bg.jpg) repeat-x left bottom;
box-shadow:0px 0px 3px 1px #4d6a8c;
-moz-box-shadow:0px 0px 3px 1px #4d6a8c;
-webkit-box-shadow:0px 0px 3px 1px #4d6a8c;
}

#recruit_wrap .voice_bg{
	background:url(../recruit/images/voice_box_bg.jpg) repeat-y;
	margin:0 0 30px;
}
#recruit_wrap .voice_t{
	background:url(../recruit/images/voice_box_t.jpg) no-repeat;
}
#recruit_wrap .voice{
	padding:30px;
	background:url(../recruit/images/voice_box_btm.jpg) no-repeat left bottom;
}
#recruit_wrap .voice .tit{
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px;
}

#recruit_wrap .voice .txt{
	margin:0 10px;
}
#recruit_wrap h4{
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	padding:5px 10px;
	margin:0 10px 20px;
	text-align:left;
	background-color:#2888C8;
}
#recruit_wrap .table_add{
	width: 600px;
	margin-bottom: 20px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５. 会社概要
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#company_wrap{
	width:740px;
}

#company_wrap .greeting{
	font-size:15px;
	line-height:2.2;
	padding:30px 300px 50px 10px;
	margin:0 0 50px;
	background:url(../company/images/img01.jpg) no-repeat right bottom;
}
#company_wrap .gaiyou01{
	position:relative;
	width:740px;
	height:260px;
	margin:0 0 10px;
}
#company_wrap .gaiyou01 p{
	position:absolute;
	top:125px;
	left:380px;
	width:330px;
	margin:0 0 30px;
}

#company_wrap .gaiyou02{
	position:relative;
	width:740px;
	height:306px;
	margin:0 0 10px;
}
#company_wrap .gaiyou02 p{
	position:absolute;
	top:108px;
	left:380px;
	width:330px;
	margin:0 0 30px;
}

#company_wrap .gaiyou03{
	position:relative;
	width:740px;
	height:280px;
	margin:0 0 10px;
}
#company_wrap .gaiyou03 p{
	position:absolute;
	top:115px;
	left:380px;
	width:330px;
	margin:0 0 30px;
}

#company_wrap h4{
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	padding:5px 10px;
	margin:0 10px 20px;
	text-align:left;
	background-color:#2888C8;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６. お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#contact_wrap {
	width:1000px;
	padding:0 0 50px;
	margin:0px auto 0;
}


#contact_wrap .tel_bnr{
	position:relative;
	width:1000px;
	height:280px;
	margin: 0 0 30px;
	
}
#contact_wrap .tel_bnr p{
	position:absolute;
	top:210px;
	left:30px;
	color:#FFFFFF;
}
#contact_wrap .tel_bnr p a{
	color:#FFFFFF;
	text-decoration:underline;
}

#contact_wrap .tel_bnr p a:hover{
	color:#FFE400;
	text-decoration:underline;
}

#contact_wrap .pp{
	margin:0 10px 0px;
}
#contact_wrap .pp .bg1{
	padding:15px;
	background-color:#EEEEEE;
}

#contact_wrap .pp li{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dashed #CCCCCC;
}

#contact_wrap .hissu{
	padding: 0  50px 1px 0px;
	background:url(../contact/images/hissu.jpg) no-repeat right top;
}
#contact_wrap .ninni{
	padding: 0  50px 1px 0px;
	background:url(../contact/images/ninni.jpg) no-repeat right top;
}

/*form_table*/
#contact_wrap .contact_form  {
	padding:10px;
	border-collapse:collapse;
	background-color:#FFFFFF;
}
#contact_wrap .contact_form h4{
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	padding:5px 10px;
	margin:0 0 10px;
	text-align:left;
	background-color:#2888C8;
}

#contact_wrap .contact_form table.con_table01 {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-collapse:collapse;
}
/*table_th*/
#contact_wrap .contact_form table.con_table01 th {
	vertical-align:top;
	text-align:left;
	padding:20px;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
 
/*table_td*/
#contact_wrap .contact_form table.con_table01 td {
	vertical-align: middle;
	text-align:left;
	padding:20px;
	border-bottom:1px solid #CCCCCC;
}




/*submitBtn*/
#formEnd {
	text-align:center;
	margin:0px auto 80px;
}
#formEnd .txtbox{
	text-align:center;
	padding:20px 20px;
	margin:0 0 30px;
}



#formEnd .btn{
	text-align:center;
}



input,select,textarea {
	font-size:1em;
	margin-bottom:1px;
}
input{
}
.mini {
	font-size:10px;
}

optgroup {
	background-color:#cccccc;
	font-style:normal;
}

option {
	margin:0 5px 0 0;
	background-color:#ffffff;
	color:#333333;
}


/*ime_mode*/
.ime_on {
	ime-mode:active;
}

.ime_off {
	ime-mode:disabled;
}

/*input_text_setting*/
input#issue_text {
	width:300px;
	margin:0;
}

input#name,
input#ruby{
	width:300px;
}

input#contact{
	width:300px;
}

input#occupation{
	width:300px;
}
input#tel,
input#fax{
	width:300px;
}
input#post{
	width:300px;
}

input#email,
input#email2,
input#company{
	width:300px;
}

input#address1{
	width:500px;
}
input#zip {
	width:110px;
}
textarea#comment{
	width:550px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７．新着情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#news_wrap{
	width:740px;
}


#news_wrap .news_box{
	width:700px;
	padding:20px 19px 20px;
	margin:0 0 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:1px solid #CCCCCC;
}

#news_wrap .news_box .news_title{
	padding:0 0 0 10px;
	margin:0 0 20px;
	border-left:5px solid #196CB8;
}
#news_wrap .news_box h3{
	font-size:20px;
	font-weight: bold;
	line-height:1.5;
}
#news_wrap .news_box table{
	border-top:1px dotted #CCCCCC;
}

#news_wrap .news_date{
	font-size:13px;
	line-height:1.3;
	color:#358ED7;
	font-weight:bold;
}

#news_wrap .news_box th{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	padding:20px 20px 0px 10px;
}
#news_wrap .news_box td{
	width:100%;
	vertical-align:top;
	text-align:left;
	padding:20px 10px 0;
}

#news_wrap .news_box .photo{
	float:left;
	width:300px;
	margin:0 30px 10px 0;
}