/*------------------------------------
1.リセット
------------------------------------*/

*{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align:bottom;
}
body {
	margin:0;
	padding:0;
	font-family:"メイリオ",Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/body_bg.jpg) #714d4d;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}
.clearboth{
	clear:both;
}
a:link { color: #f7931e;border-bottom:1px dotted #f7931e;text-decoration: none; }
a:visited { color: #f7931e; border-bottom:1px dotted #f7931e;text-decoration: none;}
a:active {  color: #f7931e; border-bottom:1px dotted #f7931e;text-decoration: none; }
a:hover { color: #f7931e;border-bottom:1px solid #f7931e;text-decoration: none; }

a.noline { border-width:0; }
a{outline : 0 ;}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	line-height:1em;
}
/*------------------------------------------------------------------------
1.リセット
------------------------------------------------------------------------*/
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
	margin:0;
	padding:0;
}
html, body {
	background:#f5f5f7;
	color: #666;
	height:100%;
}
body {
	margin:0;
	padding:0;
	font-family:"メイリオ",Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/body_bg.jpg) #714d4d;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}
* html body {
	font-size: small;
}
*:first-child+html body {
	font-size: small;
}
img {
	border: 0;
	vertical-align:top;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
ul, dl, ol {
	text-indent:0;
}
ul li {
	list-style:none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size: inherit;
	font-weight:inherit;
}
* html input, * html textarea, * html select {
	font-size: 100%;
}
*:first-child+html+input, *:first-child html+textarea, *:first-child+html select {
	font-size: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}
th, td {
	text-align:left;
	vertical-align:top;
}
caption {
	text-align:left;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
}
* html code, * html kbd, * html samp, * html tt {
	font-size: 100%;
	line-height: 100%;
}
*:first-child+html pre, *:first-child html+code, *:first-child html+kbd, *:first-child+html+samp, *:first-child+html tt {
	font-size: 108%;
	line-height: 100%;
}
input, select, textarea {
	font-size: 100%;
	font-family:Verdana, Helvetica, sans-serif;
}
a{
	outline:0;
}*/
/*------------------------------------
2.全体枠
------------------------------------*/
#container{
	width:790px;
	height:619px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	position:relative;
}
.top{
	/*background:url(images/top_base.gif) no-repeat;*/
	background:url(images/top_base.png) no-repeat;
}
.second{
	background:url(images/second_base.jpg) no-repeat;
}
#container ul.topList{
	width:208px;
	height:111px;
	position:absolute;
	top:192px;
	left:505px;
	list-style:none;
	z-index:100;
}
#container ul.topList li{
	background:url(images/list06off.png) 0 0.4em no-repeat;
	line-height:1.8em;
	padding-left:20px;
	color:#fff;
	font-size:12px;
	position:absolute;
	left:0;
}
#container ul.topList li a{
	color:#fff;
	border:none;
	text-decoration:none;
}
#container ul.topList li.p1{
	top:5px;
}
#container ul.topList li.p2{
	top:30px;
}
#container ul.topList li.p3{
	top:55px;
}
#container ul.topList li.p4{
	top:80px;
}

#container div.pop{
	position:absolute;
	width:390px;
	height:230px;
	top:33px;
	left:33px;
	z-index:200;
}
#pop1,#pop2,#pop3,#pop4{
	display:none;
}
#container div.pop p.aisatu{
	font-size:14px;
	line-height:2em;
	padding-top:30px;
	padding-left:30px;
}
#container div.pop p.point{
	font-size:14px;
	line-height:1.7em;
	padding-top:0;
	padding-left:30px;
}
#container div.pop dl{
	position:absolute;
	width:390px;
	height:230px;
	top:0;
	left:33px;
	z-index:200;
	font-size:14px;
	line-height:1.5em;
	overflow:hidden;
}
#container div.pop dl dt{
	width:80px;
	float:left;
	clear:both;
}
#container div.pop dl dd{
	width:300px;
	float:right;
}
#container p.topInfo{
	width:310px;
	height:105px;
	font:12px;
	line-height:16px;
	position:absolute;
	top:63px;
	left:455px;
	text-align:justify;
	text-justify:distribute;
	background-color:#f7931e;
	padding:3px;
}
/*------------------------------------
3.FLASH
------------------------------------*/
#container #topflash{
	width:480px;
	height:400px;
	position:absolute;
	top:230px;
	left:0;
}
#container #topflash_back{
	width:790px;
	height:619px;
	position:absolute;
	top:0;
	left:0;
}
#container #topflash_back div#flashContents{
	display:none;
}
#container #topflash ul{
	display:none;
}
#container #topflash_back ul{
	width:428px;
	height:298px;
	position:absolute;
	top:292px;
	left:37px;
	z-index:90;
}
#topflash_back ul li{
	display:block;
	position:absolute;
	text-indent:-9999px;
}
#topflash_back ul li.m1{
	width:146px;
	height:150px;
	top:0;
	left:0;
}
#topflash_back ul li.m1 a{
	background:url(images/topOver.png) 0 0 no-repeat;
	display:block;
	width:146px;
	height:150px;
	border:none;
}
#topflash_back ul li.m1 a:hover{
	background:none;
}

