@charset "utf-8";

/*
	Stylesheet for Kyosuke.jp
	Copyright (C) 2005 Kyosuke Nakamura. All rights reserved.
*/


body{
	margin:0;
	padding:0;
	background:url(images/body_bg.gif) repeat-y center;
	font-family:"Lucida Grande", "Verdana", "Helvetica", "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	font-size:small!important;
	font-size:x-small;
	line-height:1.5;
	color:#555;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-size:small!important;
	font-size:x-small;
}
ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style:none;
}
hr{
	position:absolute;
	left:-9999px;
	width:10px;
}
img,object{
	border:none;
	vertical-align:middle;
}
h1,
h1 a{
	height:42px;
	width:120px;
	background:url(images/logo.gif);
}
h1 a,
#toppage h1{
	display:block;
	text-decoration:none;
	text-indent:-4800px;
}
h2,h3{
	margin-bottom:0.75em;
}
h2{
	border-top:6px solid #BBBBB7;
	border-bottom:2px dotted #BBBBB7;
	line-height:2.333;
}
p{
	margin:0 0 1.5em;
}
h3{
	background-color:#EEEEEA;
}
p:hover{
	background-color:#fff;
}

#container{
	margin:0 auto;
	width:768px;
	text-align:left;
}

#header{
	position:relative;
	height:72px;
	background:url(images/header_bg.gif) no-repeat;

}
#header h1{
	position:absolute;
	left:15px;
	top:14px;
}

/*-- nav --*/
#nav{
	position:absolute;
	left:510px;
	top:45px;
}
#nav li{
	position:absolute;
	top:0px;
	line-height:0.1em;
}
#nav li a,
#nav li .current{
	display:block;
	background-image:url(images/nav.gif);
	text-indent:-9999px;
	text-decoration:none;
	height:21px;
}
#nav1{ left:  0px; width:50px;}
#nav2{ left: 59px; width:38px;}
#nav3{ left:104px; width:49px;}
#nav4{ left:162px; width:33px;}
#nav5{ left:204px; width:35px;}
#nav1 a{ background-position:  -0px -0px;}
#nav2 a{ background-position: -59px -0px;}
#nav3 a{ background-position:-104px -0px;}
#nav4 a{ background-position:-162px -0px;}
#nav5 a{ background-position:-204px -0px;}
#nav1 a:hover,
#nav1 .current{ background-position:  -0px -21px;}
#nav2 a:hover,
#nav2 .current{ background-position: -59px -21px;}
#nav3 a:hover,
#nav3 .current{ background-position:-104px -21px;}
#nav4 a:hover,
#nav4 .current{ background-position:-162px -21px;}
#nav5 a:hover,
#nav5 .current{ background-position:-204px -21px;}

/*-- content --*/
#content{
	padding:0 6px;
	background:url(images/content_bg.gif);
	height:100%;
}
#content .columnarea ul{
	margin:0 0 1.5em;
}
#content .columnarea li{
	padding-left:9px;
	background:url(images/arrow.gif) no-repeat 0px 7px;
}
#content .columnarea li:hover{
	background-color:#fff;
}

/*-- content 共通項目 --*/
.fcolumn{
	width:228px;
	float:left;
}
.column{
	float:left;
	width:228px!important;
	width:246px;
	padding-left:18px;
}
.wcolumn{
	/* width:63%; */
	width:474px!important;
	width:492px;
	float:left;
	padding-left:18px;
}
/* wcolumn2 : 中にcolumnが入るwcolumn */
.wcolumn2{
	width:492px;
	float:left;
}
.wcolumn2 h2{
	margin-left:18px;
}
.pageswitch{
	clear:left;
	margin-left:18px;
	text-align:right;
}

.wcolumn:after{
	content:"";
	display:block;
	clear:left;
}
.columnarea:after,
.itembody:after{
	content:"";
	display:block;
	clear:left;
}

#flash{
	margin-bottom:18px;
	padding:21px;
	background:url(images/flash_bg.gif) center no-repeat;
}
#toppage #flash{
	padding:0;
}


.itembody img{
	float:left;
	padding:2px;
	border:1px solid #ccc;
	margin-right:0.75em;
	margin-bottom:0.75em;
}
.itembody ul{
	clear:left;
}
.itembody p{
	width:100%;
}


#banner{
	clear:left;
	padding:6px 18px;
	border-top:1px dotted #ccc;
	background:#fff;
}
#banner ul{
	text-align:right;
}
#banner li{
	display:inline;
	padding-left:0.5em;
}

#footer{
	background:url(images/footer_bg.gif) no-repeat;
	padding:36px 18px 24px;
	line-height:18px;
	font-size:x-small!important;
	font-size:xx-small;
}
#footer ul{
	text-align:center;
}
#footer li{
	display:inline;
	margin-left:9px;
	padding-left:8px;
	border-left:1px solid #fff;
}