@charset "UTF-8";

/* ===================================
	File Name   : etc.css
	Description : Other Pages Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Takahira
	
	Update Description :
	[2013/2/1] Privacy Announcement追加, Company 灰色カラー変更
	[2013/1/10] Sitemap 作成
	[2012/11/6] Company,Privacy 修正
	[2012/11/2] Company 作成
	[2012/11/1] Privacy 作成
	[2012/10/9] 新規作成
	[2012/10/5] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Question Page Setting
	2. Privacy Page Setting
	3. Company Page Setting
	4. Sitemap Page Setting

	*. Clear Fix
	
====================================== */





/*===== ■1. Question Page Setting =====*/
#Question #QuestionIntro h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(../img/common/bg-line-title-bottom.jpg) repeat-x bottom;
}

#Question #QuestionIntro h2 img {
	margin-left: 3px;
	padding-left: 17px;
	background: url(../img/common/mark-block-title-left.gif) no-repeat left;
}

#Question #QuestionIntro #PageLink {
	display: block;
	margin-bottom: 30px;
	border: 1px solid #EBEBEB;
}

#Question #QuestionIntro #PageLink ul {
	display: block;
	padding: 10px 0px 5px 10px;
	border: 1px solid #FFFFFF;
	background: #EBEBEB;
}

#Question #QuestionIntro #PageLink ul li {
	display: block;
	float: left;
	width: 170px;
	padding: 0px 0px 5px 5px;
}

#Question #QuestionIntro #PageLink ul li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-below.png) no-repeat left;
	font-size: 93%;
}

#Question #QuestionIntro #Work { margin-bottom: 45px;}

#Question #QuestionIntro .BtnPageTopInner {
	margin-bottom: 5px;
	text-align: right;
}

#Question #QuestionIntro .BtnPageTopInner li { display: inline;}

#Question #QuestionIntro .BtnPageTopInner li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-top.png) no-repeat 0px 4px;
	font-size: 93%;
}

#Question #QuestionIntro p.Question {
	width: 675px;
	margin: 0px 0px 5px 10px;
	padding: 5px 0px 0px 30px;
	background: url(../img/etc/img-question.jpg) no-repeat;
	font-weight: bold;
}

#Question #QuestionIntro p.Answer {
	width: 675px;
	margin: 0px 0px 20px 10px;
	padding: 5px 0px 0px 30px;
	background: url(../img/etc/img-answer.jpg) no-repeat;
}

#Question #QuestionIntro #BtnMoveService {
	padding-top: 20px;
	border-top: 1px dotted #CCCCCC;
	text-align: center;
	letter-spacing: -0.4em;
}

#Question #QuestionIntro #BtnMoveService li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0px 5px;
	letter-spacing: 0em;
}

#Question #QuestionIntro #BtnMoveService li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 220px;
	height: 38px;
	background: url(../img/etc/btn-move-service.jpg) no-repeat;
}
#Question #QuestionIntro #BtnMoveService li a#BtnFamily { background-position: -220px 0px;}
#Question #QuestionIntro #BtnMoveService li a#BtnOffice { background-position: -440px 0px;}

#Question #QuestionIntro #BtnMoveService li a#BtnSingle:hover { background-position: 0px -38px;}
#Question #QuestionIntro #BtnMoveService li a#BtnFamily:hover { background-position: -220px -38px;}
#Question #QuestionIntro #BtnMoveService li a#BtnOffice:hover { background-position: -440px -38px;}





/*===== ■2. Privacy Page Setting =====*/
/* Share */
#Privacy #PrivacyIntro h2 { margin-bottom: 10px;}

#Privacy #PrivacyIntro h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../img/common/bg-line-title-bottom.jpg) repeat-x bottom;
}

#Privacy #PrivacyIntro h3 img {	margin-left: 3px;}

#Privacy #PrivacyIntro p { margin: 0px 15px 20px;}

#Privacy #PrivacyIntro ul.BtnPageTopInner {
	margin-bottom: 5px;
	text-align: right;
}

#Privacy #PrivacyIntro ul.BtnPageTopInner li { display: inline;}

