@charset "utf-8";
/*index===================================
pictorial Layout

_1. page title
_2. archive page style
  2_1. container
  2_2. sumnail container
  2_3. sumnail contents
_3. individual page style
  3_1. container
  3_2. photo container
  3_3. photo contents

=========================================*/

/*=========================================
_1. page title
=========================================*/

div#main h1.page-title{
	height:230px;
	background:url(../pictorial/image/page_title.jpg) no-repeat;
	}

div#main h2.page-title{
	height:230px;
	background:url(../pictorial/image/page_title.jpg) no-repeat;
	}

/*=========================================
_2. archive page style
=========================================*/

#category-archive span.archive-link{
	border-bottom:3px double #ccc;
	}
/*_2-1. container*/

*html body div#category-archive{
	width:615px;
	margin:1em 0 0 0;
	padding:0 0 0 5px;
	}

div#photo-boxes{
	display:block;
	clear:both;
	margin:2em 0 0 0;
	padding:0;
	}

*html body div#photo-boxes{
	display:block;
	clear:both;
	width:590px;
	margin:0 -2px 0 15px;
	padding:0;
	}

/*_2-2. sumnail container*/

#category-archive div#box{
	display:block;
	float:left;
	width:132px;
	height:20em;
	margin:0 0 0 15px;
	padding:0;
	}

*html body #category-archive div#box{
	position:relative;
	margin:15px 15px 0 0;
	}

/*_2-3. sumnail contents*/

div#box span.entry-sumnail{
	display:block;
	clear:both;
	width:128px;
	height:128px;
	margin:0;
	padding:1px;
	border:1px solid #CCC;
	}

div#box p.entry-title{
	display:block;
	clear:both;
	font-size:13px;
	line-height:1.25em;
	width:132px;
	margin:0;
	}

div#box p.entry-date{
	display:block;
	clear:both;
	padding:5px 0 5px 0;
	font-weight:bold;
	color:#999;
	width:132px;
	margin:0;
	}

/*=========================================
_3. individual page style
=========================================*/

/*_3-1. container*/

div#text-area{
	background:url(../common/text_area_bg.gif) repeat-y;
	}
	
/*_3-2. photo contents*/

.caption{
	clear:both;
	padding-left:1.5em;
	margin:5px 0 0 0;
	text-indent:-1.4em;
}


#text-area ul{
	margin:1.5em 0 0 20px;
	}

#text-area li{
	margin-top:0.5em;
	padding:0 0 0 15px;
	background:url(http://www.3zou.net/related_organization/image/circle.gif) no-repeat 0 5px;
	}

#text-area dl{
	margin:1em 0 0 20px;
	padding:0 0 0 13px;
	background:url(../common/side_navi_arrow.gif) no-repeat 0 7px;
	}
	
#text-area dd{
	font-size:12px;
	}