@charset "utf-8";
/* CSS Document         */
/* Base Style Sheet     */
/* base_qqbin.css       */
/* 株式会社　キュウ急便 */
/* http://qq-bin.co.jp/ */

/*** import reset style sheet ***/
	@import url(reset.css);

	
/*** ***/
	/* body */
	body {
		background: #FFFFFF;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 100.01%;
		text-align: center;	/* for IE5.5&IE5.0 */
	}
	/* Headline */
	h1, h2, h3, h4, h5, h6 { font-size: 75%;}

	/* Links */
	a { font-size: 75%;}
	a:link {}
	a:visited {}
	a:hover {}
	a:focus {}
	a:active {}
	/* Paragraph */
	p {
		font-size: 75%;
		color: #000000;
		line-height: 150%;
	}
	/* List */
	ul, ol, dl {
		font-size: 75%;
		color: #000000;
		line-height: 150%;
	}
	/* Float clear */
	.clr {
		clear: both;
		font-size: 0;
		line-height: 0;
		display: block;
		visibility: hidden;
	}
	/* Text indent */
		.txtIndent {
			text-indent: -1.5em;
			margin: 0 0 0 1.5em;
		}
	/* margin */
		.maB10L30 { margin: 0 0 10px 30px;}
		.maB25L30 { margin: 0 0 25px 30px;}
		.maB10L85 { margin: 0 0 10px 85px;}
		.maB10L100 { margin: 0 0 10px 100px;}
		
/*** Layout ***/
	#wrap {
		background: #FFFFFF;
		width: 900px;
		margin: 0 auto;
		overflow: hidden;
		text-align: left;	/* for IE5.5&IE5.0 */
	}
	#header {
		width: 900px;
		height: 425px;
	}
	#container {
		width: 900px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
	#sideNavi {
		width: 180px;
		float: left;
		overflow: hidden;
	}
	#contents {
		width: 720px;
		float: right;
		overflow: hidden;
	}
	#footer {
		width: 900px;
		text-align: center;
		clear: both;
		overflow: hidden;
	}
	

/*** Header ***/
/* Image Replace use */
	body > #header {
		position: relative;
		height: 99%;
		z-index: 1;
	}
	/* for IE5.0 */
		body #header {
			position: relative;
			height: 99%;
			z-index: 1;
		}
		body * #header {
			position: static;
			height: 425px;
		}
	/* for IE5.0 */
	#header {
		background: url(../images/top/header/top_s.jpg) no-repeat 0 0;
		height: 425px;
	}
	#header #headerInner {
		position: relative;
		height: 30px;
		z-index: 5;
	}
	
	/* Headline */
	#header h1 {
		width: 900px;
		height: 20px;
		position: relative;
		top: 40px;
		left: 0;
		z-index: -10;
		overflow: hidden;
		/*\*//*/
    display:inline-table;
	 /**/
	}
	#header h2 {
		position: relative;
		top: -20px;
		left: 0;
		z-index: 2;
	}
	
	/* Navigation */		
	#header #headerInner ul {
		width: 480px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		top: 59px;
		left: 413px;
	}
		#header #headerInner ul li {
			float: left;
			border-left: 1px solid #000000;
			padding: 0 5px;
			margin: 0 0 0 -1px;
		}
	#header ul#lowerNav {
		width: 900px;
		position: relative;
		overflow: hidden;
		left: 0;
		top: 303px;
	}
		#header ul#lowerNav li {
			border: none;
			float: left;
			width: 125px;
			text-align: center;
			margin: 0 0 0 0;
			padding: 0;
		}
	/* Image */
	#header img {
		position: relative;
	}
	#header.test {
		background: url(../images/top/header/top_s.jpg) no-repeat 0 0;
		height: 175px;
	}
/*** Header ***/	
	
