@charset 'UTF-8';       /* -*- coding: utf-8 -*- */
@import 'lib/365.css';

body {
  background: #ffffff url( img/backcolor-stripe.png );
}

#header, #body, #footer {
  width:      900px;
  background: white;
  padding:    0 9px;
}
*html body #body {
  width: 902px;
}

#header .site-logo {
}
#header .bannerL {
}
#footer-top {
  width: 90%;
}

/*
 * menu
 */
#menu {
  width:        140px;
  float:        left;
  margin-right: 10px;
  overflow:     show;
}
* html #menu {
  overflow: hidden;
}
#menu a {
  color:   #336699;
}
#menu h2 {
  font-size:     100%;
  line-height:   0;
  margin-bottom: 0;
}
#menu h2 span {
  color:         white;
  background:    black;
  padding:       .3em;
  margin:        0;
}
#index {
  margin:          0;
  padding:         0;
  list-style-type: none;
  line-height:     0.8em;
  position:        relative;
  z-index:         10;
  background-color: #ffffff;
}
#index a {
  margin:  0;
  padding: 0;
}
#index li {
  margin:  0;
  padding: 0;
  clear: both;
}
#index ul {
  margin:  0;
  padding: 0;
}
#index img { 
  margin:  0;
  padding: 0;
  border:  none;
}
#index li ul {
  margin:          0;
  margin-left:     2em;
  padding:         0;
  list-style-type: none;
  font-size:       90%;
  line-height:     0.9em;
  list-style-image:    url( img/list-icon-menu.png );

}
#index li ul li {
  font-size:   .85em;
  font-weight: bold;
}
#index li ul li a {
  display:          block;
  padding:          .3em;
  padding-left:     0em;
  text-decoration:  none;
  color:            #000000;
}
#index li ul li a:hover {
  color:        #FF6600;
  text-decoration:  none;
}
#index li ul li a img {
  margin-top:   .5em;
  margin-right: .5em;
  float:        left;
}
#index li ul li span {
  font-size:     0.7em;
}
/*.brides-logo {
  display:       block;
  font-size:     .5em;
  width:         4.5em;
  margin-top:    .3em;
  padding-right: 1em;
  float:         left;
  line-height:   1.1em;
}*/

* html #index li {
  margin-bottom:   -3px;
}
* html #index li ul {
  margin-top:    -4px;
  margin-bottom: 3px;
}
* html #index li ul li {
  margin-top:    2px;
  margin-bottom: -0px;
}

#barcode {
  text-align: center;
  font-size:  x-small;
}
#barcode img {
  border:  1px solid #909090;
  padding: 0;
}
#groupcompany ul {
  font-size:    small;
  margin-left:  0;
  padding-left: 1.5em;
}



/*
 * topics
 */
