@charset "shift_jis";

/***************************************************
	祇園han スタイルシート
	index.css
	トップページレイアウトスタイル定義
***************************************************/

/* トップページ index.html
------------------------------------------------------------ */
/*-----contents-----*/
#contents #flash{
	width:698px;
	height:254px;
	margin:0px 0px 20px 0px;
}

#contents #left_top{
	float:left;
	margin:0;
}

#contents #right_top{
	float:right;
}

#contents #banner01{
	background:url(../images/index/jishin.gif) no-repeat top left;
	/*background:url(../images/index/muryo.gif) no-repeat top left;*/
	width:215px;
	height:110px;
	margin:0px 0px 12px 0px;
}

#contents #banner01 a{
	width:215px;
	height:110px;
	display:block;
	text-indent:-9999px;
}

#contents #news{
	width:215px;
	background:url(../images/index/news_title.gif) no-repeat top left;
}

#contents #news span{
	display:none;
}

#contents ul{
	padding:30px 0px 0px 0px;
}

#contents li{
	display:block;
	height:50px;
	padding:0px 0px 12px 7px;
	margin:0px 0px 12px 0px;
	background:url(../images/index/news_line.gif) no-repeat bottom left;
}

#contents li div.leftnews{
	float:left;
	width:50px;
	height:50px;
	margin:0px 0px 0px auto;
}

#contents li div.rightnews{
	float:right;
	width:150px;
}

#header #gnavi {	z-index: 3;}


#contents .mainvisual h2 {z-index: 1;}

#contents .mainvisual {
	height: 500px;
}
#contents .mainvisual .item_navi {	padding: 345px 0 0 30px;}
#contents .mainvisual .item_navi td {
	padding: 0 10px 0 10px;
	background: url(../images/temp/ico01.gif) 0 center no-repeat;
}
#contents .mainvisual .item_navi td.bg_none {	background-image: none;}
#contents .mainvisual .item_navi a {
	padding: 0 5px 0 5px;
	font-size: 120%;
}
#contents .main {	padding: 16px 0 5px 10px;}
#contents .main .leftbox {
	float: left;
	width: 520px;
}
#contents .main .rightbox {
	float: left;
	width: 372px;
}
#contents .main .leftbox .bn01 {
	float: left;
	width: 241px;
	padding: 0 0 0 8px;
}
#contents .main .leftbox .bn01 a {
	display: block;
	height: 98px;
	background: url(../images/index/gift.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents .main .leftbox .bn01 a:hover {	background-position: 0 -98px;}

#contents .main .leftbox .bn02 {
	float: left;
	width: 241px;
	padding: 0 10px 0 8px;
}
#contents .main .leftbox .bn02 a {
	display: block;
	height: 98px;
	background: url(../images/index/item_list.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents .main .leftbox .bn02 a:hover {	background-position: 0 -98px;}

#contents .main .leftbox .bn03 {
	float: left;
	width: 241px;
	height: 98px;
	padding: 8px 0 15px 8px;
	background-color: #FFFFFF;
	text-indent: -9999px;
}
#contents .main .leftbox .bn04 {
	float: left;
	width: 241px;
	padding: 8px 0 15px 8px;
}
#contents .main .leftbox .bn04 a {
	display: block;
	height: 98px;
	background: url(../images/index/halco.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents .main .leftbox .bn04 a:hover {	background-position: 0 -98px;}

#contents .main h2.ttl01 {
	width: 372px;
	height: 50px;
	padding-bottom: 14px;
	background: url(../images/index/ttl01.gif) no-repeat;
	text-indent: -9999px;
}
#contents .main .topics {
	width: 372px;
	height: 140px;
	padding: 15px 38px 0 0;
	background: url(../images/index/topics_bg.gif) 0 0 no-repeat;
	font-size: 11px;
}
#contents .main .topics dfn {
	color: #000000;
	padding-left: 11px;
	font-style: normal;
	font-weight: bold;	
	font-size: 11px;
}
#contents .main .topics  a {	color: #000000;}
#contents .main .topics  a:hover {	color: #969696; text-decoration: underline;}

#contents #fc_header{
	width:698px;
	height:158px;
	background:url(../images/index/xmas_header.jpg) 0 0 no-repeat;	
}
/*
#contests #fc_header #fc_button{
	display:block;
	width:68px;
	height:68px;
	background:url(../images/index/fc_button.gif) 0 0 no-repeat;
}*/

