@charset "UTF-8";

/*
Theme Name: kanjishop SHUNREI 2008
Theme URI: none
Description: Designed by <a href="http://www.kanjishop.com/" title="SHUNREI">hajime TOYAMA</a>,
based on the Theme Relaxation by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>.
Version: 1.0
Author: hajime TOYAMA
Author URI: http://www.kanjishop.com/
*/

body {
/*	text-align: center;*/
	font-size: medium;
	margin: 0px;
	padding: 0px;
	color: #222222;
	background: #f1f3e9;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 130%;
	/* \*/
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body {
 font-size: small;
	/* */
}

h1,h2,h3,h4,h5,h6,p,ul,ol,form,table,tr,td,th,option,dl,input,select,option,textarea {
	font-size: medium;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 135%;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>h1,h2,h3,h4,h5,h6,p,ul,ol,form,table,tr,td,th,option,dl,input,select,option,textarea {
 font-size: small;
	/* */
}

.small {
	font-size: small;
	font-family: "verdana", "arial", 'ヒラギノ角ゴ Pro W3';
	line-height: 1em;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>.small {
 font-size: x-small;
	/* */
}

.medium {
	font-size: medium;
	line-height: 130%;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>.medium {
 font-size: small;
	/* */
}

.large {
	font-size: large;
	line-height: 135%;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
}
html>.large {
 font-size: medium;
	/* */
}

.xlarge {
	font-size: x-large;
	line-height: 135%;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: medium;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: large;
}
html>.xlarge {
 font-size: large;
	/* */
}

.xxlarge {
	font-size: xx-large;
	line-height: 125%;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
	/* \*/
	font-size: large;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-large;
}
html>.xxlarge {
 font-size: x-large;
	/* */
}

/* 大枠中の大枠 */

#page {
	background: transparent;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 830px;
}

/* ヘッダー */

#header {
        background: transparent;
        overflow: hidden;
        color: #383d44;
        height: 150px;
	margin: 0 auto;
        text-align: left;
	padding: 0 0 0 0;
}

#header a { color: #383d44; }
#header a:hover { color: #669933; }

/* ブログタイトル＆サブタイトル */

#blogname { padding-top: 60px; }
#header h2 {
	font-size: 220%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0;
	padding: 0px 15px 0 0;
}

#header h2 a { text-decoration:none; }
#header p {
        padding: 0 0 0 2px;
	margin:0;
	line-height: 1.5em;
}

/* ヘッダーメニュー部 */

#top {
	background: #444444;
	border-bottom: 1px solid #9D32A1;
	height: 40px;
	margin: 0 auto;
	width:100%;
	overflow: hidden;
}

#topbar {
	width: 830px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: #444444;
}

ul.topmenu {
        float: left;
        margin: 0 auto;
	padding: 0 0 0 3px;
	list-style-type: none;
}

ul.topmenu li {	float: left; }
ul.topmenu li a {
	line-height: 40px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0px;
	color: #cbcbcb;
	text-decoration: none;
}

ul.topmenu li.h_home {
	line-height: 40px;
	float: right;
	color: #cbcbcb;
}
ul.topmenu li.h_home a { padding: 0 0 0 0; }
ul.topmenu li a:hover {
	color: #ffffff;
        text-decoration: none;
	border-bottom: 1px solid #DDDDDD;
}

#topbar h2 { display: none; }
#topbar .current_page_item a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .current-cat a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .tp_wedd .current_page_parent a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .tp_bus .current_page_parent a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .tp_gen .current_page_parent a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .tp_chumon .cat-item-7 a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }
#topbar .tp_haiso .cat-item-8 a { color: #ffffff; border-bottom: 1px solid #DDDDDD; }

/* コンテンツ＋サイドバー */

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

/* 各ページ中身 */

#content {
	background: transparent;
        border: none;
	color: #282828;
	float: left;
	margin: 20px 0px 30px 0px;
	padding: 0 40px 0 0px;
        text-align: left;
	width: 510px; /* 510+40=550 */
}

#content p {
	font-size: 115%;
	line-height: 1.45em;
	margin-bottom: 1em;
}

#content a:hover {
        color: #669933;
        background: transparent;
        text-decoration: none;
}

/* 各ページ画像の扱い（基本） */

#content img {
/*	float: left;*/
	margin: 3px 10px 5px 0;
        _margin: 3px 5px 5px 0;
	border: 1px solid #c0c0c0;
        padding: 5px;
        background: #FFFFFF;
}

#content a:hover img { 
        border: 1px solid #777777; 
        background: #c0c0c0;
}

/* 各ページタイトル */

#content h1 {
	color: #326ea1;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	line-height: 2em;
}

#content h1 a { color: #326ea1; } /* color: #4A32A1; */
#content h1 a:hover { 
        color: #669933; 
        background: transparent; 
        text-decoration: none; 
}

