/******************************************************************************/
/* ファイル名：StyleClassCommon.css                                           */
/* 機能      ：スタイルのクラス定義                                           */
/* 著作権    ：2008 niwa no niwa All Rights Reserved.                         */
/******************************************************************************/
/******************************************************************************/
/* 各ページ共通                                                               */
/******************************************************************************/
/* worksページでfloatを使用した際に、作品リストの背景が表示されない件への対応 */
#frame{
  background-color: #F7F5EE;
  width: 993px;
  display: inline;
  min-height: 1em;
}

#frame:after{
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px ;
}

/* Hides from IE-mac \*/
* html #frame{
  height: 1%;
}

#frame{
  display:block;
}
/* End hide from IE-mac */
/* END:worksページでfloatを使用した際に、作品リストの背景が表示されない件への対応 */

.nodisplay{
  visibility: hidden;
}

.toleft{
  float: left;
}

.toright{
  float: right;
}

.link_url{
  width: 200px;
  height: 20px;
}

.wing_top{
  width: 188px;
  height: 111px;
}

.wing_bottom{
  width: 188px;
  height: 42px;
}

.margin1{
  height: 15px;
}

.margin2{
  height: 30px;
}

.blank{
  height: 1px;
}

.clear{
  clear: both;
}
/******************************************************************************/
/* Worksページ共通                                                            */
/******************************************************************************/
#works_obi{
  background-color: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 170px;
  position: fixed;
}

#works_content{
  background-color: #F7F5EE;
  width: 100%;
  margin: 0 0 0 0 ;
  padding: 170px 0 0 0;
  _padding: 0 0 0 0;
  font-size: 60%;
  font-family: sans-serif;
}

#works_content div{
  float: left;
  width: 180px;
  height: 240px;
  margin: 20px 3px 10px 3px;
  padding: 3px; 
}

#works_content img{
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 15px 0 15px;
  _margin: 0 7.5px 0 7.5px;
  display: block;
}

#works_content dt{
  float: left;
  width: 180px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.blank_content{
  height: 600px;
}
/******************************************************************************/
/* Aboutページ共通                                                            */
/******************************************************************************/
/* floatを使用した際に、背景が表示されない件への対応 */
#frame_about{
  background-image: url(../image/img_about_background.jpg) ;
  background-repeat: no-repeat ;
  background-position: 0 15px;
  width: 993px;
  display: inline;
  min-height: 1em;
}

* html #frame_about{
  background-position: 0 -155px;
}

#frame_about:after{
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px ;
}

/* Hides from IE-mac \*/
* html #frame_about{
  height: 1%;
}

#frame_about{
  display:block;
}
/* End hide from IE-mac */
/* END:worksページでfloatを使用した際に、作品リストの背景が表示されない件への対応 */

#about_obi{
  background-color: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 170px;
  position: fixed;
}

#about_content{
  width: 100%;
  height: 1226px; /* 背景画像1382px - ヘッダー170px + 背景画像ポジション15px */
  margin: 0 0 0 0;
  padding: 170px 0 0 100px;
  _padding: 0 0 0 100px;
  font-family: sans-serif;
  font-size: 80%;
  text-align: justify;
  text-justify: inter-ideograph;
}

#about_content div{
  float: left;
/* width: 400px; */
  width: 490px;
}

.about_profile{
/* padding: 50px 80px 0 0; */
  padding: 50px 50px 0 0;
}

.about_profile li{
  padding: 0 0 5px 0;
}

/******************************************************************************/
/* Contactページ共通                                                          */
/******************************************************************************/
#contact_obi{
  background-color: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 170px;
  position: fixed;
}

#contact_content{
  background-image: url(../image/img_contact_content.jpg);
  background-repeat: no-repeat;
  background-position: bottom; 
  height: 670px;
  margin: 0 0 0 0;
  padding: 170px 0 0 0;
  _padding: 0 0 0 0;
  font-size: 80%;
  font-family: sans-serif;
}

#contactframe{
  width: 900px;
}

.contactcol1{
  margin: 0 0 0 70px;
  padding: 0 0 0 0;
  width: 120px;
  float: left;
  display: inline;
}

.contactcol2{
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  width: 600px;
  float: left;
  display: inline;
}

.contactcol_height_specify{
  height: 30px;
}

.contactcol_textvalign_middle{
  line-height: 30px;
}

#serviceframe{
  width: 900px;
}

#serviceframe div{
  margin:  0 0 0 70px;
  padding: 0 0 0 0;
}
/******************************************************************************/
/* Linkページ共通                                                             */
/******************************************************************************/
#link_obi{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 256px;
}

#link_content{
  margin:  0 0 0 0;
  padding: 0 0 0 0;
}

/* 下部固定部START==============================*/
.link_underbase{
  background-image: url(../image/img_link_bottom.jpg);
  background-repeat: no-repaet;
  height: 1371px;
  width: 1010px;
}

.link_underbase_left{
  width: 485px;
  height: 1371px;
  position: relative;
  float: left;
}

.link_underbase_right{
  width: 485px;
  height: 1371px;
  position: relative;
  float: left ;
}

.link_underbase_left_pos1{
  position: absolute;
  top: 460px;
  right: 70px;
}

.link_underbase_left_pos2{
  position: absolute;
  top: 380px;
  right: 10px;
}

