@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0 auto;
  padding: 0;
  color: #333333;
}
#header {
  margin: 0 auto;
  width: 730px;
  background: url(../img/img_bar.gif) no-repeat top center;
}
h1 {
  margin: 0;
  padding: 25px 0 0 0;
  text-align: right;
  font-size: x-small;
  font-weight: normal;
  color: #000000;
}

hr {
  clear: both;
  display: none;
  margin: 0;
  padding: 10px;
}

.bb {
  color: #000000;
}

/* リンク
---------------------------------------------------- */
a:link {
  color: #7A4097;
  background: transparent;
}
a:visited {
  color: #7A4097;
  background: transparent;
}
a:hover, a:active {
  color: #333333;
  background: transparent;
  text-decoration: none;
}

/* リンク
---------------------------------------------------- */
#left-col a:link {
  color: #666666;
  background: transparent;
}
#left-col a:visited {
  color: #666666;
  background: transparent;
}
#left-col a:hover, a:active {
  color: #7A4097;
  background: transparent;
  text-decoration: none;
}

/* 文字の非表示
---------------------------------------------------- */
.text {
  position:absolute;
  top:-5000px;
  left:-999px;
}

/* ロゴ
---------------------------------------------------- */
#rogo {
  margin: 0;
  padding: 0 0 15px 5px;
  width: 179px;
  height: 48px;
}

#rogo img{
  vertical-align: bottom;      /*■画像の下にすき間が出来ないように*/
}

/* フォントサイズ設定
---------------------------------------------------- */
#font {
  position: absolute;
  width: 185px;
  height: 20px;
  margin-top: -25px;
  margin-left: 545px;
  background: url(../img/img_font.gif) no-repeat 0 0;
}

#font ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#font li{
  position: absolute;
  display: block;
  margin: 0;
  padding: 0 2px 0 0;
  width: 35px;
  height: 20px;
}

#font li a{
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  margin: 0;
  padding: 0 2px 0 0;
  width: 35px;
  height: 20px;  
}

/* フォントサイズ　デフォルト設定 
---------------------------------------------------- */

#font li#small { 
	background: url(../img/img_font.gif) no-repeat -74px 0;
	left: 74px;
}
#font li#medium { 
	background: url(../img/img_font.gif) no-repeat -111px -20px;
	left: 111px;
}
#font li#big { 
	background: url(../img/img_font.gif) no-repeat -148px 0;
	left: 148px;
}


/* フォントサイズ　ロールオーバー設定 
---------------------------------------------------- */

#font li#small a:hover  { 
	background: url(../img/img_font.gif) no-repeat -74px -20px;
	left: 74px;
}
#font li#medium a:hover { 
	background: url(../img/img_font.gif) no-repeat -111px -20px;
	left: 111px;
}
#font li#big a:hover { 
	background: url(../img/img_font.gif) no-repeat -148px -20px;
	left: 148px;
}


/* グローバルメニュー設定
---------------------------------------------------- */
#navi {
  position: relative;
  width: 730px;
  height: 40px;
  margin-top: 5px;
}

#navi ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#navi li{
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  width: 146px;
  height: 40px;
}

#navi li a{
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  width: 146px;
  height: 40px;  
}

/* グローバルメニュー　デフォルト設定 
---------------------------------------------------- */

#navi li#home { 
	background: url(../img/img_navi.gif) no-repeat 0 0;
	left: 0px;
}
#navi li#product { 
	background: url(../img/img_navi.gif) no-repeat -146px 0;
	left: 146px;
}
#navi li#special { 
	background: url(../img/img_navi.gif) no-repeat -292px 0;
	left: 292px;
}
#navi li#map { 
	background: url(../img/img_navi.gif) no-repeat -438px 0;
	left: 438px;
}
#navi li#form { 
	background: url(../img/img_navi.gif) no-repeat -584px 0;
	left: 584px;
}

/* グローバルメニュー　ロールオーバー設定 
---------------------------------------------------- */

#navi li#home a:hover { 
	background: url(../img/img_navi.gif) no-repeat 0 -40px;
	left: 0px;
}
#navi li#product a:hover { 
	background: url(../img/img_navi.gif) no-repeat -146px -40px;
	left: 146px;
}
#navi li#special a:hover { 
	background: url(../img/img_navi.gif) no-repeat -292px -40px;
	left: 292px;
}
#navi li#map a:hover { 
	background: url(../img/img_navi.gif) no-repeat -438px -40px;
	left: 438px;
}
#navi li#form a:hover { 
	background: url(../img/img_navi.gif) no-repeat -584px -40px;
	left: 584px;
}

