@charset"utf-8";

* {
  margin: 0;
  padding: 0;
}

a:hover img {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/* 全体の設定
-----------------------------------*/

body {
background-color:#F3F3F3;
background-repeat:repeat-x;
background-image:url(../image/base_bg.gif);
}

#wrapper {
width:1000px;
margin:0 auto;
}

.clear {clear:both;}

.bld {font-weight:bold;}

.btmimg {vertical-align:top;}

.baseimg {vertical-align:bottom}

.mt20 {margin:20px 0 10px 0}

.redtex {color:#990000}



/* 　　ヘッダー　　
-----------------------------------*/
#head {
width:1000px;
margin:0px;
display:inline;
}

#headTopNavi {
width:1000px;
float:right;
height:28px;
margin-bottom:5px;
}

#headTopNavi p{ margin:0;float:right }

#headleft {
width:500px;
height:100%;
margin:0px 0 0 0;
float:left;
}

h1 {
width:373px;
float:left;
}

#headright {
width:500px;
height:100%;
margin:0px;
float:right;
}

#headinfo {
width:275px;
margin:5px 0 0 0;
float:right;
}

#headinfo .tel {margin: 0 0 5px 0; float:right}

#headinfo p {float:right}


/*パンくず
---------------------------------- */
#pankuzu {
height:22px;
padding:8px 0 0 12px;
margin:0;
float:left;
}

#pankuzu ol {
list-style-type:none;
}

#pankuzu li {
float: left;
margin-right:5px;
font-size:80%;
letter-spacing:0.1em;
}

#pankuzu a {
text-decoration:none;
}

#pankuzu a:hover {
color:#8E8A8A;
text-decoration:underline;
}




/* コンテンツ部分
-----------------------------------*/

#TopContent {
width:1000px;
float:left;
padding:0;
margin:0 0 10px 0;
*margin:0 0 5px 0;
}

/* Lコンテンツ部分
-----------------------------------*/
#leftCont {
width:230px;
height:auto;
float:left;
padding:0;
}

#leftCont .inner{
background-image:url(../image/left_in.gif);
width:215px;
background-repeat:repeat-y;
padding:28px 0 0 15px;
float:left;
*margin-top:-12px;
}

#leftCont .inner p {
font-size:95%;
line-height:150%;
margin:15px 0 0 15px;
}

#leftCont .btm {
background-image:url(../image/left_btm.gif);
width:230px;
background-repeat:repeat-y;
}

/* Lコンテンツナビ
-----------------------------------*/
#Lnavi {
width:224px;
padding:0px;
float:left;
overflow:hidden;
display:inline;
margin:3px 0 10px -12px;
}

#Lnavi ul{
margin-top:3px;
}

#Lnavi ul li a{
height:36px;
width:224px;
text-indent:-9999px;
display:block;
}