#Privacy #PrivacyIntro ul.BtnPageTopInner li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-top.png) no-repeat 0px 4px;
	font-size: 93%;
}


/* Declare Items */
#Privacy #PrivacyIntro #Declare { margin-bottom: 30px;}

#Privacy #PrivacyIntro #Declare ul#DeclareNumber li {
	margin: 0px 15px 20px;
	padding-left: 30px;
	font-size: 93%;
}

#Privacy #PrivacyIntro #Declare ul li#DeclareNumber01 { background: url(../img/common/txt-number01.jpg) no-repeat;}
#Privacy #PrivacyIntro #Declare ul li#DeclareNumber02 { background: url(../img/common/txt-number02.jpg) no-repeat;}
#Privacy #PrivacyIntro #Declare ul li#DeclareNumber03 { background: url(../img/common/txt-number03.jpg) no-repeat;}
#Privacy #PrivacyIntro #Declare ul li#DeclareNumber04 { background: url(../img/common/txt-number04.jpg) no-repeat;}
#Privacy #PrivacyIntro #Declare ul li#DeclareNumber05 { background: url(../img/common/txt-number05.jpg) no-repeat;}
#Privacy #PrivacyIntro #Declare ul li#DeclareNumber06 {
	margin-bottom: 30px;
	background: url(../img/common/txt-number06.jpg) no-repeat;
}

#Privacy #PrivacyIntro #Declare dl#Contact {
	display: block;
	width: 542px;
	margin: 0px auto 20px;
	border: 1px solid #CCCCCC;
}

#Privacy #PrivacyIntro #Declare dl#Contact dt {
	padding: 2px 0px;
	border: 1px solid #FFF;
	background: #006699;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 93%;
	text-align: center;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd {
	padding: 15px 20px;
	border: 1px solid #FFFFFF;
	border-top: none;
	background: #EBEBEB;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd strong,
#Privacy #PrivacyIntro #Declare dl#Contact dd #ContactLink {
	display: inline;
	float: left;
	width: 210px;
}
#Privacy #PrivacyIntro #Declare dl#Contact dd #ContactLink { clear: left;}
#Privacy #PrivacyIntro #Declare dl#Contact dd #ContactLink a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 18px;
	background: url(../img/common/mark-arrow-link.png) no-repeat 0px center;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd strong {
	color: #006699;
	font-weight: bold;
	font-size: 108%;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd em {
	color: #002C4B;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd span {
	margin: 0px 5px;
	color: #006699;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd a {
	margin: 0px 5px;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Declare dl#Contact dd strong,
#Privacy #PrivacyIntro #Declare dl#Contact dd #ContactCharge { margin-bottom: 5px;}


/* Handling Items */
#Privacy #PrivacyIntro #Handling #Outline,
#Privacy #PrivacyIntro #Handling .Purpose,
#Privacy #PrivacyIntro #Handling #Commission,
#Privacy #PrivacyIntro #Handling #Offer,
#Privacy #PrivacyIntro #Handling #Complaint { padding-bottom: 10px;}

#Privacy #PrivacyIntro .Purpose dl {
	margin: 0px 15px 20px;
	font-size: 93%;
}

#Privacy #PrivacyIntro .Purpose dl dt {
	margin-bottom: 3px;
	font-weight: bold;
}

#Privacy #PrivacyIntro .Purpose dl { padding-left: 30px;}

#Privacy #PrivacyIntro .Purpose dl.PurposeNumber01 { background: url(../img/common/txt-number01.jpg) no-repeat;}
#Privacy #PrivacyIntro .Purpose dl.PurposeNumber02 { background: url(../img/common/txt-number02.jpg) no-repeat;}
#Privacy #PrivacyIntro .Purpose dl.PurposeNumber03 { background: url(../img/common/txt-number03.jpg) no-repeat;}

#Privacy #PrivacyIntro .Purpose dl.PurposeNumber02 dd ul li {
	margin-left: 5px;
	padding-left: 10px;
	background: url(../img/common/mark-square-double.gif) no-repeat 0px 6px;
}

#Privacy #PrivacyIntro #Handling #Complaint p { margin-bottom: 30px;}

