/* 基本・レイアウト*/

html, body{ 
 margin:0; 
 padding:0; 
 font-size: 100%;
 background-color:#000;
 
scrollbar-face-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-arrow-color:#999;
scrollbar-track-color:#312f3d;
scrollbar-highlight-color:#312f3d;
scrollbar-shadow-color:#312f3d;
 } 

a img {
    border-style:none;
}
 
#pagewidth{ }
 
#header{
 position:relative; 
 height:125px; 
  background-color:#000; 
 width:100%;
 text-align:center;
} 

#header2{
 position:relative; 
  background-color:#000; 
 width:100%;
 text-align:center;
} 
 
#maincol{
background-color: #190508; 
background:url(img/bg2.jpg);  
 float:right; 
 display:inline; 
 position: relative; 
 width:100%; 
 text-align:center;
 padding:15px 0px 50px 0px;
 color:#fff;
 line-height: 150%;
 letter-spacing: 3px;

 }
 
 .main{
 width:500px;
 margin:0px auto;
 text-align:left;
 }
 

 #footer{
 height:50px; 
 background-color:#000; 
 clear:both;
 text-align:center;
 font-size: 65%;
 color:#eee;
 padding:15px 0 8px 0;
 line-height: 130%;
color: #eee;
letter-spacing: 2px;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* リンク色 */

a:link,a:visited {
color : #DEC3DC  ;
}
a:hover,a:active {
color : #8982C5;text-decoration : none;
}


/* 全ページ共通 */

.fotter-menu { 
line-height: 100%;
color: #eee;
letter-spacing: 1px;
margin:0px 0 0px 0px;
}

.fotter { 
font-size: 65%;
line-height: 120%;
color: #eee;
letter-spacing: 1px;
margin:2px 0 0 0;
}
 
 h1 { 
 font-size: 90%; 
font-weight: normal; 
color: #fff; 
letter-spacing: 5px; 
margin:15px 0 15px  0;
font-family:Times New Roman,georgia, "ＭＳ ゴシック",verdana, arial, sans-serif;
 }
 
 h2 { 
font-size: 90%; 
font-weight: bold; 
color: #fff; 
letter-spacing: 4px; 
display:inline;
font-family:Times New Roman,georgia, "ＭＳ ゴシック",verdana, arial, sans-serif;
 }
 
 h3 { 
width:350px;
font-size: 85%; 
font-weight: normal ;
color: #eee; 
letter-spacing: 4px; 
font-family:Times New Roman,georgia, "ＭＳ ゴシック",verdana, arial, sans-serif;
border-bottom:1px solid  #573C66;
marigin:0;
padding:0;
line-height: 120%;
 }
 
 p { 
font-family:"ＭＳ ゴシック",sans-serif;
font-size: 75%;
line-height: 150%;
color: #FFFFFF;
letter-spacing: 3px;
margin:0 0 0 0px;
}

.caps{ 
font-family:"ＭＳ ゴシック",sans-serif;
font-size: 70%;
line-height: 140%;
color: #FFFFFF;
letter-spacing: 3px;
margin:0 0 0 0px;
}

table{ 
vertical-align:top;
}


.box-right{
width:200px; 
float:left;
margin:0px 0px;
padding:0 15px 0 0;
}

.box-left{
width:400px; 
float:left;
margin:0px 0px;
padding:0 0px 0 0;
}

.link-list
{
border-bottom:1px solid  #573C66;
border-top:1px solid  #573C66;
}

.spacer10{
clear:both;
width:auto;
height:10px;
}

.spacer5{
clear:both;
width:auto;
height:5px;
}



/* ----artwork用---- */

.art-main{
margin-left : auto ; margin-right : auto ;
width:600px;
text-align:center;
}

.sumbnail-line{
margin-bottom:5px;
}

.sumbnail{
margin-right:2px;
border:none;
}

.main-big{
 width:800px;
 margin:0px auto;
 text-align:left;
 }

#maincol-art{
background-color: c;   
 float:right; 
 display:inline; 
 position: relative; 
 width:100%; 
 text-align:center;
 padding:15px 0px 50px 0px;
 color:#fff;
 line-height: 150%;
 letter-spacing: 3px;
 }
 
 
 #maincol-art2{
background-color: #190508;   
 float:right; 
 display:inline; 
 position: relative; 
 width:100%; 
 text-align:center;
 padding:0px 0px 0px 0px;
 color:#fff;
 line-height: 150%;
 letter-spacing: 3px;
 }
 
  .main-art3{
 width:600px;
 margin:0px auto;
 text-align:left;
 }
 
.art-menu{ 
padding :72px 0 0 0; 
background-image:url(img/art-menu-bg5.jpg); 
background-repeat:no-repeat;
}

 ul.art-ul{ 
margin: 0; 
padding :0; 
list-style-type : none; 
font-size: 75%;
line-height: 150%;
letter-spacing: 0px;
}

li.art-ul  { 
padding :0; 
margin:0; 
}

.art-ul a:link,.art-ul a:visited  {
background-image:url(img/arrow-brown.gif); 
text-decoration:none;
background-repeat:no-repeat;
padding-left:15px; 
color:#fff; 
width:180px;
margin:10px 10px 10px 10px;
}

.art-ul a:hover,.art-ul a:active  {
background-image:url(img/arrow.gif);
text-decoration:none;
background-repeat:no-repeat; 
color:#b4a6a6 ;
width:180px;
margin:10px 10px 10px 10px;
padding-left:15px;
}

.art-caps  {
padding-left:0px; 
color:#fff; 
width:180px;
margin:10px 10px 10px 10px;
}



/* essay用 */

  #maincol-essay{
