@charset "Shift_JIS";



a { color: #0000FF; }

a:hover { color: #0033FF; }

img {border: none;}

p{margin: 0;}



body {

  text-align: center;

  font-family: "ＭＳ ゴシック", sans-serif;

  background: #FFEBA6 url(../img/body_bg.gif) repeat center top ;

  font-size: 14px;

  line-height: 150%;

  margin: 0;

}

* html body {

	padding-left: 1px;

}

*:first-child+html body {

	padding-left: 1px;

}  



/* 各タイトル */

.title_conts {

  background: url(../img/h2.gif) left top no-repeat;

  border-bottom: #E2DEDF 1px solid;

  margin: 0 0 4px 0;

  padding: 1px 0 3px 14px;

  font-size: 22px;

  font-weight: bold;

  line-height: 120%;

  color: #000;

}

.title_cap {

  background: url(../img/h3.gif) no-repeat left 4px;

  padding: 3px 0 0 25px;

  margin: 0;

  font-size: 18px;

  font-weight: bold;

  min-height: 20px;

}

.title_01 {

  background: url(../img/h4.gif) no-repeat 5px 9px;

  padding: 4px 0 4px 22px;

  font-size: 16px;

  font-weight: bold;

  margin: 0;

}

.title_02 {

  background: #EAEAEA url(../img/chek.gif) 8px 8px no-repeat;

  font-weight: bold;

  font-size:14px;

  padding: 4px 24px 2px 24px;

  margin: 0 12px 2px 12px;

}

.title_02 a { color: #333; }

.title_02 a:hover { color: #CC0033; }



/* ヘッダー */



#header {

  height: 180px;

  margin: 0 auto;

  padding: 0;

  text-align: left;

  background: #179CD5 url(../img/header_bg.jpg) no-repeat left top;

  line-height: 100%;

  border-bottom: 6px solid #FFA6C2;

}

#headerTitle {

  margin:0;

  padding: 36px 0 8px 38px;

  font-weight: bold;

  font-size: 16px;

}

#headerTitle a{

	color:#000;

	text-decoration:none;

}

#headerTitle a:hover{

	color:#FFFFCC;

	text-decoration:underline;

}

#headerText {

  margin:0;

  padding: 0 0 8px 38px;

  font-size: 12px;

  color: #000;

}





/* コンテンツエリア */



#wrapper {

  background: #FFF url(../img/wrapper_bg.gif) center top repeat-y;

  width: 800px;

  _width: 816px;

  margin: 0 auto;

  padding: 0 8px;

  text-align: center;

}

#container {

  background: #FFF url(../img/container_bg.gif) center top repeat-y;

  width: 774px;

  _width: 800px;

  margin: 0 auto;

  clear: left;

  padding: 20px 11px 0 15px;

}

#contents {

  text-align: left;

  float: left;

  width: 560px;

  font-size: 13px;

}

#contents #pankuzu {

  font-size: 12px;

  color: #999;

  margin: 0 0 4px 0;

  padding: 0;

}

#pankuzu a { color: #000; }

#pankuzu a:hover { color: #33CCFF; }



#contents .categoryTitle {

  font-weight: bold;

  background-color: #FDEFC4;

  padding: 4px 6px;

  margin: 0 12px 8px 12px;

}

#contents .area { margin: 0 18px 18px 18px; }

#top_link {

  text-align: right;

  font-size: 12px;

  margin: 0;

  padding: 0 0 8px 0;

}

#top_link a { color: #000; }

#top_link a:hover { color: #33CCFF; }





/* カテゴリページ */



.relation {

  margin: 0 24px 12px 14px;

  list-style: none;

}

.relation .title {

  background: url(../img/menuC_icon.gif) no-repeat 0px 6px;

  font-weight: bold;

  padding: 0 0 0 14px;

  margin: 0;

  font-size: 12px;

}

