@charset "utf-8";
/* CSS Document */

/*--------------- default --------------- */

body{
margin:0;
padding:0;
}


#jtop_contents{
margin:0;
padding:0;
}

#jtop_contents img{
border:0;
vertical-align:top;
}

#jtop_contents form{
margin:0;
padding:0;
}

#jtop_contents h1,h2,h3,h4,h5,p{
font-size:100%;
margin:0;
padding:0;
}

#jtop_contents ul,
#jtop_contents li{
margin:0;
padding:0;
list-style:none;
}

#jtop_contents dl,
#jtop_contents dt,
#jtop_contents dd{
margin:0;
padding:0;
}

#jtop_contents ol{
margin:0;
padding:0;
}


/*--------------- main --------------- */

.prt {
clear: both;
line-height: 0px;
font-size: 0px;
margin: 0px;
padding: 0px;
height: 0px;
border: 0px;
}

#jtop_contents{
background-color:#ffffff;
background-image:url("../images/common/top_bg.jpg");
background-repeat:no-repeat;
background-position:center 323px;
text-align:center;
padding-bottom:35px;
}

*html #jtop_contents{
background-position:center 325px;
}

*+html #jtop_contents{
background-position:center 325px;
}

html*div#jtop_contents{
font-family:Osaka,"ＭＳ Ｐゴシック";
font-size:90%;
}
 
#container{
width:898px;
text-align:left;
margin-right:auto;
margin-left:auto;
}

#container:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #container{
min-height:1%;
}

*html #container{
height:1%;
overflow:visible;
}


/* メインビジュアル
---------------------------------------------------- */

#mainPhoto{
position: relative;
width: 898px;
height:288px;
margin-top:5px;
margin-bottom:2px;
text-align:left;
margin-right:auto;
margin-left:auto;

}

#mainPhoto:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainPhoto{
min-height:1%;
}

*html #mainPhoto{
height:1%;
overflow:visible;
}

#mainPhoto #main {
position: relative;
width: 898px;
height: 288px;
overflow: hidden;

}

#mainPhoto #noxml {
width: 898px;
height: 288px;
display:none;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:100;
}

#mainPhoto #nojs {
width: 898px;
height: 270px;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:200;
}

#mainPhoto #loading {
text-align: center;
display: none;
}

#mainPhoto #loading img {
margin-top: 130px;
}

#mainPhoto #intro {
position: absolute;
width: 890px;
height: 270px;
text-align: center;
}

#mainPhoto #intro img {
margin-top: 80px;
}

#mainPhoto .wait {
position: absolute;
width: 890px;
padding: 0;
margin: 0;
display: none;
}

#mainPhoto #spacer {
position: absolute;
width: 890px;
padding: 0;
margin: 0;
z-index:5000;
display: none;
}

#mainPhoto #mainPhotonav{
float:right;
margin-top:5px;
position: relative;
height: 8px; /* 6px(ボタン高さ) + 2px(ボーダー上下) */
}

#mainPhotonav:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainPhotonav{
min-height:1%;
}

*html #mainPhotonav{
height:1%;
overflow:visible;
}

#mainPhoto #mainPhotonav span{
display:block;
float:left;
font-size:0;
line-height:0;
margin-left:5px;
position: relative;
width: 21px;
height: 5px;
}

#mainPhoto #mainPhotonav span img{
font-size:0;
line-height:0;
position: absolute;
}

#mainPhoto #mainPhotonav span img.btnImgOn {
z-index: 10;
}

#mainPhoto #mainPhotonav span img.btnImgOff {
z-index: 20;
}

#mainPhoto #mainPhotonav a,
#mainPhoto #mainPhotonav a img {
outline: none
}

#mainPhoto #mainBaloon {
font-size:10px;
color:#fff;
text-align:center;
padding:6px 10px;
background:#1fa3b1;
z-index:2000;
position:absolute;
right:4px;
bottom:5px;
display: none;
}

