/* CSS Document */


/* contents */

#contents{
width:1183px;
margin:0 auto;
}

h1{
margin:40px 0 0 13px;
}

#tab{
height:25px;
margin:-16px 13px 43px;
border-bottom:1px solid #000;
}
#tab ul{
float:right;
height:25px;
border-bottom:1px solid #000;
}
#tab li{
float:left;
width:77px;
height:25px;
margin-right:4px;
text-align:center;
line-height:26px;
}
#tab li.tab3{
width:127px;
}
#tab li.tab_selected{
background:url(../img/index/tab1.gif) no-repeat;
border-bottom:1px solid #fff;
}
#tab li.tab_selected2{
background:url(../img/index/tab2.gif) no-repeat;
border-bottom:1px solid #fff;
}

#tab a{
display:block;
}

#tab a:link{
color:#808080;
background:none;
}
#tab a:visited{
color:#808080;
background:none;
}
#tab a:hover{
color:#000;
text-decoration:none;
background:url(../img/index/tab1.gif) no-repeat;
}
#tab a:active{
color:#000;
text-decoration:none;
background:url(../img/index/tab1.gif) no-repeat;
}

#tab li.tab3 a:hover{
background:url(../img/index/tab2.gif) no-repeat;
}
#tab li.tab3 a:active{
background:url(../img/index/tab2.gif) no-repeat;
}


#contents .initial{
height:27px;
margin:0 13px 26px;
background:url(../img/index/initial_bg.gif) repeat-x;
border-right:1px solid #E6E6E6;
line-height:26px;
text-indent:12px;
font-weight:bold;
}
#contents .initial a,#contents .initial span{
margin-right:18px;
}

#contents .initial a:link{
color:#999;
font-weight:normal;
}
#contents .initial a:visited{
color:#999;
font-weight:normal;
}
#contents .initial a:hover{
color:#000;
font-weight:normal;
}
#contents .initial a:active{
color:#000;
font-weight:normal;
}

#contents .item{
float:left;
width:143px;
height:205px;
margin:0 13px 22px;
overflow:hidden;
}
#contents .group{
float:left;
width:143px;
height:167px;
margin:0 13px 60px;
overflow:hidden;
background:#ebebeb;
}

#contents .groupin{
float:left;
width:143px;
height:167px;
margin:0 13px 60px;
overflow:hidden;
background:#a59aca;
}

#contents .item img{
width:143px;
height:143px;
}
#contents .group img{
width:143px;
height:87px;
margin-top:40px;
}

#contents .groupin img{
width:143px;
height:87px;
margin-top:40px;
}

#contents .item dt{
height:24px;
padding-right:6px;
font-size:10px;
line-height:24px;
text-align:right;
color:#B3B3B3;
background:#000;
margin-bottom:2px;
}
#contents .item dd{
height:18px;
line-height:18px;
color:#333;
background:#fff;
}
#contents .item dd.jp_name{
font-size:14px;
}

#contents .item dd.booking{
font-size:12px;
color:#00bfff;
}


#contents .item .incent{
background:url(../img/index/incent.gif) no-repeat #000;
}
#contents .item .idea{
background:url(../img/index/idea.gif) no-repeat #000;
}
#contents .item .illume{
background:url(../img/index/illume.gif) no-repeat #000;
}
#contents .item .junior{
background:url(../img/index/junior.gif) no-repeat #000;
}
#contents .item .international{
background:url(../img/index/international.gif) no-repeat #000;
}
#contents .item .local{
background:url(../img/index/local.gif) no-repeat #000;
}



@media screen and (max-width: 1213px){

/* contents */
#contents{
width:948px;
}
#contents .item{
width:132px;
height:194px;
}
#contents .group{
width:132px;
height:156px;
}

#contents .groupin{
width:132px;
height:156px;
}


#contents .item img{
width:132px;
height:132px;
}
#contents .group img{
width:132px;
height:81px;
margin-top:37px;
}

#contents .groupin img{
width:132px;
height:81px;
margin-top:37px;
}

}



@media screen and (max-width: 979px){

h1{
margin-top:30px;
}

/* contents */
#contents{
width:715px;
}

#tab{
margin-top:20px;
}

#contents .item{
width:117px;
height:179px;
}
#contents .group{
	width: 117px;
	height: 141px;
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}

#contents .groupin{
	width: 117px;
	height: 141px;
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}

#contents .item img{
width:117px;
height:117px;
}
#contents .group img{
width:117px;
height:71px;
margin-top:35px;
}

#contents .groupin img{
width:117px;
height:71px;
margin-top:35px;
}

}



@media screen and (max-width: 745px){

h1{
margin:28px 0 18px 10px;
}

/* contents */
#contents{
width:310px;
}

#tab{
width:296px;
height:66px;
margin:16px auto 26px;
border-bottom:none;
}
#tab ul{
border-bottom:none;
}
#tab li{
height:28px;
margin:0 2px 4px;
line-height:28px;
background:none;
border:1px solid #E0E0E0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#tab li.tab1{
width:47px;
}
#tab li.tab2{
width:75px;
}
#tab li.tab3{
width:128px;
}
#tab li.tab_selected,#tab li.tab_selected2{
background:#E0E0E0;
border:1px solid #E0E0E0;
}

#tab a:link{
}
#tab a:visited{
}
#tab a:hover{
background:#E0E0E0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#tab a:active{
background:#E0E0E0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

#tab li.tab3 a:hover{
background:#E0E0E0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#tab li.tab3 a:active{
background:#E0E0E0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}


#contents .initial{
width:100%;
margin:20px auto 10px;
background:none;
border-right:none;
line-height:26px;
text-indent:0;
text-align:center;
font-size:11px;
}
#contents .initial a{
font-size:10px;
}
#contents .initial a,#contents .initial span{
margin-right:9px;
}
#contents .initial a:nth-last-of-type(1){
margin-right:0;
}

#contents .item{
width:290px;
height:80px;
margin:0 10px 10px;
border-bottom:1px solid #D6D6D6;
}
#contents .group{
width:290px;
height:70px;
margin:0 10px 5px;
background:none;
text-align:center;
}

#contents .groupin{
width:290px;
height:70px;
margin:0 10px 5px;
background:none;
text-align:center;
}

#contents .item img{
float:left;
width:80px;
height:80px;
}
#contents .group img{
width:115px;
height:70px;
margin:0;
}

#contents .groupin img{
width:115px;
height:70px;
margin:0;
}

#contents .item dl{
float:right;
width:210px;
height:80px;
}
#contents .item dt{
height:24px;
margin-bottom:0;
}
#contents .item dd{
height:24px;
padding-left:6px;
line-height:38px;
background:#EBEBEB;
}
#contents .item dd.jp_name{
height:32px;
line-height:28px;
}

#contents .item dd.booking{
height:30px;
line-height:28px;
color:#00bfff;
}


}