@charset "shift_jis";
/*k-club index layout DESIGN start*/
body{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: sans-serif;
	line-height: 12pt;
	}

/*base layout DESIGN*/	
.base {
	margin: 0px;
	padding: 0px;
	width: 801px;
	background-image : url(image/bk.gif);
	background-repeat : repeat-y;
	overflow: hidden;
	}

.base:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .base {
    height: 1em;
    overflow: visible;
}
/**/

.line{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color : #999999;
	}

/*ssi header layout DESIGN*/
.ssiheader{
	margin:0px;
	padding: 10px 0px 10px 0px;
}

ul.header{
	margin: 0px;
	padding: 0px;
    list-style: none;
    width: 100%;
}
ul.header li{
    list-style: none;
    float: left;
    width: 100px;
}
ul.header a{
    display: block;
    width: 100px;
    height: 20px;
	background-image : url(http://www.k-club.co.jp/ssi_image/header/header.gif);
	background-repeat : no-repeat;
}
ul.header a span{
	margin: 0px;
	padding: 0px;
	display: none;
}
a.home{
    background-position: 0px 0px ;
}
a:hover.home{
    background-position: 0px -20px;
}
a.home2{
    background-position: -100px 0px;
}
a:hover.home2{
    background-position: -100px 0px;
}
a.clubism{
    background-position: -200px 0px;
}
a:hover.clubism{
    background-position: -200px -20px;
}
a.kanazawa{
    background-position: -300px 0px;
}
a:hover.kanazawa{
    background-position: -300px -20px;
}
a.guide{
    background-position: -400px 0px;
}
a:hover.guide{
    background-position: -400px -20px;
}
a.books{
    background-position: -500px 0px;
}
a:hover.books{
    background-position: -500px -20px;
}
a.kaisya{
    background-position: -600px 0px;
}
a:hover.kaisya{
    background-position: -600px -20px;
}
a.saiyou{
    background-position: -700px 0px;
}
a:hover.saiyou{
    background-position: -700px -20px;
}

/*topic pass layout DESIGN*/
.topic{
	width: 799px;
	margin:0px;
	padding: 5px 5px 10px 5px;
}

/*Falsh layout DESIGN*/
.flash{
	margin: 0px;
	padding: 0px;
	text-align : center;
}

/*main layout DESIGN*/
.main{
	margin: 15px 0px 15px 5px;
	padding:0px;
	width: 795px;
	}

.main-box{
	margin: 0px;
	padding: 0px;
	width: 575px;
	float: left;
}

.main-left{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: left;
	width: 190px;
}

.main-center{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: right;
	width: 365px;
}

.main-right{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 200px;
}

/*main-left layout DESIGN*/
.ml-title-topics{
	margin: 0px;
	paddin: 0px;
	width: 190px;
	height: 26px;
	background-image : url(image/index/common_img/title_topics.gif);
	background-repeat : no-repeat;
}

.ml-box{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 190px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #999999;
}

.ml-book{
	margin: 10px 0px;
	padding: 0px;
	float: left;
	width: 85px;
	text-align : center;
}

.ml-text{
	margin: 10px 0px;
	padding: 0px;
	float: left;
	width: 105px;
}

/*main-center layout DESIGN*/
.magazine-box01{
	margin: 0px;
	padding: 0px;
	width: 365px;
	float: left;
	}
	
.clubism-box{
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	}
	
.kanazawa-box{
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	}
	
.mc-box01{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
}

.mc-box01-l{
	margin: 0px;
	padding: 0px;
	width: 115px;
	float: left;
}

.mc-box01-r{
	margin: 0px;
	padding: 0px;
	width: 115px;
	float: right;
}

.mc-box02{
	margin: 0px;
	padding: 0px;
	width: 115px;
	float: right;
}

.mc-book-m{
	margin:: 0px;
	padding: 10px 2px 0px 0px;
	width: 111px;
	text-align : center;
}

.magazine-cover{
	margin:: 0px;
	padding: 10px 2px 0px 0px;
	width: 180px;
	text-align : center;
}

.mc-book-g{
	margin:: 0px;
	padding: 10px 2px 0px 0px;
	width: 111px;
	height: 100px;
	text-align : center;
}

.mc-book-gw{
	margin:: 0px;
	padding: 30px 2px 0px 0px;
	width: 111px;
	height: 80px;
	text-align : center;
}

.mc-book-e{
	margin:: 0px;
	padding: 10px 2px 0px 0px;
	width: 111px;
	text-align : center;
}

.mc-book-w{
	margin:: 0px;
	padding: 10px 2px 0px 0px;
	width: 111px;
	text-align : center;
}
	
.mc-text{
	margin:: 0px;
	padding: 5px 2px 25px 0px;
	width: 111px;
	text-align : justify;
}

.magazine-text{
	margin:: 0px;
	padding: 5px 2px 10px 10px;
	width: 170px;
	text-align : justify;
}

.mc-title-magazine{
	margin: 0px;
	paddin: 0px;
	width: 365px;
	height: 26px;
	background-image : url(image/index/common_img/title_magazine.gif);
	background-repeat : no-repeat;
}

.mc-title-guide{
	margin: 0px;
	paddin: 0px;
	width: 365px;
	height: 26px;
	background-image : url(image/index/common_img/title_guidebook.gif);
	background-repeat : no-repeat;
	 
}

.mc-title-gourmet{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 365px;
	height: 60px;
	background-repeat : no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #dc143c;
	 
}

.mc-title-essay{
	margin: 0px;
	paddin: 0px;
	width: 365px;
	height: 26px;
	background-image : url(image/index/common_img/title_essay.gif);
	background-repeat : no-repeat;
}

.mc-title-web{
	margin: 0px;
	paddin: 0px;
	width: 115px;
	height: 26px;
	float: left;
	background-image : url(image/index/common_img/title_web.gif);
	background-repeat : no-repeat;
}

.mc-title-keitai{
	margin: 0px;
	paddin: 0px 0px 0px 10px;
	width: 250px;
	height: 26px;
	float: left;
	background-image : url(image/index/common_img/title_keitai.gif);
	background-repeat : no-repeat;
	background-position : 10px 0px;
}

.mc-title-link{
	margin: 0px;
	padding: 9px 0px 0px 110px;
}

/*main-left layout DESIGN*/
.mr-text01{
	margin: 0px;
	padding: 3px 5px 3px 0px;
	width: 195px;
}

.mr-text02{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 200px;
}

.mr-text-event{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 200px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #666666;
}

.mr-flash{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
}

.mr-comment{
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	width: 200px;
	font-size: 10px;
	font-family: sans-serif;
	line-height: 10pt;
	text-align : center;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #666666;
}

.ml-title-news{
	margin: 0px;
	paddin: 0px;
	width: 200px;
	height: 26px;
	background-image : url(image/index/common_img/title_news.gif);
	background-repeat : no-repeat;
}

.ml-title-questionnaire{
	margin: 0px;
	paddin: 0px;
	width: 200px;
	height: 26px;
	background-image : url(image/index/common_img/title_questionnaire.jpg);
	background-repeat : no-repeat;
}

.ml-title-whats{
	margin: 0px;
	paddin: 0px;
	width: 200px;
	height: 26px;
	background-image : url(image/index/common_img/title_whats.gif);
	background-repeat : no-repeat;
}

.ml-title-event{
	margin: 0px;
	paddin: 0px;
	width: 200px;
	height: 26px;
	background-image : url(image/index/common_img/title_event.gif);
	background-repeat : no-repeat;
}

/*ssi footer layout DESIGN*/
#ssifooter-l{
	margin:10px 0px 10px 0px;
	padding: 0px;
	float: left;
	width : 400px;
}

