/*サイトの形 */
* {  padding : 0px ;  margin : 0px ; } 
#wrapper{ width: 900px; margin: 0 auto; }/* 全体を中央に持って行く*/

 /* 基本*/
body { font-size : 10pt ; color : #151101 ; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;  line-height:14pt; background-color :#EDF6EE }
a img { border: none; } /* リンク画像の線を消す*/
a{ outline: none; } /* リンクの線を消す*/
.migi {float: right;  overflow: hidden; margin-right: 10px; }
.man { float: center; }/* 中央寄せ*/
/*見出し */
#midasi h2{ margin-top: 50px; margin-left: 50px ; border-left:5px solid #B3204D; padding-left: 10px; font-size: 125% ;  color : #412E28 ; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}
/*見出しの太い線 */
blockquote { margin-top: 50px; margin-left: 50px ; border-left:5px solid #B3204D; background: #D1c089; padding: 10px;  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}
h3 { margin-top: 50px; margin-left: 50px ;  padding: 10px;  color : #412E28 ; font-size: 125% ; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}
h4 { margin-top: 80px; margin-left: 50px ;  padding: 10px;  color : #412E28 ; font-size: 125% ; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}
h5 { margin-top: 140px; margin-left: 50px ;  padding: 10px;  color : #412E28 ; font-size: 125% ; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}


/* あたま*/
#header a:hover { top:2px; left:2px; position:relative; }
header{ margin: 30px 0 15px ; overflow: hidden; }
header .logo{float: left;}
nav{ float: right; margin-top: 55px;  }/* メニューの高さ調整*/
nav li{ display: inline; margin-left: 20px; }/* メニュー横幅調整*/
#nav li:hover { top:2px; left:2px; position:relative; }/* マウスオーバーしたときにリンクを右下にずらす*/


/* おしり*/
footer:before{ content: ""; display: table; clear: both; }
#footer {  text-align: center; margin-top: 40px;   }
#footer p{  text-align: center; margin-top: 60px; }


/* 空きスペースをつくる*/
.aki { float: left; margin-top: 100px; margin-left: 50px ; }
.aki, .no-aki { overflow: hidden; }
.aki2 { float: left; margin-top: 70px; margin-left: 50px ; }
.aki2 { overflow: hidden; }
.aki4 { float: left; margin-top: 80px; margin-left: 20px ; }/* about絵の所で使用*/
.aki4 { overflow: hidden; }
.aki5 { float: left; margin-top: 50px; margin-left: 90px ; }/* gallery絵の所で使用*/
.aki6 { float: left; margin-top: 30px; margin-left: 110px ; }/* gallery絵の所で使用*/
.aki7 { float: left; margin-top: 70px; margin-left: 70px ; margin-right:30px; }/* goodsコメントの所で使用*/
.aki8 { float: left; margin-top: 30px; margin-left: 110px ; margin-right:60px;}/* ジークレーの説明で使用*/
.aki9{  float: left; margin-top: 30px; margin-left: 50px ; }
.aki10{  float: left; margin-top: 5px; margin-left: 50px ; }
.aki5, .aki6, .aki7, .aki8, .aki9, .aki10 { overflow: hidden; }


/* topのイラスト*/
#top img{border: 10px #fff solid; }
#top p{  text-align: center; margin-top: 60px; }
.akitop { float: left; margin-top: 60px; margin-left: 20px ; }



/* aboutで使用*/
/* 見出し*/
#plo h1{ font-size: 125% ; border-left: 5px #D1C089 solid; padding-left: 10px; margin-bottom: 15px; }
/* aboutの右左を横並びにする*/
#plo{ width: 680px; float: left; margin-right: 30px;  }
#pic{ width: 220px; float: left;  font-size : 8pt ; line-height:12pt; color : #151101 ; }
#pic ul{ overflow: hidden; margin-right: -10px; }
#pic li { margin-bottom: 50px; }
 
 /* 点*/
ul, .aki3 {float: left;  margin-left: 30px ; }
#plo li { list-style: square outside; color: #D1C089; list-style-image: none; }
#plo li span { color: #151101; }

/* タイムライン（about展覧会で使用）*/
.timeline {  list-style: none;}
.timeline > dd { margin-bottom: 60px;}
/* for Desktop */
@media ( min-width : 700px ){  .timeline > dd { overflow: hidden; margin: 0; position: relative; }
.timeline-date {width: 60px; float: left;  }/* 年*/
.timeline-content {width: 500px; float: left; border-left: 2px #D1C089 solid; padding-left: 30px;  }/* 内容*/



/* gallery,workサムネイルの部分*/
#mise a{ float: left; margin: 0 20px 20px 0 }
#mise img{border: 5px #ffffff solid;}
#mise img:hover{border: 5px #ffffff solid; opacity: 0.8;}
	 
	 
/* work div全体をクリックできるようにする*/
#mise2 div {  margin: 3px;  border-radius: 5px; background: #ffffff; padding: 10px;  width:154px ; text-align:center; height:auto;}
#mise2 a {  text-decoration: none;}
#mise2 p {  margin-top: 10px;  color: #151101;}
#mise2 a:hover div {  background: #fbfdfb; }
.more {  background: #D1c089; padding: 6px 15px;  color: #ffffff;  border-radius: 5px;  display: inline-block; }






/* work しきり線*/
#sen div { border-bottom: 1px solid #D1c089;  margin-top: 30 ; margin-left: 90px ; margin-right: 20px ; }  


/* 文字*/
.text1 { font-size : 8pt ; line-height:12pt; color : #151101 ; }
.text2 { font-size : 9pt ;  line-height:12pt; color : #151101; }
.text3 { font- color:#ffffff;}
.text6 {  color:#412E28;}





/* リンク*/
a:link { color : #B3204D ; text-decoration : none ; }
a:visited  { color : #B3204D; text-decoration : none ; }
a:hover { color : #B3204D; text-decoration : none ;}





.text4 { font-size : 9pt ; color:#D1C089; line-height:12pt;}
.text5 { font-size : 10pt ; color:#FA8072;}


.bgi01 { background-image : url(img/top/bg01.gif) ; background-repeat : no-repeat ; }
.bgi02 { background-image : url(img/top/bg02.gif) ; background-repeat : no-repeat ; }

table { font-size : 10pt ;  color : #000000; line-height:14pt; }
td.bc { background-color :#8b4513; }
.bc1 { background-color :#eee8aa; }
.bc2 { background-color :#ffffff; }
.bc3 { background-color :#CD853F; }
.bc4 { background-color :#F5F5DC; }
td.b1 { border-bottom:dotted 2px #F5F5DC; }
.b2 { border-bottom:dashed 1px #CD853F; }
.b3 { border:solid 1px #d3d3d3; }
.b4 { border:solid 1px #CD853F; }
.b4 { border:dashed 1px #CD853F; }