@charset "Shift_JIS";
/* CSS Document */

/* ------------------------------------------------------------------------ */

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset,p, blockquote {
	margin 	: 0;
	padding : 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style : normal;
}

table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}

caption, th	{
	text-align : left;
}

q:before ,q:after {
	content : '';
}

object, embed {
	vertical-align : top;
}

hr, legend	{
	display : none;
}

h1, h2, h3, h4, h5, h6 {
	font-size : 120%;
	clear:both;
}

img, abbr, acronym, fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

p { 
	font-size : 80%;
	text-align:left;
}

strong {
	font-style: normal;
	font-weight:160;
	color:#000;
}



/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "?? ?ゴシ?", "MS PGothic", sans-serif;
	line-height	: 1.5;
	text-align	: center;
	color		: #000;
}



html>/**/body p {
	font-size : 12px;
}

div#wrap{
	margin		: 0 auto;
	width		: 800px;
	text-align	: center;
}

body > #wrap { height : auto;}



/* Link
--------------------------------------------------------------------------- */

a { outline : none;}

a:link	{
	text-decoration	: none;
	color			: #630;
}

a:visited	{
	text-decoration	: underline;
	color			: #630;
}

a:hover	{
	text-decoration	: none;
	color			: #ec2a37;
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

#headerBlock {
	position	: relative;
	margin		: 0 auto;
	width		: 800px;
	height		: 100px;
	margin-top:20px;
}


	#headerBlock p#message {
		position:absolute;
		top:38px;
		left:300px;
		font-size:14px;
		font-weight:bold;
		color:red;
	}

	#headerBlock h1 {
	position	: absolute;
	top			: 0;
	left		: 0;
	}
	
/*_header */


#header_kottou {
	position	: relative;
	margin		: 0 auto;
	width		: 800px;
	height		: 350px;
	margin-top:20px;
}



	#header_kottou h1 {
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}	
	
	
#header_kottou02 {
	position	: relative;
	margin		: 0 auto;
	width		: 800px;
	height: 150px;
	margin-top:20px;
}



	#header_kottou02 h1 {
		margin: 0;
		padding: 0;
		margin-right: auto;
	}
	
	
/*ߋ_header */


#header_gangu {
	position	: relative;
	margin		: 0 auto;
	width		: 800px;
	height		: 250px;
	margin-top:100px;
}



	#header_gangu h1 {
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}	
	

.topicpath  {
	font-size: 10px;
	text-align:right;
	margin-right: 10px;
}

.topicpath ol li {
	/* liсubg */
	display: inline;
	list-style-type: none;
}
.topicpath ol li:before {
	/* lȋOɋLǉ */
	content: " > ";
}
.topicpath ol li:first-child:before {
	/* ŏlicontent */
	content: none;
}

/* ------------------------------------------------------------------------ */

/* navi

/* ------------------------------------------------------------------------ */


#globalnavi {  
  margin: 0;  
  padding: 0;  
  list-style-type: none; /* リスト?ークの削除 */  
  width: 250px;  
}  
  
#globalnavi li {  
  width: 250px;  
  height: 70px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#globalnavi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 250px;  
  height: 70px; /* リンク領域を?? */  
  background-image: url(img/navi.gif);  
  background-repeat: no-repeat;  
}  
  
#menu1 a { background-position: 0 0; } /* 表示画像?位置を指? */  
#menu2 a { background-position: 0 -70px; }  
#menu3 a { background-position: 0 -140px; }  
#menu4 a { background-position: 0 -210px; }    
  
#globalnavi a:hover {  
  text-decoration: none;  
  background-image: url(img/navi.gif);  
  background-repeat: no-repeat;  
}  
  
#menu1 a:hover { background-position: -250px 0; } /* 入れ替え画像?位置を指? */  
#menu2 a:hover { background-position: -250px -70px; }  
#menu3 a:hover { background-position: -250px -140px; }  
#menu4 a:hover{ background-position: -250px -210px; }  




/* head_navi */  

#head_navi {  
  margin: 0;  
  padding: 0;  
  width: 400px;
  margin-left: auto;  
}  