.link_underbase_left_pos3{
  position: absolute;
  top: 310px;
  right: 80px;
}

.link_underbase_left_pos4{
  position: absolute;
  top: 290px;
  right: 70px;
}

.link_underbase_left_pos5{
  position: absolute;
  top: 220px;
  right: 70px;
}

.link_underbase_left_pos6{
  position: absolute;
  top: 30px;
  right: 90px;
}

.link_underbase_left_pos7{
  position: absolute;
  top: 0px;
  right: 30px;
}

.link_underbase_right_pos1{
  position: absolute;
  top: 700px;
  left: 60px;
}

.link_underbase_right_pos2{
  position: absolute;
  top: 650px;
  left: 80px;
}

.link_underbase_right_pos3{
  position: absolute;
  top: 620px;
  left: 50px;
}

.link_underbase_right_pos4{
  position: absolute;
  top: 170px;
  left: 100px;
}

.link_underbase_right_pos5{
  position: absolute;
  top: 140px;
  left: 50px;
}

.link_underbase_right_pos6{
  position: absolute;
  top: 90px;
  left: 90px;
}
/* 下部固定部END==============================*/

/* ループA部START===============================*/
.link_loopA{
  background-image: url(../image/img_link_loopA.jpg);
  background-repeat: no-repaet;
  height: 1084px;
  width: 1010px;
}

.link_loopA_left{
  width: 500px;
  height: 1084px;
  position: relative;
  float: left;
}

.link_loopA_right{
  width: 485px;
  height: 1084px;
  position: relative;
  float: left;
}

.link_loopA_left_pos1{
  position: absolute;
  top: 970px;
  right: 50px;
}

.link_loopA_left_pos2{
  position: absolute;
  top: 910px;
  right: 50px;
}

.link_loopA_left_pos3{
  position: absolute;
  top: 880px;
  right: 60px;
}

.link_loopA_left_pos4{
  position: absolute;
  top: 790px;
  right: 30px;
}

.link_loopA_left_pos5{
  position: absolute;
  top: 750px;
  right: 0px;
}

.link_loopA_left_pos6{
  position: absolute;
  top: 430px;
  right: 0px;
}

.link_loopA_left_pos7{
  position: absolute;
  top: 400px;
  right: 10px;
}

.link_loopA_left_pos8{
  position: absolute;
  top: 355px;
  right: 10px;
}

.link_loopA_left_pos9{
  position: absolute;
  top: 30px;
  right: 50px;
}

.link_loopA_right_pos1{
  position: absolute;
  top: 900px;
  left: 90px;
}

.link_loopA_right_pos2{
  position: absolute;
  top: 850px;
  left: 110px;
}

.link_loopA_right_pos3{
  position: absolute;
  top: 805px;
  left: 130px;
}

.link_loopA_right_pos4{
  position: absolute;
  top: 750px;
  left: 140px;
}

.link_loopA_right_pos5{
  position: absolute;
  top: 700px;
  left: 170px;
}

.link_loopA_right_pos6{
  position: absolute;
  top: 540px;
  left: 120px;
}

.link_loopA_right_pos7{
  position: absolute;
  top: 500px;
  left: 110px;
}

.link_loopA_right_pos8{
  position: absolute;
  top: 140px;
  left: 50px;
}

.link_loopA_right_pos9{
  position: absolute;
  top: 90px;
  left: 45px;
}
/* ループA部END=================================*/

/* ループB部START===============================*/
.link_loopB{
  background-image: url(../image/img_link_loopB.jpg);
  background-repeat: no-repaet;
  height: 1082px;
  width: 1010px;
}

.link_loopB_left{
  width:  500px;
  height: 1082px;
  position: relative;
  float: left;
}

.link_loopB_right{
  width: 485px;
  height: 1082px;
  position: relative;
  float: left;
}

.link_loopB_left_pos1{
  position: absolute;
  top: 1050px;
  right: 50px;
}

.link_loopB_left_pos2{
  position: absolute;
  top: 1000px;
  right: 70px;
}

.link_loopB_left_pos3{
  position: absolute;
  top: 960px;
  right: 30px;
}

.link_loopB_left_pos4{
  position: absolute;
  top: 810px;
  right: 75px;
}

.link_loopB_left_pos5{
  position: absolute;
  top: 770px;
  right: 40px;
}

.link_loopB_right_pos1{
  position: absolute;
  top: 1040px;
  left: 100px;
}

.link_loopB_right_pos2{
  position: absolute;
  top: 990px;
  left: 80px;
}

.link_loopB_right_pos3{
  position: absolute;
  top: 880px;
  left: 80px;
}

.link_loopB_right_pos4{
  position: absolute;
  top: 830px;
  left: 100px;
}

.link_loopB_right_pos5{
  position: absolute;
  top: 790px;
  left: 90px;
}

.link_loopB_right_pos6{
  position: absolute;
  top: 720px;
  left: 100px;
}

.link_loopB_right_pos7{
  position: absolute;
  top: 680px;
  left: 140px;
}

.link_loopB_right_pos8{
  position: absolute;
  top: 610px;
  left: 100px;
}

.link_loopB_right_pos9{
  position: absolute;
  top: 550px;
  left: 100px;
}
/* ループB部END=================================*/