.relation .title a { color: #000; }

.relation .title a:hover {

  color: #33CCFF;

  text-decoration: none;

}

.relation .text {

  font-size: 12px;

  line-height: 130%;

  color: #666;

  margin: 0 0 0 14px;

}

.relation .text a { color: #0000FF; }

.relation .text a:hover { color: #0033FF; }



/* サイドバーエリア */



#sidebar {

  width: 190px;

  text-align: left;

  float: right;

}

#sidebar ul {

  padding: 0;

  list-style: outside none none;

  display: block;

  margin: 0 0 20px 0;

}

#sidebar li {

  padding: 0;

  margin: 0 0 4px 0;

}

#sidebar .title {

  background: #FF4675 url(../img/menu_title.gif) no-repeat left top;

  padding: 4px 8px 6px 20px;

  font-weight: bold;

  margin: 0 0 4px 0;

  font-size: 13px;

}

#sidebar .title a { 

  color:#FFF;

  text-decoration: none; 

}

#sidebar .title a:hover {

  color: #CCFFFF;

  text-decoration: underline;

}

#sidebar ul a {

  display: block;

  width: 162px;

  _width: 190px;

  font-size: 12px;

}

.menuA a { color: #000; }

.menuA ul a {

  background: #FEE0E4 url(../img/menuA_icon.gif) no-repeat 6px 11px;

  padding: 5px 4px 4px 24px;

  color: #000;

}

.menuA ul a:hover { 

  background: #FEEFF1 url(../img/menuA_icon.gif) no-repeat 6px 11px;

  padding: 5px 4px 4px 24px;

  color: #33CCFF;

}

.menuB a { color: #000; }

.menuB ul a {

  background: #8ACEC1 url(../img/menuB_icon.gif) no-repeat 4px 10px;

  padding: 4px 4px 4px 16px;

}

.menuB ul a:hover { background-color: #FF0000; }

.menuC a { color: #000; }

.menuC ul a {

  background: url(../img/menuC_icon.gif) no-repeat 6px 9px;

  padding: 4px 0 4px 20px;

  color: #000;

}

.menuC ul a:hover { color: #3399FF; }





/* サイトマップ用 */

.sitemap {

  margin: 0 0 16px 0;

  list-style: outside none none;

  padding: 0;

}

.sitemap .title {

  font-weight: bold;

  color: #EAEAEA;

  padding: 2px 8px 4px 10px;

  margin: 0 0 6px 0;

  background-color: #EEE;

}

.sitemap .title a { color: #3399FF; }

.sitemap .title a:hover {

  color: #FF0000;

  text-decoration: none;

}

.sitemap .text { margin: 0 0 4px 16px; }

.sitemap .text a { color: #006699; }

.sitemap .text a:hover {

  color: #3399FF;

  text-decoration: none;

}



/* フッターエリア */



#footer {

  background:#F25974 url(../img/footer_bg.gif) center top repeat-y;

  width: 800px;

  _width: 816px;

  margin:0 auto;

  text-align: center;

  padding: 0 8px;

}

#footer .text {

  margin:0;

  padding: 16px 0 0 0;

  font-size: 11px;

  color: #EEE;

  text-align: center;

}

#footer #copyright {

  color: #EEE;

  margin: 0;

  padding: 0 0 10px 0;

  font-size: 11px;

  text-align:center;

}


.black {
    margin: 1.5em 0;
    font-weight: bold;
    color: #000;
}

.red {
    margin: 1.5em 0;
    font-weight: bold;
    color: #CC3300;
}

.blue {
    margin: 1.5em 0;
    font-weight: bold;
    color: #00B0F0;
}

.green {
    margin: 1.5em 0;
    font-weight: bold;
    color: #008B00;
}


.under {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #000;
}

.underred {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #D64809;
}
.underboldblue {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #0000CD;
}
.underblue {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #0033FF;
}
.underpurple {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #7030A0;
}

.underbold {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}

.underboldred {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #FF0000;
}

.impact {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #C8F8F9;
}