@charset "utf-8";

#expense h3{
margin-bottom: 10px;
}

a{
overflow:hidden;
outline:none;
}

#wrapperHead{
font-size:85%;
}

#wrapper ul.topicpath{
	margin:10px 0 15px;
}

#wrapper .topicpath li{
	padding-right:2px;
}

#wrapper .topicpath span{
	margin-right:4px;
	margin-left:6px;
}

/************************ 
#mainVisual
************************/

#mainVisual{
position: relative;
}

#mainVisual h2 {
color:#FFF;
left: 40px;
position: absolute;
top: 200px;
width: 450px;
}

#mainVisual #maplink {
left: 508px;
position: absolute;
top: 118px;
text-indent: -99999px;
}


#mainVisual #maplink a{
background: url(../img/maplink.png) no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
width: 161px;
}

#mainVisual #maplink a:hover{
background: url(../img/maplink_ov.png) no-repeat scroll 0 0 transparent;
}

* html #mainVisual #maplink a{
background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageloader(src='img/maplink.png',sizingMethod='scale');
display: block;
}

* html #mainVisual #maplink a:hover{
background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageloader(src='img/maplink_ov.png',sizingMethod='scale');
}




/************************ 
.socialNavHead
************************/
.socialNavHead {
overflow: hidden;
position: absolute;
right: 0;
top: 5px;
}
#socialGooglePlusBtn {
float: right;
    margin: 0;
    padding: 0;
}
#socialTwitterBtn {
float: right;
margin-right: 7px;
}
#___plusone_0 {
width: 72px !important;
}
#___plusone_0 iframe {
width: 72px !important;
}
#___plusone_1 {
width: 50px !important;
}
#___plusone_1 iframe {
width: 50px !important;
}
#socialFacebookBtn {
float: right;
margin-right: 9px;
}
iframe.twitter-share-button {
width: 90px !important;
}
#socialMixiBtn {
float: right;
/* margin:2px 0 0 15px; */
}
.giftHead {
position: relative;
white-space: nowrap !important;
}
.giftHead a {
letter-spacing: 0 !important;
}
.pReset {
letter-spacing: -1px !important;
line-height: 0 !important;
overflow: hidden;
padding: 0 !important;
}



/************************ 
#styleArea
************************/

#styleArea{
margin-bottom:10px;
}

#styleArea ul#stylebox li{
float:left;
width:468px;
height:318px;
background: url(../img/style_bg.jpg) no-repeat scroll 0 0 transparent;
background-position: bottom;
margin-bottom:10px;
paddin:0 10px 10px 10px;
}

#styleArea ul#stylebox li.howto{
background: url(../img/howto_bg.jpg) no-repeat scroll 0 0 transparent;
}


#styleArea ul#stylebox li div.innerstylebox{
/* padding:0 20px 10px 20px; */
width: 428px;
margin:3px 0 0 25px;
}


.mr10{
margin-right: 10px;
}

#styleArea ul#stylebox li p.ph, #styleArea ul#stylebox li p.text, #styleArea ul#stylebox li div.textlink{
float:left;
/* width:200px; */
}

#styleArea ul#stylebox li p.ph{
background: url(../img/phbg104.jpg) no-repeat scroll 0 0 transparent;
height: 153px;
margin:0 15px 0px 0px;
width: 204px;
}

#styleArea ul#stylebox li p.ph img{
margin: 5px 0 0 5px;
}


#styleArea ul#stylebox li p.text{
width: 210px;
margin-bottom:10px;
}


#styleArea div.textlink{
/* border: 1px solid #666666; */
width: 220px;

}

#styleArea div.textlink div {
display: table-cell;
vertical-align: middle;
/* background-color: #DDFFDD; */
padding-bottom:3px;
/* height:50px; */
}

#styleArea div.textlink div.height50 {
height:50px;
}

/* IE 6 */
* html #styleArea div.textlink div {
display: inline;
zoom: 1;
}
 
/* IE 7 */
*:first-child+html #styleArea div.textlink div {
display: inline;
zoom: 1;
}
 
/*\*//*/
* html #styleArea div.textlink div {
display: inline-block;
}
/**/

#styleArea div.textlink div a {
background: url(../img/icon.gif) no-repeat scroll 0 0 transparent;
background-position:0 2px;
display:block;
width:190px;
padding-left:17px;
}

#styleArea ul#stylebox li{
position:relative;
}

#styleArea ul#stylebox li div.btn{
bottom: 20px;
right: 20px;
position: absolute;
}

div.btn a{
display:block;
height:40px;
width:197px;
background: url(../img/btn.jpg) no-repeat scroll 0 0 transparent;
text-indent: -99999px;
}

div.btn a:hover{
background: url(../img/btn.jpg) no-repeat scroll 0 -40px transparent;
}

/************************ 
121108追加
************************/
#styleArea ul#stylebox li div.btn_01{
bottom: 20px;
right: 20px;
position: absolute;
}

div.btn_01 a{
display:block;
height:40px;
width:197px;
background: url(../img/btn_01.jpg) no-repeat scroll 0 0 transparent;
text-indent: -99999px;
}

