@charset "utf-8";

/*
	* Name: catalogue.css
	* License: MIT License
	  - http://www.opensource.org/licenses/mit-license.php
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com

	* Contents:
	  - 02. 領域設定 - ブロック -
	    - 02-01. 領域設定 - コンテナ -
	    - 02-02. 領域設定 - Header -
	    - 02-03. 領域設定 - Navigation -
	    - 02-04. 領域設定 - Contents -
	      - 02-04-01. 領域設定 - Title -
	    - 02-08. 領域設定 - Left Side -
	    - 02-09. 領域設定 - Right Side -
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 02-01. 領域設定 - コンテナ -
	======================================== */

	#leftside {
		margin-top: 0;
		width: 538px;
	}

	#rightside {
		margin-top: 0;
		width: 188px;
	}

	#pagetop {
		padding-top: 0;
	}


	/* ========================================
	   * 02-04. 領域設定 - Contents -
	======================================== */

	#contents div#topimage {
		background-image: url("../img/img_comment.gif");
	}


	/* ========================================
	   * 02-04. 領域設定 - Main -
	======================================== */

	#main div.container ul {
		margin-right: 0;
	}


	/* ========================================
	   * 02-04-01. 領域設定 - Title -
	======================================== */

	#main h2#title_motif {
		background-image: url("../img/title_motif.gif");
	}


	/* ========================================
	   * 02-08. 領域設定 - Left Side -
	======================================== */

	#leftside ul {
		list-style-type: none;
		margin-top: -20px;
	}

	#leftside ul li {
		border-bottom: 1px dotted #CBC0B4;
		margin-bottom: 0 !important;
		padding-bottom: 1px;
		padding-top: 1px;
		text-align: left;
	}

	#leftside ul li a {
		background-position: 24px 18px;
		background-repeat: no-repeat;
		color: #7D6B57;
		display: block;
		padding: 18px 12px 18px 178px;
		text-decoration: none;
	}

	#leftside ul li a#pht_stuffe {
		background-image: url("../img/pht_stuffe.jpg");
	}

	#leftside ul li a#pht_wedding {
		background-image: url("../img/pht_wedding.jpg");
	}

	#leftside ul li a#pht_ringcushion {
		background-image: url("../img/pht_ringcushion.jpg");
	}

	#leftside ul li a#pht_bebigurumi {
		background-image: url("../img/pht_bebigurumi.jpg");
	}

	#leftside ul li a#pht_strap {
		background-image: url("../img/pht_strap.jpg");
	}

	#leftside ul li a#pht_kidstoy {
		background-image: url("../img/pht_kidstoy.jpg");
	}

	#leftside ul li a#pht_sundrygoods {
		background-image: url("../img/pht_sundrygoods.jpg");
	}

	#leftside ul li a#pht_keyring {
		background-image: url("../img/pht_keyring.jpg");
	}

	#leftside ul li a#pht_season {
		background-image: url("../img/pht_season.jpg");
	}

	#leftside ul li a#pht_event {
		background-image: url("../img/pht_event.jpg");
	}

	#leftside ul li a#pht_custommade {
		background-image: url("../img/pht_custommade.jpg");
	}

	#leftside ul li a#pht_character {
		background-image: url("../img/pht_character.jpg");
	}

	#leftside ul li a:hover {
		background-color: #826D5B;
		color: #FFFFFF;
	}

	#leftside ul li a span {
		display: block;
	}

	#leftside ul li a span.title {
		color: #645446;
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 6px 0;
		padding: 4px 0 0 0;
	}

	#leftside ul li a:hover span.title {
		color: #FFFFFF;
	}

	#leftside ul li a span.comment {
		background-image: url("../img/btn_detail.gif");
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 0 0 34px 0;
	}

	#leftside ul li a:hover span.comment {
		background-image: url("../img/btn_detail_ov.gif");
	}

	#leftside ul li a br {
		display: none;
	}


	/* ========================================
	   * 02-09. 領域設定 - Right Side -
	======================================== */

	#rightside ul.menulist li {
		color: #BBAB9D;
	}

	#rightside ol {
		list-style-type: none;
		margin-left: 0 !important;
	}

	#rightside ol li {
		margin-bottom: 12px !important;
	}

	#rightside ol li img {
		display: inline;
	}

}