@charset "utf-8";		/* 文字コードセット */
/* 全体構造
---------------------------------------------------- */

* {
	margin: 0px; /* リセット */
	padding: 0px;
}
body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.6em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	color: #666;
	background: url(../images/back.gif) repeat-x;
}

input ,select{
vertical-align:middle;
}

img {border: 0px; vertical-align:bottom}
a{ outline:none}

ul{ list-style-type:none;}
ul li{ list-style-type:none;}

ol{ list-style-type:none;}
ol li{ list-style-type:none;}



/* ページ本体
---------------------------------------------------- */

#wrapper {
  width:1220px;
  color: #666666;
  text-align:left;
  	margin:0px auto;
	background: url(../images/back02.gif) no-repeat;
  }
  
#pagebody {
	width: 880px;
	padding:0px 170px;

}
/* リンク
---------------------------------------------------- */
a:link {
	color:#7a0609;

}
a:visited {
	color:#7a0609;

}
a:hover, 
a:active {
	 color:#ed1520;

}



/* ヘッダー
---------------------------------------------------- */
#header {
    width:880px;
	height:80px;
	background: url(../images/header.gif) no-repeat;
}

h1 {letter-spacing:0.1em;
height:15px;
line-height:1em;
font-size:xx-small;
visibility: hidden;
}
#logo{
  width:140px;
  height:63px;
  padding-top:7px;
  float:left;
  display:block;
  text-indent:-9999px;
  }
#logo a{
  width:140px;
  height:63px;
  display:block;
  text-indent:-9999px;
  }
  

/* navigation
---------------------------------------------------- */
#navigation {
width:258px;
padding-top:37px;
float:right;
}

#page1{ background: url(../images/menu01off.gif) 0px 0px no-repeat; width:55px; height:30px; display:block; text-indent:-9999px; float:left;}
#page2{ background: url(../images/menu02off.gif) 0px 0px no-repeat; width:62px; height:30px; display:block; text-indent:-9999px; float:left;}
#page3{ background: url(../images/menu03off.gif) 0px 0px no-repeat; width:72px; height:30px; display:block; text-indent:-9999px; float:left;}
#page4{ background: url(../images/menu04off.gif) 0px 0px no-repeat; width:69px; height:30px; display:block; text-indent:-9999px; float:left;}

#page1 a{ background: url(../images/menu01off.gif) 0px 0px no-repeat; width:55px; height:30px; display:block; text-indent:-9999px;}
#page2 a{ background: url(../images/menu02off.gif) 0px 0px no-repeat; width:62px; height:30px; display:block; text-indent:-9999px;}
#page3 a{ background: url(../images/menu03off.gif) 0px 0px no-repeat; width:72px; height:30px; display:block; text-indent:-9999px;}
#page4 a{ background: url(../images/menu04off.gif) 0px 0px no-repeat; width:69px; height:30px; display:block; text-indent:-9999px;}

#page1 a:hover{ background: url(../images/menu01on.gif) 0px 0px no-repeat; width:55px; height:30px; display:block; text-indent:-9999px;}
#page2 a:hover{ background: url(../images/menu02on.gif) 0px 0px no-repeat; width:62px; height:30px; display:block; text-indent:-9999px;}
#page3 a:hover{ background: url(../images/menu03on.gif) 0px 0px no-repeat; width:72px; height:30px; display:block; text-indent:-9999px;}
#page4 a:hover{ background: url(../images/menu04on.gif) 0px 0px no-repeat; width:69px; height:30px; display:block; text-indent:-9999px;}

#on01{ background: url(../images/menu01on.gif) 0px 0px no-repeat; width:55px; height:30px; display:block; text-indent:-9999px; float:left;}
#on02{ background: url(../images/menu02on.gif) 0px 0px no-repeat; width:62px; height:30px; display:block; text-indent:-9999px; float:left;}
#on03{ background: url(../images/menu03on.gif) 0px 0px no-repeat; width:72px; height:30px; display:block; text-indent:-9999px; float:left;}
#on04{ background: url(../images/menu04on.gif) 0px 0px no-repeat; width:69px; height:30px; display:block; text-indent:-9999px; float:left;}

#nolink01{ background: url(../images/menu01.gif) 0px 0px no-repeat; width:55px; height:30px; display:block; text-indent:-9999px; float:left;}
#nolink02{ background: url(../images/menu02.gif) 0px 0px no-repeat; width:62px; height:30px; display:block; text-indent:-9999px; float:left;}
#nolink03{ background: url(../images/menu03.gif) 0px 0px no-repeat; width:72px; height:30px; display:block; text-indent:-9999px; float:left;}
#nolink04{ background: url(../images/menu04.gif) 0px 0px no-repeat; width:69px; height:30px; display:block; text-indent:-9999px; float:left;}


/* content
---------------------------------------------------- */

h2{
  font-size: x-small;
  text-indent:-9999px; 
  }
  
#content {
    width:880px;
	clear:both;
}

/* toppage
---------------------------------------------------- */
#topleft{ float: left;width:395px;}
#sps{text-indent:-9999px; height:253px;}

#topright{ float:right;
         width:392px;
		  padding-left:47px;
		  margin-top:30px;
		   background: url(../images/line.gif) 0px 0px no-repeat;
		  }
#mainimg{ border:1px solid fff; width:390px; margin-bottom:30px;}

/* 新着情報 */
#p1-1{background:url(../images/infotit.gif) no-repeat; height:26px; width:395px;margin-bottom:10px;}

#infobox{
      width:365px;
	  padding:0px 15px;
	  margin-bottom:10px;
		  }
	  
