@charset "UTF-8";
/*
Theme Name: セレクトショップ洛禅
*/

/* 各要素のmargin,paddingの正規化 */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, hd { margin: 0;	padding: 0; }

/* 見出し要素のフォントサイズの正規化 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* ol,ul要素のlist-styleを削除 */
ol, ul { list-style: none; }

/* font-styleやfont-weightプロパティの正規化 */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: bold; }

/* table要素のセルのボーダーとボーダーの隙間を0にする */
table { border-collapse: collapse; border-spacing: 0; }

/* fieldsetやimgのボーダーを削除 */
fieldset, img { border: 0; }

/* captionやth要素を左揃えにする */
caption, th { text-align: left; }

/* q要素の引用マークを削除 */
q:before, q:after { content: ''; }

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
}

body {
	background: #FFFFFF url(./images/common/body-bg.jpg) repeat-y center top;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

p { color: #333333; margin: 0; padding: 0; }
.exxxlarge-txt { font-size: 128%; line-height: 120%; }
.exxlarge-txt { font-size: 115%; line-height: 120%; }
.exlarge-txt { font-size: 103%; line-height: 120%; }
.large-txt { font-size: 90%; line-height: 120%; }
.middle-txt { font-size: 78%; line-height: 160%; }
.small-txt { font-size: 65%; line-height: 160%; }
.small140-txt { font-size: 65%; line-height: 140%; }
.exsmall-txt { font-size: 59%; line-height: 160%; }
p a:link,p a:visited { color: #669900; text-decoration: none; }
p a:hover,p a:active { color: #99CC00; }
.colorfmt01 { color: #669900; }
.colorfmt02 { color: #000000; }
.colorfmt03 { color: #FF0000; }

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


#header { background: url(./images/common/header-bg.jpg); }
#header-logo { float: left; }
#header-copy { float: left; }
#header-copy h1 { color: #FFFFFF; font-size: 10px; line-height: 160%; font-weight: normal; padding: 16px 0 0 20px; background-color: transparent;}
#header-link { float: right; }
#header-link p { color: #FFFFFF; font-size: 12px; line-height: 100%; font-weight: normal; padding: 18px 20px 0 0; }
#header-link p a:link,#header-link p a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images/common/header-arrow.jpg) no-repeat left center; }
#header-link p a:hover,#header-link p a:active { color: #99CC00; }
#header-bar { clear: both; }
#header-bar img { margin: 0; }


#main {width: 800px; background: url(./images/common/main-bg.jpg) no-repeat right top; text-align: left; }


#nav { width: 190px; float: left; padding: 13px 0 0 10px; text-align: left; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { margin: 0; padding: 0; list-style-type: none; }
#nav ul li img { vertical-align: top; }
.nav-title { color: #333333; font-size: 10px; line-height: 100%; font-weight: bolder; padding: 3px 0 0 4px; }
.nav-dot { padding: 10px 0; }
#nav ul li.nav-txt { font-size: 10px; line-height: 100%; font-weight: bolder; display: block; padding: 4px 0 4px 11px; }
.nav-txt a:link,.nav-txt a:visited { color: #333333; text-decoration: none; padding: 0 0 0 12px; background: url(../images/common/nav-arrow.jpg) no-repeat left center; }
.nav-txt a:hover,.nav-txt a:active { color: #99CC00; }
.nav-kyotokyoto { margin: 50px 0 0 4px; width:173px; }


#contents-index { width: 600px; float: right; text-align: left; }
#contents-index02 { width: 580px; float: right; padding: 20px 0 0 0; text-align: left; clear: right; }
#contents { width: 580px; float: right; padding: 16px 0 0 0; background: url(./images/common/main-bg.jpg) no-repeat right top; text-align: left; clear: right; }

div#topics {
	margin: 0;
	width: 560px;
	height: 118px;
	overflow: auto;
	}

div#topics blockquote {
	margin-bottom: 20px;
	}

div#topics span {
	margin: 7px 0;
	}

div#topics p {
	font-size: 65%; line-height: 160%;
	}

#contents .attention01 { font-size: 16px; color: #669900; }
#contents ul { width: 560px; margin: 0; padding: 0; font-size: 12px; line-height: 120%; }
#contents ul li { margin: 0; padding: 0; list-style-type: none; }

.kuzu { color: #666666; font-size: 10px; line-height: 100%; }
.kuzu a:link,.kuzu a:visited { color: #669900; text-decoration: none; }
.kuzu a:hover,.kuzu a:active { color: #99CC00; }


#footer { text-align: left; clear: left; }
.footer-bar { padding: 20px 0 10px 0; }
.footer-logo { float: left; padding: 0 7px 10px 0; }
.address { float: left; }
.address p { color: #333333; font-size: 10px; line-height: 160%; font-weight: normal; }
.copyright { width: 400px; float: left; padding: 2px 0 0 0; }
.copyright p { color: #333333; font-size: 10px; line-height: 160%; font-weight: normal; }

.pagetop { float: right; padding: 0 20px 0 0; }


.sm01,.sm04 { background: #669900; width: 6px; }
.sm02 { background: #E6E6E6; width: 100px; padding: 8px; }
.sm03 { width: 10px; }
.sm05 { background: #E6E6E6; padding: 8px; }

.sm-txt { color: #333333; font: normal normal normal 65%/100% ""; }
.sm-txt a:link,.sm-txt a:visited { color: #669900; text-decoration: none; }
.sm-txt a:hover,.sm-txt a:active { color: #99CC00; }

/*contents-index03*/
div#contents-index03 { width: 560px; margin-top: 20px; padding: 0; }

/*リンク*/
div#contents-index03 div#links { clear: left; float: right; }
div#contents-index03 div#links h2, div#contents-index03 div#left-col h2 { font-size: 78%; line-height: 160%; color: #000000; margin-bottom: 10px; }

div#contents-index03 div#links ul li { list-style-type: none; }
div#contents-index03 div#links ul li ul li { color: #666666; font-size: 12px; line-height: 120%; margin: 2.5px ;}
div#contents-index03 div#links ul li ul li a:link, div#links ul li ul li a:visited { color: #669900; text-decoration: none; }
div#contents-index03 div#links ul li ul li a:hover, div#links ul li ul li a:active { color: #99CC00; }
div#contents-index03 div#links ul li ul li img { margin: 2.5px 0px; }

/*left-col*/
div#contents-index03 div#left-col { width: 65%; float: left; }
div#contents-index03 div#left-col p {  }
div#contents-index03 div#left-col .FL { float: left; width: 115px; }
div#contents-index03 div#left-col .FR {  }

/*リンクについて*/
div#landb { width: 560px; }

/*カテゴリーについて*/
div#box01, div#box02, div#box03, div#box02 img#dotline { width: 560px; clear: both; }
.m_left { margin-right: 10px; }
.m_top { margin-top: 10px; }
.m_bottom { margin-bottom: 10px; }
.right_text { text-align: right; }
.cat_box { width: 180px; float: left; }
.cat_box2 { width: 180px; float: left; }

.post_box { width: 560px; height: 1%; }
.postimg_box { width: 180px; height: 135px; float: left; margin-right: 10px; }
.post_content { width: 370px; float: right; }
.post_content p { font-size: 65%; line-height: 160%; }
img#dotline { margin: 10px 0; }

/*ポストリンクについて*/
.navigation { width: 300px; margin: 10px auto; }
.aligncenter { text-align: center; }

/*商品シングルについて*/
div#photo_box { width: 265px; height: 206px; float: left; /*margin-right: 5px;*/ position: relative; }
div#photo_box div#thum01 { position: absolute; left: 0; top: 0; }
div#photo_box div#thum02 {
	position: absolute;
	left: 132px;
	top: 0px;
}
div#photo_box div#thum03 {
	position: absolute;
	top: 99px;
	left: 0px;
}
div#photo_box div#thum04 {
	position: absolute;
	left: 132px;
	top: 99px;
}

div#photo_box .thum { width: 132px; height: 99px; }
div#photo_box img { width: 130px; height: 97px; margin: 0; }
div#photo_box a { width: 130px; height: 97px; border: 1px solid #003300; display: block; }
div#photo_box a:hover { width: 130px; height: 97px; border: 1px solid #FFF;  }
div#single_box { width: 245px; margin-right: 10px; padding: 0 10px; float: right; }
.entry-body { font-size: 70%; line-height: 160%; }
.entry-body img {}
.indent02 { text-indent: 2em; }