#head_navi ul {  
  list-style-type: none; /* リスト?ークの削除 */    
  margin: 0;  
  padding: 0;  
 }  
  
#head_navi li {  
  float: left;
  height: 46px;  
  margin: 0;  
  padding: 0;
 }  
  
#head_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 100%;  
  height: 46px; /* リンク領域を?? */  
  background-image: url(img/navi_sub.gif);  
  background-repeat: no-repeat;  
}  
  
#navi1 a { width:70px; background-position: 0 0; } /* 表示画像?位置を指? */  
#navi2 a { width:100px; background-position: -70px 0; }  
#navi3 a { width:130px; background-position: -170px 0; }  
#navi4 a { width:100px; background-position: -300px 0; }    
  
#head_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/navi_sub.gif);  
  background-repeat: no-repeat;  
}  
  
#navi1 a:hover { width:70px; background-position: -0px -46px; } /* 入れ替え画像?位置を指? */  
#navi2 a:hover { width:100px; background-position: -70px -46px; }  
#navi3 a:hover { width:130px; background-position: -170px -46px; }  
#navi4 a:hover{ width:100px; background-position: -300px -46px; }  



/*_navi */
#kottou_navi {  
  margin: 0;  
  padding: 0;  
  list-style-type: none; /* リスト?ークの削除 */  
  width: 204px;
  margin-left: auto;
  margin-right: auto;  
}  
  
#kottou_navi li {  
  width: 204px;  
  height: 40px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#kottou_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 204px;  
  height: 40px; /* リンク領域を?? */  
  background-image: url(img/kottou_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#kottou_a a { background-position: 0 0; } /* 表示画像?位置を指? */  
#kottou_b a { background-position: 0 -40px; }  
#kottou_c a { background-position: 0 -80px; }  
#kottou_d a { background-position: 0 -120px; }   
#kottou_e a { background-position: 0 -160px; }  
  
#kottou_navi a:hover {  
  text-decoration: none;  
  background-image:url(img/kottou_navi.gif);
  background-repeat: no-repeat;  
}  
  
#kottou_a a:hover { background-position: -204px 0; } /* 入れ替え画像?位置を指? */  
#kottou_b a:hover { background-position: -204px -40px; }  
#kottou_c a:hover { background-position: -204px -80px; }  
#kottou_d a:hover { background-position: -204px -120px; }  
#kottou_e a:hover { background-position: -204px -160px; }  


#k2_navi { 
	float : left; 
	width : 153px;
	margin-right: auto;
}

#k2_navi li {  
  width: 153px;  
  height: 30px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#k2_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 153px;  
  height: 30px; /* リンク領域を?? */  
  background-image: url(img/kottou_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#kottou1 a { background-position: 0 0; } /* 表示画像?位置を指? */  
#kottou2 a { background-position: 0 -30px; }  
#kottou3 a { background-position: 0 -60px; }  
#kottou4 a { background-position: 0 -90px; }   
#kottou5 a { background-position: 0 -120px; }  
  
#k_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/kottou_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#kottou1 a:hover { background-position: -153px 0; } /* 入れ替え画像?位置を指? */  
#kottou2 a:hover { background-position: -153px -30px; }  
#kottou3 a:hover { background-position: -153px -60px; }  
#kottou4 a:hover{ background-position: -153px -90px; }  
#kottou5 a:hover{ background-position: -153px -120px; } 




/*ߋ_navi */
#gangu_navi {  
  margin: 0;  
  padding: 0;  
  list-style-type: none; /* リスト?ークの削除 */  
  width: 204px;
  margin-left: auto;
  margin-right: auto;  
}  
  
#gangu_navi li {  
  width: 204px;  
  height: 40px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#gangu_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 204px;  
  height: 40px; /* リンク領域を?? */  
  background-image: url(img/gangu_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#gangu_a a { background-position: 0 0; } /* 表示画像?位置を指? */  
#gangu_b a { background-position: 0 -40px; }  
#gangu_c a { background-position: 0 -80px; }  
#gangu_d a { background-position: 0 -120px; }   
#gangu_e a { background-position: 0 -160px; }  
  
#gangu_navi a:hover {  
  text-decoration: none;  
  background-image:url(img/gangu_navi.gif);
  background-repeat: no-repeat;  
}  
  
