A{text-decoration:none;}
A:hover{color:red;text-decoration:underline;}
A:hover img{border-color:red;}


<style type="text/css">

/* 画像用 */
p.resizeimage0 { max-width: 500px; min-width: 1px; }
p.resizeimage0 img { width: 83%; }
p.resizeimage0 video { width: 95%; }

/* タイトル用 */
p.resizeimage1 { max-width: 230px; min-width: 1px; }
p.resizeimage1 img { width: 100%; }

/* コピーライト用 */
p.resizeimage2 { max-width: 330px; min-width: 1px; }
p.resizeimage2 img { width: 100%; }

/* カード用 */
p.resizeimage3 { max-width: 150px; min-width: 1px; }
p.resizeimage3 img { width: 100%; }

/* 会社 */
p.resizeimage4 { max-width: 293px; min-width: 1px; }
p.resizeimage4 img { width: 100%; }

/* メニュー用 */
p.resizeimage5 { max-width: 210px; min-width: 1px; }
p.resizeimage5 img { width: 100%; }

/* 検索画像用 */
p.resizeimage6 { max-width: 110px; min-width: 1px; }
p.resizeimage6 img { width: 90%; }

/* 商品画像(TOPページs画像) */
p.resizeimage7 { max-width: 150px; min-width: 1px; }
p.resizeimage7 img { width: 90%; }

/* 商品画像(検索s画像) */
p.resizeimage8 { max-width: 150px; min-width: 1px; }
p.resizeimage8 img { width: 100%; }

/* メッセージ画像(トップページ) */
p.resizeimage9 { max-width: 500px; min-width: 1px; }
p.resizeimage9 img { width: 100%; }


body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

td
    {
	 font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	 color: #555 !important;
	 font-size: 13px !important;
    }

#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:95%;     	  /* 幅を決定する */
	 min-width :320px;	 /* 最小幅 */
	 max-width :1300px;	 /* 最大幅 */
    }

h2
   {
	font-size: 100%;
	text-align: left;
	border-left: solid 4px #888888;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 1.5em 0;
	width: 90%;
  }

h1
   {
	font-size: 100%;
	text-align: left;
	border-left: solid 4px #888888;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
  }

.section-title {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #fafafa;
  background: -webkit-linear-gradient(#fff, #f0f0f0);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #f0f0f0);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #f0f0f0);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #f0f0f0);
  /* Standard syntax */
}
.section-title .title {
  padding-left: 10px;
  border-left: 6px solid #ccc;
  color: #666;
  font-size: 18px;
  font-weight: bold;
}

.ui-side .section-title {
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #ccc;
}
.ui-side .section-title .title {
  padding-left: 0;
  border: none;
  font-size: 13px;
}

/**
 *	tbl_calendar
 */
.tbl_calendar {
  margin-bottom: 10px;
}
.tbl_calendar caption {
  padding: 3px 0;
  font-size: 12px;
}
.tbl_calendar tbody th {
  text-align: center;
  padding: 3px 7px;
  background-color: #eee;
}
.tbl_calendar tbody td {
  text-align: center;
  padding: 3px 5px;
  border: 1px solid #eee;
}
@media (max-width: 200px) {
  .tbl_calendar tbody th, .tbl_calendar tbody td {
    padding: 1px 2px;
  }
}




/*  slide */
.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 15px;
}


</style>