/* ---------------------------------------------------- */
/* all                                                  */
/* ---------------------------------------------------- */
body{
 margin:0 0 0 0;
 padding:0 0 0 0;
 background-color:#fcfcfc;
 }

a {
color:#0008bc;
text-decoration:none;
background: transparent;
}
a:hover{
color:#0008bc;

}

a:visited {
color:#0008bc;
text-decoration:none;
background: transparent;
}

img {
border:0;
}

h1,h2,h3,h4{
margin:0 0 3px 0;
}
/* ---------------------------------------------------- */
/* container                                               */
/* ---------------------------------------------------- */
#container {
width: 900px;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
}

/* ---------------------------------------------------- */
/* header                                               */
/* ---------------------------------------------------- */
#header {
  width: 900px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-size:0.8em;
 line-height:1.5em;
}

#logo {
  width: 290px;
  height: 80px;
  float:left;
}
#adarea {
  width: 290px;
  height: 80px;
  float:left;
}
#menuarea {
  width: 290px;
  float:left;
  height: 80px;
  text-align:right;
}
/*---------------------------------------------------- */
/* contents                                             */
/*---------------------------------------------------- */

#contents {
  clear:both;
  width: 900px;
  font-size: 0.9em;
  line-height:1.3em;
  color:#333333;
  /*  padding:0px 10px 0px 10px;*/
}

#contents_top {
 width:900px;
}

#contents_left {
 width:200px;
 float:left;
 margin-right:10px;
}

#contents_main {
 width:690px;
 float:left;
}

#contents_right {
 width: 200px;
 float:left;
}

/* ---------------------------------------------------- */
/* footer                                               */
/* ---------------------------------------------------- */
#footer {
  clear:both;
  width: 900px;
  height: 80px;
  font-size: 0.8em;
  margin:10px;
  text-align:center;
}

/* ---------------------------------------------------- */
/* post                                               */
/* ---------------------------------------------------- */
.post h1 {
  font-size: 2em;
}
.honbun {
  font-size: 1em;
}
.post p.postinfo {
  font-size: 0.8em;
  text-align:right;
}


/* ---------------------------------------------------- */
/* topmenu                                               */
/* ---------------------------------------------------- */

#topmenu {
width: 850px;
height:32px;
background-repeat: no-repeat;
background-position: center top;
margin:0 0 0 0;
padding:0 0 0 0;
padding: 0px;
/*margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;*/
}

#topmenu ul {
margin: 0px;
padding: 0px;
margin-left: 0px;
}

#topmenu li {
display:inline;
list-style-type:none;
margin: 0px;
padding: 0px;
}

#topmenu li a {
height:32px;
width:125px;
display:block;
float:left;
text-indent:-9999em;
text-decoration:none;
}

/* ------ off*/
#topmenu li.navi01 a {
width:125x;
background: url(/image/topmenu.png) no-repeat 0px 0px;
}

#topmenu li.navi02 a {
background:url(/image/topmenu.png) no-repeat -125px 0px;
width:125x;
}

#topmenu li.navi03 a {
background:url(/image/topmenu.png) no-repeat -250px 0px;
width:125x;
}

#topmenu li.navi04 a {
background:url(/image/topmenu.png) no-repeat -375px 0px;
width:125x;
}

#topmenu li.navi05 a {
background:url(/image/topmenu.png) no-repeat -500px 0px;
width:125x;
}

#topmenu li.navi06 a {
background:url(/image/topmenu.png) no-repeat -625px 0px;
width:125x;
}



/* ------ hover*/
#topmenu li.navi01 a:hover {
background:url(/image/topmenu.png) no-repeat 0px -32px;
}
#topmenu li.navi02 a:hover {
background:url(/image/topmenu.png) no-repeat -125px -32px;
}
#topmenu li.navi03 a:hover {
background:url(/image/topmenu.png) no-repeat -250px -32px;
}
#topmenu li.navi04 a:hover {
background:url(/image/topmenu.png) no-repeat -375px -32px;
}
#topmenu li.navi05 a:hover {
background:url(/image/topmenu.png) no-repeat -500px -32px;
margin: 0px;
padding: 0px;
}

#topmenu li.navi06 a:hover {
background:url(/image/topmenu.png) no-repeat -625px -32px;
margin: 0px;
padding: 0px;
}


#topmenu li.navi01_on a {
width:125x;
background-image: url(/image/topmenu.png);
background-repeat: no-repeat;
background-position: 0px -32px;
}

