@charset "Shift_JIS";

/*
Title: ƒoƒ^�[�H–[.ver1.1
Author: ƒ‹�[ƒVƒ… (éLŽq‰®–{•Ü)
Access: info@batakobo.com
License: All rights reserved.
Comment: 
*/
/*
Copyright (C)2000-2008 VUTTER.
*/

a:link{
  color: #666666;
}

a:active{
  color: #FF0000;
}
a:visited{
color:#666666;
}
a:hover{
  color: #FF0000;
}

body{
background-color: #FFFFFF;
background-image:url(./image/top2.jpg);
background-attachment:fixed;
background-repeat:no-repeat; 
background-repeat:no-repeat;
background-position: 175% -175%;
	font-family:Georgia, Times New Roman, Osaka;
	line-height: 135%;
}

div#index{
	width: 700px;
	background-color: none;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: #000000 0px solid;
}

div#header{
  background-color:#000000;
  color:#FFFFFF;
	background-image:url(./image/header.jpg);
	height: 200px;
	padding: 0px;
	margin-bottom: 0px;
}

div#header_url{
	color:#FFFFFF;
	font-size:60%;
	text-align: left;
	margin-top: 5px;
	margin-left: 15px;
}

div#header_comment{
	color:#FFFFFF;
	font-size:80%;
	text-align: right;
	margin-top: 0px;
	margin-left: 10px;
}

div#menu{
	color:#FFFFFF;
	text-align:center;
	font-style:italic;
	font-size:16px;	
}

div#menu a:link{
  color: #FFFFFF;
  text-decoration: none;
}

div#menu a:active{
  color: #FFFFFF;
  text-decoration: none;
}

div#menu a:visited{
  color: #FFFFFF;
  text-decoration: none;
}

div#menu a:hover{
  color: #FFFFFF;
  text-decoration: none;
}


div#counter{
  text-align: right;
}

div#contents{
	float: right;
	width: 620px;
	padding: 15px 40px 30px 40px;
}

div#footer{
	background-image:url(./image/footer.jpg);
	background-color:#000000;
	height:auto;
  clear:both;
  margin-left: 0px;
  margin-top: 15px;
  margin-right: 0px;
  padding-bottom: 10px;
  padding-top:10px;
  padding-right: 5px;
  text-align: center;
  color:#FFFFFF;
  font-size:80%;
  border-top: #000000 1px solid;
}

div#pankuzulist{
  text-align: left;
  font-size:80%;
  height:auto;
  margin-bottom: 0px;
  padding: 10px;
}

div#concept{
  background-color:#FFFFFF;
  border: #000000 1px solid;
  text-align: center;
}

h1{
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 250%;
	font-family:Verdana, Helvetica, Osaka, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	color: #FFFFFF;
}

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

h1 a:active{
  color: #FFFFFF;
  text-decoration: none;
}
h1 a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
h1 a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

h2{
//	padding-left: 5px;
	font-size: 120%;
	text-align: right;
	border-left: #000000 0px solid;
	color: #333333;
	margin:5px;
	margin-top:30px;
}

h3{
  margin-top: 25px;
	font-size: 120%;
	text-align: right;
	border-bottom: #000000 1px dashed;
	color: #333333;
	margin:5px;
}


h4{
	padding-left: 5px;
	font-size: 110%;
	color:#000000;	

}

h5{
	padding-left: 5px;
	font-size:80%;
	color: #333333;
}


img{
  border: none;
}

p{
	color:#333333
}

dt{
  font-weight: bold;
}

.r{
text-align:right;
}

.fr{
float:right;
}

.tr{
padding-left:8%;
text-size:80&;
}

.cl{
	clear:left;
}

.c{
  text-align: center;
}

.b{
  font-weight: bold;
}

.i{
  font-style: italic;
}

.big-size{
  font-size: 150%;
}

.small-size{
  font-size: 80%;
}

.red{
  color: #FF0000;
  font-weight:bold;
}

.style1 {
	color: #800040;
	font-weight: bold;
}

.title{
  font-size: 16pt;
  font-weight:bold;
}

.for{
  font-size: 12pt;
  font-weight:bold;
}

div.left{
   float: left;
   width: 48%;
}

div.right{
   float: right;
   width: 48%;
}