@charset "utf-8";
/*
    stylesheet
    for intermedia planning web
    DATE : 2010 08 20
*/

@import url(layout.css);

/* 配色やサイズ */
body {
  font-family     : sans-serif;
  background-color: #FFFFFF;
  color           : #101010;
  line-height     : 1.4;
  letter-spacing  : 0.1em;
  width           : 47em;
}
div#wrapper {
  width           : 47em;
  overflow   : hidden;
  background : #FEFEFE url("/images/bgimage03.png") no-repeat 40px -10px;
  border-left     : 1px solid #BBB;
  border-right    : 1px solid #BBB;
}
div#header {
  background : transparent url("/images/alpha.png") repeat 0 0;
}
div#footer {
  background : #FFFFFF;
  border-left: 1px solid #BBB;
  border-top : 1px solid #D0D0D0;
  font-family:'Lucida Console';
  text-align : center;
}
div#menu {
  overflow:hidden;
  width: 47em; height: 20px;
  background: transparent url("/images/button_sblue.png") no-repeat 0 0;
  padding-left: 19em;
  text-align:left;
}
div#corporate{
  height    : 160px;
}
div#navigation{
  background: #EEEEFF url("/images/line_dark.png") no-repeat 0 0;
  height    : 80px;
}
div#contents{
  width     : 49em;
  background: #FFFFFF;
}
div#contents-main {
  width     : 30em;
  padding   : 1em;
  background: #FFFFFF;
}
div#contents-sub {
  width     : 13em;
  padding   : 1em;
  background: #FFFFFF;
}
div#contents-center {
  width     : 43em;
  padding   : 2em;
  background: #FFFFFF;
}


/* ヘッダー：ロゴリンク */
#header a.logo {
  position: absolute;
  overflow: hidden;
  top   : 5px;
  left  : 2px;
  width : 47em;
  height: 0px;
  padding-top:75px;
  background: transparent url("/images/logo_04.png") no-repeat 0 0;
}
/* コーポレート：ターゲット */
#corporate h3 {
  position   : absolute;
  overflow   : hidden;
  top: 63px; left: 10px;
  width      : 460px;
  height     : 0px;
  padding-top: 50px;
  background : transparent url("/images/action.png") no-repeat 0 0;
}
/* コーポレート：文字列 */
#corporate p {
  position   : absolute;
  padding    : 0.7em;
  bottom: 1.5em; right: 1em;
  width      : 20em;
  background : transparent url("/images/alpha.png") repeat 0 0;
  font-size  : 80%;
}
/* ナビゲート：見出し */
#navigation h3 {
  position   : absolute;
  bottom: 2px; right: 8px;
  color      : #F0F0F0;
  font-size  : 180%;
  font-family: 'ＭＳ 明朝','Osaka',serif;
}
/* ナビゲート：ぱんくず */
#navigation p {
  padding   : 10px 0 0 15px;
  font-size : 80%;
}
/* ナビゲート：リンク */
#navigation a {
  color: #5050F0;
}