#mainPhoto #mainBaloonBottom {
margin: 0;
padding: 0;
z-index:1000;
position:absolute;
right:0px;
top:-10px;
/*
bottom:8px;
_bottom:0px;
*/
display: none;
}

/* 
---------------------------------------------------- */

#mainContents{
float:right;
width:693px;
}




/* News&Events
---------------------------------------------------- */

#attention{
background-image:url("../images/common/top_bg_03.gif");
background-repeat:no-repeat;
background-position:bottom;
margin-bottom:5px;
padding-bottom:5px;
position:relative;
}
#attention .title{
background-repeat:no-repeat;
background-position:top;
}

#attention .title h2{
float:left;
}

#attention .title ul{
float:right;
padding:0px 20px 0 0;
}

#attention .title ul li{
position:absolute;
top:15px;
left:350px;

}
#attention .title ul li span.arrow{
background-image:url("../images/common/ft_arrow.gif");
background-repeat:no-repeat;
background-position:0 0.4em;
padding-left:15px;
padding-top:4px;
font-size:70%;
}


#attention:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #attention{
min-height:1%;
}

*html #attention{
height:1%;
overflow:visible;
}

#attention h2{
margin-bottom:15px;
}

#attention p{
font-size:80%;
line-height:140%;
margin:8px 10px 0 18px;
}

#attention p a{
display:block;
background-repeat:no-repeat;
background-position:0 0.4em;
padding-left:10px;
}


#attention p.caution{
font-size:80%;
float:left;
padding:0px 19px 0 0;

}


#attention table{
width:455px;
margin:10px 0 0 15px;
}

#attention table th{
width:11em;
vertical-align:top;
font-size:80%;
line-height:140%;
font-weight:normal;
text-align:left;
color:#444444;
border-top:1px solid #dbe1e4;
padding:5px 15px 5px 0;
}

#attention table td{
vertical-align:top;
font-size:80%;
line-height:140%;
font-weight:normal;
text-align:left;
color:#444444;
border-top:1px solid #dbe1e4;
padding:5px 0 5px 0;
}

#attention table tr.firstChild th,
#attention table tr.firstChild td{
border:none;
}

#attention table th{
/*white-space:nowrap;*/
}

#attention table td a{
display:block;
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:0 0.5em;
margin-bottom:1em;
padding-left:15px;
}

#attention table td a img{
vertical-align:middle;
margin-top:-2px;
margin-left:5px;
}

*html #attention table td a img{
margin-top:0;
}

*+html #attention table td a img{
margin-top:0;
}



/* トピックス
---------------------------------------------------- */

#primary{
float:left;
width:493px;
}

#topics{
background-image:url("../images/common/top_bg_03.gif");
background-repeat:no-repeat;
background-position: bottom;
margin-bottom:5px;
padding-bottom:5px;
position:relative;
}


#topics .title{
position:relative;

}
#topics p.caution{
font-size:80%;
float:left;
padding:0px 19px 0 0;

}

#primary .title:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #primary .title{
min-height:1%;
}

*html #primary .title{
height:1%;
overflow:visible;
}


#topics .title h2{
float:left;
margin-top:-6px;
position:relative;

}

#topics .title ul{
float:right;
padding:0px 20px 0 0;
}

#topics .title ul li{
position:absolute;
text-align:right;
top:10px;
left:215px;
font-size:80%;
width:250px;

}


#topics .title p{
position:absolute;
top:5px;
left:330px;
}

#topics table{
width:459px;
margin:10px 17px 0 17px;
}

*html #topics table{
margin-top:10px;
}

#topics table th{
/*width:100px;*/
}
#topics table th img{
max-width: none;
}

#topics table th,
#topics table td{
color:#444444;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
line-height:125%;
font-size:80%;
}

#topics table tr.firstChild th,
#topics table tr.firstChild td{
padding-top:0;
}
#topics table tr.border th,
#topics table tr.border td{
border-top:1px solid #dbe1e4;
padding-top:15px;
}