#topmenu li.navi02_on a {
background:url(/image/topmenu.png) no-repeat -125px -32px;
width:125x;
}

#topmenu li.navi03_on a {
background:url(/image/topmenu.png) no-repeat -250px -32px;
width:125x;
}

#topmenu li.navi04_on a {
background:url(/image/topmenu.png) no-repeat -375px -32px;
width:125x;
}

#topmenu li.navi05_on a {
background:url(/image/topmenu.png) no-repeat -500px -32px;
width:125x;
}

#topmenu li.navi06_on a {
background:url(/image/topmenu.png) no-repeat -625px -32px;
width:125x;
}

/*---------------------------------------------------- */
/* left menu                                           */
/*---------------------------------------------------- */
#left_menu {
}
#left_menu ul{
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-size:1.2em;
}
#left_menu li {
  display: block;
  width:198px;
  height:30px;
  float:left;
  margin-bottom:2px;
  border:1px solid #c1c3db;
background:url(/image/bg_title_s_off.png) no-repeat;
}
#left_menu li.selected {
  font-weight:bold;
  border:1px solid #9D9FBF;
/*  background-color: #dde;*/
background:url(/image/bg_title_s_on.png) no-repeat;

}

#left_menu li a{
  display: block;
  padding:7px 3px 3px 35px;
}

#left_menu li:hover {
  color: #000;
  background-color: #dde;
}

#left_menu a:link,#left_menu a:visited {
  color: #448;
  text-decoration: none;
}

/* ---------------------------------------------------- */
/* box                                                  */
/* ---------------------------------------------------- */
.box1 {
clear:both;
border-top:1px #aaaaaa solid;
border-bottom:1px #aaaaaa solid;
}

.box2 {
width:650px;
margin:0 0 0 0;
padding:5px 5px 5px 5px;
border:1px #aaaaaa solid;
}
/* use with li.check*/
.box3 {
margin:10px 35px 10px 35px;
padding:15px 5px 5px 5px;
background-color:#fffae4;
border:1px #aaaaaa solid;
}
/* box1 + padding*/
.box4 {
border:1px #aaaaaa solid;
padding:5px 5px 5px 5px;
}
/* ---------------------------------------------------- */
/* ul                                                   */
/* ---------------------------------------------------- */
ul{
margin:0 0 0 0;
padding:0 0 0 0;
}
li.arrow {
list-style:none;
margin-left:10px;
padding-left:10px;
background:url(/image/icon_arrow_s.png) 0px 0.4em no-repeat;
}

li.check {
list-style:none;
height:1.6em;
font-size:1.2em;
margin-left:25px;
padding-left:20px;
padding-top:4px;
background:url('/image/icon_check.png') 0px 0px no-repeat;
}

h2.num1{
font-size:1.5em;
height:50px;
padding:0 0 0 150px;
margin:0 0 0 50px;
background:url('/image/icon_num2_1.png') 0px 0px no-repeat;
}
h2.num2{
font-size:1.5em;
height:40px;
padding:0 0 0 50px;
margin:0 0 0 0;
background:url('/image/icon_num2_2.png') 0px 0px no-repeat;
}

h2.num3{
font-size:1.5em;
height:40px;
padding:0 0 0 50px;
margin:0 0 0 0;
background:url('/image/icon_num2_3.png') 0px 0px no-repeat;
}

