/* Ver.5用css */

* {
  margin:0;
  padding:0;
  border-style:none;
  border:0;
  font-size:1em;  /* 文字サイズを統一にするため */
}

img {
 border-style:none;
}

body {
 background-color:#ffffff;
 color:#444444;
 line-height:1.3;
 font-size:0.9em;
 font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

div#header {
 width:100%;
 background: url(./img/background.png) repeat-x 0 0;
}

div#center {
 width:100%;
}

div#footer {
 clear:both;
 width:100%;
 background-color:#003399;
}


div#header div#header_inside {
 width:800px;
 margin:0 auto;
/*  background-color:#ffffcc; /* サイズ確認用 */ */
}

h1 {
 font-size:1.5em;
 padding:2em 1em;
 color:#003399;
}


div#center div#center_inside {
 width:800px;
 margin:0 auto;
}

div#center div#left_outside {
 float:left;
 width:200px;
/*  background-color:#ccffff; /* サイズ確認用 */ */
}


div#left_inside {
 padding:0 1em 2em;
}

div#left_inside a {
 font-size:1.1em;
 text-decoration:none;
 font-weight:bold;
 color:#003399;
}

div#left_inside a:hover {
 text-decoration:underline;
 font-weight:bold;
 color:#003399;
}

div#left_inside h2 {
 border-left:solid 5px #444444;
 font-size:1.1em;
 padding:0.25em 0 0.25em 10px;
}

div#left_inside ul {
 margin:0;
 padding:0.5em 0 0.5em 10px;
 list-style-type:none; 
}

div#left_inside li {
 display:block;
 margin:1em 0;
 padding:0 0 0 25px;
 background: url(./img/listicon1.gif) no-repeat 10px 0.5em;
}

div#left_inside p {
 padding:5em 5px;
 text-align:center;
}


/*

 right_outsideの横幅の計算
 800px（center_insideの横幅）− 200px（left_outsideの横幅）＝ 600px　これがright_outsideの横幅
 600px  −（10px+15px）＝ 570px　これがdiv.contents pの横幅
 div.contents p内に挿入できる画像の横幅いっぱいいっぱいは570pxまで　のはず

 */



div#center div#right_outside {
 float:right;
 width:600px;
/* margin-left:200px; */
/* background-color:#ffccff; /* サイズ確認用 */ */
}

div#right_inside a {
 text-decoration:none;
 color:#003399;
}

div#right_inside a:hover {
 text-decoration:underline;
 color:#003399;
}

div#right_inside a.anchor {
 color:#003399;  /* アンカー用aタグが通常リンク用aタグのcssと同期するのを回避するため */
}

div#right_inside a:hover.anchor {
 text-decoration:none;
 color:#003399;  /* 同上 */
}

div#right_inside div.page_navigator {
 padding:0 0 0.5em;
}

div#right_inside div.page_navigator p {
 font-size:0.85em;
}

div#right_inside div#contents_navigator {
 padding:1em 0;
}

div#right_inside div#contents_title {
 padding:0.5em 0;
}

div#right_inside div#mainimg {
 padding:1em 15px;
 text-align:center;
}

div#right_inside div.contents {
 padding:1em 0;
/* background-color:#ffff99; */
}

div#right_inside div.contents p {
 margin:10px 10px 10px 15px;  /* h3 solid 5pxにつき左だけ10px+solid分 */
 padding:0.25em 0;
}

div#right_inside ul {
 margin:0;
 padding:0 0 0 1em;
 list-style-type:none; 
}

div#right_inside li {
 display:block;
 margin:0.15em 0;
 padding:0 0 0 25px;
 background: url(./img/listicon2.gif) no-repeat 10px 0.5em;
}

div#right_inside h3 {
 color:#003399;
 border-left:solid 5px #003399;
 border-bottom:solid 2px #003399;
 font-size:1.25em;
 padding:0.25em 0 0.25em 10px;
}

div#footer div#footer_inside {
 width:800px;
 margin:0 auto;
}

div#footer div#footer_inside p {
 font-size:0.75em;
 padding:1em;
 color:#ffffff;
 text-align:right;
}

.bold {
 font-weight:bold;
}

.italic {
 font-style:italic;
}

.underline {
 text-decoration:underline;
}

.smaller{
 font-size:smaller;
}

.larger {
 font-size:larger;
}

.red {
 color:red;
}

.blue {
 color:blue;
}

.black {
 color:black;
}

.tnr {
 font-family:"Times New Roman",selif;
}