#topflash_back ul li.m2{
	width:134px;
	height:150px;
	top:0;
	left:146px;
}
#topflash_back ul li.m2 a{
	background:url(images/topOver.png) -146px 0 no-repeat;
	display:block;
	width:134px;
	height:150px;
	border:none;
}
#topflash_back ul li.m2 a:hover{
	background:none;
}

#topflash_back ul li.m3{
	width:148px;
	height:150px;
	top:0;
	left:280px;
}
#topflash_back ul li.m3 a{
	background:url(images/topOver.png) -280px 0 no-repeat;
	display:block;
	width:148px;
	height:150px;
	border:none;
}
#topflash_back ul li.m3 a:hover{
	background:none;
}

#topflash_back ul li.m4{
	width:119px;
	height:124px;
	top:174px;
	left:0;
}
#topflash_back ul li.m4 a{
	background:url(images/topOver.png) 0 -174px no-repeat;
	display:block;
	width:119px;
	height:124px;
	border:none;
}
#topflash_back ul li.m4 a:hover{
	background:none;
}

#topflash_back ul li.m5{
	width:136px;
	height:124px;
	top:174px;
	left:127px;
}
#topflash_back ul li.m5 a{
	background:url(images/topOver.png) -127px -174px no-repeat;
	display:block;
	width:136px;
	height:124px;
	border:none;
}
#topflash_back ul li.m5 a:hover{
	background:none;
}

#topflash_back ul li.m6{
	width:151px;
	height:124px;
	top:174px;
	left:277px;
}
#topflash_back ul li.m6 a{
	background:url(images/topOver.png) -277px -174px no-repeat;
	display:block;
	width:151px;
	height:124px;
	border:none;
}
#topflash_back ul li.m6 a:hover{
	background:none;
}
















#container #flash{
	width:313px;
	height:610px;
	position:absolute;
	top:5px;
	left:0;
}
#container #secondMenu{
	width:313px;
	height:595px;
	position:absolute;
	top:3px;
	left:10px;
	background:
}
#container #secondMenu ul{
	width:313px;
	height:595px;
	list-style:none;
	position:relative;
}
#container #secondMenu ul li{
	text-indent:-9999px;
	position:absolute;
}
#container #secondMenu ul li a{
	display:block;
	border:none;
}
#container #secondMenu ul li.s1{
	top:29px;
	left:30px;
	width:110px;
	height:87px;
}
#container #secondMenu ul li.s1 a{
	background:url(images/secondOver.png) -30px -29px no-repeat;
	width:110px;
	height:87px;
}
#container #secondMenu ul li.s1 a:hover{
	background:none;
}
#container #secondMenu ul li.s2{
	top:145px;
	left:30px;
	width:110px;
	height:87px;
}
#container #secondMenu ul li.s2 a{
	background:url(images/secondOver.png) -30px -145px no-repeat;
	width:110px;
	height:87px;
}
#container #secondMenu ul li.s2 a:hover{
	background:none;
}
#container #secondMenu ul li.s3{
	top:249px;
	left:30px;
	width:87px;
	height:100px;
}
#container #secondMenu ul li.s3 a{
	background:url(images/secondOver.png) -30px -249px no-repeat;
	width:87px;
	height:100px;
}
#container #secondMenu ul li.s3 a:hover{
	background:none;
}
#container #secondMenu ul li.s4{
	top:377px;
	left:20px;
	width:97px;
	height:94px;
}
#container #secondMenu ul li.s4 a{
	background:url(images/secondOver.png) -20px -377px no-repeat;
	width:97px;
	height:94px;
}
#container #secondMenu ul li.s4 a:hover{
	background:none;
}
#container #secondMenu ul li.s5{
	top:479px;
	left:68px;
	width:120px;
	height:105px;
}
#container #secondMenu ul li.s5 a{
	background:url(images/secondOver.png) -68px -479px no-repeat;
	width:120px;
	height:105px;
}
#container #secondMenu ul li.s5 a:hover{
	background:none;
}
#container #secondMenu ul li.s6{
	top:497px;
	left:195px;
	width:115px;
	height:87px;
}
#container #secondMenu ul li.s6 a{
	background:url(images/secondOver.png) -195px -496px no-repeat;
	width:115px;
	height:87px;
}
#container #secondMenu ul li.s6 a:hover{
	background:none;
}

