@charset "UTF-8";

/***** common *****/

body {
margin:0;
padding:0;
text-align:center;
background:#fff url('/siteparts/bg.gif');
color:#444;
}

body,th,td,li,div { font:14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
form,input,textarea { font:14px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,form{
margin:0;
padding:0;
font-size:100%;
}

.clear{
clear:both;
height:0;
line-height:0;
}

.clear hr { display:none; }
.b { font-weight:bold; }
.red { color:#f00; }
img { border:none; }


/***** links *****/

a{text-decoration:none;}
a:link{color:#36c;}
a:active,
a:visited{color:#369;}
a:hover{color:#f50;}

/***** layout *****/

#wrap{
width:780px;
margin:0 auto;
padding:10px 0;
text-align:left;
background:#fff;
border-left:solid 1px #999;
border-right:solid 1px #999;
}
#innerWrap { padding:0 13px; }
#bodyWrap,#mainWrap,#sideWrap { overflow:hidden; }
#bodyWrap { width:750px; margin:15px; }
#mainWrap { width:490px; float:left; }
#sideWrap { width:250px; padding-top:15px; float:right; border-top:solid 5px #39c; }

/***** header *****/

#headline{
padding:2px 0;
color:#030;
border-top:dotted 2px #f90;
border-bottom:dotted 2px #f90;
background:#fc0;
}

#headline h1,#headline h2{
padding:0 13px;
font-size:12px;
line-height:20px;
display:inline;
}

#headline h2 { font-weight:normal; }

#title,#headAd { margin:10px 0; }

#title{
width:234px;
margin-left:10px;
float:left;
}

#headAd { margin-left:270px; }

/***** global navi *****/

#gNavi{
clear:both;
margin:15px 0 0;
padding:0 5px;
font-size:12px;
line-height:24px;
background:#efefef;
border-top:solid 1px #ccc;
}

#gNavi form { padding-right:10px; float:right; }
#gNavi form input { font-size:12px; }
#gNavi form input.ti { width:150px; }

#gNavi p{
list-style:none;
display:inline;
padding:0 0 0 10px;
font-size:12px;
line-height:24px;
}

#gNavi p a{
padding-left:12px;
background:url('/siteparts/pointBlue.gif') left no-repeat;
}

#gNavi p a:hover { background:url('/siteparts/pointOrange.gif') left no-repeat; }


/***** side bar *****/

.moduleTitle { margin-bottom:5px; font-weight:bold; border-bottom:double 3px #ccc; }
.moduleWrap { margin-bottom:15px; padding-left:18px; }
.moduleWrap ul { margin:0 0 5px 15px; padding:0; font-size:12px; }
.moduleWrap a { border-bottom-style:dotted; border-bottom-width:1px; }
.moduleWrap a:link { border-bottom-color:#36c; }
.moduleWrap a:active,
.moduleWrap a:visited { border-bottom-color:#369; }
.moduleWrap a:hover { border-bottom-color:#f50; }

/***** footer *****/

#footer{
clear:both;
margin:15px 15px 0;
padding:20px 0 10px;
text-align:center;
border-top:double 3px #ccc;
}

#footer address{
font-style:normal;
font-size:12px;
}

/***** category *****/

.CATpoint { border-top-color:#fc0; }
.CATbasic { border-top-color:#c90; }
.CATreference, .CATref1, .CATref2, .CATref3, .CATref4, .CATcolor { border-top-color:#9c0; }
.CAT2column { border-top-color:#f99; }
.CAT3column { border-top-color:#c63; }
.CATcause { border-top-color:#6cc; }
.CATxhtml { border-top-color:#c6c; }
.CATparts { border-top-color:#963; }
.CATwebpage { border-top-color:#9c3; }
.CATbooks { border-top-color:#66c; }
.CATinfo { border-top-color:#c6f; }
.CATsearch { border-top-color:#006; }

/***** topic path *****/

#topicPath { margin:3px 17px; list-style:none; }
#topicPath li { display:inline; font-size:12px; }