/*********************************************************** 
 *   
 *  ☆☆☆ 風声舎 Web スタイルシート ☆☆☆
 *   
/***********************************************************/ 
/* ボックスサイズ暫定処置 */
* {box-sizing : border-box}
* {-moz-box-sizing : border-box}

/*--------------------------------------------------------* 
 *  タグ基本スタイル
 *--------------------------------------------------------*/ 
body{
  color: #000;
  background: #888;
  margin: 0px;
  padding: 0px;
  font-size: 90%;
  text-align: center;
}

table{
  font-size: 100%;
}

img{
  border: 0px;
}

hr{
  clear: both;
}

/*--------------------------------------------------------* 
 *  汎用スタイル
 *--------------------------------------------------------*/ 
span.clear{
  clear: both;
  display: block;
}

/*--------------------------------------------------------* 
 *  ページ内基本レイアウト
 *--------------------------------------------------------*/ 
/* ページ全体枠 */
#container{
  width: 775px;
  margin: 0px auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
  background: #fff;
  font-size: 90%;
  border: 1px solid #666;
  background: url(image/haikei.gif) repeat-y;
}

/* ヘッダー部 */
#header{
  clear: both;
  margin: 0px;
  padding: 0px;
  border: 0px solid #00f;
  background: #fff;
}

/* メイン部 */
#main{
  clear: both;
  margin: 0px;
  padding: 0px;
  width:100%;

}

/* フッター部 */
#footer{
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 2em;
  font-size: 80%;
  border: 0px solid #ff0;
}

/*--------------------------------------------------------* 
 *  ページ内詳細レイアウト
 *--------------------------------------------------------*/ 
/* ロゴ */
#logo{
  float:left;
  width: 154px;
  height: 70px;
  border: 0px solid #000;
}

/* ヘッダーイメージ */
#header_image{
  float:right;
  width: 618px;
  height: 70px;
  margin: 0px;
  padding: 0px;
  background: #fff;
  background: url(image/img_head.jpg) no-repeat;
  background-position: right top; 
  border: 0px solid #000;
}

/* ナビゲーション */
#navi{
  clear: both;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #000;
  white-space: nowrap;
  list-style: none;
  border: 0px solid #f00;
  border-bottom: 1px solid #ccc;
}

#navi .navi_item{
  float: left;
  width: 12%;
  margin: 0px;
  padding: 0px;
  color: #fff;
  background: #ccc;
  text-align: center;
  line-height: 1.5em;
  font-size: 95%;
  border: 0px solid #000;
  border-right: 1.5px solid #fff;
}

#navi .navi_item a{
  width: 100%;
  color: #fff;
  background: #393;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
  border: 0px solid #ff0;
}

#navi .navi_item a:hover{
  color: #009;
  background: #ccf;
  text-decoration: none;
}

/* サイドバー */
#sidebar{
  float: left;
  width: 153px;
  margin: 0px;
  padding: 0px;
  text-align: left;

}

/* ページタイトル */
#title{
  width: 153px;
  height: 35px;
  margin: 0px;
  		padding-top: 10px;
  text-align: center;
  background: #f00;
  color: #fff;
  font-size: 115%;
  font-weight: bold;

}

/* ページ見出し */
#index{
  clear: both;
  margin: 0px;
  padding: 10px;
  list-style: none;
  text-align: left;
  font-size:90%;

}

#index .index_item{
  margin: 0px;
  padding:0.5em 0 0.5em 0.8em;
  color: #fff;
  border-bottom: 1px solid #fff;
}

#index .index_item a{
  margin: 0px;
  padding: 0px;
  color: #fff;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

#index .index_item a:hover{
  color: #00f;
  background: #ff0;
  border-bottom: 0px solid #fff;
}

/* コンテンツ */
#contents{
  float: left;
  width: 598px;
  margin: 12px 0 12px 12px;
  background: #fff;
  text-align: left;
  line-height: 1.5em;
}

#contents a:visited{
  color: #00f;
}

#contents h1,h2,h3,h4,h5{
  clear: both;
}

#contents h1{
  padding-left: 1.5em;
  color: #669;
  background: url(image/contents_h1.gif) no-repeat center left;
  font-size: 120%;
  border-bottom: 1px dotted #ccc;
}

#contents h2{
  padding-left: 1.5em;
  color: #669;
  background: url(image/contents_h2.gif) no-repeat center left;
  font-size: 100%;
  border-bottom: 0px solid #000;
}

#contents .info_table .colmn_box{
  width: 45%;
  margin: 0px;
  margin-right: 0.5em;
  padding: 0px;
}

/*--------------------------------------------------------* 
 *  コンテンツ装飾用 汎用スタイル
 *--------------------------------------------------------*/ 

/* 情報 */
.content_box{
  width: 450px;
  margin: 0px;
  padding: 0.25em 0 0.25em 1em;
  border: 0px solid #ff0;
}

.content_box2{
  width: 570px;
  margin: 0px;
  padding: 0.25em 0 0.25em 1em;
  border: 0px solid #ff0;
}


/* 情報の外枠 */
.info_box{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border: 0px solid #f00;
}

.info_box h3{
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding-left: 1em;
  color: #fff;
  background: #999;
  font-size: 100%;
  text-align: left;
  border: 0px solid #000;
}

.sub_info_box{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border: 0px solid #f00;
}

