@charset "Shift-JIS";
@media screen {

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

body {
 background-color:#FFFFFF;
 margin: 0px;
 padding: 0px;
 color: #4D4D4D;
 font-family:"‚l‚r ƒSƒVƒbƒN","Osaka";
 font-size: 12px;
 line-height: 160%;
 text-align:center;
 letter-spacing:1pt;
}

p {
text-indent: 1em;
}

	a {
 color:#FF9A35;
}

	a:hover {
 color:#C10000;
}

	img {
		border: none;
}

    li {
       list-style: none;
}

h2{
border-left:solid 5px #FF9A35;
border-bottom:solid 1px #FF9A35;
padding-left:10px;
padding-bottom:5px;
font-size: 20px;
}

/*------tablelayout------*/
table{
 color: #4D4D4D;
 font-family:"‚l‚r ƒSƒVƒbƒN","Osaka";
 font-size: 12px;
 line-height: 160%;
 letter-spacing:1pt;
 width:440px;
}

table tr th{
 text-align:center;
 background-color:#D7D7D7;
 padding:10px 15px;
 width:120px;
}

table tr td {
 background-color:#D7D7D7;
 padding:10px 15px;
}


/*------title------*/
div#title{
 float:left;
 width:300px;
}
 /*------navigation------*/
div#navigation{
 float:left;
 width:500px;
 margin-top:202px;
 list-style:none;
}

div#navigation li{
margin:3px;
}

/*------amazon------*/
div#amazon{
 clear:both;
 float:left;
 width:300px;
}

/*------main------*/
div#main{
 float:left;
 width:500px;
 margin-left:30px;
 text-align:left;
}

/*------f-navi------*/
div#f-navi{
 clear:both;
 width:800px;
}

/*------footer------*/
div#footer{
 width:800px;
}

/*------others------*/
.pagetop{
 text-align: right;

}

.tsuyome{
 font-size: 14px;
 font-weight:bold;
 line-height: 160%;
 letter-spacing:1pt;
 text-decoration:underline;
}

/*------menu------*/

#menu1{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/profile.jpg) no-repeat;
}

#menu1 a{
 width:100px;
 height:100px;
 display:block;
}

#menu1 a:hover{
    background-image: url(../img/profile3.jpg);
}

#current1{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/profile3.jpg) no-repeat;
}

#menu2{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/blog.jpg) no-repeat;
}

#menu2 a{
 width:100px;
 height:100px;
 display:block;
}

#menu2 a:hover{
    background-image: url(../img/blog3.jpg);
}

#menu3{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/login.jpg) no-repeat;
}

#menu3 a{
 width:100px;
 height:100px;
 display:block;
}

#menu3 a:hover{
    background-image: url(../img/login3.jpg);
}

#menu4{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/touroku.jpg) no-repeat;
}

#menu4 a{
 width:100px;
 height:100px;
 display:block;
}

#menu4 a:hover{
    background-image: url(../img/touroku3.jpg);
}

#current4{
 float:left;
 width:100px;
 height:100px;
 text-indent:-9999px;
 background:url(../img/touroku3.jpg) no-repeat;
}

.trigger      {
 cursor:pointer;
 color:#E10000;
}
.hide .target { display:none }