@charset "utf-8";
/*
Theme Name: sinner catalog
Theme URI: 
Description: 
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* -------------- ブラウザスタイルを初期化 -------------- */

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

img {
	padding: 0;
	vertical-align: top;
	border:0;
}

/* -------------- 文字組設定（ゴシック） -------------- */

body {
	font-size: 12px;
	font-family:  "Lucida Grande", sans-serif;
	line-height:150%;
	list-style-position:inside;
}
/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}
/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

/* -------------- 文字組設定（明朝） -------------- */

div.entry p,
ul#CategoryList li h2,
div.post h2,
li.widget_categories ul li,
li.widget_recent_entries ul li,
div#contentRight h2.pagetitle,
div.postWrapper-right h3,
div#respond h3,
div.processWrapper h3 span
{
	font-family:  "Times New Roman", "ヒラギノ明朝 Pro W3", "MS P 明朝", serif;
	line-height:175%;
}

/* for WinIE6*/
* html div.entry p,
* html ul#CategoryList li h2,
* html div.post h2,
* html div.entry li.widget_categories ul li,
* html div.entry li.widget_recent_entries ul li,
* html div#contentRight h2.pagetitle,
* html div.postWrapper-right h3,
* html div#respond h3,
* html div.processWrapper h3 span
 {
	font-family: Times New Roman, "MS P 明朝", serif;
}

/* for WinIE7*/
*:first-child+html div.entry p,
*:first-child+html ul#CategoryList li h2,
*:first-child+html div.post h2,
*:first-child+html div.entry li.widget_categories ul li,
*:first-child+html div.entry li.widget_recent_entries ul li,
*:first-child+html div#contentRight h2.pagetitle,
*:first-child+html div.postWrapper-right h3,
*:first-child+html div#respond h3,
*:first-child+html div.processWrapper h3 span
 { 
	font-family: Times New Roman, "MS P 明朝", serif;
	letter-spacing: 1px;
}

.clear {
	height: 0px;
	overflow:hidden;
	clear: both;
}

/* -------------- ハイパーリンク設定 -------------- */

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

a:hover {
	color:#990000;
	text-decoration:underline;
}

a:active {
	color:#990000;
	text-decoration:underline;
}

a:visited {
	color:#990000;
	text-decoration:none;
}

/* -------------- 基本構成 -------------- */

body {
	margin: 0;
	padding: 0;
	background: url(http://www.eitaoguri.com/images/body_bg.gif) top left no-repeat;
}
#page {
}
div#content {
	width: 812px;
	padding-bottom:30px;
	background: url(http://www.eitaoguri.com/images/content_bg.gif) top left repeat-y;
	zoom: 100%;
}
div#content:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div#contentLeft {
	float:left;
	padding-top: 50px;
	width: 160px;
}
div#contentRight {
	float:left;
	padding:42px 70px 0px 70px;
	width: 512px;
	background: url(images/bg_catalog.gif) top left no-repeat;
}
h1 {
	margin-left: 20px;
	width: 720px;
	height: 72px;
	background: url(http://www.eitaoguri.com/images/sewing-machine.gif) top right no-repeat;
}

/* -------------- グローバルナビ -------------- */

div#globalNavi {
	width: 800px;
	height: 58px;
	background: url(http://www.eitaoguri.com/images/global-navi_bg.gif) top left no-repeat;
}
div#globalNavi ul {
	margin-left: 226px;
	list-style-type:none;
}
div#globalNavi ul li {
	float:left;
	display:inline;
}
div#globalNavi ul li a {
	width:84px;
	height:58px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
