@charset "UTF-8";

/* *****************************************************
Contents ---------------
01: Top
------------------------
***************************************************** */
.format_top #tmp_maincontents
  {
  float: left;
  width: 100%;
  height: auto;
  margin: 15px -365px 0 0;
  }

.format_top #tmp_maincontents p
  {
  margin: 0 0 15px 0;
  }

.format_top #tmp_maincontents:before,
.format_top #tmp_maincontents:after 
  {
  content:"";
  display:table;
  }

.format_top #tmp_maincontents:after
  {
  clear:both;
  }

.format_top #tmp_maincontents /* IE 6,7 */
  {
  zoom:1;
  }
  

.format_top #tmp_maincontents a,
.format_top #tmp_maincontents a:link,
.format_top #tmp_maincontents a:visited
  {
  color: #444444;
  text-decoration: none;
  }

.format_top #tmp_maincontents a:hover,
.format_top #tmp_maincontents a:active
  {
  color: #444444;
  text-decoration: none;
  }

/* -----------------------------------------------------
h2
----------------------------------------------------- */
.format_top #tmp_maincontents h2
  {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: none;
  }

/* *****************************************************
LayerContentsBody
***************************************************** */
.format_top #LayerContentsBody
  {
  float: right;
  width: 100%;
  height: auto;
  min-height: 459px;
  margin: 0 0 0 -380px;
  padding: 0;
  }

* html .format_top #LayerContentsBody
  {
  margin: 0 0 0 -380px;
  }

/* *****************************************************
LayerContentsBodyLeft
***************************************************** */
.format_top #LayerContentsBodyLeft
  {
  position: relative;
  float: left;
  width: 365px;
  height: auto;
  }

/* ----------------------------------------
column3
---------------------------------------- */
.format_top #tmp_maincontents .column3
  {
  width: auto;
  height: auto;
  margin: 0 0 15px -10px;
  }

* html .format_top #tmp_maincontents .column3 /* IE 6 */
  {
  margin: 0 0 15px -20px;
  }

.format_top #tmp_maincontents .column3:before,
.format_top #tmp_maincontents .column3:after 
  {
  content:"";
  display:table;
  }

.format_top #tmp_maincontents .column3:after
  {
  clear:both;
  }

.format_top #tmp_maincontents .column3 /* IE 6,7 */
  {
  zoom:1;
  }

.format_top #tmp_maincontents .column3 p
  {
  float: left;
  width: atuo;
  height: auto;
  margin: 0 0 0 10px;
  }

/* *****************************************************
LinkList
***************************************************** */

.format_top #leftnavi{
  /* width: 365px; */
  width: auto;
  /* margin: 0 0 15px 0; */
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

.format_top #leftnavi:before,
.format_top #leftnavi:after 
  {
  content:"";
  display:table;
  }

.format_top #leftnavi:after{
  clear: both;
  }

.format_top #LinkList
  {
  /* width: 365px; */
  float: left;
  width: 160px;
  height: auto;
  /* margin: 0 0 15px 0; */
  margin: 0 0 15px 10px;
  padding: 0 0 0 0;
}

.format_top #LinkList:before,
.format_top #LinkList:after 
  {
  content:"";
  display:table;
  }

.format_top #LinkList:after
  {
  clear:both;
  }

.format_top #LinkList /* IE 6,7 */
  {
  zoom:1;
  }

.format_top #LinkList ul
  {
  width: 178px;
  margin: 0 0 -7px 0;
  padding: 0 0 0 0;
  }

.format_top #LinkList ul li a img
  {
  margin: 0 3px -4px -2px;
  }

.format_top #LinkList .link-list-01
  {
  /* float: left; */
  }

.format_top #LinkList .link-list-01 h2
  {
  width: 161px;
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
  color: #4C603F;
  font-weight: bold;
  font-size: 114%;   /* 16px */
  line-height: 125%; /* 20px */
  background: url(/shared/templates/top/images/h2_linklist_01.png) 0 center no-repeat;
  }

* html .format_top #LinkList .link-list-01 h2
  {
  margin: 0 0 6px 0;
  }

