/*メニュー*/

#head-wrap{

	padding-top: 30px; 
	margin: 0 auto 0px auto;
	width: 1070px;

}


#logo{
	float:left;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 250px;
	height: 117px;
	background-image: url(../img/head/logo-minatosoft.png);
	position: relative;
	top: -28px;
	left: 38px;
	margin-bottom: -20px;
	margin-left: -30px;
}


h4{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 36px;
	height: 80px;
}

#head-left{
	background-image: url(../img/head/menu-left.png);
	margin-right: 1px;
	float:left;
}
#head-right{
	background-image: url(../img/head/menu-right.png);
	float:right;
}


/* global navi */

     #globalnavi{  
      margin: 0;  
      padding: 0;  
      width: 777px;  
      height: 80px;
      position: relative;
      float:left;
    }  
      
    #globalnavi ul{  
	display: block;
      list-style-type: none;  
      float:left;
      margin: 0;  
      padding: 0;
      position: relative;
    }  
      
    #globalnavi li{  
      text-indent: -9999px;  
      float:left;
      margin: 0 1px 0 0;  
      position: relative;
      padding: 0;  
      width: 110px;  
    }  
      
    #globalnavi a{
	display: block;
	width: 100%;
	height: 80px;
	background-repeat: no-repeat;
    }


.new:before{ 
      text-indent: 0px;  
	content: url(../img/head/menu-new.png);
	position: absolute;
	display: block;
	top: -26px;
	left: 25px;
}

	      
    #menu0 a{background-image: url(../img/head/menu-top-off.png);}  /* トップ */
    #menu1 a{background-image: url(../img/head/menu-guide-off.png);} /* ご案内 */ 
    #menu2 a{background-image: url(../img/head/menu-product-off.png);} /* 製品情報 */ 
    #menu3 a{background-image: url(../img/head/menu-store-off.png);} /* 公式ショップ */ 
    #menu4 a{background-image: url(../img/head/menu-event-off.png);} /* イベント */ 
    #menu5 a{background-image: url(../img/head/menu-staff-off.png);} /* スタッフ */ 
    #menu6 a{background-image: url(../img/head/menu-support-off.png);} /* サポート */ 
      
    #globalnavi a:hover{
	background-repeat: no-repeat;
    }  

    #menu0 a:hover{background-image: url(../img/head/menu-top-on.png);}  /* トップ */
    #menu1 a:hover{background-image: url(../img/head/menu-guide-on.png);} /* ご案内 */ 
    #menu2 a:hover{background-image: url(../img/head/menu-product-on.png);} /* 製品情報 */ 
    #menu3 a:hover{background-image: url(../img/head/menu-store-on.png);} /* 公式ショップ */ 
    #menu4 a:hover{background-image: url(../img/head/menu-event-on.png);} /* イベント */ 
    #menu5 a:hover{background-image: url(../img/head/menu-staff-on.png);} /* スタッフ */ 
    #menu6 a:hover{background-image: url(../img/head/menu-support-on.png);} /* サポート */ 


/* footer */



.footer {
	padding: 13px 0 30px 0;
	margin-top: 60px;
	background-color: #0055a1;
	background-image:  url(../img/foot/footer-bg.png); 
	background-repeat: repeat-x;
	position: relative;
	clear: both; 
	text-align:center;
}

.footer p{
	color: white;
	font-size: 12px;
	line-height: 1.3;
}


#footer-bg {
	padding: 3px 0;
	background-image: url(../img/foot/footer-menu-bg.png); 
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-repeat: repeat-x;
	clear: both; 
	text-align:center;
	width: 100%;
}


#footer-bg ul{  
      list-style-type: none;  
      margin: 0;  
      padding: 0;
      position: relative;
      left: 50%;
      float:left;
    } 

#footer-bg li{
	color: white;
	font-size: 12px;
      margin: 0 5px 0 5px;  
      padding: 0;
      position: relative;
      left: -50%;
      float:left;
}


#footer-bg a:link {
	color: white;
	text-decoration: underline; 
}
#footer-bg a:visited {
	color: white;
	text-decoration: underline;
}
#footer-bg a:hover, a:active, a:focus { 
	text-decoration: none;
}


/* ３段組中央共通項目 */

.wrap560{
	width:560px;
	margin: 0 auto;
     position: relative;
   float: left;
   width: 560px;
 margin: 0 22px;
}

