@charset "UTF-8";
/* ****************************************
*Site Name : Will東京観光
*Style Name : index.css
*Description : トップページ用CSS
*Version : 1.00
*Last Update : 2007/04/17
*Author : Kiyoshi Kamijo
*Author Email : k.kamijo@tf-i.net
**************************************** */


/* ----------------------------------------
*	コンテンツスタイル
---------------------------------------- */

/*コースメニュースタイル
---------------------------------------- */
body#index div#content h2{
	background:url(../imgs/index/title_index.png) no-repeat top left;
	width:400px;
	height:17px;
	margin:10px 0 20px 10px;
	text-indent:-9999px;
}

p#category_corse{
	width:761px;
	height:95px;
	margin:0 0 10px 15px;
}

ul#category_menu{
	width:784px;
	margin:auto;
}
ul#category_menu li{
	width:178px;
	height:147px;
	float:left;
	margin:5px 8px 10px 8px;
}
ul#category_menu li a,
ul#category_menu dd{
	display:block;
	width:178px;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
}
ul#category_menu li a{
	display:block;
	height:110px;
	text-decoration:none;
	overflow:hidden;
}
ul#category_menu dd{
	height:36px;
}
li#category_tokyo a{	background-image:url(../imgs/index/category_01tokyo.png);}
li#category_hobby a{	background-image:url(../imgs/index/category_02hobby.png);}
li#category_art a{	background-image:url(../imgs/index/category_03art.png);}
li#category_animal a{	background-image:url(../imgs/index/category_04animal.png);}
li#category_sports a{	background-image:url(../imgs/index/category_05sports.png);}
li#category_season a{	background-image:url(../imgs/index/category_06season.png);}
li#category_shopping a{	background-image:url(../imgs/index/category_07shopping.png);}
li#category_others a{	background-image:url(../imgs/index/category_08meal.png);}

li#category_tokyo dd{	background-image:url(../imgs/index/outline_01tokyo.jpg);}
li#category_hobby dd{	background-image:url(../imgs/index/outline_02hobby.jpg);}
li#category_art dd{	background-image:url(../imgs/index/outline_03art.jpg);}
li#category_animal dd{	background-image:url(../imgs/index/outline_04animal.png);}
li#category_sports dd{	background-image:url(../imgs/index/outline_05sports.jpg);}
li#category_season dd{	background-image:url(../imgs/index/outline_06season.png);}
li#category_shopping dd{	background-image:url(../imgs/index/outline_07shopping.jpg);}
li#category_others dd{	background-image:url(../imgs/index/outline_08meal.png);}



/*   #grouplist
---------------------------------------- */

div#grouplist{
	border-left:solid 1px #33A02C;
	border-right:solid 1px #33A02C;
	background:#FFFFFF  url(../imgs/common/content-head-green.png) no-repeat top left;
	overflow:hidden;
	padding-bottom:20px;
}
div#grouplist h2{
	background:url(../imgs/index/group-title.png) no-repeat bottom;
	height:27px;
	margin:0px auto 10px auto;
	padding-top:10px;
}
div#grouplist h2 span{
	visibility:hidden;
}
div#grouplist ul#group-area{
	width:600px;
	margin:auto;
}
div#grouplist ul#group-area li{
	width:150px;
	float:left;
}
div#grouplist h3,
div#grouplist h4{
	clear:both;
	width:730px;
	height:32px;
	margin:15px auto;
	padding-top:15px;
	text-indent:-9999px;
}
h3#area-tokyo{
	display:none;
}
h4#area-tokyo-chuou{
	background:url(../imgs/index/area-tokyochuou.png) no-repeat bottom left;
}
h4#area-tokyo-seibu{
	background:url(../imgs/index/area-tokyoseibu.png) no-repeat bottom left;
}
h4#area-tokyo-tobu{
	background:url(../imgs/index/area-tokyotobu.png) no-repeat bottom left;
}
h3#area-saitama{
	background:url(../imgs/index/area-saitama.png) no-repeat bottom left;
}
h3#area-kanagawa{
	background:url(../imgs/index/area-kanagawa.png) no-repeat bottom left;
}
h3#area-chiba{
	background:url(../imgs/index/area-chiba.png) no-repeat bottom left;
}
h3#area-nagano{
	background:url(../imgs/index/area-nagano.png) no-repeat bottom left;
}
h3#area-ibaraki{
	background:url(../imgs/index/area-ibaraki.png) no-repeat bottom left;
}
h3#area-totigi{
	background:url(../imgs/index/area-totigi.png) no-repeat bottom left;
}
h3#area-shizuoka{
	background:url(../imgs/index/area-shizuoka.png) no-repeat bottom left;
}
h3#area-gunma{
	background:url(../imgs/index/area-gunma.png) no-repeat bottom left;
}

div#grouplist dl,
div#grouplist p{
	width:700px;
	margin:auto;
}
div#grouplist dt{
	background:url(../imgs/index/area-back.png) repeat-y left;
	width:130px;
	float:left;
	border-top:solid 1px #33a02c;
	padding:2px 10px;
}
div#grouplist dd{
	width:525px;
	float:left;
	border-top:solid 1px #33a02c;
	padding:2px 10px 2px 10px;
	margin-bottom:1px;
	background:url(../imgs/index/group-back.png) repeat-y right;
}
div#grouplist li{
	float:left;
	padding-left:15px;
	margin-right:10px;
	white-space:nowrap;
	background:url(../imgs/index/ya_003.gif) no-repeat left;
}

div#grouplist li.home_hp a{
	background: url(../imgs/index/hp-icon.png) no-repeat right;
	padding-right:25px;

}

/*   #pr-contents
---------------------------------------- */
#pr-contents{
	width:727px;
	height:256px;
	background:url(../imgs/index/bg_pr.png) no-repeat top left;
	clear:both;
	margin:10px auto;
	position:relative;
	overflow:hidden;
}

#pr-contents p{
	width:650px;
	line-height:2.1em;
	position:absolute;
	top:45px;
	left:38px;
}


/*   #feature-contents
---------------------------------------- */
#feature-contents{
	width:730px;
	margin:0 auto;
	overflow:hidden;
}

#feature-contents li{
	width:355px;
	height:87px;
	list-style:none;
	margin:0px 5px 5px;
	float:left;
	display:inline;
}

#feature-contents a{
	text-decoration:none;
}


/*   #movie-contents
---------------------------------------- */

div#movie-contents{
	width:723px;
	height:260px;
	background:url(../imgs/index/bg_movie.png) no-repeat top left;
	clear:both;
	margin:10px auto;
	position:relative;
	overflow:hidden;
}

div#pickup-movie{
	position:absolute;
	top:55px;
	left:17px;
	width:680px;
}

div#movie-contents dl{
	width:170px;
	height:auto;
	float:left;
	overflow:hidden;
}

div#movie-contents dt{
	font-size:12px;
	text-align:center;
	width:160px;
	height:40px;
}

div#movie-contents dd.movie-photo{
	width:135px;
	height:87px;
	margin:0 auto 5px;
}

div#movie-contents dd.movie-btn{
	width:147px;
	height:31px;
	margin:0 auto;
}

div#movie-contents ul{
	position:absolute;
	top:175px;
	left:350px;
	clear:both;
}

*html div#movie-contents ul{
	position:absolute;
	top:180px;
	left:350px;
	clear:both;
}




div#movie-contents ul li a{
	font-size:12px;
}