@charset "shift_jis";

/*---------- ページ全体 ----------*/

body{
padding:0;
font-size:14px;
color:#333;  
line-height:150%;
background-color:#FFE4E1;
background-image:url(../image/bg/site.jpg);
text-align: center;
}

/*marginを0に指定してしないとbodyの上下左右は自動的に間隔が取られる。*/



a{ text-decoration:none; 
 }  /* リンクの下線なし */


a:hover {        
color:#FF1493;
}  /*カーソルを合わせた時のリンク色*/



p {                   
  margin: 20px 0 20px 0;
  line-height: 160%;
  letter-spacing: 1px;
}   /* 本文の指定 */

strong{
font-weight:bold;
}

/*base---------------------------------------*/

#base{
margin:0 auto 0 auto;
padding:0;
width:800px;
background-color:#FFFFFF;
border:solid 1px;
}                       
 /*autoで中心になる。はずだがI.Eでは効かないらしいので body
にtext-align: center;"をつけるとよい?*/

/*  ここで＃FFFFFFを指定しているので内容全部に反映されている。はず・・*/



/*header---------------------------------------*/

#header{
margin: 0;
width:800px; 
height:393px;
background: url(image/bgimage/11.gif);
 
}


#table{
width:800px;
height:80px;
background-color:#FFFFFF;
}

#table-left{
float:left;
width:350px;
height:51px;
background-repeat:no-repeat;
padding:10px 0px 0px 5px;
text-align:left;

}

#table-right{
float:right;
width:420px;
height:51px;
padding-top:12px;

}


/*home-----------------------------------------*/



/*---------- コンテンツ ----------*/


#container{      
margin:0px;
background-color: #FFFFFF;
width:800px;
}

/*---------- メインコンテンツ ----------*/
#content{
float:right;
width:500px;
margin-top:20px;
margin-right:50px;
text-align:left;
line-height:150%;

}

#content h2{
margin:0px;
padding-top:15px;
width:500px;
color:#696969;
height: 26px;
text-align:left;
font-size:16px;
font-weight:bolder;

}

#content-top{
float:right;
width:500px;
margin-right:0px;
margin-top:20px;
text-align:left;
line-height: 150%;
}



#content-slide{
float:left;
margin-top:10px;
margin-left:10px;
margin-bottom:50px;
}

#content-news{
float:left;
width:500px;
margin-top:20px;
font-size:20px;
}


使用していない
------------------------------------------------------------------------------------------------
#content-message{
float:left;
width:500px;
margin-top:20px;
padding:30px;
background-color:#ffffcc;
font-size:12px;
}


#content-left{
float:left;
padding-bottom:50px;
padding-top:20px;
padding-left:60px;
background-color:#FFFFFF;
letter-spacing: 1px;
width:380px;
line-height:160%;
text-align:left;

}

----------------------------------------------------------------------------------------------------




 

/*---------- メニュー ----------*/


#menu{
float:left;
margin:0;
padding-top:15px;
padding-left:45px;
padding-bottom:70px;
width:200px;
text-align:left;

}

/*リンク表示指定*/

a.menu-1{
display:block;/*テキストをブロック化*/
width:150px;/*幅*/
height:30px;/*高さ*/
background-color:#B0C4DE;/*背景色*/
color:#696969;/*文字色*/
font-size:18px;
font-weight:bold;/*文字サイズ*/
letter-spacing:2px;/*文字間隔*/
text-decoration:none;/*ライン指定*/
padding-top:8px;
padding-left:12px;/*細かい位置指定*/
text-align:left;/*位置指定*/
border-bottom-style:groove;
border-width:0px 0px 1px 0px;
}

/*リンクにマウスが乗ったとき指定*/

a.menu-1:hover{
width:160px;/*幅*/
background-color:#FFB6C1;/*背景色*/
color:#000000;/*文字色*/
font-size:18px;
font-weight:bold;
margin-left:20px;
}


#menu-counter{
float:left;
margin:0;
padding-top:15px;
padding-left:10px;
}


#menu-image{
float:left;
margin:0;
padding-top:15px;
padding-left:60px;
}

#news{
float:left;
margin-left:50px;
margin-right:50px;
text-align:left;

}
#FFA{
float:left;
margin-left:50px;
text-align:left;
}

#facebook{
float:left;
margin:50px;
text-align:left;

}


/*profile--------------------------------------*/

#profile{
float:right;
margin:20px 50px 50px 0px;
width:500px;
text-align:left;

}


/*Artwork------------------------------------------*/
   #art{
float:right;
width:500px;
margin:20px 50px 50px 0px;
text-align:left;

}  

