@charset "UTF-8";



/*//////////////////////////////////////////////////



Title : daytour.css

For   : Setting styles of offkai contents



Created    : 2009-12-02

Last Modified : 2009-12-04





----------------------------------------



Content

        1. Main frame
		


//////////////////////////////////////////////////*/


/* ---------------------------------------

        1. Main frame

   ---------------------------------------- */

body {
	color: #4c4c4c;
	padding: 0;
	background: url(/offkai/images/bg_body.jpg) repeat 0 0;
	text-align: center;
	font-size: 10px;
}
a {
	color: #003f76;
	text-decoration: underline;
}
a:hover {
	color: #005bab;
}

body#daytour #wrapper {
	position: relative;
	width: 565px;
	height: 694px;
	margin: 25px auto 0;
	background: url(/offkai/images/bg_daytour.gif) no-repeat 0 0;
	text-align: left;
	overflow: hidden;
}

#header {
	position: relative;
	width: 565px;
	height: 91px;
}
#header img#logo {
	position: absolute;
	right: 26px;
	top: 34px;
}
#header p {
	position: absolute;
	left: 29px;
	top: 27px;
}

.pageIndex {
	margin-top: 16px;
	padding: 0 25px 0 28px;
}
.pageIndex p {
	float: left;
}
.pageIndex a {
	float: right;
}

h1 {
	margin: 2px 0 0 27px;
}
.contents {
	position: relative;
	width: 514px;
	height: 481px;
	margin-left: 24px;
}
.contents .factory .factoryNavi {
	position: relative;
	width: 111px;
	height: 125px;
}
.contents .factory .factoryNavi a,
.contents .factory .factoryNavi span {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
.contents .factory .factoryNavi a#mapS01,
.contents .factory .factoryNavi span#mapS01 {
	left: 69px;
	top: 18px;
	width: 41px;
	height: 49px;
	z-index: 1;
}
.contents .factory .factoryNavi a#mapS01:hover {
	background: url(/offkai/images/hasuda/map_s01.gif) no-repeat 0 0;
}
.contents .factory .factoryNavi a#mapS02,
.contents .factory .factoryNavi span#mapS02 {
	left: 34px;
	top: 0;
	width: 57px;
	height: 58px;
}
.contents .factory .factoryNavi a#mapS02:hover {
	background: url(/offkai/images/hasuda/map_s02.gif) no-repeat 0 0;
}
.contents .factory .factoryNavi a#mapS03,
.contents .factory .factoryNavi span#mapS03 {
	left: -7px;
	top: 12px;
	width: 45px;
	height: 105px;
}
.contents .factory .factoryNavi a#mapS03:hover {
	background: url(/offkai/images/hasuda/map_s03.gif) no-repeat 0 0;
}

/* daytour01.html */
.contents.daytour01 {
	background: url(/offkai/images/hasuda/bg_daytour01.gif) no-repeat 387px 8px;
}
.contents.daytour01 img#photo01 {
	position: absolute;
	left: 148px;
	top: 6px;
}
.contents.daytour01 img#photo02 {
	position: absolute;
	left: 291px;
	top: 66px;
}
.contents.daytour01 img#photo03 {
	position: absolute;
	left: 107px;
	top: 157px;
}
.contents.daytour01 img#photo04 {
	position: absolute;
	left: 223px;
	top: 293px;
}
.contents.daytour01 p#comment01 {
	position: absolute;
	left: 0px;
	top: 58px;
}
.contents.daytour01 p#comment02 {
	position: absolute;
	right: 11px;
	top: 209px;
}
.contents.daytour01 .factory {
	position: absolute;
	left: 8px;
	top: 295px;
}
.contents.daytour01 .factory .factoryNavi {
	background: url(/offkai/images/hasuda/bg_factory01.gif) no-repeat 0 0;
}
.contents.daytour01 .factory h2 {
	margin-bottom: 8px;
}
.contents.daytour01 .factory li {
	list-style: none;
	margin-bottom: 4px;
	line-height: 0;
}
.contents.daytour01 .factory li img {
	vertical-align: top;
}

