@charset "euc-jp";

/* Include
   --------------------------------------------- */
@import "../css/font.css";
@import "../css/basic.css";
@import url("../css/global.css");
@import url("../css/main.css");
a img { color: white; }	/* trick to hide the border in Netscape 4 */
@media all {	/* hide the next rule from Netscape 4 */
  a img { color: inherit; }	/* undo the color change above */
}
th, td { /* ns 4 */ font-family:sans-selif;}

/* base
   --------------------------------------------- */
body{	position: relative;}
#landingPage div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
#landingPage {	}
#landingPage .fClear{	clear: both;}
#landingPage img{	border-style: none;	margin: 0px;	padding: 0px;}
	
/* H 
   --------------------------------------------- */
h2{ margin-bottom: 1em; }
h3{ margin-bottom: 1em; }
h4{font-size: 11px;}

/* color
   --------------------------------------------- */
.colorTxt01{ color: #866a0c; }
.colorTxt02{ color: #6B524A; }

/* BG
   --------------------------------------------- */
#landingPage #body{
	background: url(img/bgdow.jpg) no-repeat 0px bottom;
	margin: 0px 0px 1em -10px;
	padding: 0px;
	width: 820px;
}

#landingPage #bodyInner{
	font-family: "¥á¥¤¥ê¥ª","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
	color: #333333;
	font-size: 11px;
	background: url(img/bgtop.jpg) no-repeat 0px 0px;
	width: 820px;
}
#landingPage #bodyInner #pankuzu{ margin-left: 11px; }


/* Title
   --------------------------------------------- */
#landingPage #Title{
	height: 360px;
}
#landingPage #Title h1 {
	position: relative;
	width: 820px;
	margin: 0 auto;
}
#landingPage #Title h1 span.title{
	display: block;
	position: absolute;
	top: 25px;
	left: 35px;
}
#landingPage #Title h1 span.whats{
	display: block;
	position: absolute;
	top: 24px;
	right: 32px;
	width: 245px;
}
#landingPage #Title h1 span.whats p.img{
	margin: 0px 0px 5px;
	padding: 0px;
}
#landingPage #Title h1 span.whats p.txt{
	margin: 0px;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.2;
}
#landingPage #Title h1 span.test{
	display: block;
	position: absolute;
	top: 200px;
	left: 37px;
	width: 157px;
}
/* contents
   --------------------------------------------- */
#landingPage .contents {
	width: 712px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 2em;
}
#landingPage .contents01 {
	float: left;
	width: 429px;
}
#landingPage .contents02 {
	float: right;
	width: 244px;
	padding-right: 4px;
	padding-top: 4px;
}
/* 3way
   --------------------------------------------- */
#landingPage .contents01 h3{
	margin: 0px;
	padding: 0px;
}
#landingPage .contents01 ol{
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	width: 407px;
}
#landingPage .contents01 ol li p{
	margin: 0px 0px 3em;
	padding-top: 1em;
	padding-right: 10px;
	padding-left: 10px;
}
#landingPage #explanation{
background: #f8f2eb;
	width: 421px;
	margin-right: auto;
	margin-left: auto;
}
#landingPage #explanation h4{
	padding: 15px 17px 0px;
	margin: 0px 0px 0.5em;
}
#landingPage #explanation p.txt{
	font-size: 9px;
	margin-bottom: 10px;
	padding-right: 17px;
	padding-left: 17px;
}
/* Voice
   --------------------------------------------- */
#landingPage .contents02 h3{ margin-bottom: 12px; }
#landingPage .contents02 h4{ margin-bottom: 4px; }
#landingPage .contents02 p{
	font-size: 9px;
	line-height: 1.3;
}
#landingPage .contents02 .line{
	margin-bottom: 14px;
	padding-top: 14px;
}
/* 3point
   --------------------------------------------- */
#landingPage .pointInner{
	width: 174px;
	margin-left: 38px;
}
#landingPage .pointInner h4{ margin-bottom: 1em; }
#landingPage .pointInner img{
	margin-bottom: 1em;
	padding-top: 1em;
}
ol.pointBg{	list-style: none;	margin: 0px;	padding: 0px;}
ol.pointBg li.point1,
ol.pointBg li.point2,
ol.pointBg li.point3{	display: block;	float: left;}
ol.pointBg li.point1{
	width: 237px;
	background: url(img/3point_bg.jpg) no-repeat 0px 40px;
}
ol.pointBg li.point2{
	width: 235px;
	background: url(img/3point_bg.jpg) no-repeat -237px 40px;
}
ol.pointBg li.point3{
	width: 240px;
	background: url(img/3point_bg.jpg) no-repeat -472px 40px;
}
ul.list {
	line-height: 1.35;
	list-style: none outside;
}
ul.list li {
	margin: 0 0 0.5em 0.1em;
	background: url(img/arow.gif) no-repeat 0px 4px;
	padding-left: 1.5em;
}
/* book
   --------------------------------------------- */
#landingPage .contentsBook{ margin-left: 11px; }
#landingPage .contentsBook p.kome{
	float: right;
	margin-top: -2em;
}
#landingPage ul.bookTop,
#landingPage ul.bookDow{
	display: block;

	clear: both;
	width: 100%;
}
#landingPage ul.bookTop li,
#landingPage ul.bookDow li{
	margin: 0px 17px 0px 0px;
	padding: 0px;
	float: left;
}
#landingPage ul.bookTop{
	height: 166px;
	padding-top: 2em;
	margin-bottom: 2em;
}
#landingPage ul.bookDow{
	height: 109px;
	padding-top: 0em;
	margin-bottom: 2em;
}

/* contact
   --------------------------------------------- */
#landingPage #contact{
	background: #f8f2eb;
	width: 704px;
	text-align: center;
	line-height: 1;
	margin-right: auto;
	margin-left: auto;
}
#landingPage #contact h4{
	padding: 18px 0px 14px 15px;
	margin: 0px;
	color: #a0272a;
	font-size: 14px;
	display: block;
	float: left;
	width: 38%;
	background: right;
	text-align: right;
}
#landingPage #contact p.txt{
	font-size: 14px;
	padding: 18px 15px 14px 0px;
}