.wrap560-box{
	background-image: url(../img/wrap560-box.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px 20px;
      position: relative;
}
.wrap560-box:after{ 
	content: url(../img/wrap560-bottom.png);
      position: relative;
	top: 31px;
	left: -20px;
}


.wrap560-box p{
	margin-left: 10px;
}
.wrap560-box img{
	margin: 0 0 10px 10px;
}


.wrap560-box-title{
	text-indent: -9999px;
	margin: 0px;
	height: 37px;
	width: 560px;
	padding: 0;
      position: relative;
}

#title-guide{background-image: url(../img/title-guide.png);}
#title-event{background-image: url(../img/title-event.png);}
#title-staff{background-image: url(../img/title-staff.png);}
#title-support{background-image: url(../img/title-support.png);}
#title-goods{background-image: url(../img/title-goods.png);}



.wrap560-title-s{  
	background: #ddf0ff;
	border-left: 7px solid #37a7ff;
	padding: 3px 3px 3px 6px;
	margin: 15px 0px;
}  

.wrap560-title-s2{  
	background: #ddf0ff;
	border-left: 7px solid #37a7ff;
	padding: 3px 3px 3px 6px;
	margin: 20px 0px;
}  


.wrap560-bottom{
	background-image: url(../img/wrap560-bottom.png);
	background-repeat: no-repeat;
	width:560px;
	height: 30px;
      position: relative;
}



/* １段　製品情報 */

.wrap989{
	width:989px;
	margin: 0 auto;
     position: relative;
}

.wrap989-box{
	background-image: url(../img/wrap989-box.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px 20px;
      position: relative;
	text-align: center;
}
.wrap989-box2{
	background-image: url(../img/wrap989-box.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px 80px;
      position: relative;
	text-align: center;
}
.wrap989-box3{
	background-image: url(../img/wrap989-box.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px 120px;
      position: relative;
	text-align: center;
}

.wrap989-box:after{ 
	content: url(../img/wrap989-bottom.png);
      position: relative;
	top: 31px;
	left: -20px;
}


.wrap989-box img{
	margin: 0 0 10px 10px;
}
.wrap989-box3 img{
	margin: 0 0 0px 0px;
}

#product-box2 img{
	margin: 0px 0 0px 0;
}

#product-box img{
	margin: 10px 0 5px 0;
}


.wrap989-box-title{
	text-indent: -9999px;
	margin: 0px;
	height: 37px;
	width: 989px;
	padding: 0;
      position: relative;
}

#title-infomation{background-image: url(../img/infomation-title.png);}
#title-product{background-image: url(../img/product-title.png);}
#title-report1{background-image: url(../img/report_tsujidocd1-title.png);}
#title-report2{background-image: url(../img/report_tsujidocd2-title.png);}
#title-report3{background-image: url(../img/report_tsujidocd3-title.png);}
#title-recruit{background-image: url(../img/recruit-title.png);}
#title-download{background-image: url(../img/download-title.png);}
#title-yuyuyu-s_support{background-image: url(../img/support-title_yuyuyu-s.png);}
#title-guidline{background-image: url(../img/guidline-title.png);}
#title-guidline2{background-image: url(../img/guidline2-title.png);}


.wrap989-title-s{  
	background: #ddf0ff;
	border-left: 7px solid #37a7ff;
	padding: 3px 3px 3px 6px;
	margin: 15px 0px;
}  




/* ご案内 */


/* info list tab1 */
      
    #guide-banner{  
      margin-left: 5px;
      padding: 0;
	display: block;
      position: relative;
	text-align: left;
    }  
      
    #guide-banner li{  
      float:left;
      list-style-type: none;  
      margin: 5px 5px 0 5px;  
      position: relative;
      padding: 0;  
    }  

.attention{
	color: #df56a3;
}


#minatochan01 {
background: url(../img/minatochan-guide.png);
width: 180px;
height: 194px;
}
h5 {
position: relative;
top: -60px;
left: 310px;
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
z-index: 100;
display: block;

}


