@charset "UTF-8";

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

body{
padding:0;
font-size:16px;
color:#333;  
line-height:130%;
background-image:url(../image/bg/site.jpg);

}



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



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


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

strong{
font-weight:bold;
}

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

#base{

margin-left:30px;
padding:0;
width:820px;


}     



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

#header{
margin:0 10px 0 10px;
width:820px; 
height:393px;
 
}


#title{
width:820px;
height:51px;
background-repeat:no-repeat;
padding:10px 0px 0px 5px;
text-align:left;

}



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


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

}



/*---------- メインコンテンツ ----------*/
#content{
width:800px;
height:350px;
font-size:16px;
line-height:130%;
background-color:#FFFFFF;

}

#content h2{
margin:0px;
width:800px;
color:#696969;
text-align:left;
font-size:20px;
font-weight:bolder;
padding:70px 0 0 30px;
}

#content-top{

padding:10px 30px 20px 30px;
font-size:16px;
text-align:left;
background-color:#FFFFFF;

}


#news{

color:blue;
font-size:14px;
line-height:140%;
text-align:left;
background-color:#FFFFFF;
margin-top:50px;
margin-left:50px;

}


#image{
float:right;
width:150px;
height:150px;
background-color:#FFFFFF;
margin-top:-120px;
margin-right:30px;
padding-bottom:20px;

}

 

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


#menu{
text-align:left;
width:800px;
height:25px;
font-size:18px;
margin-left:10px;
margin-top:0px;
font-weight:bold;
padding:10px;


}




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

#profile{
float:left;
width:780px;
padding:50px 10px 20px 30px; 
text-align:left;
background-color:#FFFFFF;

}


/*Artwork------------------------------------------*/
   #art{
float:left;
width:780px;
padding:40px 10px 20px 20px; 
text-align:left;

background-color:#FFFFFF;
}  

#art-top{
width:800px;
padding:10px;
font-size:16px;
}

#h{
margin-bottom:30px;
padding-top:15px;
padding-left:20px;
font-weight:bold;
font-size:20x;
text-aligh:left;
color:blue;

}


.box{
width:800px;
margin-bottom:20px;
border:none;
}



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

.box-2{
float:left;
width:100px;
font-size:16px;
padding-left:10px;
margin-top:70px;

}


img {
border: none;/*画像の周りの線を消す*/
vertical-align:bottom;/*下の線をそろえる。*/
}


.kaijo{
clear:both;
}



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

#info{
float:left;
padding:40px 0 50px 30px;　
width:780px;
text-align:left;
background-color:#FFFFFF;
font-size:14px;
}

.dm image{
border:solid 1px;
}


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

#links{
float:left;

padding:40px 0 30px 50px;
width:760px;
text-align:left;
line-height: 150%;

font-size:16px;
background-color:#FFFFFF;
}

<!--リンク指定の順番はこの順番。--><!--なぜか反映されていない。？？  -->

a:links{
color:#000080;
}                <!--未訪問リンク色  -->
a:visited.links{
color:#4169E1;
}　　　　　　　　<!--訪問済みリンク色  -->

a:hover.links{
color:#0000FF;
}　　　　　　　　<!--マウスが乗ったときのリンク色  -->
a:active.links{
color:#FF00FF;
}　　　　　　　　<!--選択中のリンク色  -->


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

#contact{
width:800px;
margin-left:30px;
font-size:16px;

}

.space{
width:800px;
height:30px;
}

#form{
padding-left:50px;
margin-top:-30px;

}

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

#shop{

width:800px;
padding-top:30px;
padding-left:30px;
font-size:16px;

}

#banner{
padding-left:350px;
padding-bottom:20px;
margin-top:-30px;
}



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

#submit{
width:800px;
height:150px;
color:blue;
font-size:22px;
padding-top:50px;
text-align:center

}




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

#footer{
clear:both;
width:800px;
height:40px;
text-align:left;
font-size:12px;
padding-top:10px;
padding-left:10px;

}