/*------------------------------------
4.h1,h2
------------------------------------*/
h1{
	width:388px;
	height:26px;
	position:absolute;
	top:5px;
	left:388px;
	text-indent:-5000px;
}
h1 a{
	display:block;
	width:311px;
	border:none;
	height:61px;
	border:none;
	margin-left:86px;

}
h2{
	position:absolute;
	width:156px;
	height:29px;
	top:51px;
	left:188px;
	text-indent:-5000px;
}
h2.company{
	background:url(images/h2_company.gif) no-repeat;
}
h2.privacy{
	background:url(images/h2_privacy.gif) no-repeat;
	width:250px;
}
h2.flow{
	width:206px;
	height:44px;
	left:172px;
	top:39px;
	background:url(images/h2_flow.gif) no-repeat;
}
h2.price{
	width:206px;
	height:44px;
	left:178px;
	top:43px;
	background:url(images/h2_price.gif) no-repeat;
}
h2.inquiry{
	width:186px;
	height:46px;
	left:183px;
	top:39px;
	background:url(images/h2_inquiry.gif) no-repeat;
}
h2.faq{
	width:110px;
	height:48px;
	left:183px;
	top:39px;
	background:url(images/h2_faq.gif) no-repeat;
}
h2.service{
	width:172px;
	height:48px;
	left:186px;
	top:34px;
	background:url(images/h2_service.gif) no-repeat;
}
/*------------------------------------
5.トップページ
------------------------------------*/
ul.about{
	list-style:none;
	position:absolute;
	top:295px;
	left:510px;
	font-size:10px;
}
ul.about li{
	background:url(images/list03.gif) 0 0.4em no-repeat;
	padding-left:12px;
	padding-bottom:2px;
}
ul.about a:link { color: #fff;border-bottom:1px dotted #fff;text-decoration: none; }
ul.about a:visited { color: #fff; border-bottom:1px dotted #fff;text-decoration: none;}
ul.about a:active {  color: #fff; border-bottom:1px dotted #fff;text-decoration: none; }
ul.about a:hover { color: #fff;border-bottom:1px solid #fff;text-decoration: none; }

ul.blog{
	list-style:none;
	position:absolute;
	top:410px;
	left:517px;
	font-size:10px;
}
ul.blog li{
	background:url(images/list01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	padding-bottom:2px;
	line-height:1.5em;
}
ul.blog a:link { color: #fff;border-bottom:1px dotted #fff;text-decoration: none; }
ul.blog a:visited { color: #fff; border-bottom:1px dotted #fff;text-decoration: none;}
ul.blog a:active {  color: #fff; border-bottom:1px dotted #fff;text-decoration: none; }
ul.blog a:hover { color: #fff;border-bottom:1px solid #fff;text-decoration: none; }
p.pet{
	position:absolute;
	background:url(images/top_title.gif) 0 no-repeat;
	top:0px;
	left:365px;
	width:412px;
	height:61px;
	text-indent:-9999px;
	z-index:100;
}
p.pet a{
	display:block;
	width:311px;
	height:61px;
	border:none;
	margin-left:86px;
}

p.blog{
	position:absolute;
	background:url(images/list01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	top:450px;
	left:706px;
}
p.blog a:link { color: #fff;border:none;text-decoration: none; }
p.blog a:visited { color: #fff; border:none;text-decoration: none;}
p.blog a:active {  color: #fff; border:none;text-decoration: none; }
p.blog a:hover { color: #333;border:none;text-decoration: none; }

ul.voice{
	list-style:none;
	position:absolute;
	top:500px;
	left:517px;
	font-size:10px;
	z-index:80;
}
ul.voice li{
	background:url(images/list05.gif) 0 0.4em no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	line-height:1.5em;
}
ul.voice a:link { color: #fff;border-bottom:1px dotted #fff;text-decoration: none; }
ul.voice a:visited { color: #fff; border-bottom:1px dotted #fff;text-decoration: none;}
ul.voice a:active {  color: #fff; border-bottom:1px dotted #fff;text-decoration: none; }
ul.voice a:hover { color: #fff;border-bottom:1px solid #fff;text-decoration: none; }

p.voice{
	position:absolute;
	background:url(images/list01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	top:540px;
	left:706px;
}
p.voice a:link { color: #fff;border:none;text-decoration: none; }
p.voice a:visited { color: #fff; border:none;text-decoration: none;}
p.voice a:active {  color: #fff; border:none;text-decoration: none; }
p.voice a:hover { color: #333;border:none;text-decoration: none; }





p.topdiscription{
	display:none;
}
/*------------------------------------
5.コンテンツ
------------------------------------*/
#contents0{
	position:absolute;
	top:88px;
	left:187px;
	padding:25px;
	width:487px;
	height:321px;
}
#contents{
	width:487px;
	height:321px;
	overflow:auto;
	scrollbar-base-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #f7931e;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	color:#666;
}

/* 会社概要
------------------------------------*/
#company{
	width:487px;
	height:321px;
	background:url(images/company_pic.gif) right bottom no-repeat;
}
#company table{
	border-collapse:collapse;
	margin:20px;
	color:#7f664d;
}
#company td{
	border-bottom:1px solid #f7931e;
	padding:10px 5px;
}

#company table.noline{
	border:none;
}
#company table.noline td{
	border:none;
}
/* 料金について
------------------------------------*/
#container img#pic_price{
	position:absolute;
	top:319px;
	left:156px;
}
#price{
	width:487px;
	height:321px;
	overflow:auto;
}
#price table.waku{
	width:400px;
	margin:10px 10px 10px 40px;
	background-color:#865e17;
	border-bottom:none;
	color:#7f664d;
}
#price table.waku td.title{
	padding:10px 5px;
	font-weight:bold;
	background-color:#f9cf9d;
}
#price table.waku td.title2{
	padding:10px 5px;
	font-weight:bold;
	background-color:#fbeed3;
}
#price table.waku td.title3{
	padding:10px 5px;
	font-weight:bold;
	background-color:#fafbd3;
}
#price table.waku td{
	padding:10px 5px;
	font-weight:bold;
	background-color:#FFF;
}
#price table.hoka{
	border-collapse:collapse;
	margin:10px 20px 10px 50px;
	color:#7f664d;
}
#price table.hoka td{
	border-bottom:1px solid #f7931e;
	padding:10px 5px;
	font-weight:bold;
}
#price td.right{
	text-align:right;
	padding-right:25px;
	color:#C00;
}
#price table.noline{
	border:none;
}
#price table.noline td{
	border:none;
}
#price h3{
	color:#f7931e;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	line-height:30px;
}
#price p{
	padding-left:30px;
	padding-right:20px;
	line-height:1.5em;
}
#price ul{
	margin:10px 10px 10px 40px;
	list-style:none;
}
#price ul li{
	background:url(images/list02.gif) 0 0.4em no-repeat;
	padding-left:12px;
}
#price ul li ul li{
	margin-left:25px;
	background:none;
	list-style:square;
	padding-left:5px;
}
/* サービスの流れ
------------------------------------*/
#container img#pic_flow{
	position:absolute;
	top:330px;
	left:162px;
}
#flow h3{
	color:#f7931e;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-left:50px;
	padding-bottom:5px;
	line-height:1em;
}
#flow p{
	padding-left:60px;
	padding-top:5px;
	padding-right:20px;
	line-height:1.5em;
}
span.red{
	color:#e35e2f;
}

