@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0 auto;
}
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }*/
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; margin-bottom: 10px; }
a img{ border:none; outline: none }

/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/

body{
  font-family: Helvetica, Arial, sans-serif;
  color:#333;
  font-size:12px;
  line-height:140%;
  background:#fff;
}

#wrapper{
background: #FFFFFF;
border: 10px;
border-bottom: 0px solid #FFFFFF;
width: 900px;
}

#navi{
  float: left;
  background: #ffffff;
  position:fixed;
  opacity: 0.9;
  border-bottom: 1px solid #CDCDCD;
  height:80px;
  width: 900px;
  margin: 0px  0px;
  padding: 0px 0px;
}


#entry{
	float: left;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	text-align: left;
}



a{
  color:#777;
  outline: none;
  text-decoration:none;
}

a:hover{
  color:#42c9bb;
  text-decoration:none;
}


table{
 width: 900px;
  float: left;
  border-spacing:0px;
  border: 0px solid #ccc;
  padding: 0px
}
table th, table td{ padding:0px}
table th{
  background:#CCC;
  color:#000;
  text-align:left;
}
table td{
  background:#fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
    line-height:170%;
   vertical-align: top;
}
table caption{
  text-align:left;
  color:Ivory;
  margin-bottom:-1em;
  margin-top:1em;
}



/*-----------------------------------------------------------------------------------------------
  navii
-----------------------------------------------------------------------------------------------*/

#logo{
  float:left;
  margin-top:30px;
  margin-left:0px;
}

#items{
  float:right;
  margin-top:0px; 
  margin-right:0px;
}

ul#navilist{
  float:right;
  padding-bottom:9px;
}


#navilist li {
  float:left;
  list-style-type: none;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 15px;
  padding-top:26px;
  border-top:10px solid #ffffff;
  text-align:center
}


#navilist li.cur{
  color: #5F9EA0;
}

#navilist a:link, #navilist a:visited {
  color: #999;
  text-decoration: none;
}

#navilist li.cur a {
  color: #000000;
  text-decoration:none;
}

#navilist a:hover {
  color: #1ba8ac;
  text-decoration:underline;
  border-bottom:0;
}


/*-----------------------------------------------------------------------------------------------
  main
-----------------------------------------------------------------------------------------------*/



#main{
  width: 900px;
  padding-top: 0px;
  margin-top:0px;
}

.main-3dan{
  float:left;
  margin-top:10px;
  background: #fff;
  border: 1px solid #ddd;
  border-right: 2px solid #ccc;
  border-bottom: 3px solid #ccc;
  width: 260px;
  height:380px;
  margin: 0px 25px 20px 0px;
  padding: 10px 10px 15px;
  display:inline;
}

.main-3dan:hover{
  background: #fff8dc;
}


.main-3dan-last{
  float:left;
  margin-top:10px;
  background: #fff;
  border: 1px solid #ddd;
  border-right: 2px solid #ccc;
  border-bottom: 3px solid #ccc;
  width: 260px;
  height: 380px;
  margin: 0px -20px 20px 0px;
  padding: 10px 10px 15px;
  display:inline;
}

.main-3dan-last:hover{
  background: #fff8dc;
}


#main h2{
  font-family: Helvetica, Arial, sans-serif;
  color:#151515;
  font-weight:bold;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 0px 0px 0px 2px;
  padding-bottom: 10px;
  padding-top: 10px
}

#main h3{
  color:#151515;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.3px;
  font-size: 15px;
  padding-left: 5px;
  padding-bottom: 0px;
  padding-top: 20px;
}
 
 #main h4{
  color:#666666;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.3px;
  font-size: 9px;
  padding-left: 6px;
  padding-bottom: 10px;
  padding-top: 0px;
}

#main p{
  padding-left: 5px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 170%;
  padding-right: 10px
}

.more{
  padding-left: 5px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 170%;
  padding-left: 6px;
  padding-right: 10px
  padding-top: 10px;
}

.pict {
  display: inline;
  border: 1px solid #fff;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-top: 3px;
  float: left;
}

.komoji {
  font-family: Helvetica, Arial, sans-serif;
  color:#999999;
  font-size:6px;
}


/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  margin-top:20px;
  margin-bottom: 0px;
  width: 900px;
    height:80px;
  border-top: 1px solid #E1E1E1;
  background:#fff;
}

#footer p{
  padding: 20px 20px;
  margin-top:10px;
  margin-left:20px;
  font-size:10px;
}



/* IE6 css fixer v0.7: Wed, 10 Feb 2010 12:22:35 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
table,
ul#navilist,
#navilist li,
.main-3dan,
.main-3dan-last,
.pict {display:inline;}

/* add transparancy */
#navi {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}