a.globalNavi01 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_01.gif);
	background-position:left 0px;
}
a.globalNavi01:hover {
	background-position:left -58px;
}
a.globalNavi02 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_02.gif);
	background-position:left -116px;
}
a.globalNavi02:hover {
	background-position:left -116px;
}
a.globalNavi03 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_03.gif);
	background-position:left 0px;
}
a.globalNavi03:hover {
	background-position:left -58px;
}
a.globalNavi04 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_04.gif);
	background-position:left 0px;
}
a.globalNavi04:hover {
	background-position:left -58px;
}
a.globalNavi05 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_05.gif);
	background-position:left 0px;
}
a.globalNavi05:hover {
	background-position:left -58px;
}
a.globalNavi06 {
	background-image:url(http://www.eitaoguri.com/images/global-navi_06.gif);
	background-position:left 0px;
}
a.globalNavi06:hover {
	background-position:left -58px;
}

/* -------------- ページトップへ -------------- */

div#pageTop {
	
}
div#pageTop a {
	display:block;
	width:160px;
	height:21px;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
	background-image:url(http://www.eitaoguri.com/images/page-top.gif);
	background-position: top left;
}
div#pageTop a:hover {
	background-position: left -21px ;
}

/* -------------- サイドナビ基本 -------------- */

div#subNavi {
	margin:0px 5px 0px 29px;
	padding-bottom: 28px;
	width: 125px;
	height: auto;
}
div#subNavi ul {
	list-style-type:none;
}

/* -------------- サイドナビ　カテゴリー -------------- */

li.widget_categories {
	margin-bottom: 20px;
}
li.widget_categories h2.widgettitle {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(http://www.eitaoguri.com/blog/wp-content/themes/sinner-blog/images/title_subnavi-categories.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_categories ul {
	list-style-position:outside;
}
li.widget_categories ul li {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px dotted #999999;
	font-size: 12px;
	line-height: 150%;
}

/* -------------- サイドナビ　検索 -------------- */

li.widget_search {
	margin-bottom: 20px;
}
li.widget_search form label {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(http://www.eitaoguri.com/blog/wp-content/themes/sinner-blog/images/title_subnavi-keywordSearch.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_search div input#s {
	width: 120px;
}

/* -------------- サイドナビ　最近の投稿 -------------- */

li.widget_recent_entries {
}
li.widget_recent_entries h2.widgettitle {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(http://www.eitaoguri.com/blog/wp-content/themes/sinner-blog/images/title_subnavi-newTopics.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_recent_entries ul {
	list-style-position:outside;
}
li.widget_recent_entries ul li {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px dotted #999999;
	font-size: 12px;
	line-height: 150%;
}


/* -------------- 記事一覧 -------------- */

div#contentRight h2.pagetitle {
	display:block;
	width: 500px;
	font-size: 26px;
	font-weight: lighter;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom:1px solid #CCCCCC;
}
div.postWrapper {
	width: 500px;
	margin: 10px 0 20px 0;
	padding-bottom: 20px;
	border-bottom:1px dashed #CCCCCC;
	font-size: 10px;
	zoom: 100%;
}
div.postWrapper:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div.postWrapper-left_tate {
	float:left;
	width: 66px;
	height: 100px;
	margin-right:14px;
	background:#CCCCCC;
}
div.postWrapper-left_yoko {
	float:left;
	width: 100px;
	height: 66px;
	margin-right:14px;
	background:#CCCCCC;
}
div.postWrapper-right {
	float:left;
	width: auto;
}
div.postWrapper-right h3 {
	font-size: 20px;
	font-weight: lighter;
	margin-top:-8px;
	margin-bottom:-5px;
}
div.entry {
	position:relative;
}
div.postWrapper-right div.entry div#thumbnail-tate img {
	margin-bottom: -100px;
	position:relative;
		top:-40px;
		left:-80px;
}
div.postWrapper-right div.entry div#thumbnail-yoko img {
	margin-bottom: -100px;
	position:relative;
		top:-40px;
		left:-114px;
}
div.entry p {
	margin-top: 5px;
	font-size: 12px;
}


/* -------------- 記事詳細　基本 -------------- */