#contents #fc_header  a{
	text-indent:-9999px;
	display:block;
	width:698px;
	height:158px;
}

#tencho{
	width:915px;
	text-align:right;
	margin:0 auto;
	border:none;
}

/*commonから継承*/
#footer {
	width: 915px;
	margin:0 auto 7px auto;
	padding:7px 0px 0px 0px;
	text-align:center;
	border-top:solid 1px #C3CDD6;
}

/*slider*/
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
	noscript div { background: #ccc; ; margin: 0 0 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { width:698px; margin: 0 0 12px 0; }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 698px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 698px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling 
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }*/
	
	/* Tab nav */
	/*.coba-nav { margin:0; padding:0;}
	.coda-nav ul li a.current { background-position: 0px -20px; }*/
	
	/* Panel padding 
	.coda-slider .panel-wrapper { padding: 20px;}*/
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav 色々本体のを継承してるので仕切り直しも含む　paddingとか*/

	#coda-nav-1 ul { clear: both; display: block; margin: auto; overflow: hidden; padding:0;}
	#coda-nav-1 ul li {float: left;  width:98px; height:98px; margin: 2px 2px 0 0; padding:0; background:none;}
	#coda-nav-1 ul li a {display:block;  width:98px; height:98px; text-decoration: none; text-indent:-9999em }

	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
/* custom */
	
	.tab1 a{ background:url(../images/index/slider/008_s.jpg) no-repeat; }
	.tab1 a:hover{ background:url(../images/index/slider/008_s_o.jpg) no-repeat; }
	.tab1 a.current { background:url(../images/index/slider/008_s_o.jpg) no-repeat; }
	.tab2 a{ background:url(../images/index/slider/009_s.jpg) no-repeat; }
	.tab2 a:hover{ background:url(../images/index/slider/009_s_o.jpg) no-repeat; }
	.tab2 a.current { background:url(../images/index/slider/009_s_o.jpg) no-repeat; }
	.tab3 a{ background:url(../images/index/slider/002_s.jpg) no-repeat; }
	.tab3 a:hover{ background:url(../images/index/slider/002_s_o.jpg) no-repeat; }
	.tab3 a.current { background:url(../images/index/slider/002_s_o.jpg) no-repeat; }
	.tab4 a{ background:url(../images/index/slider/003_s.jpg) no-repeat; }
	.tab4 a:hover{ background:url(../images/index/slider/003_s_o.jpg) no-repeat; }
	.tab4 a.current { background:url(../images/index/slider/003_s_o.jpg) no-repeat; }
	.tab5 a{ background:url(../images/index/slider/005_s.jpg) no-repeat; }
	.tab5 a:hover{ background:url(../images/index/slider/005_s_o.jpg) no-repeat; }
	.tab5 a.current { background:url(../images/index/slider/005_s_o.jpg) no-repeat; }
	.tab6 a{ background:url(../images/index/slider/006_s.jpg) no-repeat; }
	.tab6 a:hover{ background:url(../images/index/slider/006_s_o.jpg) no-repeat; }
	.tab6 a.current { background:url(../images/index/slider/006_s_o.jpg) no-repeat; }
	.tab7 a{ background:url(../images/index/slider/007_s.jpg) no-repeat; }
	.tab7 a:hover{ background:url(../images/index/slider/007_s_o.jpg) no-repeat; }
	.tab7 a.current { background:url(../images/index/slider/007_s_o.jpg) no-repeat; }
	.panel-wrapper a{display:block; width:698px; height:530px; text-indent:-9999em;}
	.panel1{ background:url(../images/index/slider/008_l.jpg) no-repeat; }
	.panel2{ background:url(../images/index/slider/009_l.jpg) no-repeat; }
	.panel3{ background:url(../images/index/slider/002_l.jpg) no-repeat; }
	.panel4{ background:url(../images/index/slider/003_l.jpg) no-repeat; }
	.panel5{ background:url(../images/index/slider/005_l.jpg) no-repeat; }
	.panel6{ background:url(../images/index/slider/006_l.jpg) no-repeat; }
	.panel7{ background:url(../images/index/slider/007_l.jpg) no-repeat; }