.caption {
  font-weight: bold;
/*
  font-family: 'ヒラギノ角ゴ Pro W6', sans-serif;
*/
  font-family: sans-serif;
  color:       #202020;
}
.tagline {
}
.content {
}
.site {
  font-size: 80%;
  color:     black;
}
a:hover .site {
  color: #ff6600;
}
.modified {
  font-family: Georgia;
}
.topics-img {
}
.topics-text {
}
#topics {
  float:        left;
  width:        510px;
  margin-right: 20px;
  position:     relative;
  z-index:      2;
}
#topics h2 {
  display: none;
}
#topics h2 {
  font-size:    medium;
  line-height:  1em;
  margin:       .5em 0;
  padding:      .25em 1em;
  background:   #e3e3e3 url( img/midashi02-line510.png ) repeat-x;
  position:     relative;
}
#notice {
  color:     red;
  font-size: medium;
}
#notice a {
  text-decoration: none;
}
#notice a:link, #notice a:visited {
  color: #f00000;
}
#notice a:hover {
  color: #ff7676;
}
#notice ul {
  margin:          0;
  padding-left:    1.5em;
  list-style-type: none;
  margin-bottom:   0.5em;
}
  /* whatsnew */
  #whatsnew {
    font-size:     medium;
    border-bottom: 1px solid #c0c0c0;
    position:      relative;
    zoom:          100%;
  }
  #whatsnew h2 {
    display: block;
  }
  #whatsnew p {
    margin:      0;
    line-height: 1.3em;
    float:       left;
  }
  #whatsnew p.modified {
    float:         none;
    margin-bottom: .5em;
    width:         250px;
    margin-right:  5px;
    float:         left;
  }
  #whatsnew h2 p.modified {
    font-weight: normal;
    position:    absolute;
    font-size:   95%;
    top:         0.25em;
    right:       0;
    float:       none;
    clear:       both;
    text-align:  right;
  }
  #whatsnew h2 a {
    text-decoration: none;
    color:           #e38859;
    font-weight:     bold;
    font-family:     "Arial Black", sans-serif;
    font-size:       14px;
  }
  #whatsnew .topics-img a,
  #whatsnew .topics-text a {
    display: block;
  }
  #whatsnew .topics-img {
    display:      block;
    float:        left;
    margin-right: 3px;
  }
  #whatsnew .topics-img img {
    border:  1px solid #e0e0e0;
    padding: 2px;
  }
  #whatsnew .topics-text {
    width: 198px;
  }
  #whatsnew .whatsnew-pickup {
    margin-bottom: 16px;
  }
  #whatsnew .whatsnew-pickup p {
    line-height: 1.6em;
  }
  #whatsnew .whatsnew-pickup .caption {
    margin-bottom:   .5em;
  }
  #whatsnew .whatsnew-pickup .site {
    margin-top: .3em;
  }
  #whatsnew .whatsnew-pickup .topics-text {
    width: 166px;
  }
  #whatsnew .topics-column {
    width:         250px;
    padding-right: 5px;
    float:         left;
  }
  .topics-text .caption {
    display: block;
  }
  #whatsnew .topics-text .content {
    display:   block;
    font-size: 90%;
  }
  #whatsnew .topics-text .site {
    display:    block;
    text-align: right;
  }
  .whatsnew-pickup .caption {
    font-size: 110%;
  }
  #whatsnew .whatsnew-pickup .topics-img {
    width: 80px;
    float: left;
  }
  #whatsnew .item {
    clear: both;
    margin-bottom: 8px;
  }
  #whatsnew .item p.topics-img a:hover,
  #whatsnew .item p.topics-text a:hover {
    background: #f9f9ff;
  }
  #whatsnew .item p.topics-text a:hover span.caption {
    color: #ff6600;
  }
  #whatsnew .license-display {
    font-size:  x-small;
    background: rgb(237,255,240);
    border:     1px solid #d0d0d0;
    position:   absolute;
    bottom:     -2em;
    right:      0;
    display:    none;
  }
  #whatsnew .license-display ul {
    margin: 0;
  }
  /* topics small */
  #topics-small {
    margin-top: 1.2em;
    font-size:  small;
    color:      #404040;
  }
  #topics-small ul {
    margin:       0;
    padding-left: 1.5em;
    line-height:  1.3em;
  }
  #topics-small a:hover {
    background: #f9f9ff;
  }
  #topics-small .site {
    margin-left: 1em;
  }
  /* topics large */
  #topics-large-container {
    clear:      both;
    margin-top: 0.8em;
    font-size:  large;
  }
  #topics-large-container h2 {
    display: block;
  }
  .topics-large {
    text-align: center;
    border:     none;
    margin-bottom: 5px;
  }
  .topics-img-plus-text{
    width:        470px;
    border:       1px solid #c0c0c0;
    text-align:   left;
    margin-right: auto;
    margin-left:  auto;
    width:        470px;
    height:       auto;
    background-image: url(ad/enkai08-09_back.jpg);
    background-repeat: repeat-y;
    background-position: top right;
  }
    .topics-img-plus-text img{
    float:        left;
    width:        247px;
    }
    .topics-img-plus-text .caption {
    font-size:   110%;
    color  :     #741100;
    padding:     6px;
    width:       211px;
    display:     block;
    float:       left;
    }
    .topics-img-plus-text a:hover span.caption {
    color: #fe0036;
    }
    .topics-img-plus-text .content{
    display:     block;
    font-size:   85%;
    padding:     0 6px 6px 6px;
    width:       211px;
    height:      auto;
    float:       right;
    }
    .topics-img-plus-text a:hover span.content{
    color: #fe0036;
    }
  /*
    .topics-img-plus-text .site {
      display:    block;
      text-align: right;
    }
    .topics-large .topics-img {
      width:      400px;
      float:      left;
    }
  */
  
  /* bannerL */
  #topics .bannerL {
    float:      none;
    clear:      both;
    margin:     15px 0 0 0;
    padding:    0;
    text-align: center;
    width:      100%;
  }
  #topics .bannerL ul {
    margin:     0;
    padding:    0;
    list-style: none;
  }
  #topics .bannerL li {
    margin:      0;
    padding:     0 0 15px 0;
    line-height: 0;
  }
  
  
  
  /* topic-medium */ 
  #contents-guide {
    font-size:   small;
    line-height: 1.4em;
  }
  #contents-guide h2 {
    display:     block;
    font-weight: bold;
  }
   
  #contents-guide p.guide_blank {
    margin:0;
    padding:0;
    width:  510px;
    height: 4px;
  }
  
  #contents-guide .topics-column {
	overflow:  hidden;
	/*float:     left;*/
	/*background:transparent url(./img/bg_dot._g.gif) repeat scroll 0 0;*/
	margin-bottom:  4px;
	border: 1px solid #CFBEB5;
  }
  
  #contents-guide .topics-column .item {
    overflow:  hidden;
    padding-top:      8px;
    padding-left:     7px;
    padding-right:    8px;
    padding-bottom:   6px;
    width:            493px;
  }
  
  #contents-guide .topics-column .item p,
  h3 {
    padding:   0;
    margin:     0;    
  }
  
  #contents-guide .topics-column .item .site_title {
    background-color:  #EFEAE0;
    margin-bottom:      7px;
  }
  
  #contents-guide .topics-column .item .site_title span {
    font-size:   130%;
    font-weight: bold;
  }
  
  #contents-guide .topics-column .item .photo_box {
    float: left;
    width:  120px;
    height: auto;
    text-align:   center;
  }
  
  #contents-guide .topics-column .item .photo_box a img {
    margin: auto;
    padding: 5px;
    border:  1px solid #cccccc;
  }

  #contents-guide .topics-column .item .text_box {
    float: right;
    width:  358px;
  }
  
  #contents-guide .topics-column .item .text_box .site_title{
    padding-bottom: 10px;
    font-size:    20px;
  }

  #contents-guide .topics-column .btn_detail {
	width:          490px;
	text-align:     right;
	margin:         0;
	padding-bottom: 4px;
  }
  
  
  
  
  
  
  #contents-guide table {
	width:  510px;
	margin-bottom:  7px;
	border:1px solid #CFBEB5;
  }
  
  #contents-guide td,
  #contents-guide th {
	padding: 0;
	margin:0;
  }
  
  #contents-guide p.site_name {
	margin:           8px 0 7px 0;
	padding-left:     5px;
	height:           27px;
	background-color: #EFEAE0;
	text-align:       left;
	font-size:        130%;
  }
  
  #contents-guide td.img {
	text-align:center;
  }
  
  #contents-guide td.img a img {
	border:1px solid #CCCCCC;
	margin:auto;
	padding:5px;
  }
  
  #contents-guide td {
	vertical-align:top;
  }
  
  #contents-guide td p.content_text {
	margin:  0 7px 4px 0;
  }
  
 



/*
 * pr
 */
#pr {
  width:       200px;
  margin-left: 680px;
  text-align:  center;
}
#pr h2 {
  display: none;
}
#pr ul {
  margin:     0;
  padding:    0;
  list-style: none;
}
#pr ul li {
  margin:  0 0 10px 0;
  padding: 0;
}
#areablog iframe {
  width: 200px;
}

#weather {
  padding: 10px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #cccccc;
}
#weather iframe {
  width: 180px;
  overflow: hidden;
}