#Privacy #PrivacyIntro #Handling #Complaint dl {
	display: block;
	width: 602px;
	margin: 0px auto 15px;
	border: 1px solid #CCCCCC;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dt {
	padding: 2px 0px;
	border: 1px solid #FFFFFF;
	background: #006699;
	color: #FFF;
	font-weight: bold;
	font-size: 93%;
	text-align: center;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd {
	padding: 15px 20px;
	border: 1px solid #FFFFFF;
	border-top: none;
	background: #EBEBEB;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd strong,
#Privacy #PrivacyIntro #Handling #Complaint dl dd #ComplaintLink {
	display: inline;
	float: left;
	width: 260px;
}
#Privacy #PrivacyIntro #Handling #Complaint dl dd #ComplaintLink { clear: left;}
#Privacy #PrivacyIntro #Handling #Complaint dl dd #ComplaintLink a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 18px;
	background: url(../img/common/mark-arrow-link.png) no-repeat 0px center;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd strong {
	color: #006699;
	font-weight: bold;
	font-size: 108%;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd em {
	color: #002C4B;
	font-weight: bold;
	font-size: 93%;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd span {
	margin: 0px 5px;
	color: #006699;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd a {
	margin: 0px 5px;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Handling #Complaint dl dd strong,
#Privacy #PrivacyIntro #Handling #Complaint dl dd #ComplaintAddress { margin-bottom: 5px;}

#Privacy #PrivacyIntro .Date {
	text-align: right;
	margin-bottom: 15px;
}
#Privacy #PrivacyIntro .Date em {
	display: block;
	text-align: right;
	font-weight: bold;
}


/* Announcement Items */
#Privacy #PrivacyIntro #Announcement #Name,
#Privacy #PrivacyIntro #Announcement #Manager,
#Privacy #PrivacyIntro #Announcement .Purpose,
#Privacy #PrivacyIntro #Announcement #Procedure { padding-bottom: 10px;}

#Privacy #PrivacyIntro #Announcement #Procedure p { margin-bottom: 30px;}

#Privacy #PrivacyIntro #Announcement #Procedure dl {
	display: block;
	width: 602px;
	margin: 0px auto 15px;
	border: 1px solid #CCCCCC;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dt {
	padding: 2px 0px;
	border: 1px solid #FFFFFF;
	background: #006699;
	color: #FFF;
	font-weight: bold;
	font-size: 93%;
	text-align: center;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd {
	padding: 15px 20px;
	border: 1px solid #FFFFFF;
	border-top: none;
	background: #EBEBEB;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd strong,
#Privacy #PrivacyIntro #Announcement #Procedure dl dd #ProcedureLink {
	display: inline;
	float: left;
	width: 260px;
}
#Privacy #PrivacyIntro #Announcement #Procedure dl dd #ProcedureLink { clear: left;}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd #ProcedureLink a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 18px;
	background: url(../img/common/mark-arrow-link.png) no-repeat 0px center;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd strong {
	color: #006699;
	font-weight: bold;
	font-size: 108%;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd em {
	color: #002C4B;
	font-weight: bold;
	font-size: 93%;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd span {
	margin: 0px 5px;
	color: #006699;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd a {
	margin: 0px 5px;
	font-weight: bold;
}

#Privacy #PrivacyIntro #Announcement #Procedure dl dd strong,
#Privacy #PrivacyIntro #Announcement #Procedure dl dd #ProcedureAddress { margin-bottom: 5px;}

#Privacy #PrivacyIntro .Date {
	text-align: right;
	margin-bottom: 15px;
}
#Privacy #PrivacyIntro .Date em {
	display: block;
	text-align: right;
	font-weight: bold;
}





/*===== ■3. Company Page Setting =====*/
#Company #CompanyIntro dl#President {
	display: block;
	width: 680px;
	margin: 10px auto 25px;
	padding: 10px 15px;
	border: 1px solid #CCCCCC;
}

#Company #CompanyIntro dl#President dt {
	float: left;
	width: 210px;
	background: url(../img/etc/bg-photo-president.gif) no-repeat;
}

#Company #CompanyIntro dl#President dt img { margin: 8px;}

#Company #CompanyIntro dl#President dd {
	float: left;
	width: 465px;
}