/*** Side navi ***/
	#sideNavi ul {
		background: url(../images/top/bg/left_b_1.jpg) no-repeat 0 0;
		font-size: 75%;
		height: 140px;
		margin: 0 0 15px 0;
		padding: 5px 0 0 0;
	}
	#sideNavi ul.unNav { 
		background: url(../images/top/bg/left_b_2.jpg) no-repeat 0 0;
		height: 125px;
	}
	#sideNavi ul li {
		width: 150px;
		height: 20px;
		background: url(../images/common/arrow_g.gif) no-repeat 0 3px;
		padding: 0 0 0 15px;
		margin: 0 0 0 5px; 
		line-height: 150%;
	}
	#sideNavi ul li.qr {
		background: url(../images/top/side/side_qr.gif) no-repeat 0 0;
		height: 100px;
		margin: 5px 0 0 5px;
		padding: 10px 0 0 75px;
	}
	#sideNavi img { margin: 0 0 10px 0;}
	#sideNavi img.maNon { margin: 0 0 0 0;}
/*** Side navi ***/
	
/*** Contents ***/
	/* Contents in the left column */
	#contents #topMain {
		float: left;
		width: 500px;
		margin: 0 0 0 0;
		overflow: hidden;
		display: inline;
	}
	/* News */
	#topMain #news {
		width: 500px;
		border: 1px solid #666666;
	}
	/* Contents in the right column */
	#contents #topSub {
		float: right;
		width: 180px;
		margin: 0 0 0 0;
		overflow: hidden;
		display: inline;
	}
/*** Contents ***/

/*** Footer ***/	
	#footer ul {
		width: 495px;
		margin: 0 auto;
		overflow: hidden;
	}
		#footer ul li {
			float: left;
			border-left: 1px solid #000000;
			padding: 0 5px;
			margin: 0 0 0 -1px;
			line-height: 120%;
		}
/*** Footer ***/	

/*** Topic path ***/
	ul.topicPath { margin: 0 0 10px 0;}
	ul.topicPath li {
		display: inline;
		font-size: 109%;
	}
	ul.topicPath a { font-size: 110%;} 
/*** Top link ***/
	ul.topLink {
		width: 100px;
		padding: 0 0 0 620px;
		margin: 15px 0 30px 0;
	}
	ul.topLink a { font-size: 110%;}
/** Top Banner ***/	
	h1.topBanner {
		background:url(../images/common/title_a.gif) no-repeat 0 0;
		width: 705px;
		height: 35px;
		color: #FFFFFF;
		font-size: 26px;
		padding: 10px 0 0 15px;
	}
/*** Page navi ***/
	ul#pageNav { margin: 35px 0 40px 0;}
	ul#pageNav li { 
		display: inline;
	}
		