#gangu_a a:hover { background-position: -204px 0; } /* 入れ替え画像?位置を指? */  
#gangu_b a:hover { background-position: -204px -40px; }  
#gangu_c a:hover { background-position: -204px -80px; }  
#gangu_d a:hover { background-position: -204px -120px; }  
#gangu_e a:hover { background-position: -204px -160px; }  



#g2_navi { 
	float : left; 
	width : 153px;
	margin-right: auto;
}

#g2_navi li {  
  width: 153px;  
  height: 30px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#g2_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 153px;  
  height: 30px; /* リンク領域を?? */  
  background-image: url(img/gangu_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#gangu1 a { background-position: 0 0; } /* 表示画像?位置を指? */  
#gangu2 a { background-position: 0 -30px; }  
#gangu3 a { background-position: 0 -60px; }  
#gangu4 a { background-position: 0 -90px; }   
#gangu5 a { background-position: 0 -120px; }  
  
#g_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/gangu_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#gangu1 a:hover { background-position: -153px 0; } /* 入れ替え画像?位置を指? */  
#gangu2 a:hover { background-position: -153px -30px; }  
#gangu3 a:hover { background-position: -153px -60px; }  
#gangu4 a:hover{ background-position: -153px -90px; }  
#gangu5 a:hover{ background-position: -153px -120px; } 





/*Ï_navi */
#trad_navi {  
  margin: 0;  
  padding: 0;  
  list-style-type: none; /* リスト?ークの削除 */  
  width: 204px;
  margin-left: auto;
  margin-right: auto;  
}  
  
#trad_navi li {  
  width: 204px;  
  height: 40px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#trad_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 204px;  
  height: 40px; /* リンク領域を?? */  
  background-image: url(img/trad_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#trad_a a { background-position: 0 0; } /* 表示画像?位置を指? */  
#trad_b a { background-position: 0 -40px; }  
#trad_c a { background-position: 0 -80px; }  
#trad_d a { background-position: 0 -120px; }   
#trad_e a { background-position: 0 -160px; }  
  
#trad_navi a:hover {  
  text-decoration: none;  
  background-image:url(img/trad_navi.gif);
  background-repeat: no-repeat;  
}  
  
#trad_a a:hover { background-position: -204px 0; } /* 入れ替え画像?位置を指? */  
#trad_b a:hover { background-position: -204px -40px; }  
#trad_c a:hover { background-position: -204px -80px; }  
#trad_d a:hover { background-position: -204px -120px; }  
#trad_e a:hover { background-position: -204px -160px; }  



#t2_navi { 
	float : left; 
	width : 153px;
	margin-right: auto;
}

#t2_navi li {  
  width: 153px;  
  height: 30px;  
  margin: 0;  
  padding: 0;  
  display: inline;  
}  
  
#t2_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 153px;  
  height: 30px; /* リンク領域を?? */  
  background-image: url(img/trad_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#trad1 a { background-position: 0 0; } /* 表示画像?位置を指? */  
#trad2 a { background-position: 0 -30px; }  
#trad3 a { background-position: 0 -60px; }  
#trad4 a { background-position: 0 -90px; }   
#trad5 a { background-position: 0 -120px; }  
  
#t_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/trad_02_navi.gif);  
  background-repeat: no-repeat;  
}  
  
#trad1 a:hover { background-position: -153px 0; } /* 入れ替え画像?位置を指? */  
#trad2 a:hover { background-position: -153px -30px; }  
#trad3 a:hover { background-position: -153px -60px; }  
#trad4 a:hover{ background-position: -153px -90px; }  
#trad5 a:hover{ background-position: -153px -120px; } 


/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock {
	margin : 10px auto 0;
	font-size:75%;
	color:#000;
}

#mainMenu {
	background-image:url(img/menu_back_1.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:100%;
	color:#FFF;
	font-size:120%;
	
}

