@charset "UTF-8";

@import url("common.css");


/* Style On Detail Page
--------------------------------------------------
INDEX
--------------------------------------------------
 1. Left Side Contents
 2. Right Side Contents
 3. Pankuzu
 4. Page Top Link
-------------------------------------------------- */

/*  1. Left Side Contents
-------------------------------------------------- */
#left_menu{
margin:0px 0px 0px 20px;
 width:190px;
 height:auto;
 float:left;
}
  #left_menu ul {
margin:0px;
}
  #left_menu li {
font-size:80%;
 line-height:270%;
 text-align:left;
 text-indent:0.5em;
 background-color:#EAEAEA;
 list-style-image: url(../images/menu.gif);
 list-style-position:inside;
 border-bottom:1px solid #FFF;
}

  #left_menu a:link{
color:#5F5F5F;
 text-decoration:none;
}
  #left_menu a:visited{
color:#5F5F5F;
 text-decoration:none;
}
  #left_menu a:hover{
color:#5F5F5F;
 text-decoration:none;
}
  #left_menu a:active{
color:#5F5F5F;
 text-decoration:none;
}
  #left_menu h2{
margin:0px;
 color:#FFF;
 font-weight:bold;
 font-size:80%;
 text-align:left;
 line-height:270%;
 text-indent:0.5em;
 border-bottom:1px solid #FFF;
}
  #left_menu h3{
margin:0px;
 font-weight:bold;
 font-size:80%;
 text-align:left;
 line-height:270%;
 text-indent:0.5em;
 border-bottom:1px solid #FFF;
 background-color:#DCDCDC;
}

  /* ------ class ------*/
    .LeftMenuBottom{
background: url(../images/left_menu_bottom.gif) right bottom no-repeat;
}
    .LeftMenuBanner{
width:auto;
 height:auto;
 margin-top:10px;
}
    
  /* ------ each page settings ------ */
    #corporate #left_menu h2{
background: url(../corporate/images/left_menu_top.gif) left top no-repeat #77AD76;
}
    #inheritance #left_menu h2{
background: url(../inheritance/images/left_menu_top.gif) left top no-repeat #AD7695;
}
    #private #left_menu h2{
background: url(../private/images/left_menu_top.gif) left top no-repeat #D8AD93;
}
    #intro #left_menu h2{
background: url(../intro/images/left_menu_top.gif) left top no-repeat #816590;
}
    #other #left_menu h2{
background: url(../images/left_menu_top.gif) left top no-repeat #7A7A7A;
}

    #corporate #left_menu li:hover,
    #corporate #left_menu li:focus {
background-color:#BEFDBD;
}
    #private #left_menu li:hover,
    #private #left_menu li:focus {
background-color:#FFDBBE;
}
    #private #left_menu h3 a {
color: #C09477;
}
    #private #left_menu h3:hover,
    #private #left_menu h3:focus {
background-color:#FFDBBE;
}
    #inheritance #left_menu li:hover,
    #inheritance #left_menu li:focus {
background-color:#E6C5D8;
}
    #inheritance #left_menu h3 a {
color: #AD7695;
}
    #inheritance #left_menu h3:hover,
    #inheritance #left_menu h3:focus {
background-color:#E6C5D8;
}
    #intro #left_menu li:hover,
    #intro #left_menu li:focus {
background-color:#C7AED5;
}
    #intro #left_menu h3 a {
color: #705280;
}
    #intro #left_menu h3:hover,
    #intro #left_menu h3:focus {
background-color:#C7AED5;
}
    #other #left_menu li:hover,
    #other #left_menu li:focus {
background-color:#CCCCCC;
}


  /* ------ for IE6 ------ */
    *html #left_menu{
margin:0px 0px 0px 10px;
 width:190px;
 height:auto;
 float:left;
}
    *html #left_menu li{
line-height:120%;
 padding:10px 0px;
 vertical-align:middle;
 text-align:left;
 text-indent:2.0em;
 background-color:#EAEAEA;
 list-style-image: url(../images/menu02.gif);
 list-style-position:outside;
 border-bottom:1px solid #FFF;
}

    #corporate #left_menu .bg-change:hover {