ul#footer{
	margin: 0px;
	padding: 0px;
    list-style: none;
    width: 100%;
}
ul#footer li{
    list-style: none;
    float: left;
    width: 100px;
}
ul#footer a{
    display: block;
    width: 100px;
    height: 20px;
	background-image : url(ssi_image/footer/footer.gif);
	background-repeat : no-repeat;
}
ul#footer a span{
	margin: 0px;
	padding: 0px;
	display: none;
}
a.privacy{
    background-position: 0px 0px ;
}
a:hover.privacy{
    background-position: 0px -20px;
}
a.privacy2{
    background-position: -100px 0px;
}
a:hover.privacy2{
    background-position: -100px 0px;
}
a.info{
    background-position: -200px 0px;
}
a:hover.info{
    background-position: -200px -20px;
}
a.map{
    background-position: -300px 0px;
}
a:hover.map{
    background-position: -300px -20px;
}

#ssifooter-r{
	margin:10px 0px 10px 0px;
	padding: 3px 0px;
	float: right;
	width : 400px;
	font-size: 12px;
	line-height: 11pt;
	text-align : center;
}

/*access java layout DESIGN*/
.accessjava{
	margin: 0px;
	padding: 0px;
	display: none;
}

/*link DESIGN*/
a:visited {
	color: #0000ff;
}
a:active {
	color: #ff0000;
}
a:hover {
	color: #ff0000;
}

/*H DESIGN*/
H1{ 
	font-size: 12px; 
	font-weight:normal; 
	display: none;
	}
H2{ font-size: 12px; 
	font-weight:normal;
	display: none;
	}
H3{ font-size: 12px; 
	line-height: 16px; 
	font-weight:normal;
	display: inline;
	}
H4{ font-size: 12px; 
	line-height: 18px; 
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
	}
H5{ font-size: 12px; 
	line-height: 18px; 
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
	}
.style3 {
	color: #FF8000
}
.style5 {
	color: #dc143c
}
.style6 {
	color: #FF0000;
	font-weight: bold;
}

/*font DESIGN*/
.fc{
	color: #ff0000;
	display: inline;
}

/*font layouy DESIGN*/
.dot-r{
	text-align: right;
	font-size: 10px;
}

/*P DESIGN*/
p{
	font-size: 10px; 
	margin-top: 0;
	margin-bottom: 0;
}

/*hr DESIGN*/
hr{
	display: none;
}

/*img DESIGN*/
img {
	margin: 0px;
	border:none;
	}
	
/*claer DESIGN*/
.both{
	clear: both;
	}