@charset "utf-8";

/* =========================================================
   Stylesheet
      for interview-measures (http://www.tobutown.jp/)
      Modified : 2008-01-30
========================================================= */

/* Global Selector */

* {
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 1.4;
 font-size: 14px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* Elements */

a {
 color: #000000;
 text-decoration: none;
}

p {
 color: #000000;
 line-height: 1.4;
}

th,
td,
table,
form, {
 color: #000000;
}


th,
td,
table, {
 border-style: solid;
}



/* Body Stractured Block */

body {
 background: #f2ffd6 url(img/back_image.jpg) top left repeat-x;
}

#container {
 margin: auto;
 width: 814px;
 background: url(img/backline.jpg) repeat-y;
}

#header {
 position: relative;
 width: 814px;
 height: 160px;
 background: url(img/header_back.jpg) no-repeat;
}

#global_navi {
 padding: 0 7px;
 width: 814px;
 height: 40px;
 background: url(img/gnavi_back.jpg) no-repeat;
}

#main {
 margin: auto;
 width: 800px;
 overflow: hidden;
 z-index: 10;
}

#footer {
 padding-top: 10px;
 clear: both;
 width: 814px;
 height: 40px;
 text-align: center;
 background: url(img/footer_back.jpg) no-repeat;
}


/* Header area */

#header h1 {
 position: absolute;
 top: 60px;
 left: 55px;
}

#header h1 a {
 display: block;
 width: 360px;
 height: 55px;
}


/* Global-navi area */

#global_navi ul {
 list-style-type: none;
}

#global_navi ul li {
 position: relative;
 float: left;
 width: 153px;
 height: 40px;
}

#global_navi ul li.gnavi_off {
 background: url(img/gnavi_off.jpg) no-repeat;
}

#global_navi ul li.gnavi_on {
 background: url(img/gnavi_on.jpg) no-repeat;
}

#global_navi ul li a {
 padding: 14px 0 0 50px;
 display: block;
 width: 103px;
 height: 26px;
 line-height: 100%;
 color: #FFFFFF;
 font-size: 14px;
}

#global_navi ul li.gnavi_off .dropdown {
 display: none;
}

#global_navi ul li.gnavi_on .dropdown {
 margin: 0;
 padding: 0;
 display: block;
 position: absolute;
}

#global_navi ul li.gnavi_on .dropdown ul li {
 margin: 0;
 padding: 0;
 float: none;
 width: 151px;
 height: 25px;
 min-height: 25px;
}

#global_navi ul li.gnavi_on .dropdown ul li a {
 margin: 0;
 padding: 8px 0 0 25px;
 border: 1px #333333 solid;
 width: 20em;
 height: 17px;
 color: #000000;
 background: #FFFFFF url(img/gnavi_sub_off.jpg) no-repeat;
 font-size: 12px;
}

#global_navi ul li.gnavi_on .dropdown ul li a:hover {
 margin: 0;
 border: 1px #333333 solid;
 width: 20em;
 height: 17px;
 background: #e6d7ae url(img/gnavi_sub_on.jpg) no-repeat;
}


/* Top-page area */

#top_content {
 margin: auto;
 width: 770px;
}

#top_content h2 {
 margin: 15px 0 10px 0;
 border-bottom: 1px #000000 dotted;
 font-size: 16px;
}

#top_content .about {
 margin: auto;
 width: 700px;
 overflow: hidden;
}

#top_content .about img {
 margin: 0 10px 0 0;
 float: left;
}

#top_content .about p {
 padding: 6px 0 0 0;
}

#top_content #contents_list {
 margin: 15px auto 20px auto;
 padding: 0 0 0 10px;
 clear: both;
 height: 100%;
 overflow: hidden;
}

#top_content #contents_list .c_list {
 margin: 10px 10px 0 15px;
 display: inline;
 float: left;
 width: 340px;
 height: 200px;
}

#top_content #contents_list #ng {
 background: url(img/c_link_ng.jpg) no-repeat;
}

#top_content #contents_list #fashion {
 background: url(img/c_link_fashion.jpg) no-repeat;
}

#top_content #contents_list #movements {
 background: url(img/c_link_movements.jpg) no-repeat;
}

#top_content #contents_list #others {
 background: url(img/c_link_others.jpg) no-repeat;
}

#top_content #contents_list .c_list h3 {
 margin: 0 auto 5px auto;
 padding: 10px 0 0 0;
 border-bottom: 1px #000000 dotted;
 width: 300px;
 height: 18px;
 font-size: 14px;
}

#top_content #contents_list .c_list ul {
 margin-left: 170px;
 width: 170px;
 line-height: 110%;
 list-style-type: none;
}

#top_content #contents_list .c_list ul li {
 margin: 5px 0 0 5px;
 line-height: 110%;
 font-size: 10px;
}

#top_content #contents_list .c_list ul li a {
 color: #696b6a;
 line-height: 110%;
 font-size: 11px;
}

#top_content #contents_list .c_list ul li a:hover {
 text-decoration: underline;
}


/* Sub-navi area */

#main #sub_navi {
 margin: 5px auto;
 clear: both;
 width: 770px;
 text-align: center;
}

#main #sub_navi ul {
 list-style-type: none;
}

#main #sub_navi ul li {
 margin: 0 10px 0 0;
 display: inline;
}

#main #sub_navi ul li a:hover {
 text-decoration: underline;
}


/* Footer area */

address {
 color: #FFFFFF;
 font-style: normal;
}


/* Entry area */

#contents {
 margin: 20px 0 0 10px;
 display: inline;
 float: left;
 width: 580px;
}

#contents h3 {
 margin-bottom: 5px;
 border-bottom: 1px #000000 dotted;
 font-size: 14px;
}

#contents h4 {
 margin-bottom: 5px;
}

#contents .article {
 margin: 0 10px 0 10px;
}

#contents .article p {
 margin: 0 0 10px 10px;
}

#contents .article p.image {
 text-align: center;
}

#contents .article p.image img {
 margin: 0 10px;
}

#contents .article table,
#contents .article table td,
#contents .article table th {
 padding: 3px;
 border: 1px #000000 solid;
 border-collapse: collapse;
}

#contents .article hr {
 margin: 5px 0 ;
 border: 1px #000000 solid;
}


/* Side-navi area */

.side_navi {
 margin-top: 10px;
 float: right;
 width: 160px;
 height: 220px;
}

#s_navi_ng {
 background: url(img/s_menu_back_ng.jpg) no-repeat;
}

#s_navi_fashion {
 background: url(img/s_menu_back_fashion.jpg) no-repeat;
}

#s_navi_others {
 background: url(img/s_menu_back_others.jpg) no-repeat;
}

#s_navi_movements {
 background: url(img/s_menu_back_movements.jpg) no-repeat;
}

#s_navi_navi {
 background: url(img/s_menu_back_navi.jpg) no-repeat;
}

.side_navi h3 {
 margin: 10px 10px 5px 10px;
 border-bottom: 1px #000000 dotted;
}

.side_navi ul {
 margin: 0 10px 0 10px;
 list-style-type: none;
}

.side_navi ul li {
 line-height: 1.4;
}

.side_navi ul li a {
 color: #696b6a;
 font-size: 11px;
}

.side_navi ul li a:hover {
 text-decoration: underline;
}