/* メニュー：ボタン */
a.menu {
  overflow:hidden;
  display: -moz-inline-box;
  display:inline-block;
  width  :90px;
  height :0px;
  padding-top:20px;
}
a.menu:hover {
  color: #0000FF;
  background: transparent url("/images/button_alpha.png") repeat 0 0;
}
/* コンテンツ：背景の無い見出し */
#contents h2 {
  color:#202020;
  padding:1.0em 1.0em;
  font-size: 120%;
  font-weight:normal;
}
/* コンテンツ：見出し */
#contents h3 {
  background: #0000A0 url("/images/line_blue.png") no-repeat -10px 0;
  color:#FAFAFA;
  padding:0.1em 1.0em;
  font-weight:normal;
}
/* コンテンツ：見出しs */
#contents h4 {
  background: #303030 url("/images/line_gray.png") no-repeat -10px 0;
  color:#EEEEEE;
  padding:0.1em 1.0em;
  font-size : 95%;
  font-weight:normal;
}
/* コンテンツ：見出しm */
#contents h5 {
  background: #00A000 url("/images/line_green.png") no-repeat -80px 0;
  color:#F0F0F0;
  padding:0 1.0em;
  margin: 1.0em 1.0em 0 1.0em;
  font-weight:normal;
}
/* コンテンツ：本文 */
#contents p {
  padding:0.7em 1em 0.5em 1em;
  border-bottom: 2px solid #F0F0F0;
  font-size:92%;
}
/* コンテンツ：トピック */
#contents p.topic {
  padding:3em 1em 0.5em 2em;
  font-size:85%;
}
/* コンテンツ：リリース */
#contents p.release {
  padding:1em 3em;
  font-size:93%;
}
/* コンテンツ：バナー */
#contents p.banner {
  padding: 0.5em 0 0 0.5em;
}
/* コンテンツ：本文 */
#contents a.label {
  position:absolute;
  margin: -2.2em 0em 2em -1em;
  width: 33em;
  background: #DDDDDD;
  border-bottom: 2px solid #222222;
  border-right : 2px solid #222222;
  color: #202080;
  padding: 0.2em 0.5em;
}
/* コンテンツ：リンク */
#contents a:hover {
  text-decoration:underline;
}
/* コンテンツ：ULリスト */
#contents ul {
  padding: 1.0em 2.0em 0.5em 2.0em;
  list-style: square;
}
#contents li {
  padding: 0.2em 0.2em 0.2em 0.2em;
}
/* コンテンツ：DLリスト */
#contents dl {
  padding: 0.5em 1.0em 0.5em 1.0em;
  font-size:95%;
}
#contents dt {
  padding: 0.2em 1.0em 0.2em 0.5em;
  margin : 0.8em 0 0.2em 0;
  border-left  : 12px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}
#contents dd {
  padding-bottom: 0.3em;
}
/* コンテンツ：DLリリース */
#contents dl.history dt{
  padding: 0 1.0em 0.2em 0.5em;
  margin : 0.2em 0 0.2em 0;
  border : none;
  background-color: #E0E0E0;
}
#contents dl.history dd{
  padding: 0.2em 1.0em 0.2em 0.5em;
  margin : -2.0em 0 0.2em 7em;
  border-bottom: 1px solid #E0E0E0;
  background-color: #FFFFFF;
}
/* コンテンツ：フォーム */
#form fieldset{
  border:none;
}
#form p.item1 {

}
#form p.item2 {
  display:none;
}
#form label{
  display    : block;
  font-weight: bold;
  text-align : right;
  width      : 80px;
  float      : left;
  border-bottom: 1px solid #AAA;
  padding    : 0.7em 0.5em 0.5em 0.5em;
}
#form input,textarea{
  margin     : 0.3em 1.0em;
  padding    : 0.5em;
  border     : solid 1px #C0C0C0;
  width      : 300px;
  font-size  : 100%;
}
#form textarea{
  height     : 12.5em;
}
#form button{
  margin-left:150px;
  width:125px;
  height:31px;
  text-align:center;
  line-height:31px;
  letter-spacing: 0.4em;
  background: #E0E0E0;
  font-weight:bold;
}
#form dt{
  border:none;
  border-bottom: 2px solid #A0A0A0;
  padding-left:1em;
}
#form dd{
  padding-left:2em;
}
#form li{
  color:#E00000;
  font-size:95%;
  list-style-type:circle;
}
#form .desc{
  position   : absolute;
  font-weight: normal;
  font-size  : 70%;
  color      : #FF0000;
  background : #FFFFFF;
  margin     : 2em 0 0 -3em;
}
/* スパム対策？：画像アドレス */
#mail_recruit {
  display:block;
  width:300px; height:0px;
  padding-top:20px; overflow:hidden;
  background: transparent url("/images/mail_recruit.png") no-repeat -5px 0;
}
#mail_info {
  display:block;
  width:200px; height:0px;
  padding-top:20px; overflow:hidden;
  background: transparent url("/images/mail_info.png") no-repeat -4px 0;
}