/* daytour02.html */
.contents.daytour02 {
	background: url(/offkai/images/hasuda/bg_daytour02.gif) no-repeat 415px 180px;
}
.contents.daytour02 .contents01 {
	position: relative;
	width: 514px;
	height: 240px;
}
.contents.daytour02 .contents01 .clearfix {
	padding-left: 9px;
}
.contents.daytour02 .contents01 h2 {
	float: left;
	margin-right: 16px;
	padding-top: 17px;
}
.contents.daytour02 .contents01 p.lead {
	padding-top: 17px;
}
.contents.daytour02 .contents01 img#photo01 {
	position: absolute;
	left: 184px;
	top: 58px;
}
.contents.daytour02 .contents01 p#comment01 {
	position: absolute;
	left: 6px;
	top: 38px;
}
.contents.daytour02 .contents01 p#comment02 {
	position: absolute;
	right: -2px;
	top: 67px;
}
.contents.daytour02 .contents01 p#comment03 {
	position: absolute;
	left: 29px;
	top: 134px;
}
.contents.daytour02 .contents02 {
	position: relative;
	width: 514px;
	height: 241px;
}
.contents.daytour02 .contents02 h2 {
	padding-left: 9px;
}
.contents.daytour02 .contents02 p.lead {
	padding: 8px 0 0 9px;
}
.contents.daytour02 .contents02 img#photo02 {
	position: absolute;
	left: 191px;
	top: 70px;
}
.contents.daytour02 .contents02 img#photo03 {
	position: absolute;
	left: 146px;
	top: 55px;
}
.contents.daytour02 .contents02 p#comment04 {
	position: absolute;
	right: -2px;
	top: 51px;
}
.contents.daytour02 .contents02 p#comment05 {
	position: absolute;
	right: -2px;
	top: 123px;
}
.contents.daytour02 .factory {
	position: absolute;
	left: 8px;
	top: 296px;
	width: 160px;
}
.contents.daytour02 .factory .factoryNavi {
	background: url(/offkai/images/hasuda/bg_factory02.gif) no-repeat 0 0;
}
.contents.daytour02 .factory h2 {
	margin-bottom: 8px;
}
.contents.daytour02 .factory li {
	list-style: none;
	margin-bottom: 4px;
	line-height: 0;
}
.contents.daytour02 .factory li.fifth {
	float: left;
	margin-right: 10px;
}
.contents.daytour02 .factory li.sixth {
	float: left;
}
.contents.daytour02 .factory li img {
	vertical-align: top;
}

/* daytour03.html */
.contents.daytour03 {
	background: url(/offkai/images/hasuda/bg_daytour03.gif) no-repeat 428px 162px;
}
.contents.daytour03 .contents01 {
	position: relative;
	width: 514px;
	height: 201px;
}
.contents.daytour03 .contents01 h2 {
	float: left;
	padding: 18px 0 0 9px;
}
.contents.daytour03 .contents01 img#photo01 {
	position: absolute;
	left: 130px;
	top: 38px;
}
.contents.daytour03 .contents01 p#comment01 {
	position: absolute;
	right: -2px;
	top: 16px;
}
.contents.daytour03 .contents01 p#comment02 {
	position: absolute;
	left: 1px;
	top: 71px;
}
.contents.daytour03 .contents02 {
	position: relative;
	width: 514px;
	height: 280px;
}
.contents.daytour03 .contents02 h2 {
	padding: 13px 0 0 9px;
}
.contents.daytour03 .contents02 img#photo02 {
	position: absolute;
	left: 314px;
	top: 0;
}
.contents.daytour03 .contents02 img#photo03 {
	position: absolute;
	left: 181px;
	top: 95px;
}
.contents.daytour03 .contents02 p#comment03 {
	position: absolute;
	left: 117px;
	top: 27px;
}
.contents.daytour03 .contents02 p#comment04 {
	position: absolute;
	right: 0;
	top: 155px;
}
.contents.daytour03 .factory {
	position: absolute;
	left: 8px;
	top: 295px;
}
.contents.daytour03 .factory .factoryNavi {
	background: url(/offkai/images/hasuda/bg_factory03.gif) no-repeat 0 0;
}
.contents.daytour03 .factory h2 {
	margin-bottom: 8px;
}
.contents.daytour03 .factory li {
	list-style: none;
	margin-bottom: 4px;
	line-height: 0;
}
.contents.daytour03 .factory li img {
	vertical-align: top;
}


/* #footer */
body#daytour #footer {
	width: 565px;
	margin: 0;
	padding: 15px 0;
	background: none;
	text-align: center;
}