#topics table td a{
display:block;
font-size:80%;
line-height:150%;
text-indent:0px;
margin-left:0px;
}
#topics table td a.arrow{
background-image:url("../images/common/top_arrow_b.gif");
background-repeat:no-repeat;
background-position:0 0.4em;
padding-left:15px;
margin-top:3px;
text-align:left;
}

#topics table td span{
display:block;
font-size:70%;
line-height:140%;
margin:5px 0 0 0;
}

#topics table td a span{
text-indent:0;
}

*html #topics table td a{
padding-top:0;
}

*+html #topics table td a{
padding-top:0;
}

#topics table td a span{
font-size:90%;
}

*html #topics table td a span{
font-size:85%;
}

*+html #topics table td a span{
font-size:85%;
}

#topics table td a img{
margin-top:0px;
margin-right:5px;
}

*html #topics table td a img{
margin-top:0;
}

*+html #topics table td a img{
margin-top:0;
}

#topics table td a img.icon{
vertical-align:middle;
margin:-2px 0 0 5px;
}

*html #topics table td a img.icon{
margin:0 0 0 5px;
}

*+html #topics table td a img.icon{
margin:0 0 0 5px;
}

a.topicsList{
display:block;
border-top:1px solid #dbe1e4;
padding-top:5px;
padding-bottom:5px;
}

a.firstChild{
border:none;
padding-top:0;
}

a.topicsList span{
display:table-cell;
vertical-align:middle;
}

a.topicsList p{
display:table-cell;
vertical-align:middle;
font-size:80%;
line-height:150%;
width:310px;
}

*html a.topicsList p{
}

* html a.topicsList span{/* IE 6 */
display:inline;
zoom:1;
}

* html a.topicsList p{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html a.topicsList span{/* IE 7 */
display:inline;
zoom:1;
}

*:first-child+html a.topicsList p{/* IE 7 */
display:inline;
zoom:1;
}

a.topicsList p{
text-indent:-30px;
margin-left:30px;
padding-left:30px;
}

a.topicsList p img{
margin-right:5px;
}




/* ニュースリリース
---------------------------------------------------- */

#news{
background-image:url("../images/common/top_bg_03.gif");
background-repeat:no-repeat;
background-position:bottom;
}

#news .title{
background-image:url("../images/common/top_bg_02.gif");
background-repeat:no-repeat;
background-position:top;
}

#news .title h2{
float:left;
padding:28px 0 0 19px;
}

#news .title ul{
float:right;
padding:20px 19px 0 0;
}

#news .title ul li{
float:left;
}

#news .title ul li.firstChild{
}

#news table{
width:455px;
margin:10px 0 0 15px;
}

#news table th{
width:4.2em;
vertical-align:top;
font-size:80%;
line-height:140%;
font-weight:normal;
text-align:left;
color:#444444;
border-top:1px solid #dbe1e4;
padding:5px 15px 5px 0;
}

#news table td{
vertical-align:top;
font-size:80%;
line-height:140%;
font-weight:normal;
text-align:left;
color:#444444;
border-top:1px solid #dbe1e4;
padding:5px 0 5px 0;
}

#news table tr.firstChild th,
#news table tr.firstChild td{
border:none;
}

#news table tr.lastChild th,
#news table tr.lastChild td{
padding-bottom:15px;
}

#news table th{
white-space:nowrap;
}

#news table td a{
display:block;
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:0 0.5em;
margin-bottom:1em;
padding-left:15px;
}




/* 商品情報
---------------------------------------------------- */
#sideconents{
float:left;
width:198px;
}


#products{
background-image:url("../images/common/top_prd_bg_01.gif");
background-repeat:no-repeat;
background-position:left top;
padding-left:10px;
}
.prd_foot{
float:left;
padding-left:0px;

}

#products ul{
}

#products ul li{
border-bottom:1px solid #dbe1e4;
margin-right:10px;

}

#products ul li a{
background-image:url("../images/common/top_prd_bg.jpg");
background-repeat:no-repeat;
background-position:left -30px;
cursor:pointer;
padding-left:6px;
}

#products ul li a:hover{
background-position:left -130px;
}