.format_top #LinkList .link-list-01 li
  {
  margin: 0 0 7px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFB), to(#DBE8DE)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FDFDFB, #DBE8DE); /* Firefox */
  background: -ms-linear-gradient(top, #FDFDFB, #DBE8DE);
  background: linear-gradient(to bottom , #FDFDFB, #DBE8DE);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDFDFB, endcolorstr=#DBE8DE);
  zoom: 1;
  border: 1px solid #B1CDB7;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */ 
  border-radius: 5px; /* IE9 */ 
  }

.format_top #LinkList .link-list-01 li:hover
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#FCFEFC), to(#B0D5BF)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FCFEFC, #B0D5BF); /* Firefox */
  background: -ms-linear-gradient(top, #FCFEFC, #B0D5BF);
  background: linear-gradient(to bottom , #FCFEFC, #B0D5BF);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FCFEFC, endcolorstr=#B0D5BF); /* IE6,7,8,9 */
  zoom: 1;
  }

.format_top #LinkList .link-list-01 li a
  {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 5px 0 4px 25px;
  color: #4C603F;
  text-decoration: none;
  background: url(/shared/templates/free/images/link_arrow.png) 5px center no-repeat;
  }

*+html .format_top #LinkList .link-list-01 li a /* IE7 */
  {
  padding: 5px 0 4px 25px;
  }

* html .format_top #LinkList .link-list-01 li a /* IE6 */
  {
  padding: 6px 0 5px 25px;
  }

.format_top #LinkList .link-list-02
  {
  /* float: right; */
  margin-top:15px;
  }
  
.format_top #LinkList .link-list-02 h2
  {
  width: 161px;
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
  color: #5B5A31;
  font-weight: bold;
  font-size: 114%;   /* 16px */
  line-height: 125%; /* 20px */
  background: url(/shared/templates/top/images/h2_linklist_02.png) 0 center no-repeat;
  }

* html .format_top #LinkList .link-list-02 h2
  {
  margin: 0 0 6px 0;
  }

.format_top #LinkList .link-list-02 li
  {
  margin: 0 0 7px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFB), to(#E8E7D9)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FDFDFB, #E8E7D9); /* Firefox */
  background: -ms-linear-gradient(top, #FDFDFB, #E8E7D9);
  background: linear-gradient(to bottom , #FDFDFB, #E8E7D9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDFDFB, endcolorstr=#E8E7D9);
  zoom: 1;
  border: 1px solid #CFCFB1;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */ 
  border-radius: 5px; /* IE9 */ 
  }

.format_top #LinkList .link-list-02 li:hover
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFDFC), to(#D2CFA0)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FEFDFC, #D2CFA0); /* Firefox */
  background: -ms-linear-gradient(top, #FEFDFC, #D2CFA0);
  background: linear-gradient(to bottom , #FEFDFC, #D2CFA0);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FEFDFC, endcolorstr=#D2CFA0); /* IE6,7,8,9 */
  zoom: 1;
  }

.format_top #LinkList .link-list-02 li a
  {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 5px 0 4px 25px;
  color: #5B5A31;
  text-decoration: none;
  background: url(/shared/templates/free/images/link_arrow_y.png) 5px center no-repeat;
  }

*+html .format_top #LinkList .link-list-02 li a /* IE7 */
  {
  padding: 5px 0 4px 25px;
  }

* html .format_top #LinkList .link-list-02 li a /* IE6 */
  {
  padding: 6px 0 5px 25px;
  }

.format_top #LinkList .link-list-03
  {
  /* float: left; */
  margin-bottom:15px;
  }

.format_top #LinkList .link-list-03 h2
  {
  width: 161px;
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
  color: #4C603F;
  font-weight: bold;
  font-size: 114%;   /* 16px */
  line-height: 125%; /* 20px */
  background: url(/shared/templates/top/images/h2_linklist_03.png) 0 center no-repeat;
  }

* html .format_top #LinkList .link-list-03 h2
  {
  margin: 0 0 6px 0;
  }

.format_top #LinkList .link-list-03 li
  {
  margin: 0 0 7px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#D3E88E), to(#B8D25B)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #D3E88E, #B8D25B); /* Firefox */
  background: -ms-linear-gradient(top, #D3E88E, #B8D25B);
  background: linear-gradient(to bottom , #D3E88E, #B8D25B);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#D3E88E, endcolorstr=#B8D25B);
  zoom: 1;
  border: 1px solid #87A812;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */ 
  border-radius: 5px; /* IE9 */ 
  }

.format_top #LinkList .link-list-03 li:hover
  {
  background: -webkit-gradient(linear, left top, left bottom, from(#B6D644), to(#A2C135)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #B6D644, #A2C135); /* Firefox */
  background: -ms-linear-gradient(top, #B6D644, #A2C135);
  background: linear-gradient(to bottom , #B6D644, #A2C135);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#B6D644, endcolorstr=#A2C135); /* IE6,7,8,9 */
  zoom: 1;
  }

.format_top #LinkList .link-list-03 li a
  {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 5px 0 4px 25px;
  color: #000000;
  text-decoration: none;
  background: url(/shared/templates/free/images/link_arrow_g.png) 5px center no-repeat;
  }

*+html .format_top #LinkList .link-list-03 li a /* IE7 */
  {
  padding: 5px 0 4px 25px;
  }

* html .format_top #LinkList .link-list-03 li a /* IE6 */
  {
  padding: 6px 0 5px 25px;
  }

/* *****************************************************
LayerContentsBodyRight
***************************************************** */
.format_top #LayerContentsBodyRight
  {
  position: relative;
  float: right;
  width: 200px;
  margin: 15px 0 0 0;
 }

.format_top #LayerContentsBodyRight:before, /* modern browsers */
.format_top #LayerContentsBodyRight:after 
  {
  content:"";
  display:table;
  }

.format_top #LayerContentsBodyRight:after
  {
  clear:both;
  }

.format_top #LayerContentsBodyRight /* IE 6,7 */
  {
  zoom:1;
  }

.format_top #LayerContentsBodyRight p
  {
  margin: 0 0 10px 0;
  }

.format_top #AcsessRank
  {
  /* width: auto; */
  float: left;
  width: 180px;
  height: auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F0DF)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #FFFFFF, #F3F0DF); /* Firefox */
  background: -ms-linear-gradient(top, #FFFFFF, #F3F0DF);
  background: linear-gradient(to bottom , #FFFFFF, #F3F0DF);
  border: 1px solid #DBD5BD;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px; /* IE 9 */
  background: url(/shared/templates/top/images/rank_bg_w180.png) bottom left no-repeat transparent\9; /* IE 6,7,8,9 */
  border: none\9; /* IE 6,7,8,9 */
  }

.format_top #AcsessRank h2
  {
  margin: 0 0 4px 0;
  padding: 5px 0 4px 0;
  color: #6E4F0B;
  font-size: 107%; /* 15px */
  line-height: 126%; /* 19px */
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #DBD5BD;
  background: url(/shared/templates/top/images/rank_flower.png) center center no-repeat #FFFFFF;
  -webkit-border-top-left-radius: 5px;  /* Safari, Chrome */
  -webkit-border-top-right-radius: 5px; /* Safari, Chrome */
  -moz-border-radius-topleft: 5px;  /* Firefox */ 
  -moz-border-radius-topright: 5px; /* Firefox */ 
  border-top-left-radius: 5px;  /* IE 9 */ 
  border-top-right-radius: 5px; /* IE 9 */ 
  margin: 0 0 3px 0\9;
  padding: 6px 0 3px 0\9; /* IE 6,7,8,9 */
  background: url(/shared/templates/top/images/rank_h2_w180.png) 0 0 no-repeat #FFFFFF\9; /* IE 6,7,8,9 */
  }

*+html .format_top #AcsessRank h2
  {
  padding: 3px 0 3px 0;
  }

* html .format_top #AcsessRank h2
  {
  padding: 4px 0 4px 0;
  }


.format_top #AcsessRank h2, x:-moz-any-link /* Firefox */ 
  {
  padding: 4px 0 3px 0;
  }


.format_top #AcsessRank dl
  {
  width: auto;
  height: auto;
  margin: 0 6px 0 6px;
  padding: 3px 0 2px 0;
  border-top: 1px dotted #C5C3BD;
  padding: 2px 0 2px 0\9; /* IE 6,7,8,9 */
  }

*html .format_top #AcsessRank dl
  {
  margin: 0 6px 0 6px;
  }

.format_top #AcsessRank dl:before,
.format_top #AcsessRank dl:after 
  {
  content:"";
  display:table;
  }

.format_top #AcsessRank dl:after
  {
  clear:both;
  }

.format_top #AcsessRank dl /* IE 6,7 */
  {
  zoom:1;
  }
  
.format_top #AcsessRank dl.rank-first
  {
  border-top: none;
  background: url(/shared/templates/top/images/rank1_s.png) 9px center no-repeat;
  }

.format_top #AcsessRank dl.rank-second
  {
  background: url(/shared/templates/top/images/rank2_s.png) 9px center no-repeat;
  }

.format_top #AcsessRank dl.rank-third
  {
  background: url(/shared/templates/top/images/rank3_s.png) 9px center no-repeat;
  }

.format_top #AcsessRank dt
  {
  width: auto;
  height: auto;
  float: left;
  margin: 0 0 0 0;
  padding: 3px 10px 2px 8px; 
  color: #7A6015;
  font-weight:bold;
  }

:root .format_top #AcsessRank dt /* IE 9 */
 {
  padding: 3px 10px 3px 8px \0/IE9;
 }

*+html .format_top #AcsessRank dt /* IE 7 */
  {
  padding: 4px 10px 3px 8px; 
  }

* html .format_top #AcsessRank dt /* IE 6 */
  {
  padding:5px 10px 3px 8px; 
  }

.format_top #AcsessRank dd
  {
  padding: 3px 0 2px 0;
  }

.format_top #AcsessRank dd a
  {
  color: #444444;
  text-decoration: none;
  }

*+html .format_top #AcsessRank dd /* IE 7 */
  {
  padding: 4px 0 3px 0;
  }

* html .format_top #AcsessRank dd /* IE 6 */
  {
  padding: 5px 0 3px 0;
  }

/* *****************************************************
PickUpArea
***************************************************** */
.format_top #PickUpArea
  {
  position: relative;
  clear: both;
  width: auto;
  height: auto;
  margin: 0 215px 20px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F1DF), to(#DFD9C4)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #F4F1DF, #DFD9C4); /* Firefox */
  background: -ms-linear-gradient(top, #F4F1DF, #DFD9C4);
  background: linear-gradient(to bottom , #F4F1DF, #DFD9C4);
  border: 1px solid #E5E0CC;
  border: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F4F1DF, endcolorstr=#DFD9C4);
  zoom: 1;
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */ 
  -moz-box-shadow:inset 0 0 1px 1px #FBF9F3;
  -webkit-box-shadow:inset 0 0 1px 1px #FBF9F3;
  border-radius: 5px;
  }

.format_top #PickUpArea:before,
.format_top #PickUpArea:after 
  {
  content:"";
  display:table;
  }

.format_top #PickUpArea:after
  {
  clear:both;
  }

.format_top #PickUpArea /* IE 6,7 */
  {
  zoom:1;
  }

.format_top #PickUpArea #PickUpAreaMain
  {
  border-radius: 5px;
  box-shadow: 0 0 5px 5px #FFFFFF\9;
  }

.format_top #PickUpArea #PickUpAreaMain h2
  {
  float: left;
  height: auto;
  margin: 0 0 0 0;
  padding: 20px 7px 16px 12px;
  padding: 21px 7px 16px 12px\9;
  }
  
.format_top #PickUpArea #PickUpAreaMain ul
  {
  margin: 0 0 0 98px;
  padding: 11px 0 10px 12px;
  padding: 12px 0 10px 12px\9;
  border-left: 1px dotted #B1AFA6;
  }
  
.format_top #PickUpArea #PickUpAreaMain ul li
  {
  display: inline-block;
  /display: inline; /* IE 6,7 */
  /zoom: 1;         /* IE 6,7 */
  margin: 0 10px 0 0;
  }