background-color: #fff;   
 float:right; 
 display:inline; 
 position: relative; 
 width:100%; 
 text-align:center;
 padding:15px 0px 50px 0px;
 color:#000;
 line-height: 150%;
 letter-spacing: 3px;

 }
 
  #maincol-essay2{
background-color: #fff;   
 float:right; 
 display:inline; 
 position: relative; 
 width:100%; 
 text-align:center;
 padding:0px 0px 0px 0px;
 color:#000;
 line-height: 150%;
 letter-spacing: 3px;
 }
 
.essay-menu{ 
padding :72px 0 0 0; 
background-image:url(http://suzuyosuzuki.com/img/essay-menu-bg.jpg); 
background-repeat:no-repeat;
}

.essay-text{ 
color: #000;
}

 ul.essay-ul{ 
margin: 0; 
padding :0; 
list-style-type : none; 
list-style-image:url();
color: #000;
font-size: 75%;
line-height: 150%;
letter-spacing: 1px;
text-align:left;
}

li.essay-ul  { 
padding :0; 
margin:0; 
}

.essay-ul a:link,.essay-ul a:visited  {
background-image:url(img/arrow-g1.gif); 
text-decoration:none;
background-repeat:no-repeat;
padding-left:15px; 
color:#000; 
width:250px;
margin:10px 10px 10px 10px;
text-align:left;
}

.icon{display:block;padding-left:15px;color:#000;float:left;text-decoration:none;}
.icon:link{background:url(img/arrow-g1.gif) left top no-repeat;color:#000;}
.icon:visited{background:url(img/arrow-g1.gif) left top no-repeat;color:#000;}
.icon:hover{background:url(img/arrow-pink.gif) left top no-repeat;color:#DEC3DC ;}

.essay-ul a:hover,.essay-ul a:active  {
background-image:url(img/arrow-pink.gif);
text-decoration:none;
background-repeat:no-repeat; 
color:#DEC3DC ;
width:250px;
margin:10px 10px 10px 10px;
padding-left:15px;
text-align:left;
}


.essay-menu{ 
padding :72px 0 0 0; 
background-image:url(img/essay-menu-bg.jpg); 
background-repeat:no-repeat;
}

.reading-menu{ 
padding :72px 0 0 0; 
background-image:url(img/reading-menu-bg.jpg); 
background-repeat:no-repeat;
}

p.essay-text{ 
color: #000;

}

.essay-honbun  {
text-align:left;
margin:40px 0px;
}




/* index用 */

.news { 
font-size: 80%;
line-height: 150%;
color: #FFFFFF;
letter-spacing: 2px;
margin:0 0 0 23px;
}

.news-midasi{ 
font-size: 13px; 
font-weight: normal; 
color: #fff; 
letter-spacing: 3px; 
border-width: #665266 solid 0 0 0px 0;
width:180px;
padding:0 0 0 13px;
margin:16px 0 5px 10px;
background:url(img/arrow.gif) no-repeat;

 }
 
 

/* link用 */

.link-table{
width:321px; 
margin:0px 0px 0px 0px;
padding:7px 2px 7px 2px;
border:1px solid  #573C66;
}

.box-link{
width:320px; 
margin:0px 0px 16px 0px;
padding:10px 10px 10px 10px;
border:1px solid  #573C66;
float:center;
}

.box-link-h{
font-size: 85%; 
width:320px; 
margin:0px 0px 3px 0px;
padding:0px 0px 3px 0px;
border:  solid  #573C66;
border-width: 0px 0px 1px 0px;
text-align:left;
}

.box-link-p{ 
width:200px; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
text-align:left;
font-family:"ＭＳ ゴシック",sans-serif;
font-size: 75%;
line-height: 150%;
color: #FFFFFF;
letter-spacing: 3px;
}


.box-link-h2{
font-size: 85%; 
width:319px; 
margin:0px 0px 6px 0px;
padding:0px 0px 3px 0px;
border:  solid  #573C66;
border-width: 0px 0px 1px 0px;
text-align:left;
letter-spacing: 3px;
}

.box-link-p2{ 
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
text-align:left;
font-family:"ＭＳ ゴシック",sans-serif;
font-size: 75%;
line-height: 150%;
color: #FFFFFF;
letter-spacing: 2px;
}



 .proftable { 
font-family:"ＭＳ ゴシック",sans-serif;
font-size: 75%;
line-height: 150%;
color: #FFFFFF;
letter-spacing: 3px;
margin:0 0 0 0px;
}

 #footer-index{
 background-color:#000; 
 clear:both;
 text-align:center;
 font-size: 75%;
 color:#fff;
 padding:0px 0 10px 0;
 line-height: 140%;
color: #eee;
letter-spacing: 2px;
 } 
 
  #footer-index2{
 background-color:#000; 
 clear:both;
 text-align:center;
 font-size: 65%;
 color:#fff;
 padding:0px 0 10px 0;
 line-height: 140%;
color: #eee;
letter-spacing: 2px;
 } 
 
   #footer-index3{
 background-color:#000; 
 clear:both;
 text-align:center;
 font-size: 75%;
 color: #eee;
 padding:10px 0 10px 0;
 line-height: 150%;
letter-spacing: 2px;
 } 

 #footer2{
 height:50px; 
 background-color:#000; 
 clear:both;
 text-align:center;
 font-size: 65%;
 padding:15px 0 8px 0;
 line-height: 130%;
color: #eee;
letter-spacing: 1px;
 } 


p.info { 
text-align:center;
line-height: 140%;
font-size: 90%; 
font-weight: bold; 
color: #fff; 
font-family:Times New Roman,georgia, "ＭＳ ゴシック",verdana, arial, sans-serif;
 }