html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;font-size:100%; vertical-align:baseline;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;}
.clear { clear:both; display:block;} 

body {background:#ccc;width:100%;line-height:1;
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
border-top:20px solid #454F58;
}


#container{width:1000px;font-size:18px;margin: 0 auto; position:relative;}

#header{clear:both;height:120px;margin:0px 0px 0px 14px;}



#breadcrumb{height:30px; width:100%;}
#breadcrumb ul{ margin:0 5px 0 5px; padding:0; height:30px;}
#breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px; display:inline;}
#breadcrumb ul li a{font:12px; color:#666666; text-decoration:none; line-height:30px; display:block;padding:0 17px 0 15px; }
#breadcrumb ul li a:hover {text-decoration:underline; color:#FF0033;}
#breadcrumb ul li a.active{background:none; color:#FF0033;}
#breadcrumb ul li a.active:hover {text-decoration:none;color:#FF0033;}


#maincont{margin:14px 14px 28px 14px;line-height:120%;float:left;color:#000;background:#fff;}

#sidebar{margin:14px 5px 28px 5px;margin-top:14px;float:left;}
.footer{margin:30px 5px 28px 5px;clear:both;font-size:16px;text-align:center;}

/* ■コンテンツ */
h1{font-size:24px;margin:20px 0px 20px 0px;}
img{margin:6px;float:left;}

.cont{margin:0px 10px 15px 15px;clear:both;width:680px;}
.cont p{padding:15px;}

.pointlist{margin:5px 5px 5px 5px;padding:10px;border-left:5px dotted #999;}

.fontbig{font:24px bold;}


.cap{margin:15px 5px 5px 20px;border-left:5px solid #FF0000;border-bottom:1px dotted #999;}

.waku{margin:20px;border:1px solid #999;overflow:auto;}

.backgray{background:#CCCCCC;}
.backred{background:#E03F1D;}
.backblue{background:#003F5E;}
.backlime{background:#FFCC33;}

.red{color:#E03F1D;font-weight:bold; }
.blue{color:#003F5E;font-weight:bold; }
.lime{color:#FFCC33;font-weight:bold;}
.white{color:#ffffff;font-weight:bold;}

.bold{font-weight: bold;}

.txt-L{text-align:left;}
.txt-R{text-align:right;}
.txt-C{text-align:center;}

.floatL{float:left;}
.floatR{float:right;display:block;}

.bor-solid{border:4px #999 solid;padding:3px;margin:10px;}
.bor-double{border:4px #999 double;padding:3px;margin:10px;}
.bor-ddotted{border:4px #999 dotted;padding:3px;margin:10px;}
.bor-ddashed{border:4px #999 dashed;padding:3px;margin:10px;}

.bottom-dted{border-bottom:4px #999 dotted;padding:3px;margin:10px;}

.divcenter{margin:20px auto;width:100px;border:3px solid #FF0000;}


table{margin:10px auto;border:1px #999 solid;background:#F2F4E3;} 
td{padding:5px;border:1px #999 solid;vertical-align:top;} 


/* ■サイドバー */
#sidebar p{padding:10px;}

.menu{padding:0px;border:0px solid #999;}
.menu2{padding:0px;border-left:0px solid #999;}



.menulistcap{background:#2D2222;font-size:16px;padding:5px;}

#sidebar ul {line-height:150%;
font-size:16px;
margin:0px 0px 10px 0px; 
padding:10px 3px 5px 10px; 
list-style-type:none; 
}

#sidebar li {
background: url(http://hakuk.minuto.org/img/list.gif) no-repeat 3px 0.5em;
padding :0; 
margin:3px 0px;
}

#sidebar li a {
padding-left:15px;
padding-bottom:15px;
width:8em;
margin:1px 0px;
height:2em;color:#fff;
}

#sidebar li a:hover {
text-decoration:none;
color:#557;
width:120px; 
margin:1px 0px;
padding-left:15px;
height:2em;
}




#sidebar a{color:#fff;text-decoration:none;}


/* global styling to apply to all columns
.sg-1, .sg-2, .sg-3, .sg-4, .sg-5, .sg-6, .sg-7, .sg-8, .sg-9, .sg-10, .sg-11, .sg-12, .sg-13, .sg-14, .sg-15, .sg-16, .sg-17, .sg-18, .sg-19, .sg-20, .sg-21, .sg-22, .sg-23, .sg-24, .sg-25, .sg-26, .sg-27, .sg-28, .sg-29, .sg-30, .sg-31, .sg-32, .sg-33, .sg-34, .sg-35
{margin:0px 14px 28px 14px; float:left; /* for RTL change float to 'right' */ }
 */
 


.sgParent{margin:0px;}

/* essential: width for all columns */
.sg-1{width:28px} .sg-2{width:56px} .sg-3{width:84px} .sg-4{width:112px} .sg-5{width:140px} .sg-6{width:168px} .sg-7{width:196px} .sg-8{width:224px} .sg-9{width:252px} .sg-10{width:280px} .sg-11{width:308px} .sg-12{width:336px} .sg-13{width:364px} .sg-14{width:392px} .sg-15{width:420px} .sg-16{width:448px} .sg-17{width:476px} .sg-18{width:504px} .sg-19{width:532px} .sg-20{width:560px} .sg-21{width:588px} .sg-22{width:616px} .sg-23{width:644px} .sg-24{width:672px} .sg-25{width:700px} .sg-26{width:728px} .sg-27{width:756px} .sg-28{width:784px} .sg-29{width:812px} .sg-30{width:840px} .sg-31{width:868px} .sg-32{width:896px} .sg-33{width:924px} .sg-34{width:952px} .sg-35{width:980px}


/* add a dividing border to the right or left simply by addiing one of these classes to a div */
.borderRight{border-right:1px solid #222; margin-right:0px; padding-right:13px;}
.borderLeft  {border-left:1px solid #222; margin-left:0px; padding-left:13px;}