@charset "Shift_JIS";

*{ margin:0; padding:0;
font:normal normal normal 100%/1.5em Osaka,Verdana,Chicago,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; }
body{ text-align:center; font-size:84%; color:#555; background:url(""); }


a{ text-decoration:underline; }
a:link{ color:#5a5a85; }
a:visited{ color:#5a8570; }
a:hover{ color:#999; text-decoration:none; }


#PAGETOP{ margin:0 auto; text-align:left; width:750px; background:#fdfdfd; border-width:0 1px 1px; border-style:solid; border-color:#bfbfbf; }


h1{ font:bold 122% Helvetica,Arial,sans-serif; color:#111; padding:50px 10px 0; width:120px; float:left; margin:0 0 20px; }


#MENU{ margin:0; padding:0; width:140px; clear:both; }
#MENU h2{ display:none; }
#MENU ul{ list-style-type:none; margin:10px; }
#MENU li{ display:inline; }
#MENU li a{ display:block; text-decoration:none; margin:0; padding:5px 0; font:bold 100% Helvetica,Arial,sans-serif; border-bottom:1px solid #fdfdfd; }
#MENU li.menu-on a{ color:red; }
#MENU li#MENU00 a:hover,#MENU li#MENU00.menu-on a{ border-bottom:1px solid #e50066; }
#MENU li#MENU01 a:hover,#MENU li#MENU01.menu-on a{ border-bottom:1px solid #f9e433; }
#MENU li#MENU02 a:hover,#MENU li#MENU02.menu-on a{ border-bottom:1px solid #0000ff; }
#MENU li#MENU03 a:hover,#MENU li#MENU03.menu-on a{ border-bottom:1px solid #ff2d96; }
#MENU li#MENU04 a:hover,#MENU li#MENU04.menu-on a{ border-bottom:1px solid #00d200; }
#MENU li#MENU05 a:hover,#MENU li#MENU05.menu-on a{ border-bottom:1px solid #909; }
#MENU li#MENU06 a:hover,#MENU li#MENU06.menu-on a{ border-bottom:1px solid #fd9302; }

ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em 5em 0 0; }
ul.modori li a{ display:inline; text-decoration:none; border-bottom:2px solid #b8b8b8; }
ul.modori li a:link,ul.modori li a:visited{ color:#5a5a85; }
ul.modori li a:hover{ color:#999; border-bottom:2px solid #5a5a85; }


#FOOTER{ font-size:88%; text-align:right; color:#e0e0e0; margin:0; padding:5px 1em; background:#8f8f8f; clear:both; }
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#e0e0e0; text-decoration:none; }
#FOOTER a:hover{ color:#fff; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }


h3,h4{ font-weight:bold; font-family:Helvetica,Arial,sans-serif; }
h5,h6{ margin:1em 0 0.4em; font-size:100%; }
h2{ font:bold 122% Helvetica,Arial,sans-serif; letter-spacing:1pt; margin:0.5em 0; color:#5a5a85; }
h3{ font-size:112%; margin:1.2em -10px 0.4em; padding:0 7px; border-left:3px solid #9ac87b; }
h4{ font-size:102%; margin:1.2em 0 0.4em; }
h5{ font-weight:bold; }
h6{ text-align:right; }



hr{ display:none; }

img{ border:none; }

address{ }

em{ font-weight:bold; color:#82a302; border-bottom:2px solid #ddd; }

strong{ font-weight:bold; color:#444; border-bottom:3px double #e50066; }

ins{ text-decoration:underline; border-bottom:1px dotted #ccc; }

del{ text-decoration:line-through; }

q,cite{ border-bottom:1px dotted #999; }

sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }

tt{ font-family:monospace; } 
b{ font-weight:bold; } 
i{ font-style:oblique; }
big{ font-size:115%; } 
small{ font-size:84%; } 

#MEMO ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#MEMO ol li{ padding:0; }


#MEMO ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#MEMO li{ padding:0; }

#MEMO dl{ list-style-position:inside; padding:5px; }
#MEMO dt{ font-weight:bold; padding:0; border-bottom:1px dotted #ccc; }
#MEMO dd{ padding:0 5px; margin:0 0 0 0.7em; }


p{ margin:0 0 0.4em; }

blockquote{ border:1px solid #d5d5d5; margin:0.5em 1em; padding:5px; }

pre{ background:#f3f3f3; color:#505050; margin:0.5em 1em; padding:5px; }


/* for example */
.con{
padding:5px;
border-color:#ffffff;
background-color:#e1f1ff;
border-width:1px;
border-style:solid;
width:245px;
float:left;
}

.box1{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
width:500px;
}

.box2{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:pink;
width:240px;
}

.box4{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#ccffcc;
width:260px;
float:left;
}

.box3{
padding:10px;
width:280px;
float:left;
}


.yoko{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#cdddff;
width:450px;
}


.yoko2{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#ffdddd;
width:450px;
}



