@charset "Shift_JIS";

/* header
------------------------------------------------------------------*/
#top-header {
  width: 836px;
  height: 380px;
  margin: 0;
  padding: 0px 15px 0;
  background: url(../top_img/headertop_bg.jpg) no-repeat;
 }

#top-title {
  width: 836px;
  height: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;

 }

#top-header img {
  width: 836px;
  height: 300px;
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
 }

#top-header h1, #top-header h2, #top-header p {
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

#top-header p#home {
  clear: both;
  float: left;
  width: 76px;
  height: 22px;
  margin: 274px 0 0 22px;
  padding: 0;
 }

#top-header p#home a {
  display: block;
  width: 76px;
  height: 22px;
  line-height: normal;
  overflow: hidden;
 }

/* main
------------------------------------------------------------------*/
#top-main {
  float: right;
  width: 578px;
  height: auto;
  margin: 0;
  padding: 0 5px 0 20px;
  background:url(../top_img/top_main_btm.jpg) no-repeat;
 }

#top-intro {
  width: 578px;
  height: auto;
 }

#h3intro {
width:570px;
clear:both;
height:65px;
padding:10px 20px 10px;
}


#top-intro-text {
  float: left;
  width: 445px;
  height: auto;
 }

#top-intro-text p {
  font-size: 92%;
  line-height: 140%;
 }

#top-intro img {
  float: right;
  margin: 0 15px 0 0;
  padding: 0;
 }

#top-menu {
  width: 570px;
  height: auto;
  margin: 20px 0 0;
  padding: 0;
  background: #F3F3F3 url(../top_img/item_bg.gif) repeat-y;
  border-top: 6px #F3F3F3 solid;
  border-bottom: 5px #F3F3F3 solid;
 }

.top-menu {
  width: 559px;
  height: auto;
  margin: 0;
  padding: 0 0 17px 11px;
  background: url(../top_img/item_foot.gif) no-repeat left bottom;
 }

#top-item01, #top-item02, #top-item03, #top-item04, #top-item05, #top-item06 {
  float: left;
  width: 265px;
  height: auto;
  margin: 0 9px 0 0;
  padding: 15px 0 0 5px;
  background: url(../top_img/item_head.gif) no-repeat left top;
 }

.item-text {
  float: left;
  width: 135px;
  height: auto;
  margin: 0;
  padding: 0;
 }

#top-menu h3 {
  width: 138px;
  height: 34px;
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

#top-item01 h3 {
  background: url(../top_img/h3item01.jpg) no-repeat;
 }

#top-item02 h3 {
  background: url(../top_img/h3item02.jpg) no-repeat;
 }

#top-item03 h3 {
  background: url(../top_img/h3item03.jpg) no-repeat;
 }

#top-item04 h3 {
  background: url(../top_img/h3item04.jpg) no-repeat;
 }

#top-item05 h3 {
  background: url(../top_img/h3item05.jpg) no-repeat;
 }

#top-item06 h3 {
  background: url(../top_img/h3item06.jpg) no-repeat;
 }

#top-menu p {
  width: 105px;
  height: auto;
  margin: 0;
  padding: 10px 15px 0;
  font-size: 77%;
  line-height: 140%;
 }

#top-menu img {
  float: right;
  margin: 0;
  padding: 0 15px 0 0;
 }

#top-info {
  width: 570px;
  height: auto;
  margin: 20px 0 0;
  background: url(../top_img/info_bg.gif) repeat-y;
 }

#top-info h3 {
  width: 570px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url(../top_img/h3info.gif) no-repeat;
 }

#top-info ul {
  width: 530px;
  height: auto;
  margin: 0;
  padding: 0 20px 15px;
  background: url(../top_img/info_foot.gif) no-repeat left bottom;
 }

#top-info li {
  width: 530px;
  height: auto;
  margin: 0;
  padding: 0 0 5px;
  font-size: 92%;
  line-height: 140%;
  border-bottom: 1px #CCC dotted;
 }

#top-info h4 span {
  margin: 0;
  padding: 0 10px 0 0;
 }

#kodawari_title {
background:url(../top_img/kodawari_title.jpg) no-repeat;
width:570px;
margin:20px 0 0 0;

}

#kodawari_title #ph3{
padding:0 20px 20px;
margin:80px 0 0 0;
font-size:14px;
width:530px;
display: inline-block;
/display: inline;
/zoom: 1;
}

#kodawari_title #boxarea{
background:url(../top_img/kodawari_title_bg.jpg) repeat-y;
display: inline-block;
/display: inline;
/zoom: 1;
width:530px;
padding:0 20px 15px;
}

#kodawari_title .box{
float:left;
}

#kodawari_title .ri{
float:right;
}


#kodawari_title .box p{
width:215px;
font-size:13px;
padding:10px 20px;
display: inline-block;
/display: inline;
/zoom: 1;
background:#FFFFFF;
}

#kodawari_title_btm {
width:570px;
height:8px;
background:url(../top_img/kodawari_title_btm.jpg) no-repeat;
}

#twtr-hd h3 {
height:50px;
}