#Company #CompanyIntro dl#President dd h2 {
	margin: 15px 0px;
	padding-bottom: 10px;
	background: url(../img/common/bg-line-title-bottom.jpg) repeat-x bottom;
}

#Company #CompanyIntro dl#President dd h2 em {
	margin: 0px 25px 0px 3px;
	padding-left: 17px;
	background: url(../img/common/mark-block-title-left.gif) no-repeat left;
	color: #002C4B;
	font-weight: bold;
	font-size: 108%;
}

#Company #CompanyIntro dl#President dd h2 strong {
	display: inline;
	margin: 0px;
	color: #002C4B;
	font-weight: bold;
	font-size: 138.5%;
}

#Company #CompanyIntro dl#President dd strong {
	display: block;
	margin: 0px 20px 10px;	
}

#Company #CompanyIntro dl#President dd ul li {
	margin: 0px 0px 5px 20px;
	padding-left: 15px;
	background: url(../img/common/mark-square-double.gif) no-repeat 0px 6px;;
	font-weight: bold;
	font-size: 93%;
}

#Company #CompanyIntro table {
	width: 710px;
	margin: 0px auto 15px;
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	table-layout: fixed;
}
#Company #CompanyIntro table#AboutUnion { margin-bottom: 30px;}

#Company #CompanyIntro table th {
	width: 140px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #D1F8FF;
}
#Company #CompanyIntro tr:first-child th { border-top: 1px solid #FFFFFF;}
#Company #CompanyIntro tr.LastChild th { border-bottom: 1px solid #FFFFFF;}

#Company #CompanyIntro table th span {
	display: block;
	margin: 5px 0px 5px 7px;
	padding-left: 17px;
	background: url(../img/common/mark-square-blue.gif) no-repeat 0px 6px;
	font-weight: bold;
	font-size: 93%;
}

#Company #CompanyIntro table td {
	width: 557px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #CCCCCC;
	font-size: 93%;
}
#Company #CompanyIntro tr:first-child td { border-top: 1px solid #FFFFFF;}

#Company #CompanyIntro h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../img/common/bg-line-title-bottom.jpg) repeat-x bottom;
}

#Company #CompanyIntro h2 img {
	margin-left: 3px;
	padding-left: 17px;
	background: url(../img/common/mark-block-title-left.gif) no-repeat left;
}





/*===== ■4. Sitemap Page Setting =====*/
#Sitemap #SitemapIntro div {
	float: left;
	margin-bottom: 25px;
}

#Sitemap #SitemapIntro #Service,
#Sitemap #SitemapIntro #Moving { margin-top: 5px;}

#Sitemap #SitemapIntro #Service,
#Sitemap #SitemapIntro #Estimate,
#Sitemap #SitemapIntro #Campaign { margin-right: 10px;}

#Sitemap #SitemapIntro h2 {
	width: 350px;
	height: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../img/common/bg-line-title-bottom.jpg) repeat-x bottom;
}

#Sitemap #SitemapIntro h2 img {
	margin-left: 3px;
	padding-left: 17px;
	background: url(../img/common/mark-block-title-left.gif) no-repeat left;
}

#Sitemap #SitemapIntro ul {
	width: 350px;
	padding-left: 10px;
}

#Sitemap #SitemapIntro ul li { padding-bottom: 10px;}

#Sitemap #SitemapIntro ul li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-link.png) no-repeat left;
	font-size: 93%;
}

#Sitemap #SitemapIntro ul li a.MovingType {
	margin: 5px 20px 5px 20px;
	padding: 1px 0px 1px 13px;
	background: url(../img/common/mark-arrow-link-white.gif) no-repeat left;
}

#Sitemap #SitemapIntro ul li p { margin: 3px 0px 3px 17px;}


/*===== ■*.Clear Fix  =====*/
#Question #QuestionIntro #PageLink ul:after,
#Privacy #PrivacyIntro #Declare dl#Contact dd:after,
#Privacy #PrivacyIntro #Handling #Complaint dl dd:after,
#Company #CompanyIntro dl#President:after,
#Sitemap #SitemapIntro:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html #Question #QuestionIntro #PageLink ul { zoom: 1;} /* IE7 */