#products ul li#prdNew a{
background-image:url("../images/common/top_prd_bg_03.gif");
background-repeat:no-repeat;
background-position:left -5px;
padding-top:10px;
padding-bottom:7px;
padding-left:10px;
}

#products ul li#prdLineup a{
background-image:url("../images/common/top_prd_bg_03.gif");
background-repeat:no-repeat;
background-position:left 0;
border:none;
padding-top:15px;
padding-bottom:5px;
padding-left:10px;
}

a.prodList{
display:block;
}

a.firstChild{
border:none;
}

a.prodList span{
display:table-cell;
vertical-align:middle;
padding-top:3px;
padding-bottom:3px;
}

a.prodList h4{
display:table-cell;
vertical-align:middle;
font-size:80%;
line-height:130%;
width:160px;
height: 45px;
background-image:url("../images/common/top_prd_arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
padding-top:17px;
padding-bottom:11px;
}

*html li#prdFlower a.prodList h4{
width:100px;
}

*+html li#prdFlower a.prodList h4{
width:100px;
}

*html li#prdMidorie a.prodList h4{
width:100px;
}

*+html li#prdMidorie a.prodList h4{
width:100px;
}

*html a.prodList h4{
width:160px;
}

*+html a.prodList h4{
width:160px;
}


* html a.prodList span{/* IE 6 */
display:inline;
zoom:1;
}

* html a.prodList h4{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html a.prodList span{/* IE 7 */
display:inline;
zoom:1;
}

*:first-child+html a.prodList p{/* IE 7 */
display:inline;
zoom:1;
}



/* MOVIE
---------------------------------------------------- */

#side02{
float:right;
width:193px;
}
#side02  img.banner{
margin:10px 0 0 0;

}


#movie{
text-align:center;
background-image:url("../images/common/top_cm_bg.gif");
background-repeat:no-repeat;
background-position:top;
padding:15px 0 0 0;
}

#movie p.txt{
text-align:center;
padding-top:8px;
padding-bottom:8px;
font-size:80%;
}
#movie p.txt a{
background-image:url("../images/common/arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
padding-top:7px;
padding-bottom:6px;
vertical-align:middle;

}

/* RECRUIT
---------------------------------------------------- */

#side03{
float:left;
width:198px;
position:relative;

}

#recruit{
text-align:center;
background-image:url("../images/common/top_leftside_bg.gif");
background-repeat:no-repeat;
background-position:top;
padding:15px 0 0 0;
}

#recruit p.txt{
text-align:left;
margin-left:10px;
padding-top:5px;
padding-bottom:5px;
font-size:80%;
line-height:125%;
}
#recruit p.txt a{
background-image:url("../images/common/arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
padding-top:7px;
padding-bottom:6px;
vertical-align:middle;
}
#recruit p.caution{
text-align:right;
position:absolute;
top:45px;
left:160px;
}
#recruit p.caution2{
text-align:right;
position:absolute;
top:310px;
left:160px;
}
#recruit p.txt2{
text-align:left;
margin-left:25px;
padding-top:5px;
padding-bottom:1px;
font-size:80%;
}
#recruit p.txt2 a{
background-image:url("../images/common/top_arrow_b.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
padding-top:7px;
padding-bottom:1px;
vertical-align:middle;
}





/* PICK UP
---------------------------------------------------- */
#pickup{
text-align:left;
background-image:url("../images/common/top_cm_bg.gif");
background-repeat:no-repeat;
background-position:top;
padding:15px 0 0 2px;
}

#pickup p.txt{
text-align:center;
padding-top:8px;
padding-bottom:8px;
font-size:70%;
}
#pickup p.txt a{
background-image:url("../images/common/arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
padding-top:7px;
padding-bottom:6px;
vertical-align:middle;

}

#newPrd{
text-align:left;
width:193px;
background-image:url("../images/common/prd_bg.gif");
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:15px;
}

#newPrd .title{
background-image:url("../images/common/prd_bg.gif");
background-repeat:no-repeat;
background-position:top;
height:39px;
position:relative;
}

