@charset "utf-8";

* {
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight:normal;
}

table {
border-collapse:collapse;/*隣接するセルのボーダーを重ねて表示*/
margin-bottom:1em;
width:100%;
}

th,td {
border:1px solid #333;
padding:4px;
}

th {
text-align:center;
}

q:before,q:after {
content:'';
}

/*動画や音声などのプラグインを必要とするデータをページに埋め込む際に使用するタグ*/
object,embed {
vertical-align:top;
}

h1,h2,h3,h4,h5 {
font-size:112.5%;
}

/*横罫線、グループ化されたフォームの入力項目のタイトル*/
hr,legend {
display:none;
}

/*画像、略語、頭文字をとった略語、フォームの入力項目のグループ*/
img,abbr,acronym,fieldset {
border:0;
}

li {
list-style-type:none;/*リストの先頭に表示するマーカー文字を表示しない*/
margin-bottom:1em;
}

p {
margin-bottom:1em;
}

html {
height:100%;
}

body {
background-image:url(../img/body.gif);
background-repeat:repeat-x;
color:#333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
height:100%;
line-height:1.5;
margin:0 auto;
width:100%;
}

*:first-child + html body {
font-family:"メイリオ","Meiryo";
}

input,textarea {
color:#000;
border:1px solid #728c40;
background-color:#fff;
margin-bottom:2px;
padding:3px;
}

input[type=submit] {
background-color:#FFF;
font-size:87.5%;
color:#666;
border:1px solid #728c40;
margin-top:10px;
margin-bottom:10px;
}

a {
color:#4D87CE;
}

a:hover {
color:#2a65ad;
}

#content {
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
padding:0 20px;
}

#header {
height:160px;
}

#menu {
    right: 10px;
    position: absolute;
    top: 120px;
}

#menu li {
float:left;
text-indent:-9999px;
list-style:none;
}

#menu li a {
background:url(../img/menu.gif) no-repeat;
border:none;
display:block;
height:40px;
width:105px;
}

#menu li.menu_1 a {
background-position:0 0;
}

#menu li.menu_1 a:hover {
background-position:0 -40px;
}

#menu li.menu_2 a {
background-position:-105px 0;
}

#menu li.menu_2 a:hover {
background-position:-105px -40px;
}

#menu li.menu_3 a {
background-position:-210px 0;
}

#menu li.menu_3 a:hover {
background-position:-210px -40px;
}

#menu li.menu_4 a {
background-position:-315px 0;
}

#menu li.menu_4 a:hover {
background-position:-315px -40px;
}

#menu li.menu_5 a {
background-position:-420px 0;
}

#menu li.menu_5 a:hover {
background-position:-420px -40px;
}

#menu li.menu_6 a {
background-position:-525px 0;
}

#menu li.menu_6 a:hover {
background-position:-525px -40px;
}

#introduction {
background-image:url(../img/home.jpg);
background-position:-30px 0px;
background-repeat:no-repeat;
color:#99B198;
font-size:1.1em;
padding:100px 0 200px 450px;
text-indent:25px;
}

#blog {
    border: 1px dotted;
    padding: 10px;
    font-size: 0.9em;
}

#content h1 {
border-bottom:1px solid #eee;
color:#728c40;
margin:20px 0 5px;
}

#content h2 {
border-bottom:1px solid #eee;
color:#728c40;
margin:20px 0 5px;
}

#content_left {
float:left;
padding:0 5px 40px 0;
width: 700px;
}

#content_right {
float: right;
padding:0 0 40px 5px;
width: 280px;
}

.itemBox {
float:left;
margin:20px 20px 20px 0;
width:200px;
}

.itemPhoto {
border:1px solid #333;
text-align:center;
padding:5px;
}

.itemText {
font-size:87.5%;
height:60px;
padding:10px;
text-align:center;
}

.dtlItemPhoto {
border:1px solid #333;
float:left;
margin:20px 20px 0 0;
padding:5px;
text-align:center;
width:200px;
}

.dtlItemSubPhoto {
border:1px solid #333;
float:left;
margin:20px 20px 0 0;
padding:5px;
text-align:center;
width:100px;
}

.dtlItemText {
clear:both;
padding:20px 0 0 0;
}

.clear {
clear:both;
}

.push {
height: 30px; /* .push must be the same height as .footer */
}

#footer {
background-color:#DEDBBD;
background-image:url(../img/footer.gif);
background-repeat:repeat-x;
clear:both;
color:#fff;
height:30px;
padding:10px 0;
text-align:right;
width:auto;
}

table tr.altRow td {
background:#f4f4f4;
}

.error-message,.message {
color:red;
}

div .entry {
border-bottom:1px solid;
}

div .reply {
padding:0 20px;
}

.attention {
  background-color: #f28277;
}

.green_marker {
  background-color:#66FF33;
  padding:2px;
}