@charset "UTF-8";
@import url(default.css);


html,body{
　height: 100% ;
}


html {  
overflow-y:scroll;  
}

body{
line-height:1.8em;
color:#666;
font-size:0.9em;
font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;  
}
html>body{
height:auto;
}


/*-----------------------------------------------------------
 Link Color [
----------------------------------------------------------- */
a:link {
	xxxcolor:#078D00;
	color:#1B4F18;
	text-decoration:none;
}
a:visited {
	xxxcolor:#078D00;
	color:#1B4F18;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#666;
}



/*-----------------------------------------------------------
ヘッダー
-----------------------------------------------------------*/
#header{
width:100%;
height:150px;
text-align: center;
background:url(../img/share/bg_header.jpg) repeat-x;
}

#headerInner{
width:960px;
height:150px;
margin:0 auto;
}

#logoArea{
width:470px;
float:left;
background:1red;
}

#logoArea h1,#logo{
float:left;
padding-top:15px;
}

#subnavi{
width:394px;
margin-top:0px;
float:right;
margin-right:5px;
}

#subnavi p.brnTel{
background:url(http://www.ohakasagashi.net/img/share/brn_tel.gif) no-repeat;
height:100px;
width:394px;
text-indent:-9999px;
}

.brnTel a{
display:block;
height:100px;
width:394px;
overflow:hidden;
}





/*-----------------------------------------------------------
トップの上部設定
-----------------------------------------------------------*/

#top_Up_Area{
height:410px;
width:960px;
}

#top_Up_Area_L{
width:550px;
float:left;
padding-top:10px;
background:url(http://www.ohakasagashi.net/img/index/map/map_all.gif) 0px 10px no-repeat;
}

*html #top_Up_Area_R{
width:410px;
float:right;
padding-top:20px;
}

#top_Up_Area_R{
width:400px;
float:right;
padding-top:20px;
}

#top_Up_Area_R_Up{
background:url(../img/index/searchR.gif) no-repeat;
height:117px;
width:400px;
padding:15px 20px 0px;
}

*html #top_Up_Area_R_Up{
background:url(../img/index/searchR.gif) no-repeat;
height:117px;
width:400px;
padding:15px 20px 0px;
margin-bottom:20px;
font-size:0.9em;
}

#top_Up_Area_R_Up h2{
text-indent:-9999px;
}

p.mapSearchTitle{
position:relative;
}

p.mapSearchTitle img{
position:absolute;
top:10px
}


#dst_key{
width:200px;
}



/*-----------------------------------------------------------
トップの下部設定
-----------------------------------------------------------*/
*html #top_Under_Area{
min-height:500px;
width:960px;
padding:20px;
}


#top_Under_Area{
min-height:500px;
width:920px;
padding:20px;

}

#topUnderConArea{
width:670px;
float:left;
}

#topUnderConArea .tatekata img{
margin:10px 3px 0px 4px;
}

#topUnderBnrArea{
width:220px;
background:#fff;
border:5px solid #ccc;
float:right;
padding:5px;
}

img.topUnderConTitle{
margin-top:10px;
}




.newsList{
	width:630px;
	height:330px;
	overflow:auto;
	padding:0 1em;
	border:1px solid #c0c0c0;
}


.newsList dd{
padding-left:2em;
}









.bnrSupArea{
background:url(../img/bnr/bnrSupport.gif) #FFFFFF top;
border:5px solid #CCCCCC;
float:right;
width:230px;
height:225px;
margin-top:30px;
}

.bnrSupArea a{
display:block;
background:url(../img/bnr/bnrSupport.gif);
height:225px;
text-indent:-9999px;
}
.bnrSupArea a:hover{
display:block;
background:url(../img/bnr/bnrSupport_on.gif);
height:225px;
text-indent:-9999px;
}


*html .bnrSupArea{
width:240px;
}


.bnrProfitArea{
background:url(../img/bnr/bnrProfit.gif) #FFFFFF top;
border:5px solid #CCCCCC;
float:right;
width:230px;
height:79px;
margin-top:20px;
}

.bnrProfitArea a{
display:block;
background:url(../img/bnr/bnrProfit.gif);
height:79px;
text-indent:-9999px;
}

*html .bnrProfitArea{
width:240px;
}


.bnrPetLiftArea a{
background:url(../img/bnr/bnr_pet.jpg) top no-repeat;
display:inline-block;
width:240px;
height:79px;
text-indent:-9999px;
xxxborder:5px solid #CCCCCC;
margin-top:20px;
float:right;
}



/*-----------------------------------------------------------
サイドメニュー
-----------------------------------------------------------*/

#sideNaviTop{
background:url(../img/sideMenu/bg_sideNavi_top.png) no-repeat bottom;
height:10px;
text-indent:-9999px;
}
#sideNaviBottom{
background:url(../img/sideMenu/bg_sideNavi_bottom.png) no-repeat top;
height:10px;
text-indent:-9999px;
}