/* 重要気味なタイトル */

#content h2 a:hover { 
        color: #669933; 
        background: transparent; 
        text-decoration: none; 
}

/* まあまあ重要気味なタイトル */

#content h3 {
        color: #A18332;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.6em;
}

#content ul { margin-bottom: 1em; }
#content ol { margin-bottom: 1em; }
#content ol li { margin-left: 23px; }
* html #content ol li { margin-left: 29px; } /* IE補正 */
#content ul li { margin-left: 18px; }
* html #content ul li { margin-left: 22px; } /* IE補正 */


/* 各商品価格 */

#content .price { margin-top: -0.5em; font-size: 115%; color: #CC0000; }

/* 各商品価格の表 */

#content dl { line-height: 1.4em; font-size: 115%; margin-bottom: 1em; }
#content dl.dai {  }
#content dl.sho {  }
#content dt { float: left; }
#content dd { margin-left: 220px; color: #CC0000; }

#content dl.dai dd { margin-left: 300px; color: #CC0000; }
#content dl.sho dd { margin-left: 110px; color: #CC0000; }

/* home コンテンツ */

#homecont #lineup ul li { margin-left: 0; } /* 上書き */

/* ウエディング筆耕 コンテンツ */

#weddcont ol { padding: 0 0 1em 0; }
#weddcont .entrytext ul { padding: 0 0 1em 0; } /* 親ページ以外にpadding指定 */
#weddcont li { margin-left: 23px; }
* html #weddcont li { margin-left: 27px; } /* IE補正 */
#weddcont img { border: none; padding: 0; margin: 0; }
#weddcont a:hover img { border: none; padding: 0; margin: 0; }
#weddcont h3 { color: #326ea1; }

/* ビジネス筆耕 コンテンツ */

#busicont ol { padding: 0 0 1em 0; }
#busicont .entrytext ul { padding: 0 0 1em 0; } /* 親ページ以外にpadding指定 */
#busicont li { margin-left: 23px; }
* html #busicont li { margin-left: 27px; } /* IE補正 */
#busicont img { border: none; padding: 0; margin: 0; }
#busicont a:hover img { border: none; padding: 0; margin: 0; }
#busicont h3 { color: #326ea1; }

/* 一般筆耕 コンテンツ */

#genecont ol { padding: 0 0 1em 0; }
#genecont .entrytext ul { padding: 0 0 1em 0; } /* 親ページ以外にpadding指定 */
#genecont li { margin-left: 23px; }
* html #genecont li { margin-left: 27px; } /* IE補正 */
#genecont img { border: none; padding: 0; margin: 0; }
#genecont a:hover img { border: none; padding: 0; margin: 0; }
#genecont h3 { color: #326ea1; }

/* 商品サムネイル群 */

#lineup {
	width: 510px;
	list-style: none;
/*	font-size: 115%;*/
	padding-bottom: 0;
}

#lineup ul { padding: 0; margin: 0 0 0 0; }
#lineup ul li {
	float: left;
	display: block;
	width: 170px;
	height: 240px;
	line-height: 1.3em;
	padding: 0 0 0 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}

#weddcont #lineup li { margin: 0 0 1em 0; } /* 上書き */
#busicont #lineup li { margin: 0 0 1em 0; } /* 上書き */
#genecont #lineup li { margin: 0 0 1em 0; } /* 上書き */

#lineup li img {
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #F1F3E9;
}

#lineup li a img {
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #F1F3E9;
}

#weddcont #lineup li a img { margin: 0 0 5px 0; } /* 上書き */
#busicont #lineup li a img { margin: 0 0 5px 0; } /* 上書き */
#genecont #lineup li a img { margin: 0 0 5px 0; } /* 上書き */

#lineup li a { color: #222222; text-decoration: none; }
#lineup li a:hover { color: #A13251; text-decoration: underline; }
#lineup li a:hover img { border: 1px solid #C07D90; }

/* 送料ページ */

