/*-----------------------------------------------
  102/toufu design portfolio.
-----------------------------------------------*/

/*    Reset    */
*{
margin:0;
padding:0;
font-style:normal;
}


/*    Base    */
body{
margin:0;
padding:0;
width:100%;
line-height:1.2;
font-size: 85%;
font-family: Georgia, "Times New Roman", Times, sans-serif, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
background-color:#eee;
color:#555;
}


img {
border: 0px;
display: block;
}


/*-----------------------------------------------
layout
-----------------------------------------------*/

/*     Page Layout     */

#page{
margin:0 auto;
padding:0;
width:750px;
background-color:#eee;
}

/*     Headder     */

#headder{
margin:0 0 0 0;
padding:45px 0px 10px 10px;
width:750px;
height:80px;
background-color:#eee;
}

/*     Navigation */
#rogo {
 float:left;  
}



/*     Navigation */
#navi {
margin:0;
padding:60px 0 0 0;
 float: right;  
}



/*     Contents     */
#contents{
margin:0 0 0 0;
padding 0 30px 0;
width:750px;
height:auto;
float:left;
background-color:#fff;
}



/*     Footer     */
#footer{
margin:0;
padding:20px 0 10px 0;
width:100%;
height:30px;
clear:both;
text-align:center;
}




h1,h2,h3,h4{
 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
 font-weight: bold;
 font-size:120%;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
}


.navi{
 margin:0;
 padding:0 10px 0 0;
 font-size:90%;
 font-weight: bold;
 list-style: none outside;
 display: inline;
 font-family: Georgia, "Times New Roman", Times, sans-serif;
}


p.logo{
 margin:0;
 padding:10px 0 0 0;
 font-family: Georgia, "Times New Roman", Times, sans-serif;
 font-size:75%;
 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

div.con{
 margin:0;
 padding:30px 0 30px 30px;
 float:left;
}


div.con2{
 margin:0;
 padding:30px 0 0 30px;
 float:none;
}
div.con3{
 margin:0;
 padding:20px 0 30px 30px;
 float:none;
}




div.dot{
 margin:0 0 10px 0;
 padding:0;
 width:340px;
 height:15px;
 background-image: url(../test2/img_index/menu_line.gif);
 background-repeat:no-repeat;

}

p.title{
 margin:0;
 padding:0 0 5px 0;
 font-size:90%;
 font-weight: bold;
}



.gallery1{
  margin: 5px;
  padding: 10px;
  background-color : #E5E5E5;
  float: left;
  border-width:1px 1px 1px;
  border-style:solid;
  border-color:#D4D4D4;
}



dl,dt,dd{
 margin:0;
 padding:0 0 0 0;
 font-size:85%;
 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

dt{
 font-weight: bold;
 margin:0;
 padding:5px 0 0 0;
}



/**  link page  **/
.bkmtitle{
 margin:0;
 padding:0 0 0 0;
 font-size:90%;
 font-weight: bold;
}


.site{
 margin:0;
 padding:15px 0 0 0;
 font-size:95%;
 font-weight: none;
}



.links{
 margin:0;
 padding:5px 0 0 0;
 font-size:95%;
}


/**  link page end **/


ul,li{
 margin:0;
 padding:0;
 font-size:90%;
 font-weight: nomal;
 line-height:1.8;
 list-style-type:none;
}


p{
 margin:0;
 padding:10px 0 15px 0;
 font-size:90%;
}


address{
 font-size:85%;
 font-weight: nomal;
 text-style-type:none;
 font-family: Georgia, "Times New Roman", Times, sans-serif;
}



a:link {
text-decoration: none;
color:#555555;
}


a:visited {
text-decoration: none;
color:#555555;
}


a:hover {
text-decoration: none;
color:#ff66bb;
background:#ff66bb;
}


a:active {
text-decoration:none;
color:#555555;
} 

dt.snst{
 margin:0;
 padding:5px 10px 5px 0;
 font-size:100%;
 float:left;
}


dd.snsd{
 margin:0;
 padding:5px 10px 5px 0;
 font-size:100%;
}