﻿body {
/* background-color:#b3c7ff; */
background-color:teal; 
color:#333;
margin:0;
padding:0;
}
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0;
padding:0;
}
p {
margin:0;
padding:0;
}
div {
margin:0;
padding:0;
}
th {
color:#fff;
background-color:darkslateblue;
padding:6px;
}
/* TOP */ 
.top {
background-image:url(../image/top_bg2.jpg);
background-repeat:no-repeat;
background-position:center top;
width:780px;
height:81px;
background-color:#3e6bff;
}
.title {
font-size:11px;
color:#3e6bff;
height:11px;
text-align:right;
padding:0;
}
.top-copy {
font-size:12px;
font-weight:500;
text-align:center;
font-family:Arial;
height:12px;
padding-left:150px;
}
/* MENU */ 
.menu {
width:140px;
background-image:url(../image/menu_bg2.jpg);
background-position:center top;
background-repeat:repeat-y;
padding:0;
}
.menu1 {
width:140px;
padding:4px 0 4px 6px;
}
.menu2 {
background-image : url(../image/menu-cut2.gif);
background-repeat:no-repeat;
background-position:center top;
width:140px;
padding:0;
}
.menu1-on {
width:140px;
background-color:#fff;
filter:alpha(opacity=65);
-moz-opacity:0.65;
padding:4px 0 4px 6px;
}
.menu1-off {
width:140px;
padding:4px 0 4px 6px;
}
.menu2-off {
font-size:75%;
font-weight:700;
background-image:url(../image/menu-line2.gif);
background-repeat:repeat-x;
background-position:left center;
padding:3px 3px 3px 25px;
}
.menu2-on {
width:140px;
background-color:#fff;
filter:alpha(opacity=65);
-moz-opacity:0.65;
font-size:75%;
font-weight:700;
background-image:url(../image/menu-line2.gif);
background-repeat:repeat-x;
background-position:left center;
padding:3px 3px 3px 25px;
}
.menu3-off {
font-size:75%;
font-weight:700;
background-image:url(../image/menu-line1.gif);
background-repeat:repeat-x;
background-position:0 center;
padding:3px 3px 3px 25px;
}
.menu3-on {
width:140px;
background-color:#fff;
filter:alpha(opacity=65);
-moz-opacity:0.65;
font-size:75%;
font-weight:700;
background-image:url(../image/menu-line1.gif);
background-repeat:repeat-x;
background-position:0 center;
padding:3px 3px 3px 25px;
}
.menu4-off {
font-size:75%;
font-weight:700;
padding:3px 2px 3px 15px;
}
.menu4-on {
width:140px;
background-color:#fff;
filter:alpha(opacity=65);
-moz-opacity:0.65;
font-size:75%;
font-weight:700;
padding:3px 2px 3px 15px;
}
.menu-sub {
color:#6D47FF;
font-size:82.25%;
font-weight:700;
width:140px;
padding:90px 0 4px 6px;
}
.menu-sub2 {
padding:4px 3px 4px 6px;
}
.menu-sub2-link {
color:#6D47FF;
font-family:Arial,osaka;
text-decoration:none;
font-size:82.25%;
font-weight:700;
line-height:1.3em;
}
.menu-sub2-link:hover {
font-family:Arial,osaka;
color:#6327ed;
background-color:#fff;
filter:alpha(opacity=65);
-moz-opacity:0.65;
font-size:82.25%;
font-weight:700;
text-decoration:none;
}
.menu-sub3 {
font-size:52%;
font-weight:400;
}
.menu-sub4 {
font-size:85%;
font-weight:700;
padding-left:8px;
}
.menu-mark {
font-size:12px;
color:#D09DFF;
}
.menu-link {
color:#2e3192;
text-decoration:none;
width:100%;
}
.menu-link:hover {
color:#2E3192;
width:100%;
}
.menu-link2 {
color:#2E3192;
width:100%;
text-decoration:none;
}
.menu-link2:hover {
color:#2E3192;
width:100%;
}
/* MAIN */ 
.main {
background-position:-1px 0;
background-color:#fff;
width:640px;
background-image:url(../image/main_bg2.jpg);
background-repeat:no-repeat;
padding:15px;
}
.main1 {
width:597px;
}
.top-link {
font-size:72%;
text-align:right;
width:600px;
padding:4px 4px 12px;
}

.shopping {
font-weight:500;
text-align:center;
background-repeat:no-repeat;
margin-top:3px;
background-color:#ffd2e9;
text-decoration:none;
padding:4px 10px;
}
/* FOOTER */ 
.footer {
width:780px;
height:38px;
font-size:65%;
background-color:#a67c52;
font-family:Arial;
}
.footer-link {
font-weight:700;
color:#fff;
text-decoration:none;
}
.footer-link:hover {
font-weight:700;
color:#ecffec;
text-decoration:none;
}

/* ＝＝＝文字のアトリビュートを決める＝＝＝ */
.bold       { font-weight:700; }
.text-black { color:black; }
.text-green { color:green; }
.text-darkgreen { color:darkgreen; }
.text-blue  { color:blue; }
.text-red   { color:red;  }
.text-pink  { color:pink; }
.text-gray  { color:gray; }
.text-navy  { color:navy; }
.text-cyan  { color:cyan; }