.soryo1 { }
.soryo1 th { line-height: 150%; border-bottom: 1px solid #DDDDDD; padding: 0 1em; font-size: 115%; }
.soryo1 td { line-height: 150%; border-bottom: 1px solid #DDDDDD; color: #cc0000; font-size: 115%; padding: 0 1em; text-align: right; }
.soryo1 .bnone { border: none; }

/* 今月の書道　indexページ */

.shododata { margin-top: -1em; text-align: right; font-size: 100%; }

/* 混雑状況　indexページ */

.konzatsu {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin: 0 0 1em 0;
}

.konzatsu th {
	border-bottom: 2px solid #CCCCCC;
	border-right: 1px solid #DDDDDD;
	padding: 8px 5px;
	width: 40px;
	text-align: center;
	background: #FFFFFF;
}

span.sat { color: #3333FF; }
span.sun { color: #FF0033; }

.konzatsu td {
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 3px 5px 3px 5px;
	width: 40px;
	background: #f0f0f0;
}

.konzatsu td.lv1 { background: #FFE9A7; }
.konzatsu td.lv2 { background: #FF9900; }
.konzatsu td.lv3 { background: #FF6600; }

.konzatsunavi { text-align: right; font-size: 100%; }





/* コメント機能 */

#comment {
        background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	padding-left: 2px;
	vertical-align: middle;
	width: 510px;

}

.commentbody {
        background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	position: relative;
        -moz-border-radius: 10px;
}

.commentbody a {
	color: #aa0000;
        text-decoration: none;
}
.commentbody a:hover {
	color: #2d5175;
        text-decoration: none;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
/*	font-size: 13px;*/
}

.commentlist {
	list-style: none;
}

#email, #author {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: Verdana, Arial, 'Helvetica', sans-serif;
	padding-left: 5px;
	vertical-align: middle;

}

#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: Verdana, Arial, 'Helvetica', sans-serif;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;

}

textarea {
        overflow:auto;
}

.post {  }

/* フッター */

#footer {
        background: #e6e3d7 url(images/footer_bg.png);
        border-top: 1px solid #cccccc;
        line-height: 50px;
        clear: both;
	color: #363636;
        margin: 0;
	padding: 0;
        text-align: center;
        overflow: hidden;
}

#footer a {
        color: #363636;
        text-decoration: none;
}

#footer a:hover {
        color: #aa0000;
        text-decoration: none;
}

.s {
	padding: 3px;
	vertical-align: middle;
	width: 220px;
}

/* サイドバー */

#sidebar {
	width: 280px;
        text-align: left;
        float: left;
        margin: 20px 0px 30px 0px;
        padding: 0;
        color: #383d44;
}

.sidelist {
        background: transparent;
        margin: 0 0 20px 0;
        padding: 0;
}


#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar .sidelist li{
        border-bottom: 1px solid #cccccc;
	margin: 0;
        padding: 0;
        display: block;
	font-size: 115%;
	line-height: 1.8em;
	text-indent: 2px;
}

#sidebar .sidelist02 li {
        border-bottom: 1px solid #cccccc;
	margin: 0;
        padding: 0;
        display: block;
	font-size: 100%;
	line-height: 1.5em;
	text-indent: 2px;
}

#sidebar li a {
        border-bottom: 0;
	margin: 0;
	padding: 0;
	display: block;
        background-color: transparent;
        color: #383d44;
	line-height: 1.8em;
	text-decoration: none;
	text-indent: 2px;
}

#sidebar li a:hover {
 	margin: 0;
	padding: 0;
	display: block;
	background-color: #e3e6d7;
	color: #A13251;
	line-height: 1.8em;
        text-decoration: none;
	text-indent: 2px;
}

#sidebar h2 {
	display: block;
	width: 280px;
        background: inherit;
        color: #326ea1;
	font-size: 115%;
	font-weight: bold;
/*	padding: 3px 0px 3px 0px;*/
	margin: 0;
	line-height: 2em;
/*	border-bottom: 2px solid #c0c0c0;*/
}

#sidebar h2 a {
	display: block;
	width: 280px;
}

#sidebar h2.wedding a {
	color: #9D32A1;
}

#sidebar h2.wedding_on a {
	color: #9D32A1;
	background: url(images/arrow_wedding.gif) no-repeat right 50%;
}

#sidebar h2.business a {
	color: #5CA132;
}

#sidebar h2.business_on a {
	color: #5CA132;
	background: url(images/arrow_business.gif) no-repeat right 50%;
}

#sidebar h2.general a {
	color: #4A32A1;
}

#sidebar h2.general_on a {
	color: #4A32A1;
	background: url(images/arrow_general.gif) no-repeat right 50%;
}
#sidebar .bana { margin: 0 0 20px 0; }
#sidebar .bana p { padding: 0; margin: 0 0 3px 0; line-height: 100%; }
#sidebar .bana img { padding: 0; margin: 0; border: none; vertical-align: bottom; }
/* vertical-align: bottom はバグ対策 */




/* 親ページ */
#sidebar .current_page_item a { color: #000000; background: #D1D4C6; }
#sidebar .current-cat a { color: #000000; background: #D1D4C6; }


.navigation { margin-bottom: 1em; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; margin-top: -1px; text-align: right; }