/* お問い合わせ
------------------------------------*/
#container img#pic_inquiry{
	position:absolute;
	top:354px;
	left:160px;
}
#price table.inquiry{
	border-collapse:collapse;
	margin:10px 20px 10px 50px;
	color:#7f664d;
}
#price table.inquiry td{
	/*padding:5px 0;*/
	line-height:3em;
}
#price table.inquiry td.vtop{
	vertical-align:top;
}
#price table.inquiry label{
	padding-left:0.5em;
}
/* Q & A
------------------------------------*/
#container img#pic_faq{
	position:absolute;
	top:333px;
	left:158px;
}
/*------------------------------------
6.下部のリンク
------------------------------------*/
p.company{
	width:51px;
	height:13px;
	position:absolute;
	top:588px;
	left:544px;
	font-size:11px;
}
p.company a{
	width:51px;
	height:13px;
	border:none;
	color:#fff;
	text-decoration:none;
}
p.company a:hover{
	color:#333;
}
p.privacy{
	width:158px;
	height:13px;
	position:absolute;
	top:588px;
	left:618px;
	font-size:11px;
}
p.privacy a{
	width:108px;
	height:13px;
	border:none;
	color:#fff;
	text-decoration:none;
}
p.privacy a:hover{
	color:#333;
}
p.information{
	width:412px;
	height:59px;
	position:absolute;
	top:493px;
	left:366px;
	text-indent:-5000px;
}
p.lisence{
	width:250px;
	height:13px;
	position:absolute;
	top:567px;
	left:508px;
}
/*------------------------------------
7.下部バナー
------------------------------------*/
#banner{
	margin-left:560px;
	margin-bottom:10px;
}
#banner p.banner{
	width:200px;
	height:50px;
	background:url(images/goo_banner.gif) no-repeat;
	text-indent:-5000px;
}
#banner p.banner a{
	display:block;
	width:200px;
	height:50px;
	border:none;
}
/*------------------------------------
x.フッター
------------------------------------*/
#footer{
	padding-top:14px;
	text-align:right;
	width:778px;
	padding-left:9px;
	margin:0 auto;
}
#footer p{
	color:#724d3e;
	font-size:11px;
	font-weight:bold;
}