/* 基本設定 */
/*////////////////////////////////////////////////////////////*/

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form {
	margin : 0px ;
	padding : 0px ;
}

img {
	border : none ;
}

form,input {
	display    : inline;
}

div.clear {
	clear : both ;
}

div.clear img {
	width : 0px ;
	height  : 0px ;
}



/* フォントサイズ */
/*////////////////////////////////////////////////////////////*/

body,td,th {
	font-size : 12px ;
	line-height : 150% ;
	color  : #555555 ;
	font-family : Arial,Helvetica,Verdana,sans-self ;
}

.S,.S td,.S th {
	font-size : 10px ;
	line-height : 130% ;
}

.M,.M td,.M th {
	font-size : 12px ;
	line-height : 150% ;
}

.L,td .L,th .L {
	font-size : 14px ;
	line-height : 150% ;
}



/* リンク */
/*///////////////////////////////////////////////////////////*/

a,a:link {
	color : #E68661 ;
	text-decoration : none ;
}

a:hover {
	color : #B64317;
}

.link-icon a {
	background : url("../../common/images/link_icon.gif") no-repeat 0px 3px ;
	padding : 0px 0px 0px 15px ;
	display : block ;
	font-weight : bold ;
}

.link-icon span.nolink {
	background : url("../../common/images/link_icon_nolink.gif") no-repeat 0px 3px ;
	padding : 0px 0px 0px 15px ;
	display : block ;
	font-weight : bold ;
}

.link-icon-detail a {
	background : url("../../common/images/link_icon_s.gif") no-repeat 0px 2px ;
	padding : 0px 0px 0px 13px ;
	display : block ;
	font-weight : bold ;
	font-size : 10px ;
}



/* 基本レイアウト */
/*///////////////////////////////////////////////////////////*/

body {
	background : url("../../common/images/background.gif") repeat-y center top ;
	text-align : center ;
}

#base {
	text-align : left ;
	width : 800px ;
	margin : 0px auto ;
}



/* ヘッダー */

table#header {
	width : 800px ;
	background : url("images/header_line.gif") no-repeat bottom ;
}

table#header th {
	width : 100% ;
	padding-bottom : 15px ;
	text-align : left ;
}

table#header td {
	padding-bottom : 15px ;
	vertical-align : bottom ;
}


/* フッター */

div#footer {
	background : url("images/footer_bg.gif") repeat-x top ;
	padding : 31px 5px 10px 0px ;
	font-size : 9px ;
	text-align : right ;
	color : #999999 ;
	margin-top : 1px ;
	line-height : 100% ;
}

/* ディレクトリー */
div#category {
	padding : 0px 0px 1px 5px ;
	border-bottom : 1px solid #D5D5D5 ;
	margin-bottom : 6px ;
}

div#category div.directory {
	font-size : 9px ;
	line-height : 20px ;
}

div.company {
	background : url("../images/company_category_bg.jpg") no-repeat right top ;
}

div.products {
	background : url("../images/products_category_bg.jpg") no-repeat right top ;
}

div.species {
	background : url("../images/species_category_bg.jpg") no-repeat right top ;
}

div.photo {
	background : url("../images/photo_category_bg.jpg") no-repeat right top ;
}

/* コンテンツ */

#side {
	width : 160px ;
	background : url("images/side_bg.jpg") no-repeat 0px 50px ;
	vertical-align : top ;
}

#side a {
	display : block ;
	margin-bottom : 1px ;
	background-color : #F1F1F1 ;
}

#contents {
	width : 630px ;
	vertical-align : top ;
}

div.main {
	margin-bottom : 15px ;
}



/* メインコンテンツ */

#contents .layout {
	width : 610px;
}

#contents .layout td,#contents .layout th {
	vertical-align : top ;
	text-align : left ;
}

.gototop {
	margin : 0px 10px 20px 0px ;
	text-align : right ;
}

#contents div.parag {
	margin : 0px 10px 20px 10px ;
}

#contents div.parag-line {
	margin : 0px 10px 20px 10px ;
	padding : 4px 0px 0px 0px ;
	border-top : 1px solid #D5D5D5 ;
}

#contents table.products-box {
	width : 610px ;
}

#contents table.products-box th {
	width : 180px ;
	border-right :  1px solid #D5D5D5 ;
}

#contents table.products-box th div {
	margin-bottom : 15px ;
}

#contents table.products-box td {
	padding : 0px 0px 0px 15px;
}

#contents h3 {
	color : #666666 ;
	margin-bottom : 15px ;
	font-size :  18px ;
	padding : 0px ;
}

#contents h4 {
	color : #666666 ;
	margin-bottom : 3px ;
	padding : 0px ;
	font-size :  14px ;
}

#contents table.list th {
	padding : 0px 15px 10px 0px ;
}

#contents table.list td {
	padding : 0px 0px 10px 0px ;
}

#contents table.name-index {
	width : 610px ;
	border-left : 1px solid #CCCCCC ;
	border-top : 1px solid #CCCCCC ;
}

#contents table.name-index th {
	background-color : #F1F1F1 ;
	padding : 1px 3px ;
	vertical-align : top ;
	border-bottom : 1px solid #CCCCCC ;
	border-left : 1px solid #FFFFFF ;
	border-top : 1px solid #FFFFFF ;
}

#contents table.name-index td {
	background-color : #FFFFFF ;
	padding : 1px 5px ;
	border-bottom : 1px solid #CCCCCC ;
	border-left : 1px solid #CCCCCC ;
	border-right : 1px solid #CCCCCC ;
	width : 25% ;
	white-space : nowrap ;
}

#contents table.photo-index {
	width : 610px ;
	border-left : 1px solid #D5D5D5 ;
	border-right : 1px solid #D5D5D5 ;
	border-top : 1px solid #D5D5D5 ;
	margin : 0px 0px 20px 10px ;
}

#contents table.photo-index td {
	width : 130px ;
	border-left : 1px solid #D5D5D5 ;
	border-bottom : 1px solid #D5D5D5 ;
	text-align : center ;
}

#contents table.photo-index td img {
	display : block ;
	margin : 0px 25px 3px 25px ;
}

#contents table.photo-index td a {
	font-size : 10px ;
	display : block ;
	padding : 5px 0px 5px 0px ;
	text-align : center ;
}

#contents table.photo-index td a:hover {
	background-color : #F1F1F1 ;
}

#contents table.photo-index th {
	padding : 5px 0px 0px 0px ;
	width : 100% ;
	background-color : #F1F1F1 ;
	border-bottom : 1px solid #D5D5D5;
	text-align : center ;
}

#contents table.gallery td a {
	margin-bottom : 10px ;
	display : block ;
}

#contents table.gallery td.photo {
	width : 422px ;
}

#contents table.gallery td.photo img {
	border : 2px solid #999999 ;
	margin : 0px 20px 0px 0px ;
	display : block ;
}

#contents table.gallery th {
	font-weight : normal ;
	text-align : left ;
	vertical-align : bottom ;
}

#contents table.gallery-rt th a {
	margin-bottom : 10px ;
	display : block ;
}

#contents table.gallery-rt td {
	padding-bottom : 15px ;
	text-align : center ;
}

#contents table.gallery-rt td img {
	border : 2px solid #999999 ;
	display : block ;
	margin-bottom : 3px ;
}

#contents table.gallery-rt td span {
	display : block ;
}