.scr {
  overflow: auto;   /* 繧?繧?繝ｭ繝ｼ繝ｫ陦?遉ｺ */ 
  width: 700px;
  height: 450px;
}

.scr_news {
  overflow: auto;   /* 繧?繧?繝ｭ繝ｼ繝ｫ陦?遉ｺ */ 
  height: 313px;
  width:700px;
  float:none;
}


/* text_box */ 

#text_box {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}


#text_box_con {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}


/* shop_navi */  


#shop_navi {  
  margin: 0;  
  padding: 0;  
  width: 700px;
  margin-left: auto;  
}  


#shop_navi ul {  
  list-style-type: none; /* リスト?ークの削除 */    
  margin: 0;  
  padding: 0;  
 }  
  
#shop_navi li {  
  float: left;
  height: 284px;  
  margin: 0;  
  padding: 0;
 }  
  
#shop_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 100%;  
  height: 284px; /* リンク領域を?? */  
  background-image: url(img/shops_logos.jpg);
  background-repeat: no-repeat;  
}  
  
#shop1 a { width:170px; background-position: 0 0; } /* 表示画像?位置を指? */  
#shop2 a { width:220px; background-position: -170px 0; }  
#shop3 a { width:190px; background-position: -390px 0; }  
/*#shop4 a { width:220px; background-position: -580px 0; }   */  
  
#shop_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/shops_logos.jpg);
  background-repeat: no-repeat;  
}  
  
#shop1 a:hover { width:170px; background-position: -0px -284px; } /* 入れ替え画像?位置を指? */  
#shop2 a:hover { width:220px; background-position: -170px -284px; }  
#shop3 a:hover { width:190px; background-position: -390px -284px; }  
/*#shop4 a:hover{ width:220px; background-position: -580px -284px; }   */  





/*  */ 


#k_contents { 
	float : left ; 
	width : 647px;
	background-color: #e3e2d5;
	padding-bottom: 50px;
}


#k_text_box {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 600px;
}



#k_text_box_02 {
	margin-left: 0px;
	margin-right: 25px;
	margin-top:20px;
	float: right;
	width: 280px;
	text-align: left;
	font-size: 12px;
}


#k_text_box_03 {
	margin-left: 25px;
	margin-right: 20px;
	margin-top:5px;
	width: 580px;
	border: solid 2px #FFF;
	padding: 10px;
	float: right;
	text-align: left;
	font-size: 12px;
	clear: both;
}



#k_text_box_04 {
	margin-right: 0px;
	margin-left: 25px;
	margin-top:5px;
	width: 400px;
	border: solid 2px #FFF;
	padding: 10px;
	float: left;
	text-align: left;
	font-size: 12px;
}

#k_text_box_05 {
	margin-right: 0px;
	margin-left: 25px;
	margin-top:5px;
	width: 400px;
	float: left;
	text-align: left;
	font-size: 12px;
	clear: both;
}


#k_text_box_06 {
	margin-right: auto;
	margin-left: 25px;
	margin-top:5px;
	margin-bottom: 40px;
	width: 500px;
	float: left;
	text-align: left;
	font-size: 12px;
	clear: both;
}



#k_img {
	margin-left: 25px;
	margin-right: 0px;
	margin-top:20px;
	float: left;
	width: 300px;
	clear: both;
}

#k_img_02 {
	margin-left: 0px;
	margin-right: 15px;
	margin-top:20px;
	float: right;
	width: 150px;
}


/* _荀_navi */  


#kaitori_navi {  
  margin: 0;  
  padding: 0;  
  width: 600px;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 10px;  
}  


#kaitori_navi ul {  
  list-style-type: none; /* リスト?ークの削除 */    
  margin: 0;  
  padding: 0;  
 }  
  
#kaitori_navi li {  
  float: left;
  height: 100px;  
  margin: 0;  
  padding: 0;
 }  
  
