@charset "Shift_JIS";
/* CSS Document */

/* -------------------------------------------------------------------- base.css */
body {
margin:0;
padding:0;
font-size:small;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" , Meiryo, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", sans-serif,Osaka ;
text-align:center;}
ul,li{margin:0;padding:0;}
img{border:0;}
body{text-align:left;}
/* -------------------------------------------------------------------- clear */
ul{list-style:none;}
br{letter-spacing:0;}
a{outline:none;}
a:focus{outline:none;}
.clearfix:after {/*for modern browser*/
content: " ";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
zoom: 1; /*for IE 5.5-7*/
display: inline-block;
}
/* exlude MacIE 5 \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end MacIE5 */

/* -------------------------------------------------------------------- container */
#Container{
  width:100%;
  background-color:#ffffff;
}

.section{
  width:1000px;
  margin:0 auto 42px;
}

.box{
  float:left;
}

.title{
  padding-bottom:19px;
}

/* -------------------------------------------------------------------- navi */
.navi_area{
  width:100%;
  height:100px;
  background:url(../../images/colobockle/share/navi_bg.png) repeat-x;
}
.navi_area_inner{
  position:relative;
  width:1000px;
  height:84px;
  margin:0px auto 0;
  overflow:hidden;
  xbackground-color:#009844;
}
#navi_title{
  padding-top:20px;
  padding-left:1px;
}
.navi_area_inner ul{
  padding-top:8px;
}
.navi_area_inner ul li{
  float:left;
  height:24px;
  padding-right:31px
}
#navi1{
  padding-left:1px;
}
#navi7{
  padding-right:0;
}

#navi{
  z-index:100;
}
#navi.navi_fixed{
  position:fixed;
  top:-4px;
  left:0;
}
#navi.navi_absolute{
  position:absolute;
  top:720px;
  left:0;
}
#navi_current{
  background:#fff100;
  width:150px;
  height:3px;
  position:absolute;
  left:-150px;
  bottom:4px;
  border-radius:10px;
}

/* -------------------------------------------------------------------- header */

#page_header{
  width:1000px;
  height:680px;
  margin:0 auto;
}

/* -------------------------------------------------------------------- sect0 */
#sect0{
  width:1000px;
  background-color:#f3ebf4;
  padding:23px 0 26px;
}
#sect0 .left{
  margin:0 25px;
  width:250px;
}
#sect0 .right{
  width:700px;
  _width:670px;
}
#sect0 .box1,
#sect0 .box2{
  padding:10px 0;
}
#sect0 .box3{
  padding:23px 0;
}

/* -------------------------------------------------------------------- sect1 */
#sect1{}
#sect1 table{
  width:1000px;
  border: #901c62 solid;
  border-width: 1px 0 1px;
  border-collapse: collapse;
  border-spacing: 0;
}

#sect1 table th {
  padding:23px 0;
  border: #901c62 solid;
  border-width: 0 0 1px 0;
  background-color:#fff100;
}
#sect1 table td{
  padding:23px 0;
  border: #901c62 solid;
  border-width: 0 0 1px 0;
}
#sect1 table .left{
  width:109px;
  font-size:16px;
  font-weight:bold;
  color:#bd0081;
  text-align: center;
}
#sect1 table .right{
  width:890px;
}

#sect1 table th.left{
  border: #901c62 solid;
  border-width: 0 1px 1px 0;
}
#sect1 table th.right{
  font-size:19px;
}
#sect1 table td.left{
  background-color:#f3ebf4;
  border-width: 0 1px 1px 0;
}
#sect1 table td.right .box-left{
  width:217px;
  padding-top:110px;
  padding-right:12px;
}
#sect1 table td.right .box-right{
  width:620px;
}
#sect1 table td.right .box-right .caption{
  text-align: center;
  padding-bottom:20px;
}
#sect1 table td.right .box-right .outline{
  padding-top:17px;
}
#sect1 table td.right .box-right ul.book{}
#sect1 table td.right .box-right li{float:left;}
#sect1 table td.right .box-right li.l{width:184px;padding-right:42px;}
#sect1 table td.right .box-right li.c{width:167px;padding-right:41px;}
#sect1 table td.right .box-right li.r{width:180px;}
#sect1 table td.right .box-right ul.buy{padding-top:14px;}

#sect1 table .right p.event{
  margin-left:14px;
}
#sect1 table td.lt{
  padding:25px 0 0 0;
  border-width: 0 1px 0 0;
}
#sect1 table td.rt{
  padding:25px 0 0 0;
  border-width: 0;
