@charset "UTF-8" !important;

/* *****************************************************
LayerContents
***************************************************** */
/* -----------------------------------------------------
h1
----------------------------------------------------- */
.custom_idx #H1Area
  {
  height: auto;
  margin:0 0 20px;
  zoom: 1;
  border: 1px solid #CCBE1E;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */ 
  border-radius: 5px; /* IE9 */ 
  -moz-box-shadow:inset 0 0 1px 1px #FCEEBE;
  -webkit-box-shadow:inset 0 0 1px 1px #FCEEBE;
  -box-shadow:inset 0 0 1px 1px #FCEEBE;
  font-weight: bold;
  color: #553617;
  background: -webkit-gradient(linear, left top, left bottom, from(#FAE59C), to(#E4C040)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FAE59C, #E4C040); /* Firefox */
  background: -ms-linear-gradient(top, #FAE59C, #E4C040);
  background: linear-gradient(to bottom , #FAE59C, #E4C040);
  filter: progid:DXImageTransform.Microsoft.linear-gradient(GradientType=0,startcolorstr=#FAE59C, endcolorstr=#E4C040);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FAE59C, endcolorstr=#E4C040);
  box-shadow: 0 0 5px 5px #FFFFFF\9; /* IE 9 */ 
  border-radius: 5px; /* IE 9 */ 
  }
.custom_idx #tmp_contents #H1Sodan
  {
  background: url(/shared/templates/free/images/h1_sodan.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Manabitai
  {
  background: url(/shared/templates/free/images/h1_manabitai.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Korei
  {
  background: url(/shared/templates/free/images/h1_korei.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Wakamono
  {
  background: url(/shared/templates/free/images/h1_wakamono.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Kyoin
  {
  background: url(/shared/templates/free/images/h1_kyoin.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Jigyosha
  {
  background: url(/shared/templates/free/images/h1_jigyosha.png) right center no-repeat;
  }

.custom_idx #tmp_contents #H1Okosama
  {
  background: url(/shared/templates/free/images/h1_okosama.png) right center no-repeat;
  }

.custom_idx #tmp_contents h1
  {
  padding: 28px !important;
  margin:0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#00000000, endcolorstr=#00000000);
  border:none;
  -webkit-border-radius: 0; /* Safari, Chrome */
  -moz-border-radius: 0; /* Firefox */ 
  border-radius: 0; /* IE9 */ 
  }

/* *****************************************************
LayerContentsBody
***************************************************** */

.custom_idx #LayerContentsBody
  {
  width: 100% !important;
  height: auto !important;
  margin-right: -230px !important;
  padding: 0 !important;
  float: left !important;
  }

.custom_idx #LayerContentsBody:before,
.custom_idx #LayerContentsBody:after
  {
  content:"" !important;
  display:table !important;
  }

.custom_idx #LayerContentsBody:after
  {
  clear:both !important;
  }

.custom_idx #LayerContentsBody /* IE 6,7 */
  {
  zoom:1 !important;
  }

.custom_idx #LayerContentsMain
  {
  margin-right: 220px !important;
  margin-left:0 !important;
  padding:0;
  }

.custom_idx #LayerContentsMain:before,
.custom_idx #LayerContentsMain:after 
  {
  content:"" !important;
  display:table !important;
  }

.custom_idx #LayerContentsMain:after
  {
  clear:both !important;
  }

.custom_idx #LayerContentsMain /* IE 6,7 */
  {
  zoom:1 !important;
  }

.custom_idx .column3
  {
  clear: both !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 15px 0 !important;
  }

.custom_idx .column3:before,
.custom_idx .column3:after 
  {
  content:"" !important;
  display:table !important;
  }

.custom_idx .column3:after
  {
  clear:both !important;
  }

.custom_idx .column3 /* IE 6,7 */
  {
  zoom:1 !important;
  }

.custom_idx .column3 .navi-box
  {
  width: 32.3% !important;
  }

*+html .custom_idx .column3 .navi-box /* IE 7 */
  {
  width: 32.1% !important;
  }
  
* html .custom_idx .column3 .navi-box  /* IE 6 */
  {
  width: 31.9% !important;
  }

.custom_idx .column2
  {
  width: auto !important;
  height: auto !important;
  margin: 0 0 15px 0 !important;
  }

.custom_idx .column2:before,
.custom_idx .column2:after 
  {
  content:"" !important;
  display:table !important;
  }

.custom_idx .column2:after
  {
  clear:both !important;
  }

.custom_idx .column2 /* IE 6,7 */
  {
  zoom:1 !important;
  }

.custom_idx .column2 .navi-box
  {
  width: 49% !important;
  }

*+html .custom_idx .column2 .navi-box /* IE 7 */
  {
  width: 48.5% !important;
  margin: 0 0 0 1% !important;
  }
  
* html .custom_idx .column2 .navi-box  /* IE 6 */
  {
  width: 48.5% !important;
  }

/* -----------------------------------------------------
.navi-box
----------------------------------------------------- */
.custom_idx .navi-box
  {
  position: relative !important;
  float: left !important;
  height: auto;
  min-height: 119px !important;
  margin: 0 1% 0 0 !important;
  padding: 0 0 0 0 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E3DFD1)) !important; /* Safari, Chrome */  background: -moz-linear-gradient(top, #FEFEFE, #E3DFD1) !important; /* Firefox */
  background: -ms-linear-gradient(top, #FEFEFE, #E3DFD1) !important;
  background: linear-gradient(to bottom , #FEFEFE, #E3DFD1) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F8F6EE, endcolorstr=#E4E0D2) !important;
  zoom: 1 !important;
  border: 1px solid #9F9D95 !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important; /* IE9 */ 
  -webkit-box-sizing: border-box !important; /* Safari, Chrome */
  -moz-box-sizing: border-box !important; /* Firefox */  
  -ms-box-sizing: border-box !important; /* IE 8,9 */ 
  box-sizing: border-box !important;
  -moz-box-shadow:inset -5px -5px 3px #D3CFC2 !important;
  -webkit-box-shadow:inset -5px -5px 3px #D3CFC2 !important;
  background-color: #ffffff !important;
  }

.custom_idx .navi-box h2
  {
  margin: 15px 13px 8px 11px !important;
  padding: 1px 0 9px 10px !important;
  font-size: 121% !important;   /* 17px */
  line-height: 123% !important; /* 21px */
  color: #1A693A !important;
  background: url(/shared/templates/free/images/h2.png) 0 0 no-repeat !important;
  border-bottom: 1px dotted #A6BAA6 !important;
  }

.custom_idx .navi-box p
  {
  margin: 0 16px 5px 20px !important;
  color: #444444 !important;
  }

.custom_idx .navi-box .detail-link
  {
  margin: 0 0 15px 0 !important;
  padding: 0 0 0 0 !important;
  float:right !important;
  }

.custom_idx .navi-box .detail-link a,
.custom_idx .navi-box .detail-link a:link,
.custom_idx .navi-box .detail-link a:visited
  {
  display: block !important;
  width: 117px !important;
  height: 20px !important;
  line-height: 20px !important; /* 20px */
  text-indent: -9999px !important;
  background: url(/shared/templates/free/images/detail_button.png) 0 0 no-repeat !important;
  }

.custom_idx .navi-box .detail-link a:hover,
.custom_idx .navi-box .detail-link a:active
  {
  background: url(/shared/templates/free/images/detail_button.png) 0 -20px no-repeat !important;
  }
.custom_idx .wrap_navi_box_detail {
	margin:0 16px 5px !important;
	color:inherit !important;
	background-color:#FFFFFF !important;
	clear:both !important;
}
.custom_idx .navi_box_detail {
	padding:10px !important;
	border:1px solid #DAD5C2 !important;
	clear:both !important;
}
.custom_idx .navi_box_detail p {
	margin:0 !important;
}
.custom_idx .navi_box_detail p.title {
	margin-bottom:0.6em !important;
	color:#6D4E24 !important;
	background-color:transparent !important;
	font-weight:bold !important;
}

/* *****************************************************
BottomNavi
***************************************************** */
.custom_idx #BottomNavi
  {
  clear: both !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 15px 0 !important;
  padding: 0 0 0 0 !important;
  }

.custom_idx #BottomNavi ul
  {
  width: auto !important;
  text-align: center !important;
  margin: 0 0 0 0 !important;
  overflow: hidden !important;
  }

.custom_idx #BottomNavi ul:after
  {
  content:"" !important;
  clear:both !important;
  display:block !important;
  height:0 !important;
  }
  
.custom_idx #BottomNavi ul li
  {
  float: left !important;
  width: 24% !important;
  margin: 0 1% 0 0 !important;
  padding: 0 0 0 0 !important;
  list-style: none !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important; /* IE9 */ 
  -webkit-box-sizing: border-box !important; /* Safari, Chrome */
  -moz-box-sizing: border-box !important; /* Firefox */  
  -ms-box-sizing: border-box !important; /* IE 8,9 */ 
  box-sizing: border-box !important; /* Opera */  
  }

.custom_idx #BottomNavi ul li.bottom-links-01
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#EAF5ED), to(#D4E3DA)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #EAF5ED, #D4E3DA) !important; /* Firefox */
  background: -ms-linear-gradient(top, #EAF5ED, #D4E3DA) !important;
  background: linear-gradient(to bottom , #EAF5ED, #D4E3DA) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EAF5ED, endcolorstr=#D4E3DA) !important;
  border: 1px solid #ACBBA9 !important;
  }

.custom_idx #BottomNavi ul li.bottom-links-01:hover
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5F1), to(#ABD5BC)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #EDF5F1, #ABD5BC) !important; /* Firefox */
  background: -ms-linear-gradient(top, #EDF5F1, #ABD5BC) !important;
  background: linear-gradient(to bottom , #EDF5F1, #ABD5BC) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EDF5F1, endcolorstr=#ABD5BC) !important;
  border: 1px solid #ACBBA9 !important;
  }

.custom_idx #BottomNavi ul li.bottom-links-02
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4E6), to(#E2E0C7)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #F4F4E6, #E2E0C7) !important; /* Firefox */
  background: -ms-linear-gradient(top, #F4F4E6, #E2E0C7) !important;
  background: linear-gradient(to bottom , #F4F4E6, #E2E0C7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F4F4E6, endcolorstr=#E2E0C7) !important;
  border: 1px solid #C5C5A3 !important;
  }

.custom_idx #BottomNavi ul li.bottom-links-02:hover
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3E7), to(#D1CE97)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #F3F3E7, #D1CE97) !important; /* Firefox */
  background: -ms-linear-gradient(top, #F3F3E7, #D1CE97) !important;
  background: linear-gradient(to bottom , #F3F3E7, #D1CE97) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F3F3E7, endcolorstr=#D1CE97) !important;
  border: 1px solid #C5C5A3 !important;
  }

*+html .custom_idx #BottomNavi ul li /* IE 7 */
  {
  width: 23.9% !important;
  }

* html .custom_idx #BottomNavi ul li /* IE 6 */
  {
  width: 23.7% !important;
  }

.custom_idx #BottomNavi ul li a
  {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 10px 0 10px 0 !important;
  text-decoration: none !important;
  }

.custom_idx #BottomNavi ul li.bottom-links-01 a
  {
  color: #4C603F !important;
  -moz-box-shadow:inset 1px 1px  0 0 #E7F3EC !important;
  -webkit-box-shadow:inset 1px 1px 0 0 #E7F3EC !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important;
  }

.custom_idx #BottomNavi ul li.bottom-links-02 a
  {
  color: #5B5A31 !important;
  -moz-box-shadow:inset 1px 1px  0 0 #F6F5EC !important;
  -webkit-box-shadow:inset 1px 1px 0 0 #F6F5EC !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important;
  }

.custom_idx #BottomNavi ul li a img
  {
  margin: 0 5px -4px 0 !important;
  }

/* *****************************************************
table
***************************************************** */
.custom_idx #LayerBase table
  {
  width: auto !important;
  height: auto !important;
  margin: 0 0 19px 1% !important;
  border-collapse: collapse !important;
  border: 1px solid #D2CDB6 !important;
  }
  
.custom_idx #LayerBase table th
  {
  padding: 8px 12px !important;
  color: #615719 !important;
  border: 1px solid #D2CDB6 !important;
  background-color: #F7F6F0 !important;
  }

.custom_idx #LayerBase table th.second
  {
  padding: 8px 12px !important;
  color: #44621A !important;
  border: 1px solid #D2CDB6 !important;
  background-color: #EDF0E2 !important;
  }

.custom_idx #LayerBase table td
  {
  padding: 8px 12px !important;
  color: #444444 !important;
  border: 1px solid #D2CDB6 !important;
  background-color: #FFFFFF !important;
  }

/* *****************************************************
LayerSnavi
***************************************************** */
.custom_idx #LayerSnavi
  {
  width: 210px !important;
  margin-right: 0 !important;
  float: right !important;
  -webkit-box-sizing: border-box !important; /* Safari, Chrome */
  -moz-box-sizing: border-box !important; /* Firefox */  
  -ms-box-sizing: border-box !important; /* IE 8,9 */ 
  box-sizing: border-box !important; /* Opera */  
  background: url(/shared/templates/free/images/second_snavi_bg.png) bottom left no-repeat transparent\9 !important; /* IE6,7,8,9 */
  display:block;
  }
@media screen {
.custom_idx #LayerSnavi
  {
  background: none!important; /* IE10 */
  }
}

.custom_idx #LayerSnavi:before,
.custom_idx #LayerSnavi:after 
  {
  content:"" !important;
  display:table !important;
  }

.custom_idx #LayerSnavi /* IE 6,7 */
  {
  zoom:1 !important;
  }

.custom_idx #LayerSnavi ul
  {
  padding: 10px 16px 11px 14px !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DCE9E1)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FEFEFE, #DCE9E1) !important; /* Firefox */
  background: -ms-linear-gradient(top, #FEFEFE, #DCE9E1) !important;
  background: linear-gradient(to bottom , #FEFEFE, #DCE9E1) !important;
  border: 1px solid #B5D1BE !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important;
  -moz-box-shadow:inset 0 0 1px 1px #ffffff !important;
  -webkit-box-shadow:inset 0 0 1px 1px #ffffff !important;
  border:none\9;
  background: url(/shared/templates/free/images/second_snavi_top.png) 0 0 no-repeat transparent\9 !important; /* IE6,7,8,9 */
  overflow: hidden !important;
  }
@media screen {
.custom_idx #LayerSnavi ul
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DCE9E1)) !important; /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FEFEFE, #DCE9E1) !important; /* Firefox */
  background: -ms-linear-gradient(top, #FEFEFE, #DCE9E1) !important;
  background: linear-gradient(to bottom , #FEFEFE, #DCE9E1) !important;
  border: 1px solid #B5D1BE !important;
  -webkit-border-radius: 5px !important; /* Safari, Chrome */
  -moz-border-radius: 5px !important; /* Firefox */ 
  border-radius: 5px !important;
  }
}

* html .custom_idx #LayerSnavi ul
  {
  padding: 0px 16px 0px 14px !important;
  }

.custom_idx #LayerSnavi ul li
  {
  border-top: 1px dotted #A6BAA6 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  }

* html .custom_idx #LayerSnavi ul li
  {
  margin-top: -1px !important;
  }

.custom_idx #LayerSnavi ul li:first-child
  {
  border-top: none !important;
  }

.custom_idx #LayerSnavi ul li a
  {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 8px 0 8px 0 !important;
  padding: 1px 0 2px 21px !important;
  color: #4C603F !important;
  text-decoration: none !important;
  background: url(/shared/templates/free/images/link_arrow.png) 0 center no-repeat !important;
  }
  
* html .custom_idx #LayerSnavi ul li a /* IE6 */
  {
  margin: 10px 0 0 0 !important;
  padding: 1px 0 0 21px !important;
  }