@charset "shift_jis";

/*  ----------------------------------------------------  */
/*  top class */
/*  ----------------------------------------------------  */

#main_img{
	width:900px;
	height:460px;
	position:relative;
	background: url(../images/main_bg.jpg) no-repeat left top;
	
}

/* what's new 
---------------------------------*/

#main_img #tt_info{
	width:336px;
	position:absolute;
	top: 125px;
	left:541px;
}


#main_img #info_box{
	width:334px;
	_width:336px;

	position:absolute;
	top: 153px;
	left:541px;
	text-align:center;
	border:1px solid #999;
	background-color:#fff;

	padding-top:10px;
	padding-bottom:10px;


}
#main_img #info_box .in{
	width:314px;
	height:128px;

	margin:0px auto 0px auto;
	text-align:left;

	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
}

#main_img #info_box dl{
	width:304px;
	line-height:120%;
}
#main_img #info_box dl dt{
	float:left;   
	width:70px;   
	padding:0px 0 5px 0px;   
	clear:both;   
}

#main_img #info_box dl dd {   
	width:233px;   
	_width:230px;   
	margin-left:70px;   
	padding:0px 0px 5px 0px;   
}  

#main_img #info_box a:link , #main_img #info_box a:visited { 
	color: #666; 
	text-decoration: underline;
}

#main_img #info_box a:active ,#main_img #info_box a:hover { 
	color: #666;
	text-decoration: none;
}


/* topics/detail.html トピックス詳細ページの設定 */

#topics_detail {
	width:783px;
	margin:0 auto;
	padding-top:10px;
	text-align:left;
}

#topics_detail .title{
	background: url(../images/star_bg.gif) no-repeat 3px 0px;
	padding-left:75px;


	min-height: 71px;
	height: auto !important;
	height: 71px;
	text-align:left;
}

#topics_detail h2{
	color:#0099cc;
	font-weight:bold;
	font-size:20px;
	padding-top:30px;
}

#topics_detail .pglist{
	width:690px;
	margin-left:50px;
}

#topics_detail .topic_com{
	padding-top:20px;
	padding-bottom:20px;
}

#topics_detail .topic_img {
	float:left;
	margin-right:8px;
}

#topics_detail .topic_img_ed{
	float:left;
}

#topics_detail .topic_link{
	padding-top:20px;
	padding-bottom:5px;
	padding-left:5px;

}

#topics_detail .page_seni{
	width:690px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:50px;
}



/* 動画
-----------------------------------*/

.movie_box{
	width:783px;
	margin:0 auto;
	background: url(../images/movie_bg.gif) repeat-y left top;
}
.movie_box_btm{
	width:783px;
	margin:0 auto;
	line-height:1px;
	height:8px;
	background: url(../images/movie_bg_btm.gif) no-repeat left bottom;
}

.movie_left{
	width:385px;
	float:left;

}
.movie_left iframe{
	display:block;
	margin-left:30px;
}

.movie_right{
	width:371px;
	float:left;
}
.movie_right iframe{
	display:block;
	margin-left:23px;
}
.movie_title{

	background: url(../images/star_bg.gif) no-repeat 3px 0px;
	padding-left:75px;

	min-height: 71px;
	height: auto !important;
	height: 71px;
	text-align:left;
}
.movie_title h4{
	color:#0099cc;
	font-weight:bold;
	font-size:18px;
	padding-top:8px;
	padding-bottom:3px;
}

.movie_title p{
	padding-left:3px;
	padding-bottom:10px;
}


/* コンテンツ
-----------------------------*/
.bg01{
	width:900px;
	background: url(../images/bg01.jpg) no-repeat right 107px;

	min-height: 510px;
	height: auto !important;
	height: 510px;

}

.btn_osusume{
	width:392px;
	float:left;
	margin-left:56px;
	_margin-left:28px;
	margin-right:7px;
	margin-top:18px;

}
.btn_parts{
	width:392px;
	float:left;
	margin-top:18px;
}

/* お店の紹介
-----------------------------*/
#box_concept{
	width: 570px;
	float:left;
	margin-left:40px;
	_margin-left:20px;
	margin-top:50px;
	background: url(../images/contents.gif) repeat-y 0px 0px;
	text-align:left;
}
#box_concept .comm{
	width:500px;
	padding:10px 0px 0px 0px;
	margin-left:72px;

}
#box_concept .comm p{
	margin-right:170px;
	padding-bottom:10px;
	line-height:140%;
}


#box_concept .photo_left{
	width:152px;
	float:left;
	margin-right:8px;
}
#box_concept .photo_right{
	width:165px;
	float:left;
}



/* ご挨拶
-----------------------------*/
#box_greeting{
	width: 821px;
	float:left;
	margin-left:40px;
	_margin-left:20px;
	margin-top:5px;
	background: url(../images/contents.gif) repeat-y 0px 0px;
	text-align:left;
}
#box_greeting .left{
	width:634px;
	float:left;
}
#box_greeting .comm{
	width:500px;
	padding:10px 0px 10px 0px;
	margin-left:72px;
}
#box_concept .comm p{
	margin-right:170px;
	padding-bottom:10px;
	line-height:140%;
}

#box_greeting .right{
	width:187px;
	float:left;
	padding-bottom:10px;
}

/* お気軽に
--------------------------------*/

#box_contact{
	width:863px;
	height:560px;
	background: url(../images/bg02.jpg) no-repeat 0px 0px;

	position:relative;
	float:left;
}
#box_contact .list01{
	width:530px;
	position:absolute;
	top:34px;
	left:310px;
	text-align:left;
	color:#333;
}

#box_contact .list02{
	width:530px;
	position:absolute;
	top:154px;
	left:310px;
	text-align:left;
	color:#333;
}

#box_contact .list03{
	width:530px;
	position:absolute;
	top:284px;
	left:310px;
	text-align:left;
	color:#333;
}
#box_contact .contact{
	width:630px;
	position:absolute;
	top:387px;
	left:230px;
}


/* イベント情報
--------------------------------*/
#box_event {
	width:863px;
	float:left;
}
#box_event h5{
	margin-bottom:15px;
}

.wielershool{
	width:370px;
	border:1px solid #006428;
	text-align:left;
	float:left;
	margin-left:66px;
	_margin-left:33px;
	padding-bottom:10px;
}
.wielershool .ttl01{
	text-align:center;
	padding:10px 0px 0px 0px;
}
.wielershool .ttl02{
	text-align:center;
	padding:0px 0px 5px 0px;
}
.wielershool p{
	width:355px;
	margin-left:10px;
	color:#333;
	font-size:13px;
}

.bn_wielershool{
	float:right;
}