/* ---------------------------------------------------- */
/* h                                                    */
/* ---------------------------------------------------- */
h1.bg1{
width:640px;
height:30px;
font-size:1.3em;
color:#555555;
padding:5px 5px 5px 15px;
background:url(/image/bg_title1.png) no-repeat;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* ---------------------------------------------------- */
/* span                                                 */
/* ---------------------------------------------------- */
span.notice{
  color:red;
  font-weight:bold;
  background-color:#f9ced6;
}
span.notice2{
  color:red;
  font-size:1.2em;
  font-weight:bold;
  border:2px solid #aaaaaa;
  margin:5px 0px 5px 0px;
  padding:5px 5px 5px 5px;
}
/* ---------------------------------------------------- */
/* form                                                 */
/* ---------------------------------------------------- */
form.n1{
   padding:20px 20px 20px 20px;
   border:3px solid #aab;
}

form.n1 input[type="text"],input[type="password"]{
   font-size: 18px;
   height:24px;
   width:16em;
   padding:5px 15px 5px 5px;
   border:1px solid #99a;
   text-valign:top;
}

form.n1 input[type="submit"]{
   font-size: 18px;
   border:1px solid #99a;
}

/* ---------------------------------------------------- */
/* p                                                    */
/* ---------------------------------------------------- */
p.small{
padding:0px 5px 0px 15px;
margin:10px 0px 10px 0px;
font-size:0.75em;
}
p.timestamp{
width:600px;
padding:0px 25px 0px 25px;
margin:0px 0px 0px 0px;
line-height:1.5em;
font-size:1em;
text-align:right;
}
/* ---------------------------------------------------- */
/* table                                                */
/* ---------------------------------------------------- */
table.topTbl3 td {
padding:2px 15px 2px 15px;
}

table.n1 td{
vertical-align: top;
border:1px #aaaaaa solid;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 3px;
}

table.n1 td.tate{
writing-mode:tb-rl;
height:100px;
}
table.n1 td.title{
border:1px #aaaaaa solid;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 3px;
background-color:#dddddd;
}

table.tbl1 td.title {
  width:15%;
  padding:0.5em 0.5em;
  border-bottom:1px solid #aaaaaa;
  color:#333;
  background-color:#dddddd;
  font-size: 14px;
}
table.tbl1 td.contents {
  width:50%;
  padding-left:10px;
  border-bottom:1px solid #aaaaaa;
  color:#111;
  font-size: 14px;
}

table.n5 td{
padding:5px 15px 5px 15px;
border-bottom:1px dotted #aaaaaa;
vertical-align: top;
}

/* ---------------------------------------------------- */
/* div                                                */
/* ---------------------------------------------------- */

div.indent1{
margin:0px 0px 0px 1em;
}

/* ---------------------------------------------------- */
/* for category page                                                */
/* ---------------------------------------------------- */

h1.cat{
width:500px;
height:25px;
font-size:2em;
color:#000000;
padding:13px 5px 5px 5px;
margin:5px 5px 5px 5px;
text-valign:middle;
border-left:8px solid #00a1ea;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.boxCat {
border:1px #bbbbbb solid;
padding:5px 5px 5px 10px;
margin-bottom:25px;
}

div.cat{
font-size:1em;
margin:5px 5px 10px 20px;
padding-bottom:10px;
border-bottom:1px dotted #bbbbbb;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-style:normal;
}

/* ---------------------------------------------------- */
/* article1                                             */
/* ---------------------------------------------------- */

.article1 p{
width:600px;
padding:2px 5px 2px 30px;
line-height:1.5em;
}

.article1 h1{
width:670px;
height:25px;
font-size:1.8em;
color:#ffffff;
padding:13px 5px 5px 5px;
margin:5px 5px 5px 5px;
text-valign:middle;
font-family: "ＭＳ Ｐゴシック";
}
.article1 h2 {
 color:#333333;
 width:500px;
 height:23px;
 font-size:1.4em;
 padding:5px 5px 2px 5px;
 margin:15px 0px 15px 0px;
 border:0 0 0 0;
}
.article1 .boxTitle {
padding:5px 5px 3px 10px;
margin-bottom:15px;
width:670px;
background:url(/image/bg_title_blue.png) no-repeat;
/*background-color:#5599ff;*/
}
.article1 hr {
}

/* ---------------------------------------------------- */
/* article                                                */
/* ---------------------------------------------------- */
.article h1{
width:640px;
height:30px;
font-size:1.2em;
color:#333333;
padding:3px 5px 5px 15px;
background:url(/image/bg_title_half.png) no-repeat;
font-family: "ＭＳ Ｐゴシック";
}
.article p{
width:500px;
padding:0px 5px 5px 150px;
margin-bottom:20px;
}

/* ---------------------------------------------------- */
/* article2 個別ブログ記事用                                                */
/* ---------------------------------------------------- */
.article2 p{
width:80%;
padding:5px 5px 5px 50px;
line-height:1.6em;
}
.article2 p.postinfo{
text-align:right;
color:#333333;
}
.article2 h1{
width:80%px;
font-size:1.4em;
color:#333333;
padding:13px 10px 5px 10px;
margin:5px 40px 5px 40px;
border-bottom:1px #aaaaaa dotted;
text-valign:middle;
line-height:1.5em;
font-family: "ＭＳ Ｐゴシック";
}

/* ---------------------------------------------------- */
/* service サービス紹介ブログ記事用                                                */
/* ---------------------------------------------------- */
/*.service hr {
}
.service h2 {
 color:#333333;
 width:400px;
 height:23px;
/*background-color:#f97f27;*?
 font-size:1.2em;
 padding:5px 5px 2px 5px;
 margin:15px 0px 15px 0px;
 border:0 0 0 0;
}*/