/*** Guide ***/
	/* 規約 */
	#privacyNote { display: block;}
	#agreeNote {display: none;} 
	ol { padding-left: -2.5em !important;}
	ol li { 
		list-style-type: decimal;
		margin: 0 0 5px 0;
	}
	
	h2.privacyTitle1 {
		background: url(../images/gcommon/title_b.gif) no-repeat 0 0;
		text-align: center;
		width: 154px;
		height: 20px;
		line-height: 100%;
		padding: 8px 0 0 0;
		margin: 0 0 10px 30px;
	}
	h2.privacyTitle2 {
		background: url(../images/common/title_c.gif) no-repeat 0 0;
		text-align: center;
		width: 300px;
		height: 20px;
		line-height: 100%;
		padding: 8px 0 0 0;
		margin: 0 0 10px 30px;
	}
	h2.praivacyItem1,
	h2.praivacyItem2,
	h2.praivacyItem3 {
		background: url(../images/guide/kiyaku/title_1.gif) no-repeat 0 0;
		width :525px;
		height: 26px;
		color: #416FB5;
		font-size: 22px;
		padding: 2px 0 0 35px;
		margin: 30px 0 10px 55px;
		font-weight: bold;
	}
	h2.praivacyItem2 { background: url(../images/guide/kiyaku/title_2.gif) no-repeat 0 0;}
	h2.praivacyItem3 { background: url(../images/guide/kiyaku/title_3.gif) no-repeat 0 0;}
	h2.agreeTitle {
		background: url(../images/common/title_d.gif) no-repeat 0 0;
		text-align: center;
		width: 104px;
		height: 20px;
		line-height: 100%;
		padding: 8px 0 0 0;
		margin: 0 0 10px 30px; 
	}
	h2.agreeItem1,
	h2.agreeItem2,
	h2.agreeItem3 {
		clear: both;
		background: url(../images/guide/kiyaku/dai_1.gif) no-repeat 0 0;
		width :495px;
		height: 23px;
		color: #000000;
		font-size: 22px;
		padding: 0 0 0 65px;
		margin: 30px 0 10px 35px;
		font-weight: bold;
	}
	h2.agreeItem2 { background: url(../images/guide/kiyaku/dai_2.gif) no-repeat 0 0;}
	h2.agreeItem3 { background: url(../images/guide/kiyaku/dai_3.gif) no-repeat 0 0;}
	
	ul#agreeList { margin: 10px 0 0 25px;}
	ul#agreeList li {
		background: url(../images/common/maru.gif) no-repeat 0 3px;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
		line-height: 130%;
	}
	ul#agreeList a { 
		font-size: 110%;
		line-height: 130%;
	}
	#agreeNote dl,
	#agreeNote p {
		clear: both;
	}
	#agreeNote dl {
		margin: 15px 0 0 35px;
	}
	#agreeNote dl dt {
		clear: both;
		float: left;
		width: 80px;
		text-align: right;
	}
	#agreeNote dl dd {
		float: right;
		width: 570px;
		display: inline;
		margin: 0 0 5px 0; 
	}
	#agreeNote dl dd ul { font-size: 100%;}
	#agreeNote dl dd ul ul { 
		font-size: 100%;
		margin: 0 0 0 15px;
	}
	#agreeNote dl p { 
		font-size: 100%;
		margin: 0 0 0 20px;
	}
	#agreeNote p { 
		font-size: 75%;
		margin: 30px 0 0 40px;
	}
	
	/* 会社案内 */
	#comInfo,
	#aisatsu {
	float: left;
	width: 260px;
	margin: 10px 0 0 0;
	}
	#comInfo img { margin: 0 0 10px 0;}
	p#quick {
		width: 430px;
		float: right;
		background: url(../images/guide/company/company/quick.gif) no-repeat 0 0;
		padding: 50px 0 0 20px;
		margin: 10px 0 0 0;
		line-height: 125%;
		font-size: 75%;
	}
	p#quality {
		width: 430px;
		float: right;
		background: url(../images/guide/company/company/quality.gif) no-repeat 0 0;
		padding: 50px 0 0 20px;
		margin: 10px 0 0 0;
		line-height: 125%;
		font-size: 75%;
	}
	p#think {
		width: 430px;
		float: right;
		background: url(../images/guide/company/company/think.gif) no-repeat 0 0;
		padding: 50px 0 0 20px;
		margin: 10px 0 0 0;
		line-height: 125%;
		font-size: 75%;
	}
	p#txtAisatsu {
		width: 450px;
		float: right;
		padding: 0 0 0 0;
		margin: 10px 0 0 0;
		line-height: 125%;
		font-size: 75%;
	}
	
	/* 概要 */
	h2.enkakuTitle1 {
		background: url(../images/common/title_b.gif) no-repeat 0 0;
		text-align: center;
		width: 154px;
		height: 20px;
		line-height: 100%;
		padding: 8px 0 0 0;
		margin: 15px 0 0 30px;
	}
	h2.enkakuTitle2 {
		background: url(../images/common/title_e.gif) no-repeat 0 0;
		text-align: center;
		width: 214px;
		height: 20px;
		line-height: 100%;
		padding: 8px 0 0 0;
		margin: 15px 0 0 30px;
	}
	table {
		font-size: 75%;
		line-height: 130%;
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
	}
	th, td {
		border-left: 1px solid #666666;
		border-bottom: 1px solid #666666;
	}
	th { 
		width: 100px;
		text-align: center;
	}
	td { 
		width: 510px;
		padding: 10px 0 10px 20px;
	}
	td a { font-size: 100%;}
	table#tblGaiyou { margin: 15px 0 0 35px;}
	table#tblGaiyou th { background: #E6E6E6;}
	
	table#tblEnkaku1 { margin: 15px 0 0 35px;}
	table#tblEnkaku1 th { background: #D7F1FF;}
	
	table#tblEnkaku2 { margin: 15px 0 0 35px;}
	table#tblEnkaku2 th { background: #FFD79B;}
		
	table#tblPartner { margin: 15px 0 0 35px;}
	table#tblPartner th { background: #E6E6E6;}
