@charset "utf-8";

/* CSS Document */

/* ヘッダー */

/* サイト全体 */

body {
  font: 13px / 1.6 "Lucida Grande", "Hiragino kaku Gothic ProN", Meiryo, sans-serif;
  padding-top: 10px;
}

h2 {
  font-size: 30px;
  text-align: center;
  margin: 20px 0;
}

/* サイト全体ボックス */

#wrapper {
  width : 960px;
  margin:0 auto;
  background-image:url(../images/haikei3.jpg);
  width: 960px;
  height: auto;
  padding-bottom: 5px;
  overflow: hidden;
  position: relative;
}

/* ロゴ */

.agologo {
  margin-top: 10px;
  padding-top: 10px;
}

/*コンテント*/

#content { overflow: hidden;/* margin-bottom: 140px;*/ }

/* メインコンテンツ */

#main-box {
  background-image: url(../images/mainbg.png);
  float:right;
  width: 700px;
  margin-left: 0px;
  margin-right: 20px;
  margin-bottom: 10px;/*	position: relative;
	z-index: 3;*/
}

/* サイドメニュー */

#side-box {
  background-image:url(../images/sidebox2.png);
  float: left;
  width : 207px;
  height: 278px;
  margin-left: 20px;
  margin-right: 0px;
}

#side-box>ul {
  font-size: 17px;
  letter-spacing: 5px;
  font-weight: bold;
  margin-top: 50px;
  padding: 0px;
}

#side-box li { list-style-type:none; }

#side-box li:hover { background-color: rgba(0, 204, 255, 0.3);/*  width:179px;*/
}

#side-box a {
  padding-top:	13px;
  padding-bottom: 5px;
  padding-left: 30px;
  display:block;
  color: #000;
  text-decoration: none;
}

/* フッター */

#footer {
  clear : both;
  width : 960px;
  height: 67px;
  background-image:url(../images/footer2.png);
  position: relative;
  z-index: 0;
  padding-bottom: 5px;
}

#footer>ul {
  padding: 15px;
  padding-bottom: 0;
  font-size: 14px;
  text-align: center;
  position: relative;
  z-index: 999;
}

#footer li {
  list-style-type:none;
  display:inline;
  margin-right: -5px;
  letter-spacing: 3px;
}

#footer li+ li { border-left: 1px solid #333; }

#footer a:hover { background-color:rgba(0, 204, 255, 0.3); }

#footer a {
  color: #000;
  text-decoration: none;
  padding: 15px;
}

#footer p {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}

/* 個別記事 */

/* トップページ */

/* トップ画像 */

#topmain-box { height: 495px; }

#topphoto {
  /*	background-image:url(images/topphoto2.png);*/
/*	float: right;*/
/* width : 715px;
 height: 501px;*/
 position: absolute;
  top: 0;
  left: 0;
  transform: rotate(7deg);
  -moz-transform:rotate(7deg);
  -webkit-transform:rotate(7deg);
  -ms-transform:rotate(7deg);
  z-index: 1;
}

#nami {
  position: absolute;
  top: 0;
  right: 600px;
}

#nami2 {
  position: absolute;
  top: 0;
  right: 700px;
}


/* コンセプトページ */

#concept {
  background-image:url(../images/concept.png);
  background-repeat:no-repeat;
  float:right;
  width: 665px;
  height: 505px;
  padding-bottom: 10px;
  margin:0 30px 0 auto;
  position:relative;
}

#concept>p {
  position: absolute;
  font-size: 28px;
  text-align: center;
  color: #fff;
  top:200px;
  left: 25px;
}

/* とんぼ玉ページ */

#tonbo {
  background-image:url(../images/glassbg.png);
  float: right;
  width : 600px;
  height: 600px;
  margin: 0 70px 10px 0;
  background-repeat: no-repeat;
  padding-top: 20px;
}

.tonboh2 { font-size: 12px; }

#tonbo p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}

/* ギャラリー */

/*#gal { background-image: url(images/gallery/galhaikei3.jpg) }*/



#container {
  width:960px;
  margin:0 auto;
}

#gallogo { text-align: center; }

#gallogo p { margin: 0; }

#galmenu ul {
  text-align:center;
  letter-spacing: 20px;
  margin: 0;
  padding: 0;
}

#galmenu li {
  list-style: none;
  display: inline;
}

#galmenu li img:hover { background-color: rgba(0, 204, 255, 0.3); }

#galmenu a { text-decoration: none; }

#galwrap {
  overflow: hidden;
  background-color: rgba(51, 0, 0, 0.2);
  width: 880px;
  margin-bottom: 30px;
  margin-left: 25px;
  padding-left: 28px;
  padding-top: 25px;
}

#galnavi {
  width:auto;
  height:400px;
  float:left;
  overflow-y:scroll;
  margin: auto;
  padding: 0px;
}

#galnavi ul {
  width: 254px;
  height: 460px;
  list-style-type: none;
  padding: 0;
}

#galnavi ul li {
  width:126px;
  overflow: hidden;
  float:left;
  margin-right:1px;
  padding: 0;
}

#galnavi ul li img { border:2px solid white; }

#galmain {
  background-image:url(../images/gallery/photoframe3.png);
  width: 586px;
  height: 541px;
  margin-left: 20px;
  /*		margin-top: 5px;
		margin-bottom: 10px;*/
		float:left;
  overflow: hidden;
}

#galmain img {
  /*border:3px solid white;*/
margin: 38px 15px 0 35px;
  position: absolute;
}

/* お問い合わせページ */


#form { margin:20px auto 0; }

.contactcap {
  width: 660px;
  margin: 0 auto;
}

input,
textarea { display: block }

input { width: 300px; }

textarea {
  width: 350px;
  height: 150px;
}

.submit {
  margin: 20px auto;
  width: 200px;
}

input[type="submit"] { width: 200px; }

/* 会社概要ページ */


#company { margin: 25px; }

.comp { text-align: center; }

teble,
th,
td { border: solid 1px #aaaaaa; }

table {
  margin: 0 auto;
  border-collapse: collapse;
}

th,
td { padding: 10px 20px 10px 20px; }

th {
  width: 120px;
  background-color: rgba(102, 102, 255, 0.2);
}

td {
  width: 450px;
  background-color: rgba(255, 255, 255, 0.2);
}

/* 小売店様へページ */

#store #main-box { height: 400px; }

.store p {
  width: 660px;
  margin: 0 auto 20px;
  ;
}

.catalogpdf {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}