/* -------リセット------- */
 
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

body {
background:#fef url("./smp/background.jpg") repeat-x;
font:1.05em "Osaka" , "ＭＳ Ｐゴシック";
margin:0;
padding:0;
}

#frame {
width:790px;
text-align:left;
background:#fff;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
padding:3px;
}

#frame-margin {
margin:5px;
padding:0;
}

#menu {
width:165px;
float:left;
text-align:left;
margin-right:5px;
padding:5px;
}

#menu li {
margin-left:-5px;
list-style:none;
}

#menu a {
font-weight:600;
line-height:160%;
}

.main {
width:580px;
float:right;
margin:5px;
padding:5px;
}

.space {
clear:both;
}

.header {
height:auto;
color:#6c6c6c;
background:transparent url("./smp/flag.png") left no-repeat;
text-align:right;
margin:5px;
padding:10px 0;
}

#slantedmenu {
width:99%;
font-size:.8em;
margin:0 0 10px 4px;
}

#slantedmenu:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#slantedmenu ul {
background:#E4ED71;
border:1px solid #707070;
text-align:left;
margin-left:0;
padding:.5em 0;
}

#slantedmenu ul li {
display:inline;
}

#slantedmenu ul li a {
color:#000;
font-weight:600;
text-decoration:none;
background:transparent url(./smp/slant.gif) top right no-repeat;
margin:0;
padding-right:1em;
}

#slantedmenu ul li a:visited {
color:#707070;
}

#slantedmenu ul li a:hover {
color:#a05;
}

table {
margin:0 0 20px;
}

tr,td,div {
font:1em;
line-height:150%;
margin:0;
padding:0 0 5px;
}

hr {
border:thin dashed #806517;
}

h1,h2 {
color:#520B2A;
background:#fff url("./smp/h1_bg.png");
border-right:solid 2px #ccc;
border-bottom:solid 2px #ccc;
border-left:solid 15px #c18;
line-height:150%;
text-align:center;
font:1.3em;
font-weight:700;
letter-spacing:3px;
margin:0 0 10px;
padding:5px;
}

h3,h4 {
color:#000;
background:#fff;
line-height:145%;
text-align:justify;
font:1.05em;
font-weight:500;
margin:5px 10px;
padding:0 5px;
}

h5,h6 {
color:#fc3;
background:#fff;
text-decoration:none;
text-align:center;
font:.9em;
}

big {
font:1.15em;
line-height:120%;
}

small {
font:.75em;
line-height:18px;
}

ul, ol{  
    margin:auto;  
    padding:0;  
    position:relative;  
    overflow:hidden;  
}  

li {
list-style-type:square;
margin-left:15px;
padding:3px;
}

fieldset {
margin:15px 0;
}

a {
font:1em;
line-height:150%;
color:#00f;
text-decoration:none;
}

a:link {
color:#00f;
text-decoration:none;
}

a:visited {
color:#909;
text-decoration:none;
}

a:active {
color:#999;
text-decoration:none;
}

a:hover {
color:#c00;
text-decoration:underline overline;
background:inherit; 
}

form {
margin:5px 0;
}

dl.img_side dt {
float:left;
text-align:left;
border:none;
margin:0 15px 20px 10px;
}

dl.img_side dd {
font:1.1em;
border:none;
}

.leftbox,.rightbox {
width:280px;
float:none;
margin:0;
padding:10px;
}

.tdbg {
width:95%;
line-height:150%;
font-weight:700;
background:#fff;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 10px #c18;
margin:5px 5px 0 0;
padding:5px;
}

.Myshadow {
border-right:solid 2px #ccc;
border-bottom:solid 2px #ccc;
padding:0;
}

.bg0 {
background:#FFF7BF;
}

.box1 {
width:300px;
background:#FDE8ED;
border-top:1px solid #fff;
border-right:2px solid #c6cdd8;
border-bottom:2px solid #c6cdd8;
border-left:1px solid #fff;
margin:0 12px 20px 0;
padding:5px;
}

.box2 {
float:none;
width:90%;
}

.box3 {
width:560px;
font-size:90%;
line-height:150%;
text-align:left;
border:solid 1px #cc0;
background: transparent url("./smp/box3.png");
overflow:auto;
margin:5px;
padding:5px;
}

.box_auto {
width:300px;
height:100px;
overflow:auto;
background:#FDE8ED;
border-top:1px solid #fff;
border-right:2px solid #c6cdd8;
border-bottom:2px solid #c6cdd8;
border-left:1px solid #fff;
margin:0 12px 20px 0;
padding:5px;
}

.cate {
width:200px;
height:60px;
background:transparent url("./smp/btn200.png") no-repeat;
font:.9em;
line-height:120%;
text-align:center;
margin:10px 0 15px 10px;
padding:12px 0 0 5px;
}

#footer {
height:56px;
float:inherit;
color:#6c6c6c;
background:transparent url("./smp/slash.png");
text-align:center;
text-decoration:none;
margin:0;
padding:5px 0;
}

span.copyright {
font-size:11px;
color:#6c6c6c;
}

.spc {
margin:10px 0 30px;
}

.navi2 {
width:99%;
background:#E4ED71;
border:1px solid #707070;
padding:5px;
}

.dot {
border:thin dashed #ccc;
}

legend,.green {
color:green;
}

.red { 
color :red; 
font:1em; 
background:inherit; 
}

small.red { 
color : red ; 
font:.75em; 
background:inherit; 
}

.green { 
color:green;
font-weight:600;
background:inherit; 
}