/* タイトル
---------------------------------------------------- */
h2#news {
  margin: 15px 0 0 0;
  padding: 0 0 15px 0;
  height: 30px;
  border-bottom: 5px solid #F0F0F0;
  background: url(../../news/img/img_news_01.gif) no-repeat 0 0;
}

/* パンくずリスト
---------------------------------------------------- */
#pan {
  margin: 0;
  padding: 0;
  background-color: #FAFAFA;
  border-top: 1px solid #CCCCCC;
}

#pan p {
  margin: 0 ;
  padding: 10px 5px 10px 0;
  text-align: right;
  font-size: x-small;
}

/* コンテンツ
---------------------------------------------------- */
#contents {
  margin: 0 auto;
  padding: 0;
  width: 730px;
  font-size: small;
  line-height: 1.5;

}

#left-col {
  margin: 0;
  padding: 30px 20px 0 0;
  width: 490px;
  float: left;
}
p {
  margin: 0;
  padding: 0;
}

.liststart {
  margin: 30px 10px 15px 10px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #DDDDDD;
}

.list {
  margin: 15px 10px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #DDDDDD;
}

.listend {
  margin: 15px 10px 50px 10px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #DDDDDD;
}

.day {
  color: #7A4097
}

h3 {
  margin: 0;
  padding: 0;
}
.news {
  padding: 3px 0 3px 10px;
  font-size: small;
  background-color: #F0E8F4;
  color: #7A4097;
  border: 1px solid #7A4097;
}

#right-col {
  margin: 0;
  padding: 30px 0 0 0;
  width: 206px;
  float: right;
}

/* サブメニュー
---------------------------------------------------- */
#subnavi {
  float: left;
  width: 206px;
}

#subnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#subnavi li {
  margin: 0;
  padding: 0 0 5px 0;
  width: 206px;
  height: 41px;
}

#subnavi li a {
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  padding: 0;
  width: 206px;
  height: 41px;
}

/* サブメニュー　デフォルト設定 
---------------------------------------------------- */

#subnavi li#sub01 { 
	background: url(../../news/img/img_news_02.gif) no-repeat -206px 0;
}

/* サブメニュー　ロールオーバー設定 
---------------------------------------------------- */

#subnavi li#sub01 a:hover { 
	background: url(../../news/img/img_news_02.gif) no-repeat -206px 0;
}

/* リンク（紫丸アイコン）
---------------------------------------------------- */
.link{
  margin: 0;
  padding: 3px 0 0 25px;
  list-style: none;
  background: url(../img/img_icon_01.gif) no-repeat 0 center;
}

/* フッダー
---------------------------------------------------- */
#footer {
  clear: both;
  margin: 0 auto;
  padding: 30px 0 0 0;
  width: 730px;
}

/* フッダー内メニュー
---------------------------------------------------- */
#fmenu h3#f01 {
  margin: 0;
  padding: 0;
  height: 28px;
  width: 128px;
  float: left;
  background: url(../img/img_sublist_01.gif) no-repeat 0 0;
}

#fmenu h3#f01 a{
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  width: 128px;
  height: 28px;  
}

#fmenu h3#f02 {
  margin: 0;
  padding: 0;
  height: 28px;
  width: 142px;
  float: left;
  background: url(../img/img_sublist_02.gif) no-repeat 0 0;
}

#fmenu h3#f02 a{
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  width: 142px;
  height: 28px;  
}

#fmenu h3#f03 {
  margin: 0;
  padding: 0;
  height: 28px;
  width: 116px;
  float: left;
  background: url(../img/img_sublist_03.gif) no-repeat 0 0;
}

#fmenu h3#f03 a{
  text-decoration: none;		/*■Firefoxなどで線が表示されないようにする*/
  display: block;
  width: 116px;
  height: 28px;  
}

/* ページの先頭へ
---------------------------------------------------- */
#pageup {
　margin: 0;
  padding: 0 0 5px 0;
  float: right;
}

#pageup a{
  display: block;
  width: 120px;
  height: 20px;
  background:url(../img/img_pageup.gif) no-repeat top left;
}


/* コピーライト
---------------------------------------------------- */
#end {
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 730px;
  background-color: #F5F5F5;
  border-top: 1px solid #CCCCCC;
}

#copyright {
  margin: 15px 0 0 15px;
  padding: 10px 0 40px 0;
  height: 13px;
  width: 335px;
  background: url(../img/img_copyright.gif) no-repeat 0 0;
}