@charset "utf-8";
/* -----------------------------------------------

You Me & Cookies GALLERY CSS
FILE DATA: gallery.css

----------------------------------------------- */

/* ------------------------------------------- * /
/* logo */
div#logo{
	float:left;
}
div#logo a{
	display:block;
	background:url(../../share/images/logo.gif) no-repeat;
	width:270px;
	height:45px;
	text-indent:-99999em;
	padding:0 30px 0 0;
}
/* ------------------------------------------- * /
/* panlist */
div#panlist{
	width:650px;
}
div#panlist a.home{
	background:url(../images/pan_home.gif) no-repeat;
	width:21px;
	height:5px;
	display:block;
	text-indent:-99999em;
	float:left;
	padding:0 10px 0 0;
}
div#panlist span.pagepan{
	background:url(../images/pan_txt.gif) no-repeat;
	width:95px;
	height:6px;
	float:left;
	text-indent:-99999em;
}
/* ------------------------------------------- * /
/* main */
h1{
	margin:20px 0;
	background:url(../images/title.gif) no-repeat;
	width:650px;
	height:47px;
	text-indent:-99999em;
}
/* gallery */
div#gallery{
	width:650px;
}
div#gallery ul{
	margin:20px 0;
}
div#gallery ul li{
	background:url(../images/photo_bg.gif);
	float:left;
	width:140px;
	padding:5px;
	margin:0 12px 12px 0;
	line-height:0;
}
div.navigation{
	padding:20px 0 0 0;
	text-align:center;
}
/* list_area */
div#list_area{
	width:650px;
	margin:0 0 30px 0;
}
div#lsittop{
	margin:0;
	padding:0;
	width:650px;
	height:5px;
	background:url(../images/list_top.gif) no-repeat;
	font-size:1px;
	line-height:0;
}
div#lsitbody{
	width:650px;
	background:url(../images/listbg.gif);
}
div#listbt{
	margin:0 5px 0 0;
	width:650px;
	height:5px;
	background:url(../images/list_bt.gif) no-repeat;
	font-size:1px;
	line-height:0;
}
dl#cate{
	padding:10px 10px 13px 10px;
}
dl#cate dt{
	background:url(../images/cate_title.gif) no-repeat 0 3px;
	width:71px;
	height:11px;
	text-indent:-99999em;
	float:left;
}
dl#cate dd ul li{
	padding:0 10px 0 0;
	float:left;
}

dd{
	width:540px;
	float:right;
	color:#666;
}
dd a{
	color:#06C;
	text-decoration:none;
}
dl#arch{
	padding:10px 10px 13px 10px;
}
dl#arch dt{
	background:url(../images/arch_title.gif) no-repeat 0 3px;
	width:58px;
	height:11px;
	text-indent:-99999em;
	float:left;
}
div#backlink a{
	margin:0 0 20px 0;
	background:url(../images/backbt.gif) no-repeat;
	width:76px;
	height:11px;
	text-indent:-999999em;
	display:block;
}
/* -------------- */
ul#menu li a.menu_page{
	background:url(../images/menu.gif) no-repeat;
}
ul#menu li#gallery a{
	margin:0 0 15px 0;
}
ul#gallery_sub{
	padding:0;
	margin:0 0 20px 0;
	background:url(../../share/images/menu_line.gif) no-repeat top;
}
ul#gallery_sub li{
	background:url(../../share/images/menu_line.gif) no-repeat bottom;
}
ul#gallery_sub li a{
	width:180px;
	background:url(../../share/images/link_mark.gif) no-repeat 0 50%;
	display:inline;
	text-decoration:none;
	line-height:2.5em;
	padding:0 0 0 1.2em;
	color:#00A99D;
}
ul#gallery_sub li ul{
	padding:0 0 5px 0.5em;
	margin:-5px 0 0 0;
}
ul#gallery_sub li ul li{
	background:none;
}
ul#gallery_sub li ul li a{
	line-height:1.5em;
	background:none;
}
p.page-title{
	color:#FC5C98;
}












