@charset "utf-8";

/*reset css
---------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
  font-weight: normal;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

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

.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
.clear {clear:both; margin:0;padding:0;}
.img-filter a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}
img{vertical-align:bottom;}

/*flex
---------------------------------------------------*/
.flexbox1{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10用 */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack:justify;/* IE10用 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10用 */
	-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
	align-items: top; /* 縦方向中央揃え */
}

.flexbox2{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10用 */
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-ms-flex-pack:justify;/* IE10用 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10用 */
	-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
	align-items: top; /* 縦方向中央揃え */
}

.flexbox3{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10用 */
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align:center;/* IE10用 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10用 */
	-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
	align-items: top; /* 縦方向中央揃え */
}

.flexbox4{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10用 */
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack:start;/* IE10用 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10用 */
	-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
	align-items: top; /* 縦方向中央揃え */
}

/* css
---------------------------------------------------*/
.img100 img{width:100%; height:auto;}
.red{color:#EC1216;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}

.pd10{padding:10px;}
.pd20{padding:20px;}

.pd-side20{padding:0px 20px 0px 20px;}

.tar {text-align:right;}
.tac {text-align:center;}

.left {float:left;}
.right {float:right;}
.bold{font-weight:bold;}

.txtbtn01{
	line-height:1em;
	text-align:right;
}
.txtbtn01 img{
	vertical-align:middle;
}
.list01{list-style:disc outside; margin-left:15px;}
.list02{padding:10px;}
.list02 li{
	float:left;
	padding:5px 10px 5px 3px;
	list-style:outside circle;
	margin-left:15px;
}
.list03 li{
	padding: 10px;
}

.txt01{font-size:100%; font-weight:bold; margin-bottom: 5px;}
.txt02{font-size:1.3em; font-weight:bold; color:#012253;}
.txt03{font-size:1.3em; font-weight:bold; color:#EC1216;}

.txtstyle1{
	color: #001c53;
	font-weight: bold;
	font-size: 280%;
}
.txtstyle1 span{
	font-size: 40%;
	font-weight: bold;
}

/* pagetop
----------------------------------------------------------*/

#back-top  {    
	display: none;
	position:fixed;
	bottom: 20px;
	right: 20px;
}
#back-top  a {
    cursor: pointer;
}

/*title*/
.title01{
	line-height:24px;
	padding:10px 0px;
	font-size:120%;
	font-weight:bold;
	background:url(../images/h3_bg.jpg) repeat-x;
	color:#fff;
	margin-bottom:20px;
	width:100%;
	text-indent:20px;
}
.title01 img{
	margin-right:10px;
}

.title02{
	padding:10px;
	border-bottom:1px #e3e3e3 solid;
	font-size:140%;
	font-weight:bold;
	color:#012253;
	line-height:1em;
}

.title02 img{
	margin-right:10px;
}
.title02 span{
	font-size:70%;
}

.title03{
	border-bottom:1px #e7e7e7 solid;
	border-top:5px #ff1717 solid;
	line-height:25px;
	padding:15px 0px;
	text-indent:15px;
	font-weight:bold;
	color:#ff1717;
}
.title03 img{
	margin-right:10px;
}

.title04{
	padding:10px;
	border-bottom:1px #e3e3e3 solid;
	font-size:140%;
	font-weight:bold;
	color:#ff1717;
	line-height:25px;
}

.title04 img{
	margin-right:10px;
}
.title04 span{
	float:right;
}

.title05{
	font-size:200%;
	color:#0f2e5c;
	line-height:1em;
}
.title05 img{
	margin-right:10px;
}
.title06{
	font-size:120%;
	line-height:25px;
}
.title06 img{
	margin-right:10px;
}


#sidebox01 p{
	border:1px solid #cfcfcf;
	background-color:#fff;
	border-top:none;
	padding:14px 0px 14px 0px;
	line-height:21px;
	font-size:100%;
}
#sidebox01 p a{
	color:#012253;
	font-weight:bold;
	padding:0px 0px 0px 40px;
	display: block;
	width: 100%;
	background: url(../images/icon06.png) no-repeat 10px 50%;
}
#sidebox01 img {margin-right:5px; vertical-align:middle;}
#sidebox01 p span{font-size:70%;}


#sidebox03{
	padding:19px;
	border:1px solid #ddd;
	background-color:#eee;
	margin-bottom: 30px;
}
#sidebox03 h3 {margin-bottom:15px;}

.sidebox4 dt{
	background: #ff1717;
	color: #fff;
	padding: 5px 10px;
	font-size: 90%;
}
.sidebox4 dd{
	padding: 10px;
	line-height: 1.6;
	font-size: 90%;
	margin-bottom: 20px;
}
.sidebox4 dd ul{
	list-style: circle outside;
	margin-left: 20px;
}

.sidebox5 dt{
	background: #ff1717;
	color: #fff;
	padding: 5px 10px;
	font-size: 90%;
}
.sidebox5 dt span{
	font-size: 80%;
	padding: 2px;
	white-space: nowrap;
	display: inline-block;
}
.sidebox5 dd{
	padding: 10px 0px;
	line-height: 1.6;
	font-size: 90%;
	margin-bottom: 20px;
}