background-color:#BEFDBD;
}
    #private #left_menu .bg-change:hover {
background-color:#FFDBBE;
}
    #inheritance #left_menu .bg-change:hover {
background-color:#E6C5D8;
}
    #intro #left_menu .bg-change:hover {
background-color:#C7AED5;
}
    #other #left_menu .bg-change:hover {
background-color:#CCCCCC;
}
    
  /* ------ for IE7 ------ */
	*:first-child+html #left_menu{
margin:0px 0px 0px 10px;
 width:190px;
 height:auto;
 float:left;
}
	*:first-child+html #left_menu li{
line-height:120%;
 padding:10px 0px;
 vertical-align:middle;
 text-align:left;
 text-indent:2.0em;
 background-color:#EAEAEA;
 list-style-image: url(../images/menu02.gif);
 list-style-position:outside;
 border-bottom:1px solid #FFF;
}


/*  2. Right Side Contents
-------------------------------------------------- */
#content_detail{
margin: 0px 20px 0px 20px;
 width: 650px;
 height:auto;
 float:right;
 text-align:left;
}
  #content_detail table{
width: 593px;
 height:auto;
 margin:10px 5px 0px;
 border-top: 1px solid #cccccc;
 font-size: 95%;
 color: #5f5f5f;
}
  #content_detail th{
width: 227px;
 height:180%;
 margin: 0px;
 padding:10px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background-color: #dadada;
}
  #content_detail td{
width: 322px;
 height:180%;
 margin: 0px;
 padding:10px;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 text-align:right;
}
  #content_detail dl{
width: 590px;
 margin: 0px 5px 16px;
}
  #content_detail p{
width: 590px;
 margin: 0px 5px 16px;
}

  #content_detail dt{
width: 590px;
 margin: 0px 0px 10px 0px;
}
  #content_detail dd{
width: 590px;
 margin: 0px 10px 10px;
}
  #content_detail dd{
text-indent:2.5ex;
}
  #content_detail li{
list-style-type: circle;
 margin-left:10px;
 text-indent:0px !important;
}
  #content_detail ol{
list-style-type: decimal;
 margin: 0px 20px 10px;
 padding:0px;
 text-decoration: none;
 font-size: 95%;
 color: #5f5f5f;
}













  
table#merit{
width: 593px;
 height:auto;
 margin:10px 5px 0px;
 border-top: 1px solid #cccccc;
 font-size: 95%;
 color: #5f5f5f;
}
table#merit th{
width: 90px;
 height:180%;
 margin: 0px;
 padding:10px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background-color: #dadada;
 vertical-align:top;
}
table#merit td{
width: 220px;
 height:180%;
 margin: 0px;
 padding:10px;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 text-align:left;
 vertical-align:top;
}

#PageTitle{
width:900px;
 height:auto;
 padding:0px 0px 10px 0px;
 margin-right: auto;
 margin-left: auto;
 background-color: #FFF;
 clear:both;
}
#PageTitle h1{
font-size: 130%;
 color: #5f5f5f;
 font-weight:bold;
 width:883px;
 height:49px;
 margin-right: auto;
 margin-left: auto;
 text-align:left;
}































  /* ------ each page settings ------ */
  	/* ------ h1 ------ */
	#corporate #PageTitle h1{
background: url(../corporate/images/p_title.gif) no-repeat;
}
	#inheritance #PageTitle h1{
background: url(../inheritance/images/p_title.gif) no-repeat;
}
	#private #PageTitle h1{
background: url(../private/images/p_title.gif) no-repeat;
}
	#intro #PageTitle h1{
background: url(../intro/images/p_title.gif) no-repeat;
}
	#other #PageTitle h1{
background: url(../images/p_title.gif) no-repeat;
}

  	/* ------ h2 ------ */
    #corporate #content_detail .title_space{
background: url(../corporate/images/title.gif) no-repeat;
}
    #inheritance #content_detail .title_space{