#kaitori_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 100%;  
  height: 100px; /* リンク領域を?? */  
  background-image: url(img/kaitori_koumoku_navi_01.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1 a { width:200px; background-position: 0 0; } /* 表示画像?位置を指? */  
#kaitori2 a { width:200px; background-position: -200px 0; }  
#kaitori3 a { width:200px; background-position: -400px 0; }  

#kaitori_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/kaitori_koumoku_navi_01.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1 a:hover { width:200px; background-position: -0px -100px; } /* 入れ替え画像?位置を指? */  
#kaitori2 a:hover { width:200px; background-position: -200px -100px; }  
#kaitori3 a:hover { width:200px; background-position: -400px -100px; }  



#kaitori_02_navi {  
  margin: 0;  
  padding: 0;  
  width: 600px;
  margin-left: auto;  
  margin-right: 20px;
  margin-bottom: 10px;  
}  


#kaitori_02_navi ul {  
  list-style-type: none; /* リスト?ークの削除 */    
  margin: 0;  
  padding: 0;  
 }  
  
#kaitori_02_navi li {  
  float: left;
  height: 100px;  
  margin: 0;  
  padding: 0;
 }  
  
#kaitori_02_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 100%;  
  height: 100px; /* リンク領域を?? */  
  background-image: url(img/kaitori_koumoku_navi_02.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1_02 a { width:200px; background-position: 0 0; } /* 表示画像?位置を指? */  
#kaitori2_02 a { width:200px; background-position: -200px 0; }  
#kaitori3_02 a { width:200px; background-position: -400px 0; }  

#kaitori_02_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/kaitori_koumoku_navi_02.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1_02 a:hover { width:200px; background-position: -0px -100px; } /* 入れ替え画像?位置を指? */  
#kaitori2_02 a:hover { width:200px; background-position: -200px -100px; }  
#kaitori3_02 a:hover { width:200px; background-position: -400px -100px; }  



#kaitori_03_navi {  
  margin: 0;  
  padding: 0;  
  width: 600px;
  margin-left: auto;  
  margin-right: 20px;
  margin-bottom: 10px;  
}  


#kaitori_03_navi ul {  
  list-style-type: none; /* リスト?ークの削除 */    
  margin: 0;  
  padding: 0;  
 }  
  
#kaitori_03_navi li {  
  float: left;
  height: 100px;  
  margin: 0;  
  padding: 0;
 }  
  
#kaitori_03_navi a {  
  text-indent: -9999px; /* ?ストを隠? */  
  text-decoration: none;  
  display: block;  
  width: 100%;  
  height: 100px; /* リンク領域を?? */  
  background-image: url(img/kaitori_koumoku_navi_03.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1_03 a { width:200px; background-position: 0 0; } /* 表示画像?位置を指? */  
#kaitori2_03 a { width:200px; background-position: -200px 0; }  
#kaitori3_03 a { width:200px; background-position: -400px 0; }  

#kaitori_03_navi a:hover {  
  text-decoration: none;  
  background-image: url(img/kaitori_koumoku_navi_03.jpg);
  background-repeat: no-repeat;  
}  
  
#kaitori1_03 a:hover { width:200px; background-position: -0px -100px; } /* 入れ替え画像?位置を指? */  
#kaitori2_03 a:hover { width:200px; background-position: -200px -100px; }  
#kaitori3_03 a:hover { width:200px; background-position: -400px -100px; }  


/* ߋ */ 


#g_contents { 
	float : left ; 
	width : 647px;
	background-color: #f9c270;
}


#g_text_box {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 600px;
}




/* Ï */ 


#t_contents { 
	float : left ; 
	width : 647px;
	background-color: #eae5da;
}


#t_text_box {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 600px;
}


/* ------------------------------------------------------------------------ */

/* popup

/* ------------------------------------------------------------------------ */	

#popup {
	margin : 30px;
	text-align:center;
}

.popup_text {
	text-align:center;
	font-size:80%;
	color:#600;
}





/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */


#footer_kottou {
	position	: relative;
	margin		: 0 auto;
	width		: 800px;
}



	#footer_kottou h2 {
		margin: 0;
		padding: 0;
		margin-right: auto;
	}	
	
	




address {
	margin		: 5px 0;
	text-align	: center;
	font-size	: 65%;
	color:#630;
}
