@charset "UTF-8";
/* ========基本リンク======== */


a:link {  text-decoration: none;}
a:visited {  color: #5F9EA0; text-decoration: none;}
a:hover {  color: #B0C4DE; text-decoration: underline;}
a:active {  text-decoration: none;}


/* ========レイアウト======== */
body { 
       text-align:center;
       margin: 0;
       padding: 0;
font-family:'Arial',sans-serif;
       font-size: 100%;
       line-height: 1.5em;
       background-image:url('../img/bgwh.jpg');
       background-repeat:repeat;
}
/* ========ページ全体======== */
#page {
       width:900px;
       text-align:left;
       margin: 0 auto;
} 
/* ========ヘッダー======== */
#page #header {
	width: 900px;
	height: 100px;
	margin: 0px;
	padding: 0px;
        border-left: 1px solid #0080FF;
        border-right: 1px solid #0080FF;
}

#page #topheader {
	width: 900px;
        height: 355px;
        background-image:url('../img/topheader02cn.jpg');
        background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
        border-bottom: 1px #808080 solid;
        border-left: 1px solid #0080FF;
        border-right: 1px solid #0080FF;
}

.toptable {
        width: 490px;
        border: 0;
        position: relative; top: 260px; left:80px;
        font-size: 1em;
        font-family: "MS PMincho","Hiragino Mincho Pro",serif;
        color: #ffffff;
        line-height: 0.6em;
}



/* ========フッター======== */
#footer {
       width: 900px;
       height:20px;
       background-image:url('../img/footer.jpg');
       text-align:right;
       font-size:12px;
       color:#ffffff;
       border-left: 1px solid #0080FF;
       border-right: 1px solid #0080FF;
       clear:both;
}

/* ========コンテンツ全体======== */
#contents {
       width: 900px;
float: left;
       clear:both;
       background-image:url('../img/bg.jpg');
       background-repeat: repeat-y;
       border-left: 1px solid #0080FF;
       border-right: 1px solid #0080FF;
} 
/* ========コンテンツメイン======== */
#main {
       width:590px;
       float:right;
       padding-left: 35px;
       padding-right: 50px;
       background-color: #ffffff;
margin:0 auto;
}


/* ========コンテンツサイド======== */

#side {
       width:220px;
       float:left;
       font-size: 90%;
       line-height: 1.2em;
       color:#ffffff;
       background-image:url('../img/bg.jpg');
       background-repeat: repeat-y;
}

img {
border:0;
}

.rollover01 {
width:220px;
height:50px;
background:url(img/blog_ttl02.jpg) no-repeat left top;
}

.rollover01 a {
display:block;
width:220px;
height:50px;
font-size:1px;
line-height:1px;
outline:none;
}

.rollover01 a:hover {
text-indent:-9999px;
} 

.sideMenu li {
       color:#ffffff;
       margin-left:2%;
       margin-bottom:10px;
       padding-bottom:0.1em;
       padding-right:0.7em;
       list-style:none;
}

.sideMenu li ul {
       margin-left:10%;
       margin-bottom:10px;
       padding-left:0;
}

.sideMenu a {
       text-decoration:none;
       color: #ffffff;
       padding-left:5px;
       border-left:8px solid #ffffff;
}

.sideMenu a:hover {
       text-decoration:underline;
       padding-left:5px;
       border-left:8px solid #ed0446;
} 

.sideMenu a:visited {
       color: #B0C4DE
} 

.sideMenu li ul a {
       text-decoration:none;
       color: #ffffff;
       padding-left:5px;
       border-left:5px solid #ffffff;
}
.sideMenu li ul a:hover {
       text-decoration:underline;
       padding-left:5px;
       border-left:5px solid #ed0446;
} 

.sideMenu a: visited {color:#5F9EA0; }
.nicon: {image:url('../img/footer.jpg'); border: 0;
}

.blogttl{margin-top:5px;
}

/* ========コンテンツメイン詳細======== */

.ms {background-color: #DCDCDC; padding: 2px 10px 2px 20px;}

.tableWN {
width:520px;
height:160px;
       padding: 20px;
       border: 0;
       margin-left: 5%;
margin-bottom: 10%;
       background-color:#F0FFFF;
       overflow:auto;
scrollbar-face-color: #F0F8FF;
scrollbar-track-color: #cccccc;
scrollbar-arrow-color: #00008B;
scrollbar-highlight-color: #DCDCDC;
scrollbar-shadow-color: #008B8B;
}


.imgmargin {margin-right: 3px;}
.img {  float: left; border: 0; margin-right: 2em; margin-bottom: 1em;}
.clearLeft {clear: left;}
.text{line-height: 1.7;}

strong{font-size: 100%; font-weight: bold;}
.lead{font-size: 100%; color: #CC0033; font-weight: bold;}

h1 {
       font-weight: bold;
       color: #111078;
       font-size: 1.5em;
       border-style: solid;
       border-top-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 1px;
       border-left-width: 0px;
       margin: 0;
}

h2 {
       font-weight: bold;
       color: #2255A4;
       line-height: 1.2em;
       font-size: 1.2em;
       margin-bottom: 0;
}

.h2top {
       font-weight: bold;
       color: #444444;
       line-height: 120%;
       font-size: 120%;
       margin: 0;
}

h3 {
       font-weight: bold;
       color: #2255A4;
       line-height: 1em;
       font-size: 1em;
       margin-bottom: 5px;
}

.keyword, span {
       display: inline;
       margin-left: 0.3em;
       margin-right: 0.3em;
       font-weight: bold;
       color: #2255A4;
       font-size: 1.2em;
}



.ind {
       margin-left: 3em;
clear: both;
}

dt{
       margin-left: 2em;
       padding:0.3em 1em;
       border-top:0;
       border-left:1px solid #808080;
       border-bottom:2px solid #808080;
       border-collapse:collapse;
       border-spacing:0;
       background-color:#EEEEEES;
       empty-cells:show;
}

.line { border-bottom: 2px dotted #999999}
.h2line {
       border-color: #2255A4 #999999;
       border-style: solid;
       border-top-width: 1px;
       border-right-width: 0px;
       border-bottom-width: 1px;
       border-left-width: 0px
line-height: 150%;
}

.table {border: 0;padding: 0;}

th {
       padding-top: 5px;
       padding-bottom: 3px;
       font-weight: bold;
       color: #2255A4;
}

.td {padding-left: 3em;padding-bottom: 10px;}

.tableNote {
       background-color: #000000;
       border-style: dotted;
       border-color: #000000;
       border-collapse: spread;
} 


#tableBook {
       width: 540px
       background-color: #FFFFFF;
       padding: 5px;
       border: 0;
}

#tableBooktd {
       width: 270px;
       padding-left: 15%;
       vertical-align:top;
       font-size: 13px;
       line-height: 1.2em;
}

.book {
border:1px;
}

.listnumber {list-style-type: decimal;}
.list {list-style-image: url(img/icon.jpg);}
.listnone{list-style:none;}
.note {font-size: 13px}



a.boldbuttons{
background: transparent url('../img/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
color: #ffffff;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #FFFFFF; /*button text color*/
}

a.boldbuttons span{
color: #FFFFFF;
background: transparent url('../img/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 8px; /*Set 10px to be equal or greater than'padding-left' value above*/
margin: 0;
clear: both;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


#buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
clear : both ;
}

.clear { }