#infobox table{
     width:365px;
	 height:24px;
	 margin-bottom:10px;
	 border-bottom:1px dotted #666;
	 line-height:120%;
}
#infobox td{
padding:2px;
}
.infoboxtit{
     text-align:left;
	 font-weight:bold;
	 width:95px;}
	 
.newmark{
    color:#740608;
	font-weight:bold;
	font-size:xx-small;
	}
	
/* gallery
---------------------------------------------------- */
#p2-1{background:url(../images/galltit.gif) no-repeat; height:26px; width:395px;margin-bottom:10px;}
#gallerybox{}
.listimg01{ border:1px solid #e6e2d1; margin-right:14px; width:66px; margin-bottom:15px;}
.listimg02{ border:1px solid #e6e2d1; width:66px; margin-bottom:15px;}

/* pagetop
---------------------------------------------------- */
.pagetop{
  width:68px;
  height:18px;
  float:right;
  display:block;
  text-indent:-9999px;
  line-height:1em;
  clear:both;
    }
.pagetop a{
  width:68px;
  height:18px;
  background: url(../images/pagetop.gif) no-repeat;
  display:block;
  }


/* フッター
---------------------------------------------------- */
#footer{
	width:100%;
	height:150px;
	font-size:12px;
	background: url(../images/footerback.gif) repeat-x #000;
	clear: both;
	color:#fff;  text-align:left;
	 }
#footer02{
width: 980px; padding:0px 90px;height:150px;
margin:0px auto;
padding-top:5px;
background: url(../images/footerback.gif) repeat-x #000;
	 }
	 
#footmenu{
	font-weight:bold;  
  }

#footmenu a:link,
#footmenu a:visited {
	color:#fff;
	text-decoration: none;
}

#footmenu a:hover,
#footmenu a:active {
	color:#ccc;
	text-decoration:underline;
}

#footcopy{
padding-top:15px;
line-height:1.2em;
padding-bottom:40px;
font-size:11px;
  }
 

/*まわりこみ解除
---------------------------------------------------- */
.clear {
	clear: both;
}

/*ライン
---------------------------------------------------- */
.line01{
border-bottom:1px dotted #ccc;

}
.line02{
width:930px;
height:70px;
margin-top:40px;
background: url(../images/line02.gif) no-repeat;
text-indent:-9999px;
}

.line03{
width:800px;
height:35px;
margin-top:30px;
background: url(../images/line03.gif) no-repeat;
text-indent:-9999px;
}
/*スペース
---------------------------------------------------- */
.tops00{padding-top:5px;}
.tops01{padding-top:10px;}
.tops02{padding-top:15px;}
.tops03{padding-top:20px;}
.tops04{padding-top:25px;}
.tops05{padding-top:30px;}

.bottoms00{padding-bottom:5px;}
.bottoms01{padding-bottom:10px;}
.bottoms02{padding-bottom:15px;}
.bottoms03{padding-bottom:20px;}
.bottoms04{padding-bottom:25px;}
.bottoms05{padding-bottom:30px;}

.lefts00{padding-left:5px;}
.lefts01{padding-left:10px;}
.lefts02{padding-left:15px;}
.lefts03{padding-left:20px;}
.lefts04{padding-left:25px;}
.lefts05{padding-left:30px;}

.rights00{padding-right:5px;}
.rights01{padding-right:10px;}
.rights02{padding-right:15px;}
.rights03{padding-right:20px;}
.rights04{padding-right:25px;}
.rights05{padding-right:30px;}


/* テキスト
---------------------------------------------------- */
.txts{
    font-size:0.8em;
	}
.txtb{
	font-weight:bold;
	}
.center {
    text-align:center;
	}
.right{
   text-align:right;
   }

/* テキストカラー
---------------------------------------------------- */

.red{color:#CC0000;}
.green{color:#185621;}
.blue{color:#3360b8;}
.pink{color:#ff5a91;}


/* マーク
---------------------------------------------------- */
.listmark01{
   padding-left:15px;
   padding-bottom:10px;
   line-height:1em;
   background: url(../images/listmark01.gif) no-repeat 0 3px;
   font-weight: normal;
   } 

/* テーブル
---------------------------------------------------- */

.tabl01 {
  margin-bottom:30px;
		}
.tabl01 table{border-top:1px dotted #d7d1b8;
line-height:150%;
		}
.tabl01 td{
        border-bottom:1px dotted #d7d1b8;
		padding:7px 10px;
		}
.tabl01 th{
        border-bottom:1px dotted #d7d1b8;
		background-color:#fafaec;
		padding:7px 10px;
		text-align:left;
		font-weight: normal;
				}
				
				
.tabl02 {margin-bottom:15px;
		 margin-top:10px;
		 margin-left: 5px;
		}
.tabl02 table{
border-collapse:collapse;
border-color:#ccc;
border-style:solid;
border-width:1px;
line-height:100%;
		}
.tabl02 td{padding:6px;
           border-collapse:collapse;
           border-color:#ccc;
           border-style:solid;
           border-width:1px;
           line-height:100%;
		}
.tabl02 th{
        border-bottom:1px solid #cccccc;
		background-color:#f7f7f7;
		padding:6px;
		text-align:left;
		font-weight: normal;
				}


.tdcolorg{ background-color:#eeeeee;}
.tdcolorgr{ background-color:#e1ead9;}
.tdcolorb{ background-color:#dde3e3;}
.tdcolorp{ background-color:#e27c5c; color:#fff;}
.tdcolory{ background-color:#f4f2df;}