/* ===================================================================
CSS
 style info :  基本構造（common.css）
=================================================================== */


/* PC用のスタイル記述 */
.sp {
	display: none;}
.pc {
	display: block;}

#top_head {
	padding-top: 60px;
	text-align: center;}

#menu {
	background: url(../img/menu_back.png) top left repeat-x;}

#menuIn {
	width: 980px;
	margin: 0 auto;}

#menuIn li {
	float: left;}

#wrapper {
	width: 980px;
	margin: 0 auto;}

#contact li {
	border: 5px solid #aee4e9;
	background-color: #e1f5f7;
	width: 290px;
	margin: 0 11px;
	float: left;
	margin-bottom: 20px;}

#contact li h3 {
	background-color: #aee4e9;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;}

#contact li div {
	padding: 10px;}

#contact li div p {
	padding-left: 30px;
	margin-bottom: 7px;}

#contact li div p strong {
	font-size: 20px;}

#contact li div p.tel {
	background: url(../img/icon_phone.png) center left no-repeat;}

#contact li div p.fax {
	background: url(../img/icon_fax.png) center left no-repeat;}

#contact li div p.mail {
	padding-left: 0px;}
#contact li div p.mail a {
	background: url(../img/icon_mail.png) center left no-repeat;
	display: block;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0em;
	padding-left: 30px;}

#contact li.balloon {
	border: 0;
	background-color: #fff;
	padding-top: 6px;
	text-align: center;
	margin-right: 21px;}

address {
	text-align: center;
	margin-bottom: 50px;
	font-size: 90%;}

#header {
	padding-top: 25px;
	width: 980px;
	margin: 0 auto 20px auto;}

#header .logo {
	float: left;}

#header .contact_bt {
	float: right;}

.title {
	background-color: #002b74;
	padding: 7px 0 7px 15px;
	border-left: 7px solid #f0db19;
	color: #FFF;
	font-size: 180%;
	margin-bottom: 40px;}

.title_s {
	background: url(../img/title_truck.png) top left no-repeat;
	padding: 0 0 8px 65px;
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 25px;}

.greet {
	background-color: #E6FDFF;
	padding: 15px;}

.greet img {
	float: right;}

.greet .gr_txt {
	float: left;
	width: 720px;
	line-height: 1.8em;}

.rinen {
	font-size: 300%;
	text-align: center;
	margin-bottom: 30px;}

.rinen_circle {
   text-align: center;
}

.rinen_circle li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0 15px;
}

.prof_tb {
	border: 1px solid #EBEBEB;
	width: 100%;}

.prof_tb th {
	background-color: #EAF9FF;
	padding: 10px;
	text-align: left;
	border: 1px solid #EBEBEB;}

.prof_tb td {
	padding: 10px;
	text-align: left;
	border: 1px solid #EBEBEB;}

.prof_tb02 {
	border: 1px solid #EBEBEB;
	width: 100%;}

.prof_tb02 th {
	background-color: #EAF9FF;
	padding: 10px;
	text-align: left;}

.prof_tb02 td {
	padding: 10px;
	text-align: left;
	border: 1px solid #EBEBEB;}

.history {
	position: relative;}

.history img {
	position: absolute;
	top: 10px;
	right: 0;}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
   background: url(../img/pagetop.png) top left no-repeat;
   width: 50px;
   display: block;
   height: 50px;
   text-indent: -9999em;}

.posih2 {
	font-size: 155%;
	font-weight: bold;
	text-align: center;}

.posih3 {
	text-align: center;
	font-size: 120%;}

.other {
	background-color: #35C2DF;
	text-align: center;
	padding: 20px;
	color: #FFF;
	font-size: 130%;
	margin-bottom: 100px;}

.other h3 {
	font-size: 160%;
	font-weight: bold;}

.message {
	background-color: #E6FDFF;
	padding: 15px 15px 15px 20px;}

.message img {
	float: left;
	border:1px solid #ddd;
}

.message .ms_txt {
	float: right;
	width: 780px;
	line-height: 1.8em;}
.box01{
	width:760px;
	height:120px;
	background: url(../img/box01.png) no-repeat;
	padding: 10px 10px 0px 30px;
	box-sizing: border-box;
}
.box02{
	width:760px;
	height:10px;
	background: url(../img/box02.png) no-repeat;
}

.yoko{position:relative !important;}
.yoko_photo{
	position:absolute !important;
	right:30px;
	top:80px;
	width:350px;
}
.size02{width:380px;}
ul.requirements li{
	display:inline-block;
	width:294px;
	margin: 0 11px;
	text-align:center;
}
ul.requirements li img{width:100%;}
ul.requirements li p{
	padding: 5px 0;
	font-weight: bold;
	background: #aee4e9;
}
ul.requirements li a{color:inherit}
ul.requirements li a:hover{
	filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

ul.requirements li i{
	font-size:1.2em;
	padding: 0 10px;
}

form th span{
	font-size:0.6em;
	background: #d80000;
	color:#ffffff;
	padding: 2px 5px;
	margin-right: 5px;
}
form .description{
	color:#d80000;
	font-size:0.8em;
}
ul.form_btn{text-align: center;}
ul.form_btn li{
	display: inline;
	margin: 0 10px;
}


/* ===================================================================
    タブレット
=================================================================== */

@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */

.sp {
	display: block;}
.pc {
	display: none;}







}