/* CSS Document */
*{
margin:0;
padding:0;
}


body{
padding:0px;
	margin:0px auto;
	background-color:#ffffff;
	font-family:sans-serif;
	font-size:12px;
	height: 14px;
	background-image: url(images/bk2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}



/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
text-align:center;
}



/*CONTAINER*/
div#container{
width:1200px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
	z-index:2;
}

/*
div#sidemenu{
	position:absolute;
	right:0px;
	top:150px;
	width:160px;
	z-index:1;
	}
	*/
	
div#header{
position:relative;
left:0px;
width:1200px;
height:127px;
}
	
div#contents{position:relative; display:block; left:50px; width:1000px; /*display: none;*/}
	

div.shortcut{font-size:1em; margin-top:20px; padding-bottom:20px;}
div#title{padding-bottom:20px;}

.thumb{	
}


/* サムネイル横並び */

.thumb{
  width:800px;
margin-left:40px;
padding-bottom:20px;
}

.thumb ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.thumb li{
  float: left;
  width: 55px;
margin-left:5px;
padding-bottom:5px;
}


.subtitle{padding-bottom:20px; margin-left:20px;}
.exp{width:800px; font-size:1em; line-height:1.2em; position:relative; left:40px; top:-20px;}

/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin-left:40px;
padding: 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 320px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 305px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
margin-top:10px;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
height:186px; /* 写真エリアの高さ（dt要素の高さを指定する場合） */
 /*margin-bottom: 5px; 写真エリアの下マージン */
}
/* ul.thumbnail dt img {
border: 1px #808080 solid; 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 3px; /* キャプションエリアのマージン（上、左右、下） */
/*height:6.5em;  キャプションエリアの高さ */
font-size: 1em;
line-height:1.5em;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	margin-top:5px;
}

 
div.clear{clear:both;}



#menu{ position: absolute; top: 0px; left: 0px; width: 1200px; height: 1px; text-align:center; }
#menu ul{ position: relative; top: 0px; width: 1200px; height:128px; font-size: 12px; line-height: 0; background-image: url(images/naka_header.jpg); list-style: none;}
#menu li a{ float: left; display: block; height: 128px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(images/naka_header.jpg); }
#menu li#c1 a{ width: 470px;background-position: 0 0;}
#menu li#c2 a{ width: 180px;background-position: -470px 0;}
#menu li#c3 a{ width: 210px;background-position: -650px 0;}
#menu li#c4 a{width: 340px;background-position: -860px 0;}
#menu li#c1 a:hover{background-position: 0 -128px;}
#menu li#c2 a:hover{background-position: -470px -128px;}
#menu li#c3 a:hover{background-position: -650px -128px;}
#menu li#c4 a:hover{background-position: -860px -128px;}


.b_pagetop{width:87px; position:relative; left:900px;}

/*Footer*/
div#footer{
/*background:url(images/footer.gif) repeat-x;
background-position:center top;*/
height:100px;
}

div#footer .foot{
	width:1200px;
margin-top:80px;
font-size:1em;
line-height:1.2em;
text-align:center;
}



ul#pageNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#pageNav li {
	background: #f7f7f7;
	margin: 0 0 5px 0;
}
ul#pageNav li a {
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

ul#pageNav li.spnav_state_current {
	background: #666 url("images/bg_current.png") 185px 14px no-repeat;
}
ul#pageNav li.spnav_state_current a {
	color: #fff;
}
ul#pageNav li.spnav_state_up {
	background: #e7e7e7 url("images/bg_toup.png") 185px 14px no-repeat;
}
ul#pageNav li.spnav_state_down {
	background: #e7e7e7 url("images/bg_todown.png") 185px 14px no-repeat;
}

ul#pageNav li.spnav_state_hover {
	opacity: .7;
}