/* イベント */

    .event-list{  
      margin: 0;
      padding: 0;
      width: 560px;
	display: block;
      list-style-type: none;  
      position: relative;

    }  
      
    .event-list li{  
      float:left;
      margin: 10px 5px 10px 0;  
      position: relative;
      padding: 0;  
      width: 520px;  
	text-align: left;
	border-bottom: 1px dotted #37a7ff;
    }  
      
    .event-list a{
	display: block;
	width: 100%;
    }


    .event-list img{
	float: left;
	margin-right: 8px;
	margin-top: -4px;
    }

    .event-list strong{
	display: block;
	padding-top: 2px;
	color: #df56a3;
	font-weight: bold;
}
    .event-list span{
	display: block;
	font-size: 11px;
	color: #0660c9;
	padding-bottom: 2px;
}

#event-report img{
	margin: 15px 0;
}

#event-report p{
	margin: 0 20px 0 5px;
}

/* スタッフ */

.d-takahiro { color: #009; }
.d-makun { color: #009900; }
.d-karasu {	color: #660000; }
.d-yuzuki { color: #990099; }
.d-esuzu { color: #924d3b; }
.d-nowake {	color: #009999; }
.d-joker { color: #000000; }
.d-wagi { color: #000000; }
.d-tomuneko { color: #a48231; }
.d-taitan {	color: #9420a2;}
.d-toya { color: #5da2c5; }
.d-kakuni { color: #e37b70; }
.d-romio { color: #924d3b; }
.d-matsuryu { color: #009900; }
.d-guren { color: #FF6600;}
.d-fuji {	color: #009999; }
.d-mikoshimatsuri {	color: #a25717; }
.d-aienkien {	color: #ef2424; }
.d-sakurasabazushi {	color: #9dcdf5; }
.d-sakurasabamiso {	color: #9dcdf5; }

.h3-title{  
	background:#388dec;  
	border-bottom: 2px solid #145cae;  
	padding: 4px 0 2px 7px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
}  

.diary-box img{
	margin: 10px 0;
}

.hr-dot {
border: 0;
border-bottom: 1px dashed #5597e9;
background: white;
}

.staff-table p,
.staff-table tr,
.staff-table td,
.staff-table strong {
	vertical-align: middle;
	font-size: 14px;
}
.skyblue {
color: #36F;
}



/* 関連商品 */
      
    .goods-list ul{  
      margin: 0px;
      padding: 0;
      width: 560px;
	display: block;
      list-style-type: none;  
      position: relative;

    }  
      
    .goods-list li{  
      float:left;
      margin: 10px 5px 10px 0;  
      position: relative;
      padding: 0;  
      width: 255px;  
	text-align: left;
    }  
      
    .goods-list a{
	display: block;
	width: 100%;
    }


    .goods-list img{
	float: left;
	margin-right: 8px;
	margin-top: -4px;
    }

    .goods-list span{
	display: block;
	padding-top: 5px;
	font-size: 11px;
}


.goods-link{  
      margin: 10px 0 10px 10px;
      padding: 0;  
      position: relative;
    }  
      
.goods-link ul{  
	display: block;
      list-style-type: none;  
      margin: 0;  
      padding: 0;
      position: relative;
    }  
      
.goods-link li{  
      float:left;
      margin: 0 3px 0 0;  
      position: relative;
	padding: 5px 10px;
	background-image: url(../img/goods-link.png);
	text-align: center;
	border-radius: 5px;
	color: #666;
    }  

}
      
.goods-link a{
	display: block;
    }

.goods-link a:link {
	color: #00004e;
	text-decoration: underline; 
}
.goods-link a:visited {
	color: #00004e;
	text-decoration: underline;
}
.goods-link a:hover, a:active, a:focus { 
	color: red;
	text-decoration: none;
}


.goods-info th{ padding: 8px; }
.goods-info td{	padding: 8px; }

.odd{ background-color: #d8ecff; }
.even{ background-color: #e4f2ff; }
.goods-copy p{ line-height: 2.0; }


/* サポート */

.support-box{
	border-bottom: 1px dotted #aaa;
	margin-bottom: 10px;
}

.support-left{
	float: left;
}

.support-right{
	float: left;
	padding: 15px 0 0 15px;
	text-align: center;
	font-size: 14px;
}

.support-right img{
	margin: 10px 0;
}



/* 更新履歴 */

#history-wrap{
	width:560px;
	margin: 0 auto 30px auto;
     position: relative;
}

#history-box{
	background-image: url(../img/top/index-box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding: 0;
      position: relative;
}

#history-title{
	text-indent: -9999px;
	margin: 0px;
	height: 37px;
	width: 560px;
	padding: 0;
	background-image: url(../img/index-title-history.png);
      position: relative;
}

#history-date{
	font-size: 14px;
	font-weight: bold;
	color: #ff3399;
	padding: 10px 0 15px 25px;
	
}
#history-box ul{  
	width:500px;
	display: block;
      list-style-type: none;  
      position: relative;
	left: 50px;
	top: -10px;
	padding-bottom: 20px;
}

#history-box li{  
	margin-bottom: 4px;
}





/* インフォメーション */

#info-box{
	background-image: url(../img/top/index-box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding: 0;
      position: relative;
	width: 560px;

}

.info-border:after{ 
      text-indent: 0px;  
	content: url(../img/top/info-box-top.png);
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}



#tabArea,
#tab {
	width:560px;
	overflow:hidden;
	margin-left: 5px;
}

#tabArea {
	margin:0 auto;
	text-align:left;
}

#tab li {
	float:left;
      list-style-type: none;
	height: 40px;
	margin-right: 7px;

}

#tabBox {
	clear:both;
	padding: 10px 0 20px 0;
	text-align:center;
	_zoom:1;
}

#tabBox div {
	display:none;
}


/* インフォメーション詳細 */

.pic-radius {
background-color: white;
background-clip: padding-box;
border: 1px dotted #aaaaaa;
border-radius: 3px;
display: block;
padding: 4px;
}



/* info list tab1 */
      
    #tab1 ul{  
      margin: 0 0 0 20px;
      padding: 0;
      width: 560px;
	display: block;
      list-style-type: none;  
      position: relative;

    }  
      
    #tab1 li{  
      float:left;
      margin: 10px 5px 10px 0;  
      position: relative;
      padding: 0;  
      width: 255px;  
	text-align: left;
    }  
      
    #tab1 a{
	display: block;
	width: 100%;
    }


    #tab1 img{
	float: left;
	margin-right: 8px;
	margin-top: -4px;
    }

    #tab1 span{
	display: block;
	padding-top: 5px;
	font-size: 11px;
}





/* info list tab2 */

#tab2 ul,#tab3 ul,#tab4 ul,#tab5 ul
{  
	display: block;
      list-style-type: none;  
      position: relative;

}
#tab2 li,#tab3 li,#tab4 li,#tab5 li
{
	text-align: left;
	margin: 10px 25px;
}



.text-large{
	font-size:24px;
	font-weight: normal;
}



/* レイアウト類 */


#wrapper {
   margin: 0 auto;
}

#main{
	width: 970px;
	margin: 0 auto;
}

#contents {
   float: left;
   width: 560px;
 margin: 0 22px;
}


/* left box */

#left-box{
width:130px;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background: #fff;
text-align: center;
margin-top: 4px;

float: left; /*all*/
}

#left-box ul{
	margin: 10px auto;
}


#left-box li{
	margin-bottom: 10px;
      list-style-type: none;  
}

#left-box img{
border: solid 1px #cccccc;
}


/* right box */

#right-box{
width:230px;
border: solid 1px #cccccc;
background: #fff;
text-align: center;
margin-top: 5px;
padding-bottom: 15px;

float: right; /*all*/

}


#right-box ul{
	margin: 10px auto;
}


#right-box li{
	margin-bottom: 10px;
      list-style-type: none;  
}

#right-box img{
border: solid 1px #cccccc;
}

#twitter-box{
width: 200px;
margin: 0 auto;
}


#footer {
clear: both;
}




#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }


#image-navigation {
	width: 952px;
	margin: 0 auto 20px auto;
}

#image-navigation li{
      list-style-type: none;  
}

#image-navigation ul li a {
  display:block;
  width:202px;
  height:82px;
}
#image-navigation .navi {
  float:right;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation-text ul li a {
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}
#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }


a:link {
	color: #0a50a1;
	text-decoration: underline; 
}
a:visited {
	color: #8d9eb4;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	color: red;
	text-decoration: none;
}






/*ブランドリンク*/

.brandlink {
padding: 3px;
position: fixed;
bottom: 0px;
right: 0px;
}

.brandlink img {
padding: 1px 0;
}




.clearfix::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}