@charset "utf-8";
/* CSS Document */


/*--- reset */
* {
    margin: 0;
    padding: 0;
}

img,abbr,acronym,fieldset {
    border: 0;
}

body{
	background-color:#FFF;
	font-size: 83%;
	color: #333;
	line-height: 1.5;
}

/*-----------------------------------------------
 リンクカラー
-----------------------------------------------*/
* a:link {
	color:#00c;
	text-decoration:none;
}
* a:visited {
	color:#00c;
	text-decoration:none;
}

* a:hover {
	color:#09c;
	text-decoration:underline;
}
* a:active {
	color:#09c;
	text-decoration:underline;
}

/*--- common */

.clear{
	clear:both;
	height:1px;
}

.em{
	color:red;	
}

/*-----------------------------------------------
 共通　&　TOP
-----------------------------------------------*/

#main{
	width:900px;
	margin:0 auto;
}

#head{
	width:900px;
	margin:0 auto 30px;;	
	background-color:#77ccff;
	padding:8px 0;
}
#head img.headtitle{
	padding-left:10px;	
}

.title{
	margin:5px auto 20px;
	width:621px;
}

.text{
	width:615px;
	margin:0 auto 20px;
}

ul.list{
	width:810px;
	margin:0 auto;
}

ul.list li{
	background:#fff url(../img/btn_t.gif) no-repeat left top;
	width:380px;
	float: left;
    list-style-type: none;
	padding:10px 0 0;
	text-align:center;
	font-size:20pt;
	font-weight:bold;
	margin:10px;
}

ul.list li div{
	width:380px;
	background:#fff url(../img/btn_b.gif)  no-repeat left bottom;
	padding-bottom:10px;

}

ul.list li div a{
	display:block;
	width:380px;
	background:#fff url(../img/btn_m.gif) repeat-y;
	padding:5px 0;

}

.liclear{
	clear:both;
	height:30px;
}

#foot{
	width:900px;
	margin:0 auto;
	background-color:#77ccff;
	text-align:center;
	padding:5px 0;
}


/*-----------------------------------------------
 	ギャラリーページ
-----------------------------------------------*/
.gname{
	background:#fcc464 url(../img/t_t.gif) no-repeat left top;
	width:600px;
	padding-top:8px;
	margin:0 auto 20px;
}
.gname span{
	display:block;
	width:600px;
	background:#fcc464 url(../img/t_b.gif)  no-repeat left bottom;
	padding-bottom:8px;
	text-align:center;
	font-size:16pt;
	font-weight:bold;
}
p.big{
	font-size:180%;
	font-weight:bold;
	text-align:center;
}
p.c,h1.c{
	text-align:center;
}
p.kikan{
	margin-bottom:15px;	
	text-align:center;
}

.text2{
	width:590px;
	margin:0 auto 30px;

}
.chui{
	color:#0590e9;
}

ul.list2{
	width:380px;
	margin:0 auto 30px;
}

ul.list2 li{
	background:#fff url(../img/btn_t.gif) no-repeat left top;
	width:380px;
    list-style-type: none;
	padding:10px 0 0;
	text-align:center;
	font-size:20pt;
	font-weight:bold;
	margin:10px 0;
}

ul.list2 li div{
	width:380px;
	background:#fff url(../img/btn_b.gif)  no-repeat left bottom;
	padding-bottom:10px;

}

ul.list2 li div a{
	display:block;
	width:380px;
	background:#fff url(../img/btn_m.gif) repeat-y;
	padding:5px 0;

}

/*-----------------------------------------------
 	サムネールページ
-----------------------------------------------*/

div.subh{
	width:800px;
	margin:0 auto 10px;
}

div.subt{
	width:180px;
	float:left;
}

div.text3{
	width:600px;
	float:right;
}

ul.list3{
	width:800px;
	margin:0 auto 30px;
}

ul.list3 li{
	width:160px;
	height:160px;
	float:left;
    list-style-type: none;
	padding:10px 0 0;
	text-align:center;
	margin:5px 0;
}

ul.list3 li div{
	width:160px;
}


div.arrownavi{
	width:800px;
	margin:0 auto 10px;
}

div.arrownavi .gtop{
	width:200px;
	float:left;
	text-align:center;
}

div.arrownavi .prev{
	width:200px;
	float:left;	
	text-align:center;
}

div.arrownavi .next{
	width:200px;
	float:left;	
	text-align:center;
}



div.pagelink{
	width:800px;
	height:10px;
	margin:0 auto 30px;
}

div.pagelink .page{
	width:800px;
	height:10px;
	text-align:center;
}



span.off{
	color:#ccc;
}