body {
 margin: 0;
 padding: 0;
 text-align: center;
 background-image: url(http://www.h-csa.co.jp/image/bg01.gif);
 }

#container {
 border-left: solid 1px black;
 border-right: solid 1px black;
 width: 750px;
 margin: 0 auto;
 text-align: left;
 background-color: #ffffff;
 }

/* ヘッダー header */

#header {
 padding-top: 0px;
 }

#header h1 {
 margin: 0 0 5px 5px;
 }

#header img {
 border: none;
 }

#header p {
 border-top: solid 1px black;
 margin: 0
 }
.pos_left {
 float: left;
}
.pos_right {
 float: right;
}
.clr_both {
 clear: both;
}

#head_bar {
 clear: both;
 width: 730px;
 height: 20px;
 padding-top: 11px;
 padding-right: 20px;
 padding-left: 0px;
 padding-bottom: 0px;
 text-align: right;
 color: white;
 background-image: url(http://www.h-csa.co.jp/image/head_bar_bg01.gif);
}
#head_bar a {
 text-decoration: none;
 font-size: small;
 color: white;
}
#head_bar a:hover {
 font-size: small;
 color: red;
}
#head_bar0 {
 clear: both;
 width: 750px;
 height: 10px;
 text-align: right;
 color: white;
 background-image: url(http://www.h-csa.co.jp/image/head_bar_bg01.gif);
}

/* ナビゲーション navigation */

#navigation  {
 font-size: 0.75em;
 background-image: url(http://www.h-csa.co.jp/image/button.gif);
 height: 40px;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
 margin-bottom: 15px;
 }

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

#navigation li {
 display: inline;
 }

#navigation a {
 text-decoration: none;
 color: black;
 text-align: center;
 background-image: url(http://www.h-csa.co.jp/image/button.gif);
 border-right: solid 1px black;
 display: block;
 float: left;
 width: 149px;
 line-height: 40px;
 }

#navigation a:hover {
 background-image: url(http://www.h-csa.co.jp/image/button.gif);
 background-position: 0 -80px; 
 }

#navi {
  margin: 0;
  padding: 0;
  width: 750px;
  height: 40px;
}

/* メイン main */

#main {
 padding: 0 20px;
 }


/* コンテンツ contents */

#contents {
 float: left;
 width: 456px;
 }
#contents a{
 color: black;
}
#contents a:hover{
 color: red;
}


/* サイドバー sidebar */

#sidebar {
 float: right;
 width: 210px;
 }

#sidebar h2 {
 font-size: 0.75em;
 background-color: #666666;
 color: white;
 text-valign: bottom;
 margin-bottom: 0;
 padding: 8px 6px;
 }

#sidebar #infomenu {
 margin-top: 10px;
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 }

#sidebar #infomenu img {
 border: none;
 margin-bottom: 2px;
 }

#sidebar #contact {
 font-size: 0.75em;
 margin-top: 10px;
 margin-left: 20px;
 padding-left: 0;
 }

#sidebar #contact a {
 color: black;
 text-decoration: none;
 }

.side_photo {
 text-align: center;
 margin: 5px 0 0 0;
 padding: 0;
}
.side_box {
 color: black;
 font-size: small;
 margin: 5px 0 0 0;
 padding: 0;
}

/* フッター footer */

#footer {
 border-top: solid 1px black;
 clear: both;
 padding: 0px;
 text-align: center;
 /*background-image: url(http://www.h-csa.co.jp/image/footer_bg01.gif);*/
 }

#footer address {
 font-size: 0.75em;
 font-style: normal;
 }




/* １行ニュース shortnews */
#shortnews {
 width: 456px;
 margin: auto;
 }

#shortnews h2 {
 font-size: 0.75em;
 color: white;
 background-color: #0066cc;
 border: solid 1px #4186a5;
 margin: 0;
 padding: 5px;
 }
#shortnews h3 {
 font-size: 1em;
 color: blue;
 border-bottom: solid 1px #4186a5;
 margin: 0;
 padding: 5px;
 }

#shortnews ul {
 font-size: 0.75em;
 border: solid 3px #4186a50;
 margin: 0;
 padding: 0;
 height: 280px;
 overflow: auto;
 }

#shortnews li {
 list-style-image: url(http://www.h-csa.co.jp/image/mark.gif);
 margin: 10px 10px 10px 24px;
 }

#shortnews li span {
 color: #666666;
 }

/* philos */
#philos {
 width: 456px;
 margin: auto;
 }

#philos h2 {
 font-size: 0.75em;
 color: white;
 background-color: #0066cc;
 /*border: solid 1px #4186a5;*/
 margin: 0;
 padding: 5px;
 }

#philos ol {
 font-size: small;
 /*border: solid 3px #4186a5*/;
 margin: 0;
 padding: 0;
 /*height: 280px;*/
 overflow: auto;
 }

#philos li {
 list-style-type: decimal;
 margin: 10px 10px 10px 24px;
 }

#philos li span {
 color: #660000;
 }


.photo_right {
 flort: right;
 margin-left: 20px;
 margin-bottom: 10px;:
}
.photo_left {
 flort: left;
 margin-right: 20px;
 margin-bottom: 10px;:
}

.kiji {
 font-size: small;
 color: black;
 line-height: 1.3em;
 margin: 5px 0 0 0;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
 background-color: #f0f0ff;
}
.kiji a {
 text-decoration: none;
}
.kiji2 {
 margin: 5px 0 0 0;
 font-size: small;
 color: black;
 line-height: 1.3em;
 padding-left: 5px;
 background-color: #f0f0ff;
}
.kiji3 {
 margin: 5px 0 0 0;
 font-size: small;
 color: black;
 line-height: 1.3em;
 padding-top: 10px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 10px;
 background-color: #f0feff;
 border: 1px black solid;
}
.line_odd {
 width: 100%;
 background-color: #e0e0ff;
}
.line_even {
 width: 100%;
 background-color: #f0f0ff;
}
.pankuzu {
 font-size: small;
 color: black;
 margin: 0;
 padding-top: 0px;
 padding-left: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
}
a img {
 border: 0px;
}
.firstclass {
 margin-top: 10px;
 text-decoration: none;
}
.secondclass {
 text-decoration: none;
}
.formbox {
 margin: 0;
 padding: 0;
 font-size: small;
}
.centerbox {
 margin: 0;
 padding: 0;
 font-size: small;
 text-align: center;
}
.side200box {
 margin: 0;
 padding: 5px 0 0 5px;
 font-size: small;
}
.side210box {
 margin: 0;
 padding: 0 0 5px 0;
 font-size: small;
 background-color: #f0f0ff;
 border: 1px #666666 solid;
}
.orangefont {
 font-size: small;
 color: orangel;
 text-align: right;
}
.bgcolor00 {
 background-color: #0033ff;
}
a { color:black;}
.part_right {
 flort: right;
 color: black;
 text-align: right;
 font-size: small;
 margin-right: 10px;
}
.part_left {
 flort: left;
 font-size: small;
 margin-left: 10px;
}