@charset "Shift-JIS";

/**
 *  styles.css
 *  ↓CSS layout: 100% height with header and footer
 *  http://www.xs4all.nl/~peterned/examples/csslayout1.html
 *
 *  ↓CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件
 *  http://www.fsiki.com/archive/css-doc/float.html
 *
 * Copyright (C) 2007 www.kawakubo.cc All rights reserved.
 */


/* 全体 */

html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* needed for container min-height */
  font-size : 100%;
  font-family: Verdana, sans-serif, 'Hiragino Kaku Gothic Pro W3', Osaka;
  background-color: #fff;
  text-align : center;
  background-repeat : repeat-y ;
  background-position :  
               center top;
}
/* 見出し */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* 大枠 */

#container {
  position: relative;	 /* needed for footer positioning*/
  margin:0 auto 0 auto;  /* center, not in IE5 */
  height: auto !important;  /* real browsers */
  height: 100%;  /* IE6: treaded as min-height*/
  min-height: 100%; /* real browsers */
  width : 700px;
  background-image : url('../image/ktaa_footer.jpg');
  background-repeat : no-repeat ;
  background-position : center bottom;
}

A {
  color: #3300cc;
  text-decoration: none;
}

A:hover {
  color: #FF66FF;
  text-decoration: none;
}
/*------------------------------------------------------------------------------*/
/* HEADER */

#header {
  margin : 0px;
  padding : 0px;
  width : 700px;
  height : 30px;
  text-align : left;
  background-color : #cccccc;
  background-image : url('../image/header_bk.jpg');
  background-repeat : no-repeat;
  background-position : right center;
}

#header H1 {
  font-size :  14px;
  display : none;
}

.hidden {
  display : none;
}
/*-------------------------------------*/
/* Navi & Info navi */

#globalNavi {
  margin : 1px 0px 1px 0px;
  padding-top: 3px;
  padding-bottom: 4px;
  width : 700px;
  height : 18px;
  background-color : #cccccc;
  text-align : center;
}

#globalNavi UL, #info_navi UL {
  margin : 0px auto 0 auto;
  list-style : none;
}
#globalNavi li {
  font-size : 11px;
  margin-left : 40px;
  margin-right : 40px;
  display: inline;
}

#info_navi li {
  font-size : 10px !important;
  padding-left : 10px;
  padding-right : 5px;
  display: inline;
  border-left: 1px solid #fff;
}

#globalNavi A, #works_header A, #info_navi A {
  font-weight : normal;
  text-decoration: none;
  color : #ffffff;
}
#globalNavi li a:hover, #works_header a:hover, #info_navi a:hover {
  text-decoration: none;
  color : #ff66ff;
}

/* Works navi & Info navi */

#works_header, #info_navi {
  color : #ffffff;
  font-size : 11px;
  padding-top : 2px;
  width : 700px;
  height : 18px;
  margin-bottom: 15px;
  background-color : #cccccc;
  text-align : right;
}
#works_navi {
  margin-left : 10px;
  float : right;
}
/*------------------------------------------------------------------------------*/
/* -- MAIN -- */

#conte_news {
  width : 700px;
  color : #666;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  background-color : #fff;
  background-repeat : no-repeat;
  background-position : right top;
  text-align : left;
}

#news_text {
  color : #333333;
  font-size : 10.5px;
  line-height : 160%;
  padding: 15px 10px 10px 25px;
}
#news_text H3 {
  color : #CC0000;
  font-size : 10px;
  margin : 15px 0 0px 0;
}
#news_text P {
  margin : 5px 0 5px 0;
}

/* コンセプト＆依頼を検討される方へ */

#conte_concept, #conte_request {
  width : 700px;
  color : #666;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
}

#conte_concept H2, #conte_request H2 {
  font-weight : bold;
  margin: 50px 100px 20px 100px;
  font-size : 12px;
}

#conte_concept P, #conte_request P {
  margin: 0px 90px 30px 90px;
  font-size : 11px;
  line-height : 170%;
}