#Lnavi li .n2016{
background: url(../image/l_2016.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2016:hover{
background: url(../image/l_2016.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2016On{
background: url(../image/l_2016.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2015{
background: url(../image/l_2015.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2015:hover{
background: url(../image/l_2015.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2015On{
background: url(../image/l_2015.gif) no-repeat left bottom;
height:36px;
}


#Lnavi li .n2014{
background: url(../image/l_2014.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2014:hover{
background: url(../image/l_2014.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2014On{
background: url(../image/l_2014.gif) no-repeat left bottom;
height:36px;
}


#Lnavi li .n2013{
background: url(../image/l_2013.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2013:hover{
background: url(../image/l_2013.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2013On{
background: url(../image/l_2013.gif) no-repeat left bottom;
height:36px;
}


#Lnavi li .n2012{
background: url(../image/l_2012.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2012:hover{
background: url(../image/l_2012.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2012On{
background: url(../image/l_2012.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2011{
background: url(../image/l_2011.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2011:hover{
background: url(../image/l_2011.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2011On{
background: url(../image/l_2011.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2010{
background: url(../image/l_2010.gif) no-repeat left top;
height:36px;
}

#Lnavi li .n2010:hover{
background: url(../image/l_2010.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .n2010On{
background: url(../image/l_2010.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .plan{
background: url(../image/l_plan.gif) no-repeat left top;
height:36px;
}

#Lnavi li .plan:hover{
background: url(../image/l_plan.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .planOn{
background: url(../image/l_plan.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .web{
background: url(../image/l_web.gif) no-repeat left top;
height:36px;
}

#Lnavi li .web:hover{
background: url(../image/l_web.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .webOn{
background: url(../image/l_web.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .gra{
background: url(../image/l_gra.gif) no-repeat left top;
height:36px;
}

#Lnavi li .gra:hover{
background: url(../image/l_gra.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .graOn{
background: url(../image/l_gra.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pb{
background: url(../image/l_cafe.gif) no-repeat left top;
height:36px;
}

#Lnavi li .pb:hover{
background: url(../image/l_cafe.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pbOn{
background: url(../image/l_cafe.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pack01{
background: url(../image/l_pack01.gif) no-repeat left top;
height:36px;
}

#Lnavi li .pack01:hover{
background: url(../image/l_pack01.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pack01On{
background: url(../image/l_pack01.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pack02{
background: url(../image/l_pack02.gif) no-repeat left top;
height:36px;
}

#Lnavi li .pack02:hover{
background: url(../image/l_pack02.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .pack02On{
background: url(../image/l_pack02.gif) no-repeat left bottom;
height:36px;
}


#Lnavi li .rshop{
background: url(../image/l_rshop.gif) no-repeat left top;
height:36px;
}

#Lnavi li .rshop:hover{
background: url(../image/l_rshop.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .rshopOn{
background: url(../image/l_rshop.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .cafe{
background: url(../image/l_cafe.gif) no-repeat left top;
height:36px;
}

#Lnavi li .cafe:hover{
background: url(../image/l_cafe.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .cafeOn{
background: url(../image/l_cafe.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .inq{
background: url(../image/l_inq.gif) no-repeat left top;
height:36px;
}

#Lnavi li .inq:hover{
background: url(../image/l_inq.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .inqOn{
background: url(../image/l_inq.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .down{
background: url(../image/l_down.gif) no-repeat left top;
height:36px;
}

#Lnavi li .down:hover{
background: url(../image/l_down.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .downOn{
background: url(../image/l_down.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .recruit{
background: url(../image/l_recruit.gif) no-repeat left top;
height:36px;
}

#Lnavi li .recruit:hover{
background: url(../image/l_recruit.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .recruitOn{
background: url(../image/l_recruit.gif) no-repeat left bottom;
height:36px;
}


#Lnavi li .com{
background: url(../image/l_com.gif) no-repeat left top;
height:36px;
}

#Lnavi li .com:hover{
background: url(../image/l_com.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .comOn{
background: url(../image/l_com.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .mission{
background: url(../image/l_mission.gif) no-repeat left top;
height:36px;
}

#Lnavi li .mission:hover{
background: url(../image/l_mission.gif) no-repeat left bottom;
height:36px;
}

#Lnavi li .missionOn{
background: url(../image/l_mission.gif) no-repeat left bottom;
height:36px;
}


h2.news {
background-image:url(../image/news_ttl.gif);
width:90px;
height:35px;
text-indent:-9999px;
}

h2.service {
background-image:url(../image/service_ttl.gif);
width:91px;
height:35px;
text-indent:-9999px;
}

h2.inquiry {
background-image:url(../image/inquiry_ttl.gif);
width:130px;
height:35px;
text-indent:-9999px;
}

h2.com {
background-image:url(../image/com_ttl.gif);
width:91px;
height:35px;
text-indent:-9999px;
}

h2.pack {
background-image:url(../image/pack_ttl_l.gif);
width:183px;
height:35px;
text-indent:-9999px;
}




.Lmenu {
margin:30px 0 0 -12px; 
}

/* Rコンテンツ部分
-----------------------------------*/
#rightCont {
width:750px;
height:auto;
margin:0 0 0 15px;
float:right;
line-height:170%;
padding:0;
}

#rightCont .topImg {
width:750px;
height:2px;
background-image:url(../image/right_top.gif);
background-repeat:no-repeat;
}

#rightCont .inner{
background-image:url(../image/right_in.gif);
width:725px;
background-repeat:repeat-y;
padding:28px 0 0 25px;
float:left;
_margin-top:-12px;
}

h3.news {
background-image:url(../image/news_ttl02.gif);
width:178px;
height:20px;
text-indent:-9999px;
}

h4.news {
width:685px;
margin:40px 0 10px 0;
padding:0 0 10px 10px;
border-bottom:2px solid #CCC;
}

h5.news {
width:685px;
margin:60px 0 10px 0;
padding:0 0 10px 10px;
border-bottom:2px solid #CCC;
}

h3.planning {
background-image:url(../image/planning_ttl.gif);
width:322px;
height:21px;
text-indent:-9999px;
}

h4.planning {
margin:30px 0 20px 0;
background-image:url(../image/planning_ttl_img.jpg);
width:693px;
height:227px;
text-indent:-9999px;
}

h3.web {
background-image:url(../image/web_ttl.gif);
width:313px;
height:21px;
text-indent:-9999px;
}

h4.web {
margin:30px 0 20px 0;
background-image:url(../image/web_ttl_img.jpg);
width:693px;
height:227px;
text-indent:-9999px;
}

h3.graphic {
background-image:url(../image/graphic_ttl.gif);
width:393px;
height:22px;
text-indent:-9999px;
}

h4.graphic {
margin:30px 0 20px 0;
background-image:url(../image/graphic_ttl_img.gif);
width:693px;
height:227px;
text-indent:-9999px;
}


h3.packOmise {
background-image:url(../image/pack_ttl.gif);
width:378px;
height:23px;
text-indent:-9999px;
}


h4.packOmise {
margin:30px 0 20px 0;
background-image:url(../image/pack_ttl_img.gif);
width:693px;
height:227px;
text-indent:-9999px;
}




h3.inq {
background-image:url(../image/inquiry_ttl02.gif);
width:238px;
height:21px;
text-indent:-9999px;
}

h3.com {
background-image:url(../image/com_ttl02.gif);
width:253px;
height:23px;
text-indent:-9999px;
}

h3.mission {
background-image:url(../image/mission_ttl02.gif);
width:219px;
height:23px;
text-indent:-9999px;
}

h4.mission {
margin:30px 0 20px 0;
background-image:url(../image/mission_ttl_img.gif);
width:693px;
height:159px;
text-indent:-9999px;
}

h3.down {
background-image:url(../image/download_ttl.gif);
width:391px;
height:23px;
text-indent:-9999px;
}

h4.down {
margin:30px 0 20px 0;
background-image:url(../image/download_ttl_img.gif);
width:693px;
height:115px;
text-indent:-9999px;
}


h3.recruit {
background-image:url(../image/recruit_ttl.gif);
width:456px;
height:22px;
text-indent:-9999px;
}

h4.recruit {
margin:30px 0 20px 0;
background-image:url(../image/recruit_ttl_img.gif);
width:693px;
height:139px;
text-indent:-9999px;
}


ul.underBtn {
margin:70px 0 0 0;
padding:0 0 50px 100px;
float:left;
display:block;
}

ul.underBtn li {
margin:0 20px;
float:left;
height:90px;
}

#pagetop {
padding-bottom:10px;
float:right;
}

/* 20110127追加 
-----------------------------------*/


h3.pack {
background-image:url(../image/ipad_ttl.gif);
width:582px;
height:23px;
text-indent:-9999px;
}

h4.pack {
margin:30px 0 20px 0;
background-image:url(../image/ipad_ttl_img.jpg);
width:693px;
height:227px;
text-indent:-9999px;
}

h3.petbusiness {
background-image:url(../image/pb_ttl.gif);
width:358px;
height:23px;
text-indent:-9999px;
}

h4.petbusiness {
margin:30px 0 20px 0;
background-image:url(../image/pb_ttl_img.jpg);
width:693px;
height:227px;
text-indent:-9999px;
}


/* フッター 
-----------------------------------*/
#footWrap {
margin-top:10px;
background:url(../image/foot_bg.gif) repeat-x left top;
height:134px;
clear:both;
text-align:center;
}

#footer {
width:1000px;
margin:0 auto;
}

#footer ul {
float:left;
}

#footer li {
float:left;
margin:15px 200px 0 5px;
}

#footer li.right {
float:right;
margin:15px 0 0 0;
}

#footer .flink {
float:left;
margin:20px 0 0 0;
color:#FFFFFF;
font-size:95%;
/font-size:85%;
}


#footer p{
float:right;
text-align:right;
margin:20px 0 0 0;
}

#footer .flink a {
color:#FFFFFF;
text-decoration:none;
}

#footer .flink a:hover {
text-decoration:underline;
background:none;
color:#FFFFFF;
}