/*arrow=△▽*/
/*face=バー表面*/
/*highlight=左と上の立体に見せる線*/
/*track= バ−の後ろの色*/
/*shadow=バ−の右と下の立体に見せる線の色*/
/*3dlight= 外側の左と上の線の色;*/
/*darkshadow=外枠の右と下の線の色*/
body {
background-color:#F8F8F8;
background-image:url(img/w.canson.gif);
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#CCCCFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#9999CC;
}
/* === ヘッダーのスタイル === */
.head {
width:100%;
vertical-align:top;
padding:0px;
margin-top:0px;
margin:right:0px;
background-image:url(img/w.canson.gif);
}
.head td {
padding:0px;
}
.head1 {
padding:0px;width:160px;
}
.head2 {
width:360px;
}
.head h1 {
text-align:left;
vertical-align:top;
margin-top:30px;
margin-left:20px;
font-family:Arial, Helvetica,sans-serif;
font-size:26px;
}
.logo {
text-align:right;
vertical-align:top;
padding:0px;
margin-top:0px;
margin-right:0px;
}
/* === 帯の色 === */
.headmenu {
background-color:#CDDCEC;
width:100%;
padding-top:5px;
padding-bottom:3px;
padding-left:15px;
text-align:left;
font-size:12px;
font-weight:normal;
color:#666666;FFFFFF;
border-top:solid 1px #CDDCEC;
border-bottom:solid 1px #CDDCEC;
padding-left:15px;
}
/* === サイドバー&コンテンツのスタイル === */
.side_main {
width:100%; height:100%;
border:none;
}
/* === サイドバー部分のスタイル === */
/* === メニュー ===*/
.side_main {
border-right: medium none;
border-top: medium none;
border-left: medium none;
border-bottom: medium none;
width: 100%;
height: 100%
}
.side {
vertical-align:top;
width: 140px;
padding:16px 0px 0px 0px;;
font-size: 10px;
line-height:140%;
border-right:solid 1px #E6E6F6;
background-image:url(img/w.canson.gif);
}
.side div {
margin-left:10px;
background-repeat:repeat;
}
.side img {
padding:0px;
}
.side a {
display: block;
padding:6px 0px 10px 0px;
font-family:Arial, san-serif;
font-weight:bold;
font-size:12px;
background-image:url(img/_ivory.jpg);
width: 120px;
color: #7777ca;
background-repeat: no-repeat;
text-align:center;
text-decoration: none;
}
.side a:alink{
background-image: url(img/ivory.jpg);
color: #db7093;
position: relative;
left: 0px;
top: 1px;
}
.side a:vlink{
background-image: url(img/ivory.jpg);
color: #db7093;
position: relative;
left: 0px;
top: 1px;
}
.side a:hover{
background-image: url(img/rose_nosh.jpg);
color: #db7093;
position: relative;
left: 0px;
top: 1px;
}
.side a:visited
background-image: url(bt/rose_nosh.jpg);
color: #669966;
}
.copy {
font-size: 12px;
color: #6f6f6f;
background-image: url(img/w.canson.gif);
padding: 0px 10px;
font-family: Lucida Sans Unicode, Helvetica;
text-align:left;
}
.space1 {
width: 140px;
height: 1px;
}
/* === コンテンツ部分のスタイル === */
/* === サイドバー部分（右）のスタイル === */
.side2 {
BACKGROUND-IMAGE: url(img/w.canson_k.gif);
vertical-align:top;
align:left;
width:140px;
padding-right:10px;
padding-left:20px;
color:#919168
}
.space2 {
width:140px;
height:1px;
}
.side2 .submenu {
align:left;
font-size:12px;
font-family:Arial, Helvetica;
color:#6f6f6f;
padding:3px 8px;
margin-top:20px;
margin-bottom:0px;
border-right:1px solid #CCCCCC;
}
.side2 .submenu2 {
align:center;
margin-top:0px;
padding:6px;
line-height:180%;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
.side2 div {
font-size:12px;
line-height:180%;
margin-bottom:10px;
}
.side2 img {
border:none;
}
.side2 li {
list-style:square;
margin-top:0px;
margin-left:0px;
}
span.topic{
color:#B0EB00;
}
span.link {
font-weight:bold;
}
ul {
margin-left:18px;
}