@charest "shift_JIS";


/*基本CSS設定 bodyタグ関連　リンク基本
-------------------------------------------------------------------*/
body{
margin: 0px auto;
width: 800px;
color: #333333;
font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif;
text-align: left;
/*background: #ffffff url(../img/bg_body2.gif) no-repeat left top;*/
}


/*基本CSS設定 リセット
-------------------------------------------------------------------*/

h1, h2, h3, h4, h5, p, dl, dt, dd, ul, li, th, td {
padding: 0px;
margin: 0px;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: left;
}

img{
vertical-align: bottom;
}

/*基本CSS設定 フォントサイズ・マージン
　各ページ共通使用ですので注意して修正して下さい
-------------------------------------------------------------------*/

.left {
text-align: left;
}


.right;{
text-align: right;
}




a {
text-decoration:none; 
color : #333333;
}


a:visited {
text-decoration: none;
}

a:hover{
background-color : none;
color:#4C213F;
text-decoration: underline;
}





/*センタリング用 body直下に全体

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



#top h1{
width: 800px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 2px;
font-size: 12px;
font-weight: normal;
text-align: left;
background: url(../img/bg_body2.gif) no-repeat left top;
color:#ffffff;
}


/*ヘッダ用（ロゴ、解説文、バナー枠）
-------------------------------------------------------------------*/
#head {
width: 800px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#headlogotext{
float: left;
width: 560px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#head .headlogo{
float: left;
/*width: 205px;*/
width: 110px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#sitekaisetu{
float: right;
width: 350px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#head .sitekaisetutext{
font-size: 10px;
width: 300px;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
line-height: 1.3;
}



#headbannerwaku{
float: right;
width: 210px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



#head:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#headbannerwaku:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#head .sitekaisetu:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#headlogotext:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#head .headlogo:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*ヘッダ右上、箇所、「初めての方へ」、「良くある質問」箇所
-------------------------------------------------------------------*/


#righttopnavi {
width: 800px;
position: absolute;
top: 9px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}


#righttopnavi ul {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align: right;
}


#righttopnavi  li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align: right;
vertical-align: middle;
}



#righttopnavi  li a {
text-decoration: none;
}





/*グローバルメニュー用
-------------------------------------------------------------------*/
#globalmenu {
position: absolute;
top: 130px;
width: 800px;
height: 36px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../img/globalmenu.gif) no-repeat 0 0;
}


ul#globalmenu  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
width: 800px;
height: 36px;
display: block;
}


ul#globalmenu  li.li1 {
display: block;
width: 99px;
height: 36px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 2.4em;
text-decoration: none;
text-align:center;
font-size:14px;
font-weight: bold;
}

ul#globalmenu  li {
display: block;
width: 99px;
height: 36px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 2.4em;
text-decoration: none;
text-align:center;
font-size:14px;
}

ul#globalmenu li a{
display: block;
}


ul#globalmenu  li:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#globalmenu:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*2段目*/
#globalmenu02 {
position: absolute;
top: 135px;
width: 800px;
height: 25px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

ul#globalmenu02  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
width: 800px;
height: 25px;
}


ul#globalmenu02 li {
width: 135px;
height: 25px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
line-height: 2.2em;
text-decoration: none;
color: #ffffff;
display: block;
}


ul#globalmenu02 li a {
width: 135px;
height: 25px;
text-decoration: none;
color: #000000;
display: block;
}





ul#globalmenu02 li a:hover{
background-color : none;
color:#4C213F;
text-decoration: underline;
display: block;
}


#globalmenu02:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.global00{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(/img/global.gif) no-repeat 0 0;
}






/*トップページ専用 2段組用　topPageLeft／topPageRight
-------------------------------------------------------------------*/
#toppage {
width: 800px;
padding: 30px 0px 12px 0px;
margin: 0px 0px 0px 0px;
}



#toppage:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#toppageleft{
width: 598px;
padding: 0px 0px 0px 0px;
margin: 0px 12px 0px 0px;
float: left;
}


#toppageright {
margin: 0px;
padding: 0px;
width: 190px;
float: right;
}