.date {
	background: transparent;
	color: #363636;
	font: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.postmetadata {
        clear: both;
        background: #eeeeee;
        border: 1px solid #cccccc;
	margin: 0 0 1em 0;
	padding: 0.8em;
}

#content .postmetadata ul { margin: 0; padding: 0; } /* 上書き */


/*
.postmetadata p {
	margin: 0;
	padding: 0;
	font-size: 115%;
	line-height: 1.45em;
}
*/

/* different postmetadata style for single.php */

.commentheader {
        background: inherit;
/*	font-size: 18px;*/
        font-weight: lighter;
        text-align: left;
        color: #326ea1;
        padding: 0;
        line-height: 1.5em;
}

.clear {clear:both;}

/* bottom */

#bottom {
        clear: both;
	width: 830px;
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent;
	text-align: left;
	color: #383d44;
}

#bottom-left {
	width: 240px;
	float: left;
	margin-right: 30px;
}

#bottom-mid {
	width: 240px;
	float: left;
}

#bottom-right {
	width: 280px;
	float: right;
	}

#bottom h2 {
        font: 115% Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
	margin: 25px 0 5px 0;
	padding: 0 1px;
        color: #326ea1;
	}

#bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#bottom li {
        border-bottom: 1px solid #cccccc;
        margin: 0;
        padding: 0;
        display: block;
	}
#bottom li a {
        display: block;
        background-color: transparent;
        color: #383d44;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
        border-bottom: 0;
	}
#bottom li a:hover {
	color: #669933;
	background-color: #e6e3d7;
        text-decoration: none;
	}

/* 問い合わせフォーム */

#toi { }
#toi h2 { font-size: 115%; color: #326ea1; font-weight: bold; padding: 1.5em 0 0.5em 0; }

#toi .soshin input { font-size: 115%; margin: 0; padding: 0.3em 0.2em 0.1em 0.4em; line-height: 100%; border: none; background: #FFFFFF url(images/shadow_bg.gif); }
#toi .soshin .area optgroup { font-style: normal; }
#toi .soshin .area option { text-indent: 1em; padding-right: 1em; border: none; background: #FFFFFF; font-size: 115%; }
#toi .soshin textarea { line-height: 120%; font-size: 115%; padding: 0.3em 0.2em 0.1em 0.4em; border: none; background: #FFFFFF url(images/shadow_bg.gif); }
#toi .soshin select { font-size: 115%; height: 115%; background: #FFFFFF; }
#toi .soshin option { font-size: 115%; background: #FFFFFF; }

#toi .soshin .thirty { width: 30%; }
#toi .soshin .fifty { width: 50%; }
#toi .soshin .seventy { width: 70%; }
#toi .soshin .ninety { width: 97%; }

#toi .soshin {
	width: 510px;
	margin: 0;
	padding: 0;
	border: none;
/*	border-left: 3px solid #A18332;*/
	border-left: 2px solid #c0c0c0;
}

#toi .soshin th {
	width: 186px;
	font-size: 115%;
	vertical-align: top;
	text-align: left;
	background: #EEEEEE;
	padding: 5px 0 5px 10px;
/*	border-bottom: 1px solid #dddddd;*/
}
/*
#toi .soshin th.top1 { border-top: 6px solid #DDDDDD; }
#toi .soshin th.top2 { border-top: 6px solid #FF9966; }
*/
#toi .soshin th.top3 { border-top: 6px solid #DDDDDD; }
#toi .soshin td.top { border-top: 6px solid #f1f3e9; }
#toi .soshin td {
	width: 304px;
	padding: 2px 0 2px 10px;
}

#toi .soshin .submit {
	font-size: 115%;
	padding: 8px 28px;
	margin-right: 10px;
	line-height: 100%;
	background: url(images/submit_bg.gif) 50% 50%;
	border: 1px solid #999999;
	color: #FFFFFF;
}
* html #toi .soshin .submit { padding: 8px; } /* IE補正 */


#toi .soshin span.ka {
	font-size: 115%; margin: 0; padding: 0.3em 0.2em 0.1em 0.4em; line-height: 120%; border: none; display: block;
}

/* 共通 */

hr { display: none; }
img { border: none; }
a { color: #326ea1; text-decoration: none; outline: none; }

.red { color: #CC0000; }
.redb { color: #CC0000; font-weight: bold; }
.darkyellow { color: #A18332; }
.darkyellowb { color: #A18332; font-weight: bold; }
.withline {
	padding-bottom: 0.6em;
	margin-bottom: 18px;
	border-bottom: 1px solid #c0c0c0;
}

.after { zoom: 100%; }
.after:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.p8px { padding-bottom: 8px; }
#content .none a img { margin: 0; padding: 0; border: none; background: none; }
#content .none a:hover img { margin: 0; padding: 0; border: none; background: none; }

#content .addcrips { line-height: 100%; margin: -47px 0 1em 0; padding: 0; text-align: right; }

/* 翻訳のところ */
.ig_tbl_line { margin: 0 0 2px 6px; }