width:665px;
}
#sect1 table td.rt img{
  margin-left:337px;
  margin-bottom:5px;
}
#sect1 table td.rt2{
width:224px;
}
#sect1 .arrow{
  padding-top:5px;
  padding-left:422px;
}
#sect1 .result{
  width:1000px;
  padding-top:22px;
  padding-bottom:22px;
  background-color:#bd0081;
  text-align: center;
  font-size:20px;
  color:#ffffff;
  font-weight:bold;
}

/* -------------------------------------------------------------------- sect2 */
#sect2{}
#sect2 .bg{
  width:1000px;
  height:719px;
  background:url(../image/top/sect2_bg.jpg) no-repeat;
}
#sect2 .left{
  width:340px;
  padding:46px 150px 0 50px;
}
#sect2 .right{
  width:340px;
  padding:46px 0 0 0;
}
#sect2 a{
  font-size:14px;
  line-height:22px;
  color:#000000;
  text-decoration:underline;
}
/*#sect2 a:hover,#sect2 a:active{color:#666666;}*/

/* -------------------------------------------------------------------- sect3/4/5 */
#sect3,#sect4,#sect5{}
#sect3 .name,
#sect4 .name,
#sect5 .name{
  padding-bottom:20px;
}
#sect3 hr.line,
#sect4 hr.line,
#sect5 hr.line{
  margin-top:-6px;
  margin-bottom:14px;
}
#sect3 .left,
#sect4 .left,
#sect5 .left{
  width:322px;
  padding-right:37px;
}
#sect3 .left .pic,
#sect4 .left .pic{
  padding-bottom:34px;
}
#sect5 .left .pic img{
  padding-bottom:10px;
}
#sect5 .left .pic p{
  padding-bottom:20px;
}
#sect3 .right,
#sect4 .right,
#sect5 .right{
  width:641px;
}
#sect4 .right .detail{
  background-color:#eef2e1;
  padding:38px 28px;
}
#sect4 .right .top{
  padding-bottom:30px;
}
#sect4 .right .more{
  float:right;
  width:175px;
  padding-top:27px;
}

#sect4 a{
  font-size:14px;
  line-height:22px;
  color:#1b2b79;;
  text-decoration:underline;
}
/*#sect4 a:hover,#sect2 a:active{color:#666666;}*/

/* -------------------------------------------------------------------- sect6 */
#sect6{}
#sect6 hr.line{
  margin-top:0px;
  margin-bottom:26px;
}
#sect6 .left{
  width:709px;
  margin-top:47px;
  padding:30px 33px;
  background-color:#eef2e1;
}
#sect6 .left li{float:left;font-size:14px;line-height:22px;}
#sect6 .left li.name1{width:44px;color:#b50081;clear:both;}
#sect6 .left li.name2{width:44px;color:#1740ff;clear:both;}
#sect6 .left li.text{width:649px;margin-left:16px;}
#sect6 .left .chairman{padding:34px 0;}
#sect6 .right{
  float:right;
  position: relative;
  width:245px;
}
#sect6 .right img{
  position: absolute;
  bottom:124px;
}
#sect6 .right .more{
  position: absolute;
  width:175px;
  top:125px;
  right:0;
}

/* -------------------------------------------------------------------- sect7 */
#sect7{
  height:670px;
}

/* -------------------------------------------------------------------- gotop */
.gotop_area{
  width:1000px;
  margin:0 auto;
}
#gotop{
  width:57px;
  position:fixed;
  z-index:200;
  margin-left:944px;
  bottom:50px;
}

/* -------------------------------------------------------------------- sns */
.sns_area{
  width:1000px;
  margin:20px auto 12px;
}
*:first-child+html .sns_area{padding-top:20px;}
#sns{
  float:right;
}
#sns iframe {
   width: 120px !important;
}

/* -------------------------------------------------------------------- others */
.f30b{font-size:30px;font-weight:bold;}
.f16b{font-size:16px;line-height:22px;font-weight:bold;}
.f16{font-size:16px;line-height:22px;}
.f20b{font-size:20px;line-height:22px;font-weight:bold;}
.f14b{font-size:14px;line-height:22px;font-weight:bold;}
.f14{font-size:14px;line-height:22px;}
.f13{font-size:13px;line-height:22px;}
.f10{font-size:10px;}
.color0{color:#000000;}
.color1{color:#b50081;}
.color2{color:#1b2b79;}
.underline{text-decoration:underline;}
hr.line{
  border:0;
  height:1px;
  background: #901c62;
  margin-top:-6px;
  margin-bottom:14px;
}
img.frame{border:1px #999999 solid;}