/* 段組用 */
.colmn_box{
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px solid #000;
}

/* 大きな表形式の情報 */
.info_table{
  width: 100%;
  line-height: 1.5em;
  border: 0px solid #000;
}

.info_table th{
  width: 15%;
  margin: 0px;
  padding: 0.5em;
  color: #669;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.info_table td{
  margin: 0px;
  padding: 0.5em;
  border: 0px dotted #ccc;;
}

.info_table h3,h4,h5{
  margin: 0px;
  font-size: 100%;
}

.info_table h3{
  color: #669;
  border-bottom: 1px dotted #ccc;;
}

.info_table h4{
  margin-top: 1em;
}

.info_table ul{
  margin: 0px;
  padding-left: 1.5em;
  list-style-type: square; 
}

.info_table ol{
  margin: 0px;
  padding-left: 2em;
  list-style-type: decimal; 
}

.info_table .content_box{
  margin: 0px;
  padding: 0px;
  padding-top: 0.25em;
  padding-bottom: 1em;
  border: 0px solid #f00;;
}

/* 列挙型の表形式 */
.enum_table{
  width: 90%;
  line-height: 1.2em;
  border: 0px solid #000;
}

.enum_table th{
  width: 15%;
  margin: 0px;
  padding: 0px 1em;
  padding-left: 1.5em;
  color: #666;
  background: url(image/enum_th.gif) no-repeat;
  background-position: left top;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: 0px solid #ccc;
}

.enum_table td{
  background: #fff;
  border: 0px solid #ccc;
}

/* イメージ */
.photo{
  margin: 0px;
  padding: 0px;
  border: 0px solid #000;
}

/* 左置きイメージ */
.photo_left{
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px solid #000;
}

/* 右置きイメージ */
.photo_right{
  float: right;
  margin: 0px;
  padding: 0px;
  border: 0px solid #000;
}

.image_middle{
  vertical-align: middle;
}

.image_bottom{
  vertical-align: bottom;
}

/*--------------------------------------------------------* 
 *  ページ個別スタイル
 *--------------------------------------------------------*/ 

/* トップページ */
#top_page{
}

#top_page .info_box{
  float: left;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0px solid #00f;
}

#top_page .sub_info_box{
  float: left;
  width: 440px;
  margin-left: 12px;
  background: #fff;

}

#top_page .info_box h3{
  color: #669;
  padding-left: 2em;
  padding-bottom: 1px;
  background: url(image/index_pt.gif) no-repeat;
  background-position: left center;
  border-bottom: 1px dotted #ccc;
}

#top_message{
  color: #ccc;
  background: #fff;
  font-family: sans-serif;
  font-size: 150%;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #ccc;
}

#top_page #topics{
  width: 100%;
  border: 0px solid #000;
}

#top_page #topics th{
  width: 10%;
}

#top_page #topics ul{
  margin: 0px 1em;
  padding: 0px;
}

#top_page #update{
  width: 100%;
  border: 0px solid #000;
}

#counter{
  width: 100%;
  text-align: right;
}

/* 業務案内 */
#business_page{
}

#business_page h2{
  border-bottom: 1px dotted #ccc;
}

#business_page .photo_left{
  margin-right: 2em;
}

#business_page #career_table{
  float: left;
  width: 95%;
  line-height: 1em;
  border: 0px solid #000;
}

#business_page #career_table th{
  margin: 0px;
  padding: 1em;
  color: #669;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}

#business_page #career_table td{
  padding: 1em;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}

/* 製品情報 */
#product_page{
}

#product_page h4{
  padding-left: 1.5em;
  font-size: 100%;
  text-decoration: underline;
  border-bottom: 0px solid #000;
}

#product_page p{
  padding-left: 2em;
}

#product_page .heading{
  font-size: 125%;
  font-weight: bold;
}

#product_page .more_info{
  text-align: right;
}


/* 会社案内 */
#company_page{
}

#signature{
  text-align: right;
  font-weight: bold;
  border: 0px solid #000;
}

/* 採用情報 */
#recruit_page{
}

#recruit_page h2{
  border-bottom: 1px dotted #ccc;
}

#recruit_page .info_table th{
  padding-left: 1.5em;
  font-size: 100%;
}

#recruit_page .info_table td{
  padding-left: 1em;
  border-bottom: 1px dotted #ccc;
}

/* リンク */
#link_page{
}

#link_page h2{
  margin-bottom: 0px;
}

#link_page ul{
  margin-top: 0px;
}

/* お問い合わせ */
#inquiry_page{
}

#inquiry_page p{
  padding-left: 2em;
}

#inquiry_page .info_box{
  border: 1px solid #f90;
  width:100%;
  margin-bottom: 180px;
}

#inquiry_page  .info_box_mail{
  padding:16px 20px;
}

/*--------------------------------------------------------* 
 *  印刷用スタイル
 *--------------------------------------------------------*/ 
@media print{

body{
  color: #000;
  background: #fff;
}

/* 上部ナビゲーション */
#navi{
  border-bottom: 0px solid #000;
}

/* ページ全体枠 */
#container{
  width: 100%;
  margin: 0px;
  border: none;
}

/* メイン */
#main{
  background: #fff;
}

/* 左インデックス */
#sidebar{
  display: none;
}

/* コンテンツ */
#contents{
  width: 100%;
  border-left: none;
}

}