/* pagetop
----------------------------------------------------------*/

.table01 {
	width:100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.table01 th {
	background-color: #efefef;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
	padding:8px 10px;
	vertical-align:middle;
}
.table01 td {
	border:1px solid ;
	border-color:#CCCCCC #CCCCCC #CCCCCC #fff;	
	padding:8px 10px;
	vertical-align:middle;
}

.table02 {
	width:100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.table02 th {
	background-color: #efefef;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
	padding:8px 10px;
	vertical-align:middle;
}
.table02 td {
	border:1px solid ;
	border-color:#CCCCCC;	
	padding:8px 10px;
	vertical-align:middle;
}

.table03 {
	width:100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.table03 th {
	background-color: #efefef;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
	padding:3px 10px;
	vertical-align:middle;
	width: 25%;
}
.table03 td {
	border:1px solid ;
	border-color:#CCCCCC;	
	padding:3px 10px;
	vertical-align:middle;
}
.table03 td span{
	background: #0f2e5c;
	padding: 5px;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 2px;
	line-height: 1;
}

/*box
------------------------------------------------*/
.itbox1 .img100{
	width: 35%;
}
.itbox1 .txt{
	width: 63%;
}


/* qa
----------------------------------------------------------*/

.qa{width:100%; font-size:100%;}
.qa dt{
	background-image:url(../images/icon09.png);
	background-position:15px;
	background-repeat:no-repeat;
	background-color:#001c53;
	padding:10px 10px 10px 50px;
	font-weight:bold;
	color:#fff;
	
}
.qa dd{
	background-repeat:no-repeat;
	border-left:5px #001c53 solid;
	border-right:5px #001c53 solid;
	border-bottom:5px #001c53 solid;
	padding:10px;
	margin-bottom:20px;
}


/* privacy
----------------------------------------------------------*/
.privacy_dl dt{
	font-weight:bold;
	border-bottom:1px #ccc dotted;
}
.privacy_dl dd{
	padding:15px;
}


.newsUpdater_List dt{
	font-size:16px;
	margin-bottom:5px;
}
.newsUpdater_List dd{
	margin-bottom:15px;
}
/* 業務内容
----------------------------------------------------------*/
.gyoumu{width:705px;}
.gyoumu dl{
	width:220px;
	float:left;
	margin-right:15px;
}
.gyoumu dt{
	padding:10px;
	border-bottom:3px #012253 solid;
	font-size:130%;
	font-weight:bold;
	color:#012253;
	line-height:1em;
}
.gyoumu dd{
	padding:10px;
}
.gyoumu dd h4{
	color:#012253;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background-color:#f1f1f1;	
}

/* 料金
----------------------------------------------------------*/
.unpan_l{
	width:340px;
	float:left;
}
.unpan_r{
	width:340px;
	float:right;
}


/*引っ越し*/

.top_img01{
	width:33%;
	border: 1px #1b3965 solid;
	background: #1b3965;
}
.top_img01 img{
	width: 100%;
	height: auto;
}
.top_img01 span{
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	display: block;
}


/*hikkoshi--------------------------------------------------*/
.hikkoshi_box01{
	text-align:center;
	margin-bottom:30px;
}
.hikkoshi_box01 div.hikkoshi_boxs{
	width: 33%;
	padding:5px;
	border:5px solid #ddd;
}
.hikkoshi_box01 h4{
	background:#ff1717;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	padding:5px;
}
.hikkoshi_box01 p{
	font-weight:bold;
	text-align:center;
	padding:5px;
	border:1px solid #eee;
}
.hikkoshi_box02{
	margin-bottom:30px;
}
.hikkoshi_box02 div.hikkoshi_boxs{
	width:33%;
	padding:8px;
	border:2px solid #ddd;
	margin-bottom:20px;
}
.hikkoshi_box02 p{
	margin-bottom:20px;
}

.hikkoshi_box02 .img100{
	width: 100%;
}
.hikkoshi_boxs3{
	border:5px solid #001c53;
	margin-bottom:20px;
}
.hikkoshi_boxs3 h3{
	background-color:#001c53;
	color:#fff;
	text-align:center;
	padding:5px;
	font-size:150%;
}
.hikkoshi_boxs3 div{
	padding:20px;
	font-size:130%;
}

.hikkoshi_box03 div.hikkoshi_boxs{
	width: 33%;
	padding:5px;
	border:5px solid #ddd;
}
.hikkoshi_box03 h4{
	background:#ff1717;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	padding:5px;
}
.hikkoshi_box03 p{
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.hikkoshi_box03 ul li{
	padding: 5px 8px;
	background: #eee;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 80%;
}

.link_box01 li{
	background:url(../images/icon01.png) no-repeat left 50%;
	line-height: 1.6;
	padding-left: 15px;
	margin-bottom: 10px;
}
.link_box01 li a:hover{
	color: #E30003;
}