/* インフォメーション */

#conte_info {
  width : 700px;
  color : #666;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
  background-color : transparent;
  background-image : url('../image/BGP_info2.gif');
  background-repeat : no-repeat;
  background-position : left top;
}

/* 会社概要 */

#conte_outline {
  width : 700px;
  height: 450px;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
  background-color:transparent ;
  background-image: url('../image/info_compay_profile.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

/* 代表者略歴 */

#conte_profile {
  width : 700px;
  height: 450px;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
  background-color:transparent ;
  background-image: url('../image/info_profile.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

/* 仕事の進め方 */

#conte_schedule {
  width: 700px;
  height: auto !important; /* real browsers */
  margin: 0px;
  padding: 0px 0px 30px 0px;
  text-align: left;
  overflow: hidden;
}

/* For NN7 */
:after#conte_schedule {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden
}

/*\*/
* html #conte_schedule {
    height: 1em;
    overflow: visible; /* For WinIE */
}
/**/

#conte_schedule P{
  margin: 0;
}

.schedule_navi {
  color : #666666;
  font-size : 10.5px;
  text-align: center;
  letter-spacing: 5pt;
  padding: 10px 0 10px 0;
}

/* 共通スタイル */

#conte_schedule H2,
#conte_info H2, #conte_info P,
#conte_profile H2, #conte_profile P,
#conte_outline H2, #conte_outline P {
  display : none;
}


/*-------------------------------------*/
/* WORKS */

#works_index {
  width : 700px;
  margin : 0px;
  padding : 0px 0px 50px 0px;
  color : #666;
  text-align : left;
  clear : right;
}
#works_index A {
  color : #666;
}
#works_index A:hover {
  color: #ff66ff;
  text-decoration: none;
}
#works_index img {
  border: 0px none;
}

#works_photo {
  float : right;
  text-align : right;
  width: 200px;
  padding : 0px;
  margin : 10px 5px 0px 10px;
}

#conte_works {
  text-align : left;
  clear : right;
  overflow: visible;
  margin : 10px 0px 15px 0px;
}

#conte_works H2 {
  margin : 0px;
  padding: 10px;
  font-size: 12px;
}

#conte_works H3, #conte_works H4 {
  margin : 10px;
  font-size: 11px;
}

#works_concept {
  font-size : 12px;
  color : #666;
  line-height : 170%;
  margin-top: 20px;
  padding : 10px;
  clear : right;
}

/*---- 作業日報＆現場日誌 ----*/

#log_index {
  color : #666;
  width : 700px;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
  clear : right;
}
#log_index UL {
  padding : 20px 10px 10px 20px;
  margin : 0px;
  list-style : none;
}
#log_index LI {
  font-size : 11px;
  color : #999;
  margin-bottom : 20px;
}
#log_index A {
  color : #999;
}
#log_index A:hover {
  color: #ff66ff;
  text-decoration: none;
}

#conte_log {
  color : #999;
  width : 700px;
  margin : 0px;
  padding : 0px 0px 30px 0px;
  text-align : left;
  clear : right;
  overflow: hidden;
}

/* For NN7 */
:after#conte_log {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden
}}

/*\*/
* html #conte_log {
    height: 1em;
    overflow: visible; /* For WinIE */
}
/**/

.log {
  padding : 5px;
  margin-bottom: 15px;
  clear: left;
}
.entry h2 {
  font-size : 12px;
  font-weight : bold;
  margin : 20px 0px 5px 0px;
}
.entry  {
  clear: left;
  padding : 5px 15px;
  margin-bottom: 15px;
  font-size : 11px;
  line-height : 180%;
}
.entry img {
  margin: 0 10px 0 0;
  float: left;
}
/*------------------------------------------------------------------------------*/
/* FOOTER */

#log_footer {
	margin: 15px;
	text-align : right;
    clear: both;
}
#log_footer a {
		color: #999;
		font-size : 10px;
	}