@charset "utf-8";
body {
margin: 0;
color: #333333;
background-repeat: repeat-x;
background-attachment: scroll;
background-color: #e1f2fa;
background-image: url(img/base_bg.jpg);
font-family: Verdana, Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}

h2.pagetitle{
  display: block;
  text-align: left;
  background-image: url("img/title.png");
  background-repeat: no-repeat;
  height: 30px;
  width: 550px;
  color: #003377;
  font-size: 12pt;
  padding: 0 0 0 18px;
  margin-right: -18px;
  margin-top: 0;
  padding-top: 5px;
  margin-bottom: -5px;
  border: 0;
}

h2 {
font-size: 14px;
color: #077EC7;
font-weight: bold;
padding: 10px 0 3px 10px;
border-bottom: 1px dotted #077EC7;
text-align: center;
}
h2:before{
content: "■";
}
h2.pagetitle:before{
content: '';
}
h3{
color: #003399;
text-indent: -1em;
padding-left: 1em;
}

h3.sectiontitle {
 border-bottom: 3px double #c6d1e9;
 color: #114bc1;
 font-size: 11pt;
 padding-left: 17px;
}

h3:before{
content: "■";
}

h3.sectiontitle:before {
 content: url(img/sectiontitle.png);
 padding-right: 5px;
}

h4{
color: #003399;
text-indent: -1em;
padding-left: 1em;
}
h4:before{
	content: "■";
}
p{
	margin-left :1em;
	margin-right: 1em;
}

a { color: #4d82c4; text-decoration: underline; }

div.contact{
text-align: center;
border: 1px solid #c5e6f5;
width: 100%;
margin: 3em 0;
}

div.contact ul{
margin: 0;
padding: 0;
list-style-type: none;
}

ul.contact li{
padding: 0;
}

div.container{
width: 734px;
margin: 0 auto;
padding: 0;
background-color: white;
display: table;
}
div.container1{
width: 731px;
overflow: hidden;
display: table-cell;
vertical-align: top;
}
div.container2{
width: 3px;
overflow: hidden;
display: table-cell;
vertical-align: top;
background-image: url(./img/bg-right.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
}
div.titlelogo{
border-left: 1px #cccccc solid;
height: 64px;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
div.titlelogo ul{
list-style-type: none;
margin: 0;
padding: 0;
}
div.titlelogo ul li{
float: left;
margin: 0;
padding: 0;
}
div.titlelogo2{
position: absolute; 
left: 249px;
bottom: 0px;
margin: 0;
overflow: hidden;
height: 24px;
}
div.titlelogo3{
border-left: 1px #cccccc solid;
height: 99px;
overflow: hidden;
}
div.cont{
border-left: 1px #cccccc solid;
display: table;
width: 100%;
}

div.cont div.menu{
display: table-cell;
width: 154px;
vertical-align: top;
background-image: url(img/contenst-bg.gif);
}

div.menu a.item-oneline{
  height: 31px;
  display: block;
  background-image: url("img/oneline.png");
  background-repeat: no-repeat;
  font-size: 10pt;
  color: #003377;
  font-weight: bold;
  text-decoration: none;
  padding-top: 5px;
  margin-bottom: -5px;
  padding-left: 10px;
  margin-right: -10px;
}

div.menu a.kanren{
  background-image: url("img/oneline-kanren.png");
}

div.menu a.item-oneline-selected, div.menu a.item-oneline:hover, div.menu a.item-oneline:active{
  height: 31px;
  display: block;
  background-image: url("img/onelineselected.png");
  background-repeat: no-repeat;
  font-size: 10pt;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding-top: 5px;
  margin-bottom: -5px;
  padding-left: 10px;
  margin-right: -10px;
}

div.menu a.item-oneline-open{
  background-image: url("img/onelineopen.png");
}

div.menu div.submenu {
 margin-top: -6px;
 margin-bottom: 1px;
 padding-bottom: 4px;
 background-color: #fff;
 width: 98%;
}

div.menu a.item-thinoneline{ 
  display: block;
  height: 20px;
  padding-top: 2px;
  padding-left: 20px;
  background-color: white;
  text-decoration: none;
}

div.menu a.item-thinoneline span.active:before, div.menu a.item-thinoneline:hover span:before {
 display: inline-block;
 content:'■';
 margin-left: -11px;
 color: #ff9900;
}

div.menu a.item-twolines{
  height: 44px;
  display: block;
  background-image: url("img/twolines.png");
  background-repeat: no-repeat;
  font-size: 10pt;
  color: #003377;
  font-weight: bold;
  text-decoration: none;
  padding-top: 2px;
  margin-bottom: -2px;
  padding-left: 10px;
  margin-right: -10px;
}
div.menu a.kanren2{
  background-image: url("img/twolines-kanren.png");
}
div.menu a.item-twolines-selected, div.menu a.item-twolines:hover, div.menu a.item-twolines:active{
  height: 44px;
  display: block;
  background-image: url("img/twolinesselected.png");
  background-repeat: no-repeat;
  font-size: 10pt;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding-top: 2px;
  padding-left: 10px;
  margin-bottom: -2px;
}

div.menu a.item-twolines-open{
  background-image: url("img/twolinesopen.png");
}

div.menu a.item-thinoneline span{ 
  display: inline-block;
  width: 90%;
  padding-left: 10px;
  background-image: linear-gradient(to right, #333, #333 1px, transparent 1px, transparent 4px);
  background-size: 3px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  color: #333;
  font-size: 8pt;
  font-weight: bold;
}

div.menu img{
padding: 0;
margin: 0;
width: 154px;
vertical-align: top;
}

div.menu img.oneline{
height: 31px;
}
div.menu img.oneline-open{
height: 49px;
}
div.menu img.thinoneline{
height: 23px;
}
div.menu img.twolines{
height: 44px;
}
div.menu img.twolines-open{
height: 62px;
}
div.menu .menu-cont{
padding-bottom: 45px;
}
div.cont div.cont-dext{
display: table-cell;
width: 556px;
padding: 10px;
font-size: 13px; 
line-height: 150%; 
font-family: Verdana, Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}

img.page-title{
height: 30px;
width: 550px;
}

img.section{
height: 26px;
width: 550px;
margin-top: 10px;
}

div.footer{
width: 734px;
margin: 0 auto;
padding: 0;
text-align: center;
}
div.footer img{
width: 734px; 
height: auto; 
margin: 0 auto; 
vertical-align: top;
}