#sideNaviMid{
background:url(../img/sideMenu/bg_sideNavi_mid.png) repeat-y top;
text-align:center;
}





#sideNavi{
width:220px;
float:left;
padding:10px 0 0 0px;
margin-left:10px;
display:inline;
}

#sideNaviMid ul{
padding:0 0 15px 15px;
}
*html #sideNaviMid ul{
padding:0 0 15px 3px;
}


#sideNaviMid li{
text-align:left;
background:url(../img/sideMenu/arrow01.jpg) no-repeat;
padding-left:17px;
}

#sideNavi .sidenaviLI li a{
margin:5px 0px 0px;
width:200px;
overflow:hidden;
text-align:left;
display:block;
}

#sideNaviMid li a:hover{
background:#FFF7DF;
width:180px;
}

ul.sideNavi_top{
width:200px;
margin:0 10px;
background:url(../img/sideMenu/bg_ul.jpg) no-repeat middle;
}
*　html ul.sideNavi_top{
padding:0px;
margin:0px;
}

#sideNavi img{
padding-top:5px;
}



li #sideNavi_process{
display:block;
background:url(../img/sideMenu/sideNavi01.jpg);
}
#sideNavi01 a:hover{
display:block;
background:url(../img/sideMenu/sideNavi01on.jpg);
}

#sideNavi02 a{
display:block;
background:url(../img/sideMenu/sideNavi02.jpg);
}
#sideNavi02 a:hover{
display:block;
background:url(../img/sideMenu/sideNavi02on.jpg);
}

#sideNavi03 a{
display:block;
background:url(../img/sideMenu/sideNavi03.jpg);
}
#sideNavi03 a:hover{
display:block;
background:url(../img/sideMenu/sideNavi03on.jpg);
}

#sideNavi04 a{
display:block;
background:url(../img/sideMenu/sideNavi04.jpg);
}
#sideNavi04 a:hover{
display:block;
background:url(../img/sideMenu/sideNavi04on.jpg);
}

#sideNavi05 a{
display:block;
background:url(../img/sideMenu/sideNavi05.jpg);
}
#sideNavi05 a:hover{
display:block;
background:url(../img/sideMenu/sideNavi05on.jpg);
}


#sideNavi06 a{
display:block;
background:url(../img/sideMenu/sideNavi05.jpg);
}







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

-----------------------------------------------------------*/
#container{
height:100%;
text-align: center;
background:url(../img/dummy/bg_top_Up_Area.jpg) repeat-x center top;
}

#main{
width:960px;
height:100%;
min-height: 100%;
margin:0 auto;
text-align:left;
}


/*-----------------------------------------------------------
コンテンツ領域
-----------------------------------------------------------*/
*html #mainContents{
float:right;
width:700px;
margin:10px 0px 0 5px;
}
#mainContents{
float:right;
width:700px;
margin:10px 10px 0 20px;
}


.mainContentsTop{
background:url(../img/mainContents/bg_mainContentsTop.jpg) no-repeat bottom;
height:10px;
text-indent:-9999px;
}

.mainContentsMid{
background:url(../img/mainContents/bg_mainContentsMid.jpg) repeat-y;
min-height:560px;
height: auto !important;
height: 560px;
padding:10px 20px;
}

.mainContentsBottom{
background:url(../img/mainContents/bg_mainContentsBottom.jpg) no-repeat;
height:10px;
text-indent:-9999px;
}

.entrymore{
text-align:right;
}


#subBnrArea{
margin-top:20px;
width:218px;
text-align:center;
border:1px solid #ccc;
}


/*-----------------------------------------------------------
フッター
-----------------------------------------------------------*/
#footer{
background:#17A9E4;
text-align:center;
margin-top:30px;
clear:both;
padding-bottom:30px;
}

#footerInner a{
color:#0D536F
}

#footerInner{
width:910px;
text-align:left;
margin:0 auto;
color:#fff;
padding:20px;
}

#footer ul{
margin:10px 0;
}

#footer li{
display:inline;
padding:0 10px 0 0;
}




#footerPageUp{
background:#fff;
padding-top:30px;
}
*html #footerPageUp{
background:#fff;
height:40px;
}


#footerPageUpInner{
width:960px;
height:50px;
text-align:right;
margin:0 auto;
}
*html #footerPageUpInner{
width:960px;
height:40px;
text-align:right;
margin:0 auto;
margin-bottom:-3px;
}


/*-----------------------------------------------------------
お墓を建てる前に
-----------------------------------------------------------*/
.pageBodyheader,.pageBodyArea{
padding:0 10px;
}

.before01Point{
	width:300px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:5px;
	vertical-align:top;
}

.before01Point img{
	float:left;
	display:block;
	margin-top:10px;
}

