/* body
-------------------------------------------------------------------------*/
body {
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

form {
  margin: 0;
}

.hide {
  display: none;
}

img, img a {
  border: 0;
}

img.p_l {
  margin-left: 15px;
}

img.p_r {
  margin-right: 15px;
}

/* a
-------------------------------------------------------------------------*/
a.for_top:link { color: #666666; text-decoration: none; }
a.for_top:visited { color: #666666; text-decoration: none; }
a.for_top:active { color: #666666; text-decoration: none; }
a.for_top:hover { color: #666666; text-decoration: underline; }

/* backgrond
-------------------------------------------------------------------------*/
tr.color_fff,td.color_fff { background-color: #FFFFFF; }
tr.color_eee,td.color_eee { background-color: #EEEEEE; }
tr.color_000,td.color_000 { background-color: #000000; }
tr.color_side,td.color_side { background-color: #B6DFEB; }
tr.color_side_co,td.color_side_co { background-color: #CBE9E8; }

/* line
-------------------------------------------------------------------------*/
.line { border-bottom: 1px solid #666666; }

/* border
-------------------------------------------------------------------------*/
table.side_border {
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-collapse: collapse;
}

/* header
-------------------------------------------------------------------------*/
.header {
  background-image: url(../images/header.gif);
  background-repeat: no-repeat;
  white-space: nowrap;
  width: 800px;
  height: 66px;
  padding: 5px 0 0 200px;
  line-height: 20px;
  color: #333333;
}

.header_co {
  background-image: url(../images/header_co.gif);
  background-repeat: no-repeat;
  white-space: nowrap;
  width: 800px;
  height: 66px;
  padding: 5px 0 0 350px;
  line-height: 20px;
  color: #333333;
}

/* main_image
-------------------------------------------------------------------------*/
.main_image {
  background-image: url(../images/main_image.jpg);
  background-repeat: no-repeat;
  white-space: nowrap;
  width: 800px;
  height: 190px;
  font-size: 80%;;
  color: #003399;
}

.main_image_co {
  background-image: url(../images/main_image_co.jpg);
  background-repeat: no-repeat;
  white-space: nowrap;
  width: 800px;
  height: 190px;
  font-size: 80%;;
  color: #003399;
}

/* side
-------------------------------------------------------------------------*/
.side_title {
  background-image: url(../images/side_title.gif);
  background-repeat: no-repeat;
  width: 228px;
  height: 31px;
  font-size: 90%;;
  color: #224EA7;
  font-weight: bold;
  padding: 7px 0 0 25px;
}

.side_title_co {
  background-image: url(../images/side_title_co.gif);
  background-repeat: no-repeat;
  width: 228px;
  height: 31px;
  font-size: 90%;;
  color: #1E8C95;
  font-weight: bold;
  padding: 7px 0 0 25px;
}

.side_middle {
  background-image: url(../images/side_middle.gif);
  background-repeat: repeat-y;
  width: 228px;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  padding: 10px 10px 0 10px;
}

.side_middle_co {
  background-image: url(../images/side_middle_co.gif);
  background-repeat: repeat-y;
  width: 228px;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  padding: 10px 10px 0 15px;
}

.side_bottom {
  background-image: url(../images/side_bottom.gif);
  background-repeat: no-repeat;
  width: 228px;
  height: 11px;
}

.side_bottom_co {
  background-image: url(../images/side_bottom_co.gif);
  background-repeat: no-repeat;
  width: 228px;
  height: 11px;
}

ul.side_link {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.side_link {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  background: url(../images/link_icon.gif) no-repeat 3px 7px;
  vertical-align: middle;
}


/* contents
-------------------------------------------------------------------------*/

h1 {
  margin: 0 0 15px 0;
  padding: 0;
}

h2 {
  margin: 0 0 10px 0;
  padding: 0;
}

h3 {
  margin: 0 0 10px 0;
  padding: 5px;
  font-size:1.1em;
  color:#000000;
  background-color: #EBEBEB;
  font-weight:bold;
}

h4 {
  margin: 0 0 10px 0;
  padding: 3px;
  font-size:1.1em;
  color:#028D8D;
  background-color: #FFFFFF;
  border-bottom: 1px solid #028D8D;
  border-left: 5px solid #028D8D;
  font-weight:bold;
}

.info_coment {
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: #E4F3F8;
  font-size: 80%;;
  color: #000000;
  line-height: 1.6em;
}

.info_coment_co {
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: #D1F0EB;
  font-size: 80%;;
  color: #000000;
  line-height: 1.6em;
}

.pickup_coment {
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: #EEF9F8;
  font-size: 80%;;
  color: #000000;
  line-height: 1.4em;
}

ul.info {
  list-style: none;
  margin: 0 0 10px　0;
  padding: 10px 0 0 0;
}

li.info {
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  background: url(../images/info_icon.gif) no-repeat 0px 3px;
  vertical-align: middle;
}

ul.info_co {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.info_co {
  padding: 0 0 3px 15px;
  margin: 0;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  background: url(../images/pickup_icon.gif) no-repeat 0px 3px;
  vertical-align: middle;
}

table.blue_box {
  border: 1px solid #87B6D0;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}

.blue_box_title {
  background-color: #E4F3F8;
  padding: 5px 10px 5px 10px;
  font-size: 80%;;
  line-height: 1.3em;
  color: #003399;
}

.blue_box_comment {
  padding: 5px;
  font-size: 80%;;
  line-height: 1.5em;
  color: #666666;
}

.for_top {
  font-size: 80%;;
  line-height: 1.3em;
  color: #666666;
  text-align: right;
  padding-bottom: 5px;
}

/* footer
-------------------------------------------------------------------------*/
.footer {
  font-size: 75%;;
  line-height: 1.2em;
  color: #666666;
  border-top: 1px solid #999999;
  padding: 5px 0 20px 0;
}

/* 404
-------------------------------------------------------------------------*/
div.post ul.topnav {
  list-style: none;
  margin: 0　0　10px 0;
  padding: 10px 0 0 20px;
}

div.post ul.topnav li {
  padding: 0 0 10px 15px;
  margin: 0;
  font-size: 80%;;
  color: #000000;
  line-height: 1.5em;
  background: url(../images/info_icon.gif) no-repeat 0px 3px;
  vertical-align: middle;
}

div.post ul.topnav li a {
  display: block;
}


/*テキスト、フォント関連*/
.t9{ font-size: 70%;; color: #333333; }
.t9-fff{ font-size: 70%;; color: #ffffff; }

.t10{ font-size: 75%;; color: #333333;}
.t10-039{ font-size: 75%;; *font-size: 0.85em; color: #003399; background-color: #EEF6FC; padding: 3px; }
.t10-b{ font-size: 75%;; color: #333333; font-weight: bold; }
.t10-4{ font-size: 75%;; line-height: 1.2em; color: #333333; }
.t10-6{ font-size: 75%;; line-height: 1.3em; color: #333333; }
.t10-6-f00{ font-size: 75%;; line-height: 1.3em; color: #FF0000; }
.t10-8{ font-size: 75%;; line-height: 1.5em; color: #333333; }
.t10-10{ font-size: 75%;; line-height: 1.8em; color: #333333; }

.t10-060{ font-size: 75%;; *font-size: 11px; line-height: 16px; color: #006600;}

.t12{ font-size: 80%;; color: #333333; }
.t12-b{ font-size: 80%;; color: #333333; font-weight:bold; } 
.t12-fff{ font-size: 80%;; color: #FFFFFF; }
.t12-2{ font-size: 80%;; line-height: 1.2em; color:#333333; }
.t12-4{ font-size: 80%;; line-height: 1.3em; color:#333333; }
.t12-6{ font-size: 80%;; line-height: 1.4em; color:#333333; }
.t12-8{ font-size: 80%;; line-height: 1.5em; color:#333333; }
.t12-10{ font-size: 80%;; line-height: 2.0em; color: #333333; }

.t12-039{ font-size: 80%;; color: #003399; line-height: 1.3em; }
.t12-f00{ font-size: 80%;; color: #FF0000; line-height: 1.3em; }

.t14{ font-size: 90%;; color: #333333; }
.t14-2{ font-size: 90%;; line-height: 1.2em;color: #333333; }
.t14-4{ font-size: 90%;; line-height: 1.3em;color: #333333; }
.t14-6{ font-size: 90%;; line-height: 1.5em;color: #333333; }
.t14-8{ font-size: 90%;; line-height: 2.0em;color: #333333; }
.t14-10{ font-size: 90%;; line-height: 2.2em;color: #333333; }

.t16{ font-size:1.1em;color:#333333; }
.t16-4{ font-size: 100%;; line-height: 2.0em; color: #333333; }
.t16-6{ font-size: 100%;; line-height: 2.2em; color: #333333; }
.t16-8{ font-size: 100%;; line-height: 2.4em; color: #333333; }
.t16-10{ font-size: 100%;; line-height: 2.6em; color: #333333; }

/* フォントサイズ変更用リストのcss
-------------------------------------------------------------------------*/
#fsbox {
text-align: right;
font-size: 14px;
padding: 0 20px 0 0;
}

#fsbox_2 {
float: right;
font-size: 14px;
font-weight: bold;
padding: 15px 20px 10px 0;
}

#fsbox ul,
#fsbox_2 ul {
  float:right;
  list-style-type: none;
  margin: 0;
}

#fsbox li,
#fsbox_2 li {
list-style-type: none;
margin: 0 5px;
float: left;
}

#fsbox li.bt,
#fsbox_2 li.bt {
width: 29px;
height: 26px;
padding: 3px 0 0;
text-align: center;
float: left;
  background-image: url("../images/font_back_bk.gif");
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
}

#fsbox li.bt_bk,
#fsbox_2 li.bt_bk {
width: 29px;
height: 26px;
padding: 3px 0 0;
text-align: center;
float: left;
  background-image: url("../images/font_back.gif");
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
}


#fsbox li.bt a,
#fsbox li.bt_bk a,
#fsbox_2 li.bt a,
#fsbox_2 li.bt_bk a {
  color: #333333;
  text-decoration: none;
}

#fsbox li.bt a:hover,
#fsbox li.bt_bk a:hover,
#fsbox_2 li.bt a:hover,
#fsbox_2 li.bt_bk a:hover {
  color: #FF0000;
  text-decoration: none;
}