@charset "UTF-8";

/* ===================================
	File Name   : kodawari.css
	Description : Other Pages Layout CSS
	Editor      : Bface Takahira
	Last Editor : Bface Takahira
	
	Update Description :
	[2013/2/1] 灰色カラー変更
	[2012/11/20] 新規作成

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

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

	1. Top Page Setting

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





/*===== ■1. Top Page Setting =====*/
#Article ul.BtnPageTopInner {
	width: 730px;
	margin: 0px auto 5px;
	text-align: right;
}

#Article ul.BtnPageTopInner li { display: inline;}

#Article 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%;
}


/* Kodawari Top Intro */
#KodawariTop #KodawariTopIntro { margin-bottom: 30px;}
#KodawariTop #KodawariTopIntro #FirstMessage { margin-top: 7px;}

#KodawariTop #KodawariTopIntro #FirstMessage div {
	float: left;
	width: 360px;
	margin: 0px 10px 0px 5px;
}

#KodawariTop #KodawariTopIntro h2 { margin-bottom: 15px;}

#KodawariTop #KodawariTopIntro img#KodawariImage { float: left;}


/* Packing Material */
#KodawariTop #PackingMaterial .PhotoArea {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0px 0px 20px 10px;
	border: 1px solid #CCCCCC;
	border-collapse: separate;
}

#KodawariTop #PackingMaterial #MaterialLast { margin-bottom: 30px;}

#KodawariTop #PackingMaterial .PhotoArea th {
	width: 210px;
	padding: 4px 0px 4px 25px;
	border: 1px solid #FFFFFF;
	border-left: none;
	background: #D1F8FF url(../img/common/mark-square-blue.gif) no-repeat 7px 10px;
	font-weight: bold;
	font-size: 93%;
	vertical-align: top;
}

#KodawariTop #PackingMaterial .PhotoArea th:first-child { border-left: 1px solid #FFFFFF;}
*:first-child+html #KodawariTop #PackingMaterial d.PhotoArea th:first-child { width: 100%;}


#KodawariTop #PackingMaterial .PhotoArea td {
	padding: 5px;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
}

#KodawariTop #PackingMaterial .PhotoArea td:First-child { border-left: none;}

#KodawariTop #PackingMaterial .PhotoArea td img { margin: 0px auto 7px;}

#KodawariTop #PackingMaterial .PhotoArea td p { margin: 0px 5px;}

#KodawariTop #PackingMaterial ul {
	display: block;
	margin-left: 20px;
}

#KodawariTop #PackingMaterial li {
	float: left;
	width: 220px;
	height: 60px;
	margin-right: 15px;
}

#KodawariTop #PackingMaterial li a {
	display: block;
	width: 220px;
	height: 60px;
	background: url(../img/moving/flow/btn-moving-three-type.jpg) no-repeat;
}

#KodawariTop #PackingMaterial li#BtnSingle a { background-position: 0px 0px;}
#KodawariTop #PackingMaterial li#BtnFamily a { background-position: -220px 0px;}
#KodawariTop #PackingMaterial li#BtnOffice a { background-position: -440px 0px;}

#KodawariTop #PackingMaterial li#BtnSingle a:hover { background-position: 0px -60px;}
#KodawariTop #PackingMaterial li#BtnFamily a:hover { background-position: -220px -60px;}
#KodawariTop #PackingMaterial li#BtnOffice a:hover { background-position: -440px -60px;}





/*===== ■*.Clear Fix  =====*/
#Article #PageLink ul:after,
#KodawariTop #KodawariTopIntro #FirstMessage:after,
#KodawariTop #SafetyMark #BlueBorder:after,
#KodawariTop #SafetyMark dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html #Article #PageLink ul,
*:first-child+html #Family #TruckLoading td li { zoom: 1;} /* IE7 */