.before01Point dt {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 110px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
}

.before01Point dd {
	margin-bottom: 10px;
	padding-left: 110px;
	text-align:left;
}





pageBody p{
	margin-left:1em
}

h3.bfCaption01{
color:#5F09A2;
font-size:1.4em;
border-bottom:1px solid #5F09A2;
margin:30px 0px 10px;
padding-bottom:5px;
}

.bfsubCaption01{
font-size:1.1em;
font-weight:bold;
padding:0px 0 10px 0;
color:#333
}

h2.bfCaption01{
color:#5F09A2;
font-size:1.6em;
border-bottom:1px solid #5F09A2;
margin:30px 0px 10px;
padding-bottom:5px;
}


.bfsubCaption02{
font-size:1.1em;
font-weight:bold;
margin:20px 0 0px 0;
padding:5px;
color:#333;
background:#B8CF81;
}


.bf02Area01{
background:#eee;
padding:10px;
}

.bf02Area02{
margin-top:25px;
}

.bfimgCH{
position:relative;
top:-25px;
height:30px;
/display: inline;
/zoom: 1;
}

.bfimgCHtxt{
text-indent:3em;
}

*html .bfimgCHtxt{
text-indent:3em;
margin-top:-50px;
}





/*-----------------------------------------------------------
墓石を選ぶ
-----------------------------------------------------------*/
table.choiceTB01{
margin:10px 0;
border: 1px solid #CCCCCC;
border-collapse: separate;
border-spacing: 1px;
}

table.choiceTB01 th{
padding: 10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #B8CF81;
width:7em;
color:#fff;
}

table.choiceTB01 td{
padding: 5px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #FBFFEF;
}


dl.choiceDL01 dt{
font-weight:bold;
}

dl.choiceDL01 dd{
text-indent:1em;
margin-bottom:1em
}

.choiceCH01{
font-size:1.1em;
font-weight:bold;
color:#9CB404;
}






/*-----------------------------------------------------------
お墓の豆知識
-----------------------------------------------------------*/
#eidaiSearchArea{
width:636px;
height:107px;
margin:50px 0;
background:url(../knowledge/img/know09-01.jpg) no-repeat;
}

#eidaiSearchArea form{
padding:55px 30px 30px
}



#bt_eidaiSearch {
    border: 0px;
    width: 100px;
    height: 35px;
    background: url(http://www.ohakasagashi.net/img/item/bt_eidaiSearch.jpg) left top no-repeat;text-indent:-9999px;
cursor:pointer
}


#eidaiSearchArea #selectArea{
padding:5px;
margin-bottom:5px;
}


/*-- 納骨堂と合祀墓 --*/
#noukotsuSearchArea{
width:636px;
height:107px;
margin:50px 0;
background:url(../knowledge/img/know03-01.jpg) no-repeat;
}

#noukotsuSearchArea form{
padding:55px 30px 30px
}

#noukotsuSearchArea #selectArea{
padding:5px;
margin-bottom:5px;
}



/*-----------------------------------------------------------
お墓のQ&A
-----------------------------------------------------------*/
.qa dt{
background:#CECF8E;
padding:5px 10px;
margin-top:20px;
}

.qa dd a{
font-weight:bold;
color:#7891AF
}


/*-----------------------------------------------------------
個人情報保護・利用規約
-----------------------------------------------------------*/
dl.privacyDL dt{
font-weight:bold;
padding:10px 0 0 0;
}

dl.privacyDL dd{
text-indent:1em;
}

dl.privacyDL dd li{
list-style-type:disc;
margin:0 0 0 1em;
list-style-position: inside
}



#kiyakuArea h2{
margin-top:2em;
}

#kiyakuArea p{
margin-left:1em;
}


/*-----------------------------------------------------------
資料請求
-----------------------------------------------------------*/

.attention{
border:1px solid #666;
background:#eee;
padding:20px;
}

.attention li{
margin-left:20px;
list-style-type:square;
}


/*-----------------------------------------------------------
運営会社について
-----------------------------------------------------------*/
#tbUpArea table {
width:100%;
margin:10px 0;
border: 1px solid #CCCCCC;
border-collapse: separate;
border-spacing: 1px;
}
#tbUpArea th {
padding: 10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #E1E2E6;
}

#tbUpArea td {
padding: 5px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #fff;
}


.CompanyGreeting h2{
font-size:1.6em;
padding:10px 0 10px 10px;
color:#FF8A00;
border-left:13px solid #FF8A00;
border-bottom:1px solid #EFE1D1;
margin:30px 0 20px 0;
}

.CompanyGreeting h3{
font-size:1.2em;
margin:20px 0 10px;
padding:5px 10px;
background:#eeeeee;
border-left:1px solid #999;
}


.CompanyGreeting dt{
font-weight:bold;
font-size:1.1em;
padding-bottom:10px;
margin-top:20px;
color:#000;
}

