@charset "utf-8";
@import "reset.css";

/* --------------------------
  main.css
  made by white crown
  last modified at 09-02-10

  used to
  index.html

  ---------------------------

  #ground
   #ground_inner

    #header
     #logo
     #top_menu

    #flash_area

    #main
     #contents
      #subtitle
      #topics-news

     #sidebar
      .menu

    #footer

-------------------------- */

/*------------タグ名*/
body {
  background:url(../images/body_back.jpg) repeat-x;
  margin-top:0px;
  font-size:85%;
  color:#666;
	line-height:150%;
  letter-spacing:0.1em;
}

h1 {
  margin:0px;
  padding:0px;
}

h2 {
  display:none;
}

h3 {
  margin:20px 0 20px 0;
}

ul {
  list-style-type:none;
}

img {
  border:0px;
}

/*------------大枠レイアウト*/
#ground {
  background:#FFFFFF;
  width:900px;
  margin-left:auto;
  margin-right:auto;
  border-left:#000000 1px solid;
  border-right:#000000 1px solid;
}

#ground_inner {
  margin:0px;
  padding:0px;
}

/*-----------header*/
#header {
  background:url(../images/h1_border.jpg) no-repeat;
  width:898px;
  height:88px;
  margin:0px;
  overflow:hidden;
}

#header #top_menu {
  width:476px;
  margin:42px 5px 0 0;
  float:right;
  overflow:hidden;
}

#top_menu_mobile {
  width:425px;
  margin:5px 5px 0 auto;
  float:right;
  overflow:hidden;
}

#header #top_menu p{
}

.header_border {
  margin:0px;
}

#top_menu img,
#top_menu_mobile img {
  border:0px;
}

#top_menu ul ,
#top_menu_mobile ul{
  list-style-type:none;
}

#top_menu_mobile ul{
  margin:0 5px 0 0;
}

#top_menu li ,
#top_menu_mobile ul li {
  float:right;
}

#top_menu p img ,
#top_menu_mobile p img{
  margin-top:2px;
}

#logo {
  width:400px;
  margin-top:5px;
  float:left;
}

/*-----------main,contents,sidebarの位置指定*/
#main {
  width:900px;
  background:url(../images/main_back.jpg) repeat-y;
  margin:0;
  padding:0;
  overflow:hidden;
	border-top:3px solid #333;
}

#contents {
  width:665px;
  margin:10px 0 0 15px;
  float:right;
}

#sidebar {
  width:220px;
  margin:0;
  padding:0;
  float:left;
}

/*-----------contents内「トピックス＆お知らせ」タイトルの指定*/
#contents .subtitle {
  width:629px;
  margin:0 0 0 0;
  overflow:hidden;
}

#contents .subtitle h3 {
  float:left;
  margin:5px 0 5px 0;
}

#contents .subtitle ul {
  float:right;
}

#contents .subtitle li {
  margin:5px 0 0 10px;
  float:left;
}

/*-----------topics-news*/
#topics-news {
  width:640px;
  height:304px;
  margin:14px 0 10px 0;
  border:#999999 1px solid;
  overflow:scroll;
}

#topics-news dl {
  margin:15px;
  overflow:hidden;
}

#topics-news dt {
  float:left;
}

#topics-news dd {
  margin-bottom:10px;
  padding:0 0 5px 0;
  border-bottom:#999999 1px dashed;
}

#topics-news dd a {
  margin-left:20px;
  color:#428DDC;
}

#topics-news dd a:hover {
  color:#FF3399;
}

/*-----------bannersarea*/
.bannersarea {
  width:650px;
  margin:14px 0 14px 0;
}

.bannersarea ul {
  margin:8px 4px 8px 4px;
  overflow:hidden;
}

.bannersarea li {
  margin-right:3px;
  float:left;
}

/*-------------sidebar*/
#sidebar {
  width:220px;
  margin:0px;
  padding:0 0 20px 0;
}

.menu {
  width:200px;
  margin:10px 0 0 10px;
  padding:0px;
}

.menu h3 {
  margin:0px;
  padding:0px;
}

.menu ul {
  margin:0px;
  padding:0px;
}

.menu li {
  margin:0px;
  padding:0px;
}

.menu li img {
  margin:0px;
  padding:0px;
  vertical-align:top;
}

.menu p {
  text-align:center;
  font-size:80%;
  letter-spacing:0;
  line-height:130%;
  margin:5px 0 5px 0;
}
.menu p a {
  color:#428DDC;
}

.menu p a:hover {
  color:#FF3399;
}

/*-------------footer*/
#footer {
  width:898px;
  background:#FFFFFF;
  border-top:#CCCCCC 1px solid;
  overflow:hidden;
}

#footer p {
  margin:5px 3px 20px 0;
  float:right;
}