@charset "UTF-8";
BODY {
	scrollbar-arrow-color: #c0c0c0;
	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#c0c0c0;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-shadow-color:#c0c0c0;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	
}


td,body{
    font-size:12px;
	font-family: Verdana, "MS UI Gothic", Osaka;
	color: #333333;
}


#mobile{
	width: 380px;
	height: 104px;
	background-image: url(image/qrcode.jpg);
	background-repeat: no-repeat;
	left: 37px;
	top: 684px;
}

.mobile{
	line-height: 0pt;
	left: 154px;
	top: 689px;
	width: 260px;
}
	
.copyright {
margin:5px;
font-size:10px;
font-style: oblique; 
font-family:Verdana,Osaka,Helvetica,sans-serif;
}

.txt12b {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	font-family: Verdana, "MS UI Gothic", Osaka;
}
.txt12p { font-size: 12px; line-height: 18px; font-weight: bold; color: #000000}
.txt10 { font-size: 10px; line-height: 12px; font-weight: normal; color: #000000}
.txt10b { font-size: 10px; line-height: 12px; font-weight: bold; color: #000000}
.txt10p { font-size: 10px; line-height: 12px; font-weight: normal; color: #000000}
.list12 { font-size: 12px; line-height: 15px; font-weight: normal; color: #000000}
.list12b { font-size: 12px; line-height: 15px; font-weight: bold; color: #000000}
.list12p { font-size: 12px; line-height: 15px; font-weight: bold; color: #000000} 

.f10 {
color: #808080; font-size: 10px; font-family: Verdana, "MS UI Gothic", Osaka
}
.f12 {
color: #000000; font-size: 12px; font-family: Verdana, "MS UI Gothic", Osaka; width: 500px
}
.f14 {
font-size:14px;
line-height:130%;
font-family:Verdana,Osaka,Helvetica,sans-serif;
}
.f16 {
font-size:16px;
line-height:130%;
}
.f18 {
font-size:18px;
line-height:130%;
}
.px10 {
	font-size:10px;
	font-family: Verdana, "MS UI Gothic", Osaka;
}
.px12 {
font-size:12px;
}

.px10t {
	font-size:12px;
	font-family: Verdana, "MS UI Gothic", Osaka;
	font-weight: bold;
	color: #FF0000;
}
.px14 {
font-size:14px;
font-family:Verdana,Osaka,Helvetica,sans-serif;
}
.px16 {
font-size:16px;
}
.px18 {
font-size:18px;
}

a:link{color:#333333;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
a:hover{
	color:#000000;
	text-decoration:UNDERLINE;
}
a:active{color:#000000;text-decoration:underline;}

ul{
	font-size:100%;
	color: #663;
	line-height:150%;
	margin: 0px 0px 15px 0px;
	padding:0px 0px 10px 0px;
	list-style-type: none;
	border-bottom-color: #333333;
}


li{
	padding:2px 3px 2px 15px;
	background-repeat: no-repeat;
	background-position:left center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
}

.submenu {
	font-size:90%;
	color: #666;
	line-height:120%;
	margin: 0px;
	padding:0px;
	list-style-type: none;
	background: #F4F1E7;
	background-image:none;
	border-top:none;
}

.now{
	background: #B7A194;
	font-size:100%;
	line-height:120%;
    color:#FFFFFF;
	background-image:none;
}

.idx-subtitle {
	font-size:120%;
	font-family:"lr SVbN", "Osaka|";
	line-height:120%;
	font-weight:bold;
	color:#F72200;
	letter-spacing:1px;
	border-top-width: thin;
}
.idx-title {
	font-size:120%;
	font-family:"lr SVbN", "Osaka|";
	line-height:120%;
	letter-spacing:1px;
	border-right-color: #000000;
}
.idx-title-s {
	font-size:100%;
	line-height:120%;
	font-weight:bold;
	letter-spacing:1px;
	border-top-color: #000000;
	border-bottom-color: #FFFFFF;
	border-bottom-style: none;
}
.idx-lead {
font-size:80%;
font-family:"lr SVbN", "Osaka|";
color:#555555;
line-height:120%;
letter-spacing:1px;
}

.logbox
      {
	border: solid 1px #808080;
	width: 420px;
	height: 250px;
	padding: 0.1em;
	overflow: auto;
      }
      q  { color: #008000;
}


.logbox02
      {
         border: solid 1px #808080;
         width: 500px;
         height: 240px;
         padding: 0.1em;
         overflow: auto;
      }
      q  { color: #008000;
}

.tree { display:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; 
}

#worksdata2 {
	width: 476px;
	height: 574px;
	text-align:left;
	margin-top:52px;
	position: absolute;
	left:86px;
	top: -48px;
	background-repeat: no-repeat;
}

#footer {
	margin: 0;
	padding: 0;
	width: 49px;
	height: 16px;
	position: absolute;
	top: 797px;
	left: 295px;
}

#footertxt2   {
	color: #666666;
	font-size: 10px;
	font-family: Verdana, "MS UI Gothic", Osaka;
	width: 577px;
	height: 40px;
	position: absolute;
	top: 823px;
	line-height: 10pt;
	left: 15px;
	vertical-align: middle;
	text-align: left;
}

/* 画像のリンク先
----------------------------------------------------------- */
p.thumb{
 float:left;
 boder:1px solid #999
}

p.thumb a{
 display:block;
 float:left;
 width:100px;
 height:100px;
 overflow:hidden;
 position:relative;
 z-index:1;
}

p.thumb a img{
 float:left;
 position:relative;
 top:-20px;
 left:50px;
}

p.thumb a:hover{
 overflow:visible;
 z-index:1000;
 border:none;
}

p.thumb a:hove img{
 border:1px solid #999
 background:#fff
}

/* RSS
----------------------------------------------------------- */
.rss_title, rss_title a {
	font-size: 16px;
	font-weight:bold;
	margin: 5px 0;
	padding: 5px 0;
	letter-spacing: 1px;
}