div.hentry h2 {
	font-size: 26px;
	font-weight: lighter;
	margin-bottom: 5px;
	border-bottom:1px solid #DDDDDD;
}
div.hentry div.entry div#thumbnail-tate img,
div.hentry div.entry div#thumbnail-yoko img {
	display: block;
	width: 0;
	height: 0;
	margin-bottom: 30px;
}
div.navigation {
	width: 500px;
	margin-top: 15px;
	zoom: 100%;
}
div.navigation:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div.navigation div.alignleft {
	float:left;
}
div.navigation div.alignright {
	float:right;
}
div#contentRight p textarea {
	width: 500px;
	border-top:2px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-left:2px solid #BBBBBB;
}
div#respond h3 {
	letter-spacing:-1px;
	font-weight:normal;
}


/* -------------- 記事詳細　メイン写真タテ -------------- */

div#mainPhotoWrapper-tate {
	width: 512px;
	height: auto;
	zoom: 100%;
}
div#mainPhotoWrapper-tate:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div#mainPhotoWrapper-tate div#mainPhoto {
	float:left;
	width: 244px;
	height: 372px;
	margin-right:20px;
}
div#mainPhotoWrapper-tate div#mainSpec {
	float:left;
	width: 236px;
	height: auto;
}
div#mainPhotoWrapper-tate div#mainSpec table {
	width: 236px;
	height: auto;
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size: 10px;
}
div#mainPhotoWrapper-tate div#mainSpec table tr {
	border-bottom:1px solid #CCCCCC;
}
div#mainPhotoWrapper-tate div#mainSpec table th {
	width: auto;
	height: auto;
	vertical-align:middle;
	padding: 5px;
	text-align:left;
	font-weight:normal;
	background:#F5F5F5;
	white-space:nowrap;
}
div#mainPhotoWrapper-tate div#mainSpec table td {
	width: 100%;
	height: auto;
	vertical-align:middle;
	padding: 5px 0 5px 5px;
}
p.postmetadata {
	width: 500px;
	margin: 10px 0 15px 0;
	padding-bottom: 20px;
	border-bottom:1px dashed #CCCCCC;
	font-size: 10px;
}

/* -------------- 記事詳細　メイン写真ヨコ -------------- */

div#mainPhotoWrapper-yoko {
	width: 512px;
	height: auto;
}
div#mainPhotoWrapper-yoko div#mainPhoto {
	width: 372px;
	height: 244px;
	margin-bottom:20px;
}
div#mainPhotoWrapper-yoko div#mainSpec {
	width: 372px;
	height: auto;
}
div#mainPhotoWrapper-yoko div#mainSpec table {
	width: 512px;
	height: auto;
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size: 10px;
}
div#mainPhotoWrapper-yoko div#mainSpec table tr {
	border-bottom:1px solid #CCCCCC;
}
div#mainPhotoWrapper-yoko div#mainSpec table th {
	display: block;
	width: auto;
	height: auto;
	vertical-align:middle;
	padding: 5px;
	text-align:left;
	font-weight:normal;
	background:#F5F5F5;
	white-space:nowrap;
}
div#mainPhotoWrapper-yoko div#mainSpec table td {
	width: 100%;
	height: auto;
	vertical-align:middle;
	padding: 5px 0 5px 5px;
}

/* -------------- 記事詳細　共通サブ写真 -------------- */

div#subPhotoWrapper {
	width: 512px;
	height: auto;
	margin-top:30px;
	margin-bottom:18px;
	zoom: 100%;
}
div#subPhotoWrapper:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div#subPhotoWrapper ul {
	list-style-type:none;
}
div#subPhotoWrapper ul li {
	float:left;
	width: 116px;
	height: 116px;
	margin-right:12px;
	margin-bottom:12px;
}

/* -------------- Topページ  index.php-------------- */

ul#CategoryList {
	list-style-type:none;
}
ul#CategoryList li {
	width: 498px;
	height: auto;
	margin-bottom:10px;
	padding: 4px 12px 10px 12px;
	border:1px solid #CCCCCC;
}
ul#CategoryList li h2 {
	display: block;
	width: auto;
	margin-bottom:5px;
	padding-bottom:0;
	border-bottom:1px dashed #CCCCCC;
	font-weight:lighter;
}