@charset "utf-8";

.message-box
{
  background-color:#FFFFFF;
  border:1px solid #BBBBBB;
  margin:20px 60px 15px;
  padding:      1em 0.5em;
}

.message-box.error-list
{
}

.message-box.compleate
{
  text-align : center;
  margin-bottom: 5em;
  background-color: #FFD;
  color:         red;
  border-color : red;
}

.message-box.compleate .message-title
{
  font-size   : 1.2em;
  margin-bottom : 1em;
}


/* 
 * コンテンツレイアウト
 */

.site-content
{
   overflow:    hidden;
   line-height: normal;
}

.site-content #side-area
{
  float:       left;
  width:       180px;
  background:  rgb( 237, 237, 237 );

  margin-bottom: -32767px; /*  float same height */
  padding-bottom: 32767px;
}

.site-content #main-area
{
  float:       right;
  width:       600px;
  background:  white;
}

/* 
 * カテゴリーメニュー
 */

#side-menu1,
#side-menu1 ul,
#side-menu1 li
{
  width:           180px;
  margin:          0;
  padding:         0;
}

#side-menu1 li a
{
  display:         block;
  margin:          0;
  padding:         10px 0;
  color:           white;
  background-image:    url(../images/bg-side-menu.gif);
  background-position: bottom left;
  background-repeat:   no-repeat;
}

#side-menu1 li a.lv1
{
  width:           170px;
  padding-left:    10px;
  padding-right:   0;
  font-weight:     bold;
}

#side-menu1 li a.lv2
{
  width:           174px;
  padding-left:    4px;
  padding-right:   2px;
  text-decoration: none;
}

#side-menu1 li a.lv3
{
  width:           174px;
  padding-left:    4px;
  padding-right:   2px;
  color:           black;
  background-image: none;
  text-decoration: none;
}

#side-menu1 li a.act,
#side-menu1 li a:hover
{
  background-image: url(../images/bg-side-menu_hover.gif);
  text-decoration: underline;
}

#side-menu1 li img.icon1
{
  margin-right:    2px;
}

#side-menu1 li img.icon2
{
  float:           left;
  margin-right:    3px;
  margin-bottom:   3px;
  vertical-align:  baseline;
}


/* 
 * メインコンテンツ
 */

#main-area div.lv0
{
  margin:          0 25px;
  padding:         0;
  line-height:     130%;
}

#main-area div.lv0 .box
{
  width:           542px;
  margin:          0;
  padding:         3px;
  border:          1px solid #bbbbbb;
}

#main-area div.lv0.box
{
  width:           540px;
  margin:          0 25px;
  padding:         3px;
  border:          1px solid #bbbbbb;
}

#main-area div.lv0 ul.box li.item
{
  line-height:     130%;
  margin:          1px;
  padding:         1px;
}


#main-area div.lv0 ul.box li.item span.marker
{
  color:           #cc0000;
  margin-right:    5px;
}

#main-area div.lv0 .category-path
{
  margin-top : 0px;
  margin-bottom : 20px;
}

#main-area div.lv0 .category-path p
{
  position:relative;
  top: 10px;
  font-size: 0.9em;
}

#main-area div.lv0 .box-header,
#main-area div.lv0 .box-footer
{ 
  padding : 2px 0;
}
#main-area div.lv0 .pager .result
{
  float:left;
}
#main-area div.lv0 .pager .navi
{
  float:right;
}

#main-area div.lv0 .pager a
{ 
  padding : 0 1px;
}

#main-area div.lv0 .box-footer .pager .result
{ 
  display : none;
}

#main-area #vote-form li
{
  padding: 1px 5px;
}

.site-content .bg-h2
{
  margin: 20px 25px 15px 25px;
  padding: 0px;
  border: 1px solid #BBBBBB;
  background-image: url( ../images/h2_bg.gif );
}

.site-content .bg-h2 h2
{
  margin: 0px;
  padding: 7px 20px;
  font-size: 125%;
  color: #990000;
  border: 1px solid #FFFFFF;
  background-image: url( ../images/h2_point.gif );
  background-repeat: no-repeat;
  background-position: left center; 
}

.site-content h3
{
  margin: 0px 25px 10px 25px;
  padding: 5px 24px;
  font-size: 110%;
  background-color: #EEEEEE;
  background-image: url( ../images/h3_point.gif );
  background-repeat: no-repeat;
  background-position: left center; 
}

.site-content .information 
{
  background-color:#FFFFFF;
  border:1px solid #BBBBBB;
  margin:20px 60px 15px;
  padding:      1em 0.5em;
}
.site-content .information-gray
{
  background-color: #EEEEEE;
  border:         1px solid #BBBBBB;
  margin:       20px 25px 15px;
  padding:      1em 0.5em;
}

.site-content .form-box
{
  background-color:#FFFFFF;
  border:1px solid #BBBBBB;
  margin:20px 60px 15px;
  padding:0;
}

.site-content .form-box table
{
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
}

.site-content .form-box table th
{
  background:#F5F5F5 none repeat scroll 0 0;
  border-color:#E3E3E3;
  border-style:solid;
  border-width:0 0 1px 1px;
  font-weight:bold;
  line-height:120%;
  padding:5px;
  vertical-align: top;
  text-align:left;
  width : 164px;
  
}

.site-content .form-box table td
{
  border:1px solid #E3E3E3;
  padding:5px;
  text-align:left;
}

.site-content .form-button
{
  width: 100%;
  margin-bottom: 2em;
}

.site-content .form-button td
{
}

.site-content .form-button .center
{
  text-align:center ;
}

.site-content .form-button input
{
  padding      0;
  margin:     10px 20px;
  width:      100px;
  height:     30px;
}


#search-box #word,
#advanced-searc-box #word
{
  width:350px;
}

#advanced-searc-box fieldset
{
  padding: 10px;
}


.site-content #enquete
{
  text-align: center;
}
.site-content #enquete .notice
{
  margin:      1em auto;
  color:       #E53900;
  font-size:   large;
  font-weight: bold;
}



/*
 * 電話問合せの関連 FAQ 一覧
 */
 
#dialog_related_faq h3
{
}

#dialog_related_faq .message-box
{
  margin: 10px 30px;
}

#dialog_related_faq div.lv0
{
  margin:          0 25px;
  padding:         0;
  line-height:     130%;
}

#dialog_related_faq div.lv0 .box
{
  width:           542px;
  margin:          0;
  padding:         3px;
  border:          1px solid #bbbbbb;
}

#dialog_related_faq div.lv0 ul.box li.item
{
  line-height:     130%;
  margin:          1px;
  padding:         1px;
}

#dialog_related_faq div.lv0 ul.box li.item span.marker
{
  color:           #cc0000;
  margin-right:    5px;
}

#push-action-notice div.lv0.box
{
  margin-top:10px;
  padding: 10px 3px;
  background: none repeat scroll 0 0 #FFFFCC;
}

#push-action-notice span.marker
{
    color: #CC0000;
}