#art-top{
width:500px;

}




.box{
width:500px;
height:100px;
margin-bottom:10px;
border:none;
}

#h{
margin: 0 0 30px 0;
font-weight:bold;
font-size:20x;
text-aligh:left;
color:blue;
background-color:#FFB6C1;
padding:5px 0 5px 5px;

}

#box{
float;left;
width:500px;
margin-bottom:10px;
border:none;
}

.box-1{
float:left;
width:100px;
height:100px;
margin-bottom:10px;
}

.box-2{
float:left;
width:390px;
font-size:20px;
padding-left:10px;
margin-top:70px;
background-color:#B0C4DE;

}




img {
border: none;
vertical-align:bottom;
}     /*下の線をそろえる。*/


.kaijo{
clear:both;
}

/*Artprint-------------------------------------*/
#artprint{
float:right;
width:500px;
margin:20px 50px 50px 0px;
text-align:left;
border:none;
} 

}  
#artprint-top{
width:500px;
line-height:120%;
}

.box{
width:500px;
height:100px;
margin-bottom:10px;
border:none;
}

#h{
margin: 0 0 30px 0;
font-weight:bold;
font-size:20x;
text-aligh:left;
color:blue;
background-color:#FFB6C1;
padding:5px 0 5px 5px;

}

#box{
float;left;
width:500px;
margin-bottom:10px;
border:none;
}

.box-5{
float:left;
width:80px;
height:80px;
margin-bottom:20px;
}

.box-6{
float:left;
width:20px;
font-size:16px;

margin-top:60px;
margin-right:20px;
margin-bottom:20px;
background-color:#B0C4DE;

}




img {
border: none;
vertical-align:bottom;
}     /*下の線をそろえる。*/


.kaijo{
clear:both;
}


/*Serigraph--------------------------------------*/

#serigraph{
float:right;
width:500px;
margin:20px 50px 50px 0px;
text-align:left;

}  
#seri-top{
width:500px;
line-height:120%;
}




.box{
width:500px;
height:100px;
margin-bottom:10px;
border:none;
}

#h{
margin: 0 0 30px 0;
font-weight:bold;
font-size:20x;
text-aligh:left;
color:blue;
background-color:#FFB6C1;
padding:5px 0 5px 5px;

}

#box{
float;left;
width:500px;
margin-bottom:10px;
border:none;
}

.box-3{
float:left;
width:80px;
height:80px;
margin-bottom:20px;
}

.box-4{
float:left;
width:150px;
font-size:16px;

margin-top:60px;
margin-right:10px;
margin-bottom:20px;
background-color:#B0C4DE;

}




img {
border: none;
vertical-align:bottom;
}     /*下の線をそろえる。*/


.kaijo{
clear:both;
}



/*works--------------------------------------*/

#works{
float:right;
margin:20px 50px 50px 0px;
width:500px;
text-align:left;


}




/*Info--------------------------------------*/

#info{
float:right;
margin:20px 50px 50px 0px;
width:500px;
text-align:left;


}


/*links----------------------------------------*/

#links{
float:right;
margin:20px 50px 50px 0px;
width:500px;
text-align:left;
line-height: 200%;
font-size:13px;
}

.links a:hover{
color:#FF1493;
}

#sogolink{
clear:both;
width:800px;
height:50px;
margin-left:50px;
padding-top:10px;
text-align:left;
}



/*shop------------------------------------------*/

#shop{
float:right;
margin:20px 50px 50px 0px;
width:500px;
text-align:left;
}


/*contact---------------------------------------*/

#contact{
float:right;
margin:20px 50px 50px 0px;
padding-left:50px;
width:450px;
text-align:left;
color:#0000CD;

}


/*silkpainting-----------------------------------*/

#silkpainting{
float:right;
width:500px;
text-align:left;
margin:20px 50px 50px 0px;

}


#youi{
width:450px;
margin-top:20px;
margin-right:50px;
padding:20px;

background-color:#FFFACD;

}

ul{
list-style-type:decimal;
line-height: 200%; 
}

ul.type{
width:430px;
margin-top:20px;
margin-right:50px;
margin-left:0;
padding:10px;
background-color :#FFFACD;
}

li.style{
  padding:10px;
  margin :30px;
  background-color:#F0E68C;
}

/*submit---------------------------------------*/

#submit{
color:blue;
font-size:20px;
margin-top:50px;
}




/*footer---------------------------------------*/

#footer{
clear:both;
width:800px;
height:35px;
margin:0px; 
padding-top:15px;
text-align:center;
font-size:12px;
line-height:120%;
border-top:solid 1px;
background-color:#ffe4e1;

}