#toppageright:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#toppage:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#toppageleft:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*パン屑、更新日用（二段組み）横幅598pixel
-------------------------------------------------------------------*/
#pankuzu {
width: 800px;
height: 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.pankuzu_left{
width: 400px;
height: 35px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}

.pankuzu_right{
width: 390px;
height: 10px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
text-align: right;
font-size: 12px;
background: url(/img/kousinbi_bg.jpg) no-repeat right top;
}

.midasityoseipankuzu {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}





#pankuzu:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*FLASH上のタイトル*/
#mainarea{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 800px;
height: 30px;
background: url(../img/title_bar.gif) no-repeat left top;
}

#mainarea h2{
padding: 9px 0px 0px 18px;
margin: 0px 0px 0px 0px;
width: 230px;
font-size: 14px;
font-weight: bold;
color: #142D3A;
float: left;
}

#mainarea h3{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #142D3A;
text-align: left;
}

#mainarea h4{
padding: 9px 0px 5px 5px;
margin: 0px 0px 0px 20px;
font-size: 16px;
font-weight: bold;
color: #000066;
text-align: left;
}


*html #mainarea h3 {
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #142D3A;
text-align: left;
}

*html #mainarea h2{
padding: 10px 0px 0px 18px;
margin: 0px 0px 0px 0px;
width: 240px;
font-size: 14px;
font-weight: bold;
color: #142D3A;
float: left;
}




#mainarea p{
padding: 20px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

#mainarea:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*トップページ（左側用　二段組み）横幅598pixel
-------------------------------------------------------------------*/


/*見出しタイトル*/
.titlelong{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 598px;
height: 31px;
background: url(/img/title_long_bg.gif) no-repeat left top;
}


/*地図エリア用のcssです*/
/*背景画像はmap_bg_long.gifも用意しています*/
.map{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 598px;
height: 550px;
background: url(/img/map_bg.gif) no-repeat left top;
}

.mapmidashi{
padding: 24px 0px 0px 24px;
margin: 0px 0px 0px 0px;
}

.mapgif{
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.todohuken{
padding: 12px 0px 0px 24px;
margin: 0px 0px 0px 0px;
}

.todohuken02{
padding: 3px 0px 0px 24px;
margin: 0px 0px 0px 0px;
}

.mapbig {
padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 0px;
font-weight: bolder;
font-size: 16px;
color:#4C213F;
}


/* 【重要】テキストベースのタイトル文字の調整用です
--------------------------------------------*/

/*win ieは、別途調整が必要です
htmlは、win ie用
*/



.midasityosei {
padding: 9px 0px 0px 27px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}



*html .midasityosei {
padding: 11px 0px 0px 27px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}



.midasityoseibold {
padding: 10px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}



*html .midasityoseibold {
padding: 12px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}







/* 更新日時、最新情報
--------------------------------------------*/
.matome{
width: 598px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}

.h3title {
width: 480px;
margin: 9px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
text-align: left;
font-size: 12px;
float: right;
}

.h3title2 {
width: 480px;
margin: 9px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
text-align: left;
font-size: 14px;
float: right;
color:#FF0000;
}

.date01 {
width: 100px;
height: 20px;
margin: 9px 0px 0px 0px;
padding: 0px 0px 0px 18px;
background: url(/img/eye_catch.gif) no-repeat 0 0;
float: left;
}

.naiyo01 {
width: 480px;
margin: 0px;
padding: 0px 0px 9px 118px;
clear: both;
background: url(/img/hasen598.gif) no-repeat left bottom;
}

.textyoyaku {
width: 480px;
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5;
font-size: 12px;
display: block;
text-align: left;
}


.itiran{
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 0px;
font-size: 12px;
text-align: right;
}






/*トップページ（右側用　二段組み）横幅 190pixel
-------------------------------------------------------------------*/
/*加盟店募集用です*/
.kameiten{
padding: 0px 0px 12px 0px;
margin: 0px 0px 0px 0px;
width: 190px;
height: 208px;
background: url(/img/kameiten.gif) no-repeat left top;
}


/*加盟店テキスト箇所です*/
.kameiten_text{
padding: 80px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 160px;
line-height:1.3;
}

/*加盟店リンク箇所です*/

.link_gyosya {
padding: 0px 15px 0px 0px;
margin: 0px 0px 0px 0px;
width: 160px;
line-height:1.3;
}

a.link_gyosya {
color:#4C213F;
text-decoration: underline;
}

a.link_gyosya:visited {
color:#4C213F;
text-decoration: underline;
}

a.link_gyosya:hover {
color:#4C213F;
text-decoration: none;
background-color : none;
}





/*加盟店_登録ボタン用です*/
.toroku_gyosya{
padding: 6px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 190px;
text-align: center;
}


/*枠、背景用です*/
.rightbg {
width: 190px;
padding: 0px 0px 12px 0px;
margin: 0px 0px 12px 0px;
background: url(/img/bg_right.gif) no-repeat left bottom;
}


/*NEWS用テキスト*/
.rightbanner{
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 160px;
}

.rightnews{
padding: 0px 15px 9px 15px;
margin: 0px 0px 0px 0px;
width: 160px;
}




/*見出しタイトル*/
.title_short_bg{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 190px;
height: 30px;
background: url(/img/title_short_bg.gif) no-repeat left top;
}






.title02_short_bg{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 190px;
height: 30px;
background: url(/img/title02_short_bg.gif) no-repeat left top;
}


.rightbannerlink{
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
width: 170px;
}


/*フッタ用（footer）SECOM
-------------------------------------------------------------------*/

#secom {
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



#footer {
width: 800px;
height: 150px;
padding: 18px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(/img/footer_border.gif) no-repeat left top;
}



