/**********↓↓↓↓  メイン設定  ↓↓↓↓**********/
body {
	text-align: center;
}
#main {
	width: 540px;
	float: left;
}
#container {
	width: 760px;
}

.clear {
        clear:both;
}
/**********↓↓↓↓  トピックス  ↓↓↓↓**********/
.topics {
	font-size: 8pt;
        font-color: gray;
        margin-top: 10;
        margin-bottom: 10;
        margin-left: 10;
        margin-right: 10;
        padding-top: 10;
        padding-bottom: 10;
        padding-left: 10;
        padding-right: 10;
}
/**********↓↓↓↓  スクロール  ↓↓↓↓**********/
.topicsScroll {
        height:300px;
        width:540px;
        overflow-y:scroll;
}
/**********↓↓↓↓↓↓↓  リンク  ↓↓↓↓↓↓↓**********/

a {
  text-decoration: none;
}

a:hover {
  color: red;
}
/**********↓↓↓↓↓↓↓  SEO用  ↓↓↓↓↓↓↓**********/

h1 {
  display:inline;
  margin:0;
  padding:0;
}

/**********↓↓↓↓  テキストフィールド  ↓↓↓↓**********/

/* inputTextの見た目を立体風に */
.inputtext {
  font-family: 'ＭＳ Ｐゴシック';
  font-size: 10pt;
  padding: 2px;
  border: inset 2px;
}
/**********↓↓↓↓  自動改行してくれる。↓↓↓↓**********/

.autoBr {
  word-break: break-all;
  word-wrap: break-word;
}
/**********↓↓↓↓↓ お問い合わせ情報 ↓↓↓↓↓**********/

/* お問い合わせ先 縦線（赤） */
.companyInfoTable {
  background-color:#F5F5F5;
  width:320px;
}

/* お問い合わせ先 縦線（赤） */
.companyInfo {
  background-color:red;
  width:2px;
  height:90px;
}
/**********↓↓↓↓↓↓↓ フォント ↓↓↓↓↓↓↓**********/

/* フォント種類の指定 */
.font_family1 {
  font-family: monospace
}

/* フォントサイズの指定 */
body,th,td {
  font-size: 10pt;
}

/**********↓↓↓↓↓↓  セルライン  ↓↓↓↓↓↓**********/

/* セルのライン(上、下、右、左) */
.lineTBLR {
  border: 1px solid #708090;
}

/* セルのライン(上) */
.lineT {
  border-top: 1px solid #708090;
}

/* セルのライン(下) */
.lineB {
  border-bottom: 1px solid #708090;
}

/* セルのライン(左) */
.lineL {
  border-left: 1px solid #708090;
}

/* セルのライン(右) */
.lineR {
  border-right: 1px solid #708090;
}

/* セルのライン(上、下、左) */
.lineTBL {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-left: 1px solid #708090;
}

/* セルのライン(上、下、右) */
.lineTBR {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-right: 1px solid #708090;
}

/* セルのライン(上、左、右) */
.lineTLR {
  border-top: 1px solid #708090;
  border-left: 1px solid #708090;
  border-right: 1px solid #708090;
}

/* セルのライン(下、左、右) */
.lineBLR {
  border-bottom: 1px solid #708090;
  border-left: 1px solid #708090;
  border-right: 1px solid #708090;
}

/* セルのライン(上、下) */
.lineTB {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
}

/* セルのライン(上、左) */
.lineTL {
  border-top: 1px solid #708090;
  border-left: 1px solid #708090;
}

/* セルのライン(上、右) */
.lineTR {
  border-top: 1px solid #708090;
  border-right: 1px solid #708090;
}

/* セルのライン(下、左) */
.lineBL {
  border-bottom: 1px solid #708090;
  border-left: 1px solid #708090;
}

/* セルのライン(下、右) */
.lineBR {
  border-bottom: 1px solid #708090;
  border-right: 1px solid #708090;
}

/* セルのライングレー(上、下、右、左) */
.lineGrayTBLR {
  border: 2px solid #708090;
  border-color: gray;
}

/* セルのライン(上、下、右) */
.lineGrayTBR {
  border-top: 2px solid #708090;
  border-bottom: 2px solid #708090;
  border-right: 2px solid #708090;
  border-color: gray;
}
/**********↓↓↓↓↓↓  バルーン  ↓↓↓↓↓↓**********/

div.baloon {
  font-size: 11px;
  color: #900;
  position: absolute;
  padding-left: 5px;
  background: url("../img/baloon.gif") no-repeat top left;
  z-index: 1;
}

div.baloon a {
  color: blue;
  text-decoration: none;
  padding: 2px;
  margin-right: 2px;
}

div.baloon a:hover {
  background-color: #eef;
}

div.baloon div {
  background: url("../img/baloon_right.gif") no-repeat top right;
  padding: 7px 7px 14px 0;
  white-space: nowrap;
}
/**********↓↓↓↓↓↓↓ メニュー ↓↓↓↓↓↓↓**********/
#left{
width:220px;
float:left;
margin-bottom:20px;
text-align:left;
}
#sidemenu{
border:1px solid #777;
border-bottom-width:0;
margin-left:0px;
margin-right:20px;
}
#left h2{
border-bottom:1px solid #777;
background:#2a5385 url('../img/sidebg.png') repeat-y left top;
font-size:1em;
margin:0;
padding:4px 10px;
color:#fff;
}
#left ul{
list-style-type:none;
margin:0;
padding:0;
}
#left li{
border-bottom:1px solid #777;
font-weight:normal;
margin:0;
padding:4px 10px;
font-size:1em;
}
#left li a{
width:100%;
text-decoration:none;
color:#555;
}
#left li a:hover{
color:#5c7faa;
}
#leftCatalog{
width:220px;
float:left;
margin-bottom:20px;
text-align:left;
}