body{
	font:11px/16px 'メイリオ','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo',  'Osaka',  sans-serif;
	color:#666666;
	background:#d1d1d1;
}

#base{
	margin:20px auto;
	width:900px;
	height:auto;
	border:1px #bfbfbf solid;
	background:#fff;
}

#header{
	height:100px;
	border:#a6a6a6 solid;
	border-width:0 0 1px;
	background:#e6e6e6;
}

#header h1{
	float:left;
	height:100px;
	width:180px;
}

#header h1 a{
	display:block;
	height:100px;
	width:180px;
	text-indent:-9999px;
	background:	url("./images/logo.gif") no-repeat;
}

#header h1 a:hover{
	background-position:0 -100px;
}

#header #grMenu{
	float:left;
	padding:0 0 0 20px;
	height:100px;
	width:700px;

	background:	url("./images/grMenuBg.gif") right top no-repeat;
}

#header #grMenu ul{
	margin:0 0 8px;
	height:24px;
	width:700px;
	text-indent:-9999px;
	background:	url("./images/grMenuBg.gif") right top no-repeat;
}

#header #grMenu ul li{
	float:right;
	margin:0 0 0 2px;
}

#header #grMenu ul li a{
	display:block;
	height:24px;
	text-indent:-9999px;
}

#header #grMenu ul li#about a{
	width:138px;
	background:	url("./images/menu_about.gif") no-repeat;
}

#header #grMenu ul li#flow a{
	width:80px;
	background:	url("./images/menu_flow.gif") no-repeat;
}

#header #grMenu ul li#contact a{
	width:90px;
	background:	url("./images/menu_contact.gif") no-repeat;
}

#header #grMenu ul li#profile a{
	width:66px;
	background:	url("./images/menu_profile.gif") no-repeat;
}

#header #grMenu ul li#about a:hover,
#header #grMenu ul li#flow a:hover,
#header #grMenu ul li#contact a:hover,
#header #grMenu ul li#profile a:hover
{
	background-position:0 -24px;
}

#header #catch{
	height:40px;
	text-indent:-9999px;
	background:	url("./images/catch.gif") no-repeat;
}

#main{
	width:900px;
	height:auto;
}

/* ■LEFT BOX　++++++++++++++++++++*/

#leftBox{
	float:left;
	padding: 0 0 0 10px;
	margin:0 20px 0 0;
	width:160px;
	/*overflow:auto;*/
}


#leftBox h2{
	width:160px;
	height:36px;
	text-indent:-9999px;
	background:	url("./images/myBox.gif") no-repeat;
}

/* ■MY BOX　++++++++++++++++++++++++++++*/

#myBox{
	width:160px;
	height:auto;
	/*height:750px;
	overflow: auto;*/
}


#myBox li img{
	width:76px;
	height:100px;
}

#delCk{
	
	height:20px;
	color:#fff;
	font-size:10px;
	text-align:center;
	line-height:20px;	
	background:	#b3b3b3;
	border:2px #fff solid;
}

#delCk:hover{
	
	background:	#ce8289;
	cursor:pointer;
}

/*MAIN*/

#mainContents{
	float:left;
	padding:5px 0 0 5px;
	width:700px;
	height:auto;
	background:#fff;
}

/* ■GALLERY　+++++++++++++++++++++++++*/

#gallery{
	width:700px;
}

#gallery li{
	position:relative;
	display:block;
	float:left;
	width:152px;
	border:5px #fff solid;
}

#gallery li p{
	font:12px/20px "Arial Black";
}

#gallery a{
	display:block;
	text-align:center;
}

#gallery a img{
	height:200px;
}

.standard{
	color:#006bd8;
}

.excellent{
	color:#e50615;
}

#thumbMenu{
	position:absolute;
	padding:6px 0;
	bottom:0;
	left:0;
	z-index:10;
	width:100%;
	color:#d9d9d9;
	background:#000;
	font-size:10px;
	line-height:14px; 
	border:1px #000 solid;
	
}


#thumbMenu span,
#thumbMenu a
{
	display:block;
	padding:2px 10px;
}

#thumbMenu span:hover,
#thumbMenu a:hover
{
	cursor:pointer;
	color:#aa0000;
	background:#d9d9d9;
}


#prevPage,
#nextPage{
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px
}

#prevPage:hover,
#nextPage:hover{
	color:#e16871;
	cursor:pointer;
}

#pageInfo{
	float:left;
	width:60px;
	font-size:10px;
	line-height:30px;
	text-align:center;
}

#mainContents:after,
#gallery:after,
#myBox:after,
#main:after
{
	content:" ";
	display:block;
	clear:both;
	height:0px;
}

/*拡大画像*/

#hdPrv{
	padding:10px;
	height:600px;
	text-align:center;
	position: relative;
}

#hdPrv img{
	display:inline;
	height:600px;
}

#hdPrv div#close{
	position: absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:100px;
	height:32px;
	font-family:"Arial Black";
	font-size:12px;
	color:#fff;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	background:#000;
	border:none ;
}

#hdPrv div#close:hover{
	color:#ef9c99;
	cursor:pointer;
	background:#595959;
}

/*PAGE NAVI +++++++++++++++++*/

#pageNavi{
	padding:16px 0 8px 454px;
	width:194px;
	height:21px;
}

#pageNavi #prevPage{
	float:left;
	display:block;
	width:52px;
	height:21px;
	text-indent:-9999px;
	background:#fff url("./images/prev.gif") no-repeat 0 0;
	
}

#pageNavi #prevPage:hover{
	background-position:0 -21px;	
}


#pageNavi #pageInfo{
	float:left;
	width:90px;
	height:21px;
	font:bold 16px/21px arial;
		
}

#pageNavi #nextPage{
	float:left;
	display:block;
	width:52px;
	height:21px;
	text-indent:-9999px;
	background:#fff url("./images/next.gif") no-repeat 0 0;
}

#pageNavi #nextPage:hover{
	background-position:0 -21px;	
}


#footer{
	padding:0 8px;
	height:30px;
	background:#000;
	color:#cccccc;
	text-align:right;
	line-height:30px;
	font-size:10px;
}