#newPrd .title h3{
position:absolute;
top:8px;
left:18px;
}

#newPrd .title a{
position:absolute;
top:5px;
left:129px;
}

#pickup div.prdImg{
margin:5px 0;
}

#pickup h4{
font-size:70%;
line-height:140%;
margin-bottom:5px;
margin:0 18px;
}

#pickup h4 a{
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:0 0.3em;
padding-left:10px;
}

#pickup span{
display:block;
font-size:70%;
line-height:110%;
color:#444444;
margin:5px 8px 0 10px;
}

#pickup span img{
vertical-align:middle;
margin-right:5px;
}

#pickup p{
margin-top:10px;
}

/* Release
---------------------------------------------------- */
#link{
background-image:url("../images/common/top_cm_bg.gif");
background-repeat:no-repeat;
background-position:top;
padding:15px 0 0 0;
text-align:left;
}
#link p.txt{
text-align:center;
padding-top:0px;
padding-bottom:0px;
font-size:80%;
}
#link p.txt a{
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:12px;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;

}


#link table{
width:180px;
margin-left:6px;
}

#link table th,
#link table td{
border-top:1px solid #dbe1e4;
padding:10px 0;
}

#link table tr.firstChild th,
#link table tr.firstChild td{
border:none;
padding:0 0 10px 0;
}

#link table th h5{
font-size:70%;
text-align:left;
margin-left:10px;
}

#link table td{
width:80px;
}

#link table th h5 a{
display:block;
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:left 0.5em;
padding-left:10px;
}

*html #link table th h5 a{
background-position:left 0.3em;
}

#link table th h5 a img{
vertical-align:middle;
margin-left:3px;
}



a.linkList{
display:block;
cursor:pointer;
}

a.firstChild{
border:none;
}

a.linkList span{
display:table-cell;
vertical-align:middle;
padding-left:10px;
}

a.linkList h5{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:80%;
line-height:130%;
width:75px;
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:left 0.5em;
padding-left:10px;
}

*html a.linkList h5{
width:85px;
}

*+html a.linkList h5{
width:85px;
}

* html a.linkList span{/* IE 6 */
display:inline;
zoom:1;
}

* html a.linkList h5{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html a.linkList span{/* IE 7 */
display:inline;
zoom:1;
}

*:first-child+html a.linkList h5{/* IE 7 */
display:inline;
zoom:1;
}

#link ul li.firstChild{
border:none;
padding-top:0;
}



/* notes
---------------------------------------------------- */
#side02 p.notes{
font-size:80%;
line-height:150%;
color:#444444;
margin:15px 10px 0 10px;
}

#side02 p.notes img{
margin-bottom:5px;
}

#side02 p.notes a{
display:block;
background-image:url("../images/common/top_arrow.gif");
background-repeat:no-repeat;
background-position:0 0.5em;
padding-left:10px;
}



#jtop_contents a:link{
text-decoration:none;
color:#0066aa;
}

#jtop_contents a:visited{
text-decoration:none;
color:#586f7e;
}

#jtop_contents a:hover{
text-decoration:underline;
color:#0066aa;
}

#jtop_contents a:active{
text-decoration:underline;
color:#0066aa;
}
/* MOVIE
---------------------------------------------------- */

#side04{
float:right;
width:198px;
}
#side04  img.banner{
margin:10px 0 0 0;

}


#moview{
text-align:center;
background-image:url("../images/common/top_cm_bgw.gif");
background-repeat:no-repeat;
background-position:top;
padding:15px 0 0 0;
}

#moview p.txt{
text-align:center;
padding-top:8px;
padding-bottom:8px;
font-size:80%;
}
#moview p.txt a{
background-image:url("../images/common/arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
padding-top:7px;
padding-bottom:6px;
vertical-align:middle;

}

/* linkbanner_181012
---------------------------------------------------- */
span.new_icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 5px;
  vertical-align: middle;
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
}

/* PNG用
---------------------------------------------------- */
#iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}