background: url(../inheritance/images/title.gif) no-repeat;
}
    #private #content_detail .title_space{
background: url(../private/images/title.gif) no-repeat;
}
    #intro #content_detail .title_space{
background: url(../intro/images/title.gif) no-repeat;
}
    #other #content_detail .title_space{
background: url(../images/title.gif) no-repeat;
}
  	/* ------ h3 ------ */
	#corporate #content h3{
color: #5F8B5E;
}
	#inheritance #content h3{
color: #AD7695;
}
	#private #content h3{
color: #C09477;
}
	#intro #content h3{
color: #705280;
}
	#other #content h3{
color: #778899;
}
  	/* ------ h5 ------ */
	#private #content h5{
color: #C09477;
}

    #private #content_detail th{
width: 310px;
}
    #private #content_detail td{
width: 239px;
}
    #private #content_detail .table03{
width: 215px;
}
    #private #content_detail .table04{
width: 120px;
}
    #private #content_detail .table05{
width: 192px;
}
    #private #content_detail .table06{
width: 215px;
 border-left: 1px solid #cccccc;
 text-align:left;
}

  /* ------ class ------*/
	#PageTitle .p_title{
padding:10px 0px 0px 0px;
 text-indent:0.5em;
}

    #content_detail .title_space{
width: 650px;
 height:36px;
 padding:7px 20px 0px;
 text-align:left;
}
    #content_detail .table01{
background-color: #E1D9FF;
 text-align:center;
}
    #content_detail .table02{
background-color: #E1D9FF;
 width: 322px;
 text-align:center;
}
    #content_detail .h4title{
background: url(../images/h4title.gif) no-repeat;
 text-indent:1.0em;
}
    #content_detail .image{
width: 150px;
 height:auto;
 margin: 5px 0px 0px 15px;
 padding:0px;
 border: 1px solid #cccccc;
 float:left;
}
    #content_detail .comment{
width: 420px;
 height:auto;
 margin: 0px;
 padding:0px 30px 0px 0px;
 float:right;
}
    #content_detail .comment_p{
width: 420px;
 height:auto;
 text-align:left;
}
    #content_detail .comment02{
width: 600px;
 height:auto;
 margin: 0px;
 padding:0px 0px 20px 15px;
}
    #content_detail .comment_p02{
width: 600px;
 height:auto;
 text-align:left;
 margin:0px 0px 0px 20px;
}
    #content_detail .comment_title{
font-size:90%;
}
    #content_detail .h2smalltitle{
font-size:105%;
 padding-top:8px;
}
    #content_detail .underconstruction{
width:630px;
 margin:50px 0px;
 text-align:center;
}


  /* ------ for IE6 ------ */
    *html #content_detail{
margin: 0px 10px 0px 10px;
 width: 650px;
 height:auto;
 float:right;
 text-align:left;
}
    *html #content_detail .comment{
width: 420px;
 height:auto;
 margin: 0px;
 padding:0px 10px 0px 10px;
 float:right;
}



/*  3.PageNavigation
-------------------------------------------------- */
#PageNavi {
width:900px;
 height:auto;
 padding: 10px 0px;
 margin-right: auto;
 margin-left: auto;
 background-color: #FFF;
 clear:both;
}
#PageNavi ul{
width:898px;
 height:2.3em;
 font-size: 80%;
 border:1px solid #BFBFBF;
}
#PageNavi li {
float:left;
 line-height:2.3em;
 color:#5f5f5f;
}		
#PageNavi li a {
background:url(../images/pagenavi.gif) no-repeat right center;
 display:block;
 padding:0 15px 0 0;
}							
#PageNavi li a:link,
#PageNavi li a:visited {
color:#5f5f5f;
 text-decoration:none;
}	
#PageNavi li a:hover,
#PageNavi li a:focus {
color:#dd2c0d;
}		



/*  4.Page Top Link
-------------------------------------------------- */
.pagetop {
width:auto;
 font-size:80%;
 text-align: right;
 margin: 40px 0px 10px;
 clear:both;
}
.imgspace{
margin:0px 3px 0px 0px;
}