.CompanyGreeting dd{
overflow:hidden;
}



/*-----------------------------------------------------------
お得情報
-----------------------------------------------------------*/
.EntryBodyProfit{
padding:20px;
}

.EntryBodyProfit h3{
border:1px solid #ccc;
padding:10px;
margin:0 0 20px 0;
color:#5B8A08;
font-size:1.2em;
}



/*-----------------------------------------------------------
おすすめ情報
-----------------------------------------------------------*/

#osusumeEntryIndex{
margin:20px;
}
#osusumeEntryIndex h3{
margin:0 0 20px;
}
#osusumeEntryPager{
margin:30px;
}


/*----------------------------------------------------
ネーミングキャンペーン
----------------------------------------------------*/
.campaignArea01{
padding:20px;
border:1px solid #ccc;
}

.campaignArea01 dt{
font-weight:bold;
border-top:1px solid #ccc;
padding-top:5px;
}

.campaignArea01 dd{
margin-left:1em;
margin:5px;
}




/*----------------------------------------------------
前の画面に戻るボタン
----------------------------------------------------*/
p.bthistryBack a{
background:url(http://www.ohakasagashi.net/img/search/bt_back.jpg) no-repeat right;
width:100%;
height:40px;
text-indent:-9999px;
display:block;
overflow:hidden;
margin-top:10px;

}
p.bthistryBack a:hover{
background:url(http://www.ohakasagashi.net/img/search/bt_back_on.jpg) no-repeat right;
}






/*-----------------------------------------------------------
ページ切り替え
-----------------------------------------------------------*/
.PageButeArea{
margin:40px 0 30px auto;
width:600px;
clear:both;
}

.current_page,.link_page,.link_before,.link_next {
height:22px;
border:1px solid #ccc;
padding:5px 10px;
   color: #000;
   text-align: center;
   xmargin-right: 5px;
   xdisplay: block;
display:inlline-block;
}
.current_page,.PageButeArea a:hover{
background:#17A9E4;
color:#fff;
}




/*-----------------------------------------------------------
汎用CSS
-----------------------------------------------------------*/

.imgL{
float:left;
}
.imgR{
float:right;
}

.clearBoth{
clear:both;
}

.imgPDG_R15{
padding:0 15px 0px 0;
}
.imgPDG_L15{
padding:0 0 0px 15px;
}

.imgPDG_T15{
padding:15px 0 0px 0px;
}

.mrgL20R10{
margin:0 20px 0 10px;
}
.mrgT40{
margin-top:40px;
}

.txtIDT1em{
text-indent:1em;
}

.txtStr{
font-weight:bold;
}

.txtC{
text-align:center;
}

/*-----------------------------------------------------------
テキスト
-----------------------------------------------------------*/

h1.asset-name{
font-size:1.6em;
padding:10px 0 10px 10px;
color:#FF8A00;
border-left:13px solid #FF8A00;
border-bottom:1px solid #EFE1D1;
margin:10px 0 20px 0;
}









/*-----------------------------------------------------------
寺院墓地を探す
-----------------------------------------------------------*/
#jiinSearchArea{
width:636px;
height:107px;
margin:50px 0;
background:url(../jiinbochi/img/bk_search.jpg) no-repeat;
}

#jiinSearchArea form{
padding:55px 30px 30px
}



#bt_jiinSearch {
    border: 0px;
    width: 100px;
    height: 35px;
    background: url(http://www.ohakasagashi.net/img/item/bt_eidaiSearch.jpg) left top no-repeat;text-indent:-9999px;
cursor:pointer
}


#jiinSearchArea #selectArea{
padding:5px;
margin-bottom:5px;
}




/*-----------------------------------------------------------
Q&Aのトップページボタン
-----------------------------------------------------------*/
.bt_searchTop_go a{
text-indent:-9999px;
margin:100px auto;
background:url("../img/item/bt_searchTop_go.jpg") no-repeat;
width:350px;
height:48px;
display:block;
}





/*-----------------------------------------------------------
clearfix
-----------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*-----------------------------------------------------------
IEPNGFIX
-----------------------------------------------------------*/
* html #logoArea #logo a img,* html #logoArea h1 a img,* html .campaign img{
behavior: expression(IEPNGFIX.fix(this));

}







#PRArea{
background:#ECE9D8;
text-align:right;
font-size:0.7em;
}




/*-----------------------------------------------------------
Google Search
-----------------------------------------------------------*/
#GsearchBox{
width:220px;
margin:10px 0 20px
}

#GsearchBox #Gbox{
width:170px;
}




#searchKeyArea{
width:392px;
height:48px;
background:url(../img/share/searchKey.gif) no-repeat;
}



#searchKeyArea #key{
margin:13px 0 0 110px;
width:150px;
}