#ryomakun {
width: 160px;
padding: 10px 0px 12px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
float: left;
}

# footertxt{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 640px;
float: right;
text-align: left;
}

ul#footer01 {
margin: 0px 0px 0px 0px;
padding: 21px 0px 0px 0px;
list-style: none;
text-align: left;
line-height: 1.5;
}


ul#footer01 li {
display: inline;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
}

ul#footer01 li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}


ul#footer01 li a:hover{
background-color : none;
color:#4C213F;
text-decoration: underline;
}


ul#footer02 {
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
list-style: none;
text-align: left;
line-height: 1.5;
}


ul#footer02 li {
display: inline;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
}

ul#footer02 li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}


ul#footer02 li a:hover{
background-color : none;
color:#4C213F;
text-decoration: underline;
}



#footer .footkaisetu{
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 10px;
line-height: 1.5;
}



#footer .copyright{
padding: 12px 0px 24px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 10px;
}


#footer:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*各種「フォントサイズ」調整用です 
-------------------------------------------------------------------*/

.font10px {
font-size: 10px;
}

.font12px {
font-size: 12px;
}


.font14px {
font-size: 14px;
}


.font16px {
font-size: 16px;
}


/*各種「マージン」調整用です 
-------------------------------------------------------------------*/

.top3px {
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top6px {
padding: 6px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.top9px {
padding: 9px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.top12px {
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top15px {
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top18px {
padding: 18px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top21px {
padding: 21px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top24px {
padding: 24px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.top30px {
padding: 24px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.top48px {
padding: 48px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*下のスペース調整用*/




.bottom6px {
padding: 0px 0px 6px 0px;
margin: 0px 0px 0px 0px;
}


.bottom9px {
padding: 0px 0px 9px 0px;
margin: 0px 0px 0px 0px;
}



.bottom12px {
padding: 0px 0px 12px 0px;
margin: 0px 0px 0px 0px;
}


.bottom15px {
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}


.bottom18px {
padding: 0px 0px 18px 0px;
margin: 0px 0px 0px 0px;
}

.wakutxt {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:14px;
}
.font_red16px{
font-size:16px;
font-weight: bold;
color:#990033;
}
#mainright {
float:left;
width:480px;
height: 240px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#mainleft {
width: 300px;
height: 240px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:right;
}
#mainright:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#mainleft:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#mainimg {
	width:798px;
	height:177px;
	float:left;
	padding: 0px 0px 15px 0px;
	text-align: center;
}
#mainimg:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}