/* CSS Document by Interesting*/
/* Initialization */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,td,caption,form{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;list-style:none;}
input,textarea{margin:0;padding:0;font-style:normal;font-weight:normal;font-size: 100%;text-align: left;}

body{
  font-size: smaller;
  color: #666666;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
  line-height: 150%;
  background: url("../images/bac.jpg");
}

img{border:none;vertical-align: bottom;}


/*基本的なテキストカラーとサイズの設定*/

a{color: #001C6B; text-decoration: none;}
a:hover{color: #0A60FE; text-decoration: underline;}
a:active {color: #920094;}
  
strong{color: #8A6409; font-size: 110%;}
em{color: #DB3C00; font-size: 110%; font-style: normal;font-weight: bold;font-size: 110%;}
b{color: #FF0000;}
hr{border-top: 1px dashed #868686; border-bottom:none;border-left:none;border-right:none;/border-bottom: 1px dashed #FFFFFF;}
* html hr{border-bottom: 1px dashed #ffffff;}

.clear{clear: both;}

/* ie6でpngを正常に表示・用のcss */
.iepngfix{ behavior: expression(IEPNGFIX.fix(this));}

/* ----------------基本構造------------------------------ */
p{margin: 5px 0px 5px 0px;padding: 0px 5px 0px 5px;}

div#header-wrapper{
  width: 100%;
  height: 145px;
  background: url("../images/header-wrapper-bac.jpg") repeat-x;
}

div#header{
  margin: 0px auto;
  width: 850px;
  height: 145px;
  background: url("../images/header-bac.jpg") repeat-x;
}
div#header-left{
  margin: 2px 0px 0px 0px;
  float:left;
  width: 350px;
  height: 143px;
}
div#header-right{
  float:right;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  height: 145px;
  text-align: right;
}

/* ----メイン---- */
div#wrapper{
  margin: 0px auto;
  width: 850px;
}
div#main{
  float:left;
  padding: 0px 0px 0px 0px;
  width: 850px;
  background: url("../images/main-bac.jpg") repeat-y;
}


/* ----------------レフトサイド------------------------------ */

div#left-side{
  float:left;
  width: 265px;
}

/* ----グローバルナビ---- */
div.menu{
  overflow:hidden;
  clear: both;
  height: 455px;
  background-image:url("../images/menu.jpg");
}

.menu a{
  float:left;
  display:block;
  text-indent :-9999px;
  width:265px;
  height:455px;
  text-align: center;
  background-image:url("../images/menu.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}

  #menu_01{background-position:0 0; width: 265px; height: 70px;}
  #menu_01:hover,#menu_01.hover{background-position:-265px 0;}
  #menu_02{background-position:0 -70px; width: 265px; height: 45px;}
  #menu_02:hover,#menu_02.hover{background-position:-265px -70px;}
  #menu_03{background-position:0 -115px; width: 265px; height: 48px;}
  #menu_03:hover,#menu_03.hover{background-position:-265px -115px;}
  #menu_04{background-position:0 -163px; width: 265px; height: 48px;}
  #menu_04:hover,#menu_04.hover{background-position:-265px -163px;}
  #menu_05{background-position:0 -211px; width: 265px; height: 48px;}
  #menu_05:hover,#menu_05.hover{background-position:-265px -211px;}
  #menu_06{background-position:0 -259px; width: 265px; height: 48px;}
  #menu_06:hover,#menu_06.hover{background-position:-265px -259px;}
  #menu_07{background-position:0 -307px; width: 265px; height: 48px;}
  #menu_07:hover,#menu_07.hover{background-position:-265px -307px;}


/* ----ライトサイド---- */
div#right-side-top{
  float:right;
  width: 585px;
}
div#right-side{
  float:right;
  padding: 0px 10px 0px 10px;
  width: 565px;
}
*html div#right-side{
  padding: 0px 5px 0px 5px;
}
div#whats_group_home{
  padding: 27px 20px 0px 125px;
  font-size: 12px;
  background: url("../images/whats_group_home.jpg") no-repeat top left;
  width: 440px;
  height: 52px;
}

div#tubuyaki{
  float:left;
  margin: 0px 21px 0px 20px;
  padding: 0px 15px 10px 15px;
  border: 1px solid #588298;
  border-top: none;
  width: 512px;
}
* html div#tubuyaki{
  margin: 0px 0px 0px 10px;
}

/* ----フッター---- */
div#button{
  width: 565px;
  margin: 15px 0px 10px 0px;
  border-top: 1px dashed #878787;
  padding: 5px 0px 0px 0px;
  text-align: right;
  font-size: 90%;}
div#button a{
  text-decoration: none;
  color: #878787;}
div#button a:hover{color: #DC562A;}

div#footer-wrapper{
  float:left;
  width: 100%;
  height: 50px;
  background: url("../images/footer-wrapper-bac.jpg");
}

div#footer{
  margin: 0px auto;
  padding: 15px 0px 10px 0px;
  width: 850px;
  height: 25px;
  text-align: center;
  color: #ffffff;
  background: url("../images/footer-bac.jpg") no-repeat top left;
  clear: both;
}


/* ----------------メイン------------------------------ */

h2{
  margin: 2px 0px 10px 0px;
  padding: 10px 0px 5px 15px;
  font-size: 20px;
  font-weight: bold;
  color: #727272;
  border-left: 5px solid #737373;
  border-bottom: 1px solid #878787;
}

h3{
  margin: 10px 0px 10px 0px;
  padding: 7px 0px 5px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid #252525;
  background: url("../images/title-bac.jpg") top left;
}

/*-- パンくずリスト  --*/
div#navi{
  margin: 5px 0px 10px 0px;
  padding: 3px 10px 5px 0px;
  border-bottom: 1px dashed #737373;
  border-right: 5px solid #737373;
  width: 555px;
  text-align: right;
}


/*　テーブル */

table#table{
  border-collapse:collapse;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

table#table th{
  padding: 10px;
  border: 1px solid #ADADAD;
  background-color: #F3F3F3;
}

table#table td{
  padding: 10px;
  border: 1px solid #ADADAD;
}

table#table td.photostudio{
  padding: 0px;
  border: 1px solid #ADADAD;
  width: 300px;
}

.center{text-align: center;}
.right{text-align: right;}
/*　メールフォーム */
table#table td input{width: 85%;}
table#table td textarea{width: 95%;
  height: 120px;}

/*--ページ送り-----------------------------*/
div.page_turn{
  float:right;
  padding: 5px 0px 5px 0px;
  text-align: right;
}

.page_turn a{
  float:left;
  display: block;
  text-decoration: none;
  margin: 0px 0px 0px 5px;
  padding: 3px 5px 3px 5px;
  border: 1px solid #969DA9;
  width: 26px;
  height: 20px;
  text-align: center;
}
.page_turn a:hover{
  background-color: #FEF1C8;
}

.page_turn_on{
  float:left;
  display: block;
  margin: 0px 0px 0px 5px;
  padding: 3px 5px 3px 5px;
  border: 1px solid #969DA9;
  width: 26px;
  height: 20px;
  text-align: center;
  background-color: #FFDDDD;
}

.page_turn_off{
  float:left;
  display: block;
  margin: 0px 0px 0px 5px;
  padding: 3px 5px 3px 5px;
  border: 1px solid #969DA9;
  width: 26px;
  height: 20px;
  text-align: center;
  background-color: #E8E8E8;
}

/*--つぶやき-----------------------------*/

div.tubuyaki{
  margin: 0px 10px 15px 10px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #969DA9;
}