div.btn_01 a:hover{
background: url(../img/btn_01.jpg) no-repeat scroll 0 -40px transparent;
}

#kaijyoArea .titleArea div.btn_01{
bottom: 10px;
right: 10px;
position: absolute;
}
/************************ 
/ 121108追加
************************/

/************************ 
#kaijyoArea
************************/

#kaijyoArea{
margin-bottom:10px;
}

#kaijyoArea .titleArea{
background: url(../img/title_bg.jpg) no-repeat scroll 0 0 transparent;
margin-bottom:10px;
height:60px;
position:relative;
} 

#kaijyoArea .titleArea h4{
padding: 12px 0 5px 25px;
color: #fe042d;
font-weight: bold;
font-size: 16px;
}

#kaijyoArea .titleArea ul{
padding-left: 25px;
} 

#kaijyoArea .titleArea ul li{
float:left;
color:#af4052;
}

#kaijyoArea .titleArea ul li.address{
background: url(../img/address.jpg) no-repeat scroll 0 0 transparent;
padding-left:65px;
margin-right:10px;
} 

#kaijyoArea .titleArea ul li.tel{
background: url(../img/tel.jpg) no-repeat scroll 0 0 transparent;
padding-left:55px;
} 

#kaijyoArea .titleArea div.btn{
bottom: 10px;
right: 10px;
position: absolute;
}

#kaijyoArea .kaijyobox{
margin-bottom: 10px;
}

#kaijyoArea .kaijyobox p.ph ,#kaijyoArea .kaijyobox div.text{
float:left;
}

#kaijyoArea .kaijyobox p.ph{
background: url(../img/phbg284.jpg) no-repeat scroll 0 0 transparent;
height: 225px;
width: 284px;
}

#kaijyoArea .kaijyobox p.ph img{
margin: 5px 0 0 5px;
}

#kaijyoArea .kaijyobox div.text{
min-height:100%;
height: 222px;
width:363px;
position:relative;
}


#kaijyoArea .kaijyobox div.text p{
margin-bottom:5px;
}

#kaijyoArea .kaijyobox table{
float: right;
width: 275px;
border:1px solid #e2bd5a;
}

#kaijyoArea .kaijyobox table tr th{
font-weight:blod;
background: url(../img/table_bg.jpg) no-repeat scroll 0 0 transparent;
width:94px;
padding:5px;
text-align:center;
}

#kaijyoArea .kaijyobox table tr td{
background: url(../img/td_line.gif) no-repeat scroll 0 0 transparent;
padding:5px;
}


#kaijyoArea .kaijyobox div.recommend{
background: url(../img/reco_bottom.jpg) no-repeat scroll 0 0 transparent;
background-position: bottom;
width:363px;
position:absolute;
bottom: 0;
}

#kaijyoArea .kaijyobox div.recommend .recommendtitile{
background: url(../img/reco_top.jpg) no-repeat scroll 0 0 transparent;
background-position: top;
}

#kaijyoArea .kaijyobox div.recommend h5{
padding:13px 8px 0 20px ;
color:#af4052;
font-weight: bold;
}

#kaijyoArea .kaijyobox div.recommend ul{
padding:3px 8px 10px 20px ;

}

#kaijyoArea .kaijyobox div.recommend ul li{
background: url(../img/icon.gif) no-repeat scroll 0 0 transparent;
background-position:0 3px;
padding-left:20px;
margin-bottom:3px;
}

/************************ 
#mapArea
************************/

#mapArea ul#tabNav{
background: url(../img/tabs.jpg) no-repeat scroll 0 -32px transparent;
border-bottom: #6b8b01 4px solid;
height:30px;
}

#mapArea ul#tabNav li{
float:left;
}

#mapArea ul#tabNav a{
display: block;
height: 30px;
text-indent: -99999px;
width: 107px;
}

#mapArea ul#tabNav a:hover{
background: url(../img/tabs.jpg) no-repeat scroll transparent;
}

#mapArea ul#tabNav li.tab01 a:hover , li.tab01 a.here{
background: url(../img/tabs.jpg) no-repeat scroll 0px 0 transparent;
}

#mapArea ul#tabNav li.tab02 a:hover , li.tab02 a.here{
background: url(../img/tabs.jpg) no-repeat scroll -107px 0 transparent;
}

#mapArea ul#tabNav li.tab03 a:hover , li.tab03 a.here{
background: url(../img/tabs.jpg) no-repeat scroll -214px 0 transparent;
}

#mapArea ul#tabNav li.tab04 a:hover , li.tab04 a.here{
background: url(../img/tabs.jpg) no-repeat scroll -321px 0 transparent;
}

#mapArea ul#tabNav li.tab05 a:hover , li.tab05 a.here{
background: url(../img/tabs.jpg) no-repeat scroll -428px 0 transparent;
}

#mappp{
background: url(../maps/img/point.png) no-repeat scroll 0 0 transparent;
display: block;
width:30px;
height:50px;
text-indent: -99999px;
position:absolute;
top: 600px;
left: 300px;
}

a#mappp:hover{
background: url(../maps/img/point_ov.png) no-repeat scroll 0 0 transparent;
display: block;
width:30px;
height:50px;
text-indent: -99999px;
}