/* CSS Document */

* {margin:0;padding:0;}
body {
	font: 12px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #303030;
}
a { color: #71231B; text-decoration: underline; }
a:hover { color: #EE0531; text-decoration: none;}
img { border-style: none; }
em { color: #D71001; font-style: normal; }
ul {}
strong {}
h5 { font-size: 1em; }
table {
	border-collapse:collapse;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
th, td {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 3px;
}
th {
	color: #71231B;
	background: #E6E6E6;
	font-weight: normal;
}
.th-col th {text-align:left;}
td {}
table.no-border, table.no-border th, table.no-border td {border:none;}
.clear { clear: both; font-size: 1px; line-height: 1px; }
.font16 { font-size: 16px; }
hr {
	margin: 15px auto;
	width: 95%;
	border-top: 1px dotted #999999;
}
textarea { font-size: 1em; line-height: 1.5; }
#wrap {
	margin: 0px auto;
	width: 800px;
}
.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.fl {float:left;}
.fr {float:right;}

.red {color: #D71001;}
.blue {color: #0000FF;}
.brown { color: #A6511E; }
.green { color: #34512B; }　/*←追加2010/11/24*/

.bold {font-weight: bold;}
.large {font-size: 1.2em;}
.small {font-size: 0.8em;}

.tb { margin: 10px 0px; }
.bm10 { margin: 0px 0px 10px; }　/*←追加2011/5/14*/
.bt30 { margin: 30px 0px 0px; }　/*←追加2011/5/14*/
.bm30 { margin: 0px 0px 30px; }　/*←追加2011/4/27*/

#qa h3, #guide h3, #ordermade h3, #odermade-top h3, #contact h3, .pickup-link-other h4 {
	background: url(../img/arrow_brown.gif) no-repeat left;
	color: #005900;
	font-size: 1.17em;
	margin: 0px 0px 10px 5px;
	padding: 3px 0px 3px 15px;
	border-bottom: 1px dotted #CCCCCC;
	height: 20px;
	line-height: 20px;
	border-top: 1px dotted #CCCCCC;
}
#sitemap h3 {
	font-size: 1.25em;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #C0C0C0;
	border-left: 10px solid #71231B;
	height: 25px;
	line-height: 24px;
}
#guide h4, #odermade-top h4 {
	margin: 0px 0px 5px 8px;
	padding: 3px 0px 3px 15px;
	background: url(../img/qa_h3_icon.gif) no-repeat left 5px #EEEEEE;
	font-size: 1.17em;
	line-height: 20px;
	height: 20px;
	border-top: 1px dotted #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
}
#ordermade h4 {
	font-size: 1.17em;
	margin: 10px 0px 20px;
	padding: 3px 0px;
	text-align: center;
	width: 100%;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
#guide-wrap h5 {
	color: #000066;
	background: url(../img/dot_blue.gif) no-repeat left 6px;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 10px;
}

/*------ ヘッダー ------*/
#head {
	margin: 0px 0px 5px;
	height: 55px;
	width: 800px;
	background: url(../img/bk_head.gif) repeat-x;
	position: relative;
}
#head h1 {
	background: url(../img/cuoretti_logo.gif) 0 0 no-repeat;
	height: 50px;
	width: 202px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 1px;
	text-indent: -9999px;
}
#head h1 a {
	height: 50px;
	width: 202px;
	display: block;
}
#head p#tagline {
        font-size: 10px;
        position: absolute;
        top: 36px;
        left: 22px;
}

/* ---- テキストサイズ ---- */
#textsize {
	position: absolute;
	left: 380px;
	top: 10px;
	height: 30px;
	width: 245px;
	background: url(../img/btn_textsize_bk.gif) no-repeat;
}
#textsize ul {
	display: block;
	height: 20px;
	width: 100px;
	position: absolute;
	top: 5px;
	left: 140px;
}
#textsize li {
	list-style-type: none;
	position: absolute;
	text-indent: -9999px;
	height: 20px;
	width: 30px;
}
#textsize a {
	background: url(../img/btn_textsize.gif) no-repeat;
	width: 30px;
	height: 20px;
	display: block;
}
#textsize a:hover { background-color: #FFFFFF; }
#textsize a:hover img { visibility: hidden; }
/* 標準 */
#normal { left: 0px; }
#normal a { background-position: 0px 0px; }
#normal a.on { background-position: 0px -20px; }
#normal a:hover { background-position: 0px -20px; }
/* 大 */
#large { left: 35px; }
#large a { background-position: -35px 0px; }
#large a.on { background-position: -35px -20px; }
#large a:hover { background-position: -35px -20px; }
/* 特大 */
#huge { left: 70px; }
#huge a { background-position: -70px 0px; }
#huge a.on { background-position: -70px -20px; }
#huge a:hover { background-position: -70px -20px; }

/*--- ショッピングカート ---*/
#head #cart {
	width: 160px;
	position: absolute;
	left: 640px;
	top: 10px;
}
#head #cart a {
	text-indent: -9999px;
	width: 160px;
	height: 30px;
	background-repeat: no-repeat;
	display:block;
	background: url(../img/btn_cart.gif) no-repeat;
}
#head #cart a:hover { background-position: -160px 0; }


/*------ トップイメージ部分 ------*/
#images {
	margin: 0px 0px 10px;
	width: 800px;
}
#images #information {
	height: 250px;
	width: 800px;
	background: #000000;
	position: relative;
}
#info-top {
	background: url(../img/icon_info_arrow.gif) 3px center no-repeat #FFFFFF;
	height: 30px;
	line-height: 30px;
	border:1px solid #000000;
	position: relative;
}
#info-list {position:absolute;top:0;left:0;height:250px;width: 800px;background: #FFFFFF;}
#info-list h2 {
	height: 30px;
	width: 798px;
	line-height: 30px;
	border:1px solid #000000;
	background: url(../img/top_info_title.gif) 8px center no-repeat #FFFFFF;
	text-indent: -9999px;
}
#info-list div {position: absolute;top;30px;height: 220px;width: 800px;overflow:auto;}
#info-list ul {
	background: #FFFFFF;
	list-style:none;
	position: relative;
}
#info-list li {
	height:30px;
	line-height:30px;
	border:solid #000000;
	border-width: 0 1px 1px;
	background: url(../img/icon_info_arrow.gif) 3px center no-repeat #FFFFFF;
}
#show-info, #hide-info {
	position: absolute;
	top: 0; right: 30px;
	border: none;
	text-indent:-9999px;
	height: 30px;
}
#show-info {width: 50px;background: url(../img/icon_info_open.gif) 0 center no-repeat;}
#show-info:hover {background-position: -50px center;}
#hide-info {width: 58px;background: url(../img/icon_info_close.gif) 0 center no-repeat;}
#hide-info:hover {background-position: -58px center;}
#info-top .date, #info-list .date {margin-left: 35px;display:block;width: 80px;height: 30px;float:left;}
#info-top .text, #info-list .text {margin-left: 0px;}

/*------ ナビゲーション ------*/
#navi, #navi2 {
	height: 30px;
	width: 800px;
	position: relative;
	font-size: 0px;
	line-height: 0px;
}
#navi { background: url(../img/btn_navi.jpg) no-repeat; }
#navi2 { background: url(../img/btn_navi2.jpg) no-repeat; }
#navi ul, #navi2 ul {
	margin: 0px;
	padding: 0px;
}
#navi ul li, #navi2 ul li {
	list-style-type: none;
	position: absolute;
	text-indent: -9999px;
}
#navi a, #navi2 a {
	height: 30px;
	display: block;
}
#navi a { background: url(../img/btn_navi.jpg) no-repeat; }
#navi2 a { background: url(../img/btn_navi2.jpg) no-repeat; }
#navi a:hover, #navi2 a:hover { background-color: #FFFFFF; }
#navi a:hover img, #navi a:hover img { visibility: hidden; }
/* トップページ */
#navi-home { left: 167px; }
#navi-home a { width: 85px; background-position: -167px 0px; }
#navi-home a:hover { background-position: -167px -30px; }
/* About Cuoretti */
#navi-about { left: 252px; }
#navi-about a { width: 107px; background-position: -252px 0px; }
#navi-about a:hover { background-position: -252px -30px; }
/* ご利用案内 */
#navi-guide { left: 359px; }
#navi-guide a { width: 73px; background-position: -359px 0px; }
#navi-guide a:hover { background-position: -359px -30px; }
/* カタログ資料請求 */
#navi-demand { left: 432px; }
#navi-demand a { width: 131px; background-position: -432px 0px; }
#navi-demand a:hover { background-position: -432px -30px; }
/* お問い合わせ */
#navi-inq { left: 563px; }
#navi-inq a { width: 86px; background-position: -563px 0px; }
#navi-inq a:hover { background-position: -563px -30px; }
/* 会員登録 */
#navi-mypage { left: 649px; }
#navi-mypage a { width: 75px; background-position: -649px 0px; }
#navi-mypage a:hover { background-position: -649px -30px; }
/* ログアウト */
#navi-logout { left: 724px; }
#navi-logout a { width: 75px; background-position: -724px 0px; }
#navi-logout a:hover { background-position: -724px -30px; }
/* ログイン */
#navi-login { left: 724px; }
#navi-login a { width: 75px; background-position: -724px 0px; }
#navi-login a:hover { background-position: -724px -30px; }

/*------ メイン ------*/
#main { margin: 0px;padding: 0px 0px 10px; }

/*------ トップ3分割 ------*/
#left {
	display: block;
	margin: 0px 0px 10px;
	float: left;
	width: 156px;
}
#center {
	margin: 0px 10px;
	float: left;
	width: 424px;
}
#right {
	width: 200px;
	float: right;
}
#left h2, #center h2, #right h2, #page-right h2, #one-colum h2 {
	text-indent: -9999px;
	font-size: 1px;
	display: block;
	height: 30px;
}
h2.menu {width: 156px;margin: 0px 0px 3px;}
h2.item {width: 424px;margin: 0px 0px 10px;}
h2.diary {width: 200px;margin: 0px 0px 3px;}
h2.list, h2.detail, h2.about, h2.privacy, h2.specific,
h2.guide, h2.contact, h2.sample, h2.sitemap, h2.qa,
h2.writing, #page-right h2.members, h2.ordermade, h2.ordersheet,
h2.letter, h2.r-item {width: 634px;margin: 0px 0px 13px;}
#one-colum h2.members, h2.login, h2.cart, h2.error, h2.checkout {width: 800px;margin: 0px 0px 13px;}
h2.menu {background: url(../img/h2_menu.gif) no-repeat;}
h2.item {background: url(../img/h2_selectitem.gif) no-repeat;}
h2.letter {background: url(../img/h2_letter.gif) no-repeat;}
h2.diary {background: url(../img/h2_diary.gif) no-repeat;}
h2.list {background: url(../img/h2_categorylist.gif) no-repeat;}
h2.detail {background: url(../img/h2_details.gif) no-repeat;}
h2.login {background: url(../img/h2_login.gif) no-repeat;}
h2.cart {background: url(../img/h2_cart.gif) no-repeat;}
h2.error {background: url(../img/h2_error.gif) no-repeat;}
h2.checkout {background: url(../img/h2_checkout.gif) no-repeat;}
h2.about {background: url(../img/h2_about.gif) no-repeat;}
h2.privacy {background: url(../img/h2_privacy.gif) no-repeat;}
h2.specific {background: url(../img/h2_specific.gif) no-repeat;}
h2.guide {background: url(../img/h2_guide.gif) no-repeat;}
h2.contact {background: url(../img/h2_contact.gif) no-repeat;}
h2.sample {background: url(../img/h2_sample.gif) no-repeat;}
h2.sitemap {background: url(../img/h2_sitemap.gif) no-repeat;}
h2.qa {background: url(../img/h2_qa.gif) no-repeat;}
h2.writing {background: url(../img/h2_writing.gif) no-repeat;}
h2.r-item {background: url(../img/h2_r_select.gif) no-repeat;}
#one-colum h2.members {background: url(../img/h2_members.gif) no-repeat;}
#page-right h2.members {background: url(../img/h2_members_short.gif) no-repeat;}
h2.ordermade {background: url(../img/h2_ordermade.gif) no-repeat;}
h2.ordersheet {background: url(../img/h2_ordersheet.gif) no-repeat;}
#one-colum h2.about-cuoretti {
	background: url(../img/h2_about_cuoretti.gif) no-repeat;
	height: 52px;
	width: 800px;
}

/*--- 左上段　メニューボタン ---*/
#category {
	position: relative;
	margin: 0px 0px 10px;
	width: 156px;
	height: 290px;
}
#category ul {}
#category li {
	list-style-type: none;
	position: absolute;
	width: 156px;
}
#category a {
	background: url(../img/btn_category.gif) no-repeat;
	padding: 22px 0px 0px 71px;
	width: 85px;
	display: block;
}
#category a:hover { background-color: #FFFFFF; }
#category a:hover img { visibility: hidden; }
/* 封筒（和） */
#japan { top: 0px; }
#japan a { height: 28px; background-position: 0px 0px; }
#japan a:hover { background-position: -156px 0px; }
/* 封筒（洋） */
#foreign { top: 50px; }
#foreign a { height: 28px; background-position: 0px -50px; }
#foreign a:hover { background-position: -156px -50px; }
/* 便箋 */
#paper { top: 100px; }
#paper a { height: 28px; background-position: 0px -100px; }
#paper a:hover { background-position: -156px -100px; }
/* オーダーメイド */
#card { top: 150px; }
#card a { height: 28px; background-position: 0px -150px; }
#card a:hover { background-position: -156px -150px; }
/* レターセット */
#etc { top: 200px; }
#etc a { height: 28px; background-position: 0px -200px; }
#etc a:hover { background-position: -156px -200px; }
/* 全ての商品 */
#all { top: 250px; font-size: 0.85em; }
#all a { height: 30px; background-position: 0px -250px; margin: 0px; padding: 10px 0px 0px 94px; width: 62px; }
#all a:hover { background-position: -156px -250px; }

/*--- 左下段 オーダーメイド ---*/
#banner-ordermade {
	margin: 0px 0px 10px;
	width: 156px;
	height: 115px;
	font-size: 0.85em;
}
#banner-ordermade a {
	width: 144px;
	padding: 85px 0px 0px 12px;
	display:block;
	color: #FFFFFF;
	height: 30px;
	background: url(../img/btn_order.gif) no-repeat;
}
#banner-ordermade a:hover { background-position: -156px 0; }

/*--- 左下段＆右下段　メニューボタン ---*/
#l-menu, #r-menu {position: relative;}
#l-menu { width: 156px;height: 65px; }
#r-menu { width: 200px;height: 100px; }
#l-menu li, #r-menu li { list-style-type: none;position: absolute;text-indent: -9999px; }
#l-menu li {width: 156px;}
#r-menu li {width: 200px;}
#l-menu a, #r-menu a {height: 30px;display: block; }
#l-menu a { background: url(../img/btn_l_menu.gif) no-repeat;width: 156px; }
#r-menu a { background: url(../img/btn_r_menu.gif) no-repeat;width: 200px; }
#l-menu a:hover, #r-menu a:hover { background-color: #FFFFFF; }
#l-menu a:hover img, #r-menu a:hover img { visibility: hidden; }

/* カタログサンプル請求 */
#catalog { top: 0px; }
#catalog a { background-position: 0px 0px; }
#catalog a:hover { background-position: -156px 0px; }
/* メルマガ */
#merumaga { top: 35px; }
#merumaga a { background-position: 0px -35px; }
#merumaga a:hover { background-position: -156px -35px; }

/*------ 真ん中　コンテンツ ------*/
#center h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 424px;
	height: 13px;
	display: block;
}
#center h3.pickup {
	background: url(../img/h3_pickup.gif) no-repeat;
	font-size: 1.8px;
	text-indent: -9999px;
}
#center h3.material {
	background: url(../img/h3_material.gif) no-repeat;
	font-size: 1.5px;
	text-indent: -9999px;
}
#center div.set {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 414px;
}
#center #pickup p {
	margin: 0px 10px 0px 0px;
	height: 110px;
	width: 198px;
	border: 1px solid #C0C0C0;
	float: left;
	display: block;
}
#center #pickup { padding: 0px 0px 10px; }
#center h4, #list h4 {
	font-size: 1em;
	background: url(../img/arrow_green.gif) no-repeat left 1px;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 17px;
	border-bottom: 1px dotted #C0C0C0;
	line-height: 1.3;
}
#center #pickup dl {
	float: right;
	width: 204px;
	display: block;
}
#center dt {}
#center dd { font-size: 0.87em; padding: 0px 0px 0px 10px; }
#center #material div.set-l {
	margin: 0px auto;
	width: 202px;
	float: left;
}
#center #material div.set-r {
	margin: 0px auto;
	width: 202px;
	float: right;
}
#center #material {
	width: 424px;
}
#center #material p {
	margin: 0px 5px 0px 0px;
	height: 65px;
	width: 65px;
	border: 1px solid #C0C0C0;
	float: left;
	display: block;
}
#center #material dl {
	width: 130px;
	float: right;
	display: block;
}
#center div.btn-list {
	padding: 10px 0px 0px 281px;
	clear: both;
	width: 133px;
}
#center div.btn-list a {
	text-indent: -9999px;
	width: 133px;
	height:25px;
	display:block;
	background: url(../img/btn_list.gif) no-repeat;
}
#center div.btn-list a:hover { background-position: -133px 0; }

/*------ 右上段　ブログ ------*/
#right #diary {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border: 1px solid #C0C0C0;
}
#right #diary h3.blog {
	background: url(../img/tit_blog.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px auto 10px;
	height: 29px;
	display: block;
	font-size: 1px;
	border-bottom: 1px dotted #C0C0C0;
	width: 178px;
}
#right #diary dl {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 168px;
	font-size: 1em;
	line-height: 1.6;
}
#right #diary dt {
	background: url(../img/dot_red.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
}
#right #diary dd {
	padding: 0px 0px 0px 5px;
	font-size: 0.85em;
}
#right #diary ul {
	width: 178px;
	height: 16px;
	margin: 0px 10px;
	position: relative;
}
#right #diary li {list-style: none;}
#right #diary li a {
	background: url(../img/arrow_brown_off.gif) no-repeat left top;
	padding: 0px 0px 0px 20px;
	display: block;
}
#right #diary li a:hover {
	background: url(../img/arrow_brown_on.gif) no-repeat left top;
}
#right #diary .lb, #right #diary .rb {position: absolute;top: 0px;}
#right #diary .lb {left: 0px;width: 88px;}
#right #diary .rb {left: 88px;width: 92px;}

/* 手紙の書き方 */
#letter { top: 0px; }
#letter a { background-position: 0px 0px; }
#letter a:hover { background-position: -200px 0px; }
/* オリジナル文例集 */
#example { top: 35px; }
#example a { background-position: 0px -35px; }
#example a:hover { background-position: -200px -35px; }
/* Q＆A */
#qa { top: 70px; }
#qa a { background-position: 0px -70px; }
#qa a:hover { background-position: -200px -70px; }

/*------ 1カラム　コンテンツ ------*/
#one-colum { width: 800px; }
#one-info { margin: 0px auto; width: 724px; }

#one-info h3 {
	font-size: 1.25em;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #C0C0C0;
	border-left: 10px solid #71231B;
	height: 25px;
	line-height: 24px;
}
#one-info p {
	margin: 10px auto;
	width: 690px;
}

#one-info table {
	margin: 0px 0px 0px 17px;
	width: 678px;
}

/*------ 次ページ ------*/
#next {
	clear: both;
	margin: 0px 0px 0px 165px;
	padding: 5px 0px;
	width: 635px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	text-align: right;
}
#next a {
	margin: 0px 0px 0px 10px;
	padding: 0px 10px;
	border-right: 1px solid #C0C0C0;
	background: url(../img/arrow_red.gif) no-repeat left 1px;
}
#next span {
	background: url(../img/arrow_brown.gif) no-repeat left 1px;
	margin: 0px 0px 0px 10px;
	padding: 0px 10px;
	border-right: 1px solid #C0C0C0;
}

/*------ フッター ------*/
#foot {
	font-size: 0.85em;
	border-top: 5px solid #2B1201;
	padding: 5px 5px 0px;
	height: 40px;
}
address { font-style: normal; float: left; color: #1E0E03;}
#foot #navi3 { float: right; }
p.pagetop {
	text-align:right;
	margin: 10px;
}

/*------ コンテンツ他 ------*/

#images #page-images { height: 120px; width: 800px; }
#page-right { float: right; width: 634px; }

/*------ パンくず ------*/
#pan { margin: 0px 0px 13px; }
#pan a {
	background: url(../img/arrow_red.gif) no-repeat left 1px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#pan span {
	background: url(../img/arrow_brown.gif) no-repeat left 1px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#rec-img {
	margin: 0px auto 10px;
	height: 80px;
	width: 624px;
}

/*------ リスト一覧 ------*/
#list {
	margin: 0px auto;
	width: 624px;
}
#list .list-set {
	margin: 0px 0px 10px 5px;
}
#list .list-row {clear:both;}
#list .list-l {
	margin: 0px 5px 16px;
	padding: 5px 0px 10px;
	float: left;
	width: 140px;
}
#list .txt {
	margin: 0px 0px 5px;
	padding: 0px 10px;
}
#list .txt p {}
#list .img { margin: 0px auto; width: 96px; }
#list .img img { border: 1px solid #C0C0C0; }
#list .lr p, #detail-r p {}
#list dl, #detail dl { margin: 5px 0px 0px; display: block; }
#list dt, #detail dt { color: #34512B; float: left; }
#list dd, #detail dd { padding: 0px 0px 0px 40px; }

/*------ 商品詳細 ------*/
#detail h4 {
	font-size: 1em;
	background: url(../img/arrow_green.gif) no-repeat left 1px;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 17px;
	border-bottom: 1px dotted #C0C0C0;
	line-height: 1.3;
	color: #71231B;
}
#detail {
	margin: 0px auto;
	padding: 10px;
	width: 602px;
	border: solid #C0C0C0;
	border-width: 1px 1px 0;
}
#detail-l { float: left; width: 180px; }
#detail-l img, #detail-r li img { border: 1px solid #C0C0C0; }
#detail-l p.btn-ex, #detail-l p.btn-all {
	margin: 5px 0px 0px;
	width: 90px;
	display: block;
	height: 1.25em;
	line-height: 1.25em;
}
#detail-l p.btn-ex { float: left; }
#detail-l p.btn-all { float: right; }
#detail-l p.btn-ex a, #detail-l p.btn-all a {
	background: url(../img/plus_brown.gif) no-repeat left center;
	padding: 0px 0px 0px 20px;
	display: block;
	height: 1.25em;
}
#detail-l p.btn-ex a:hover, #detail-l p.btn-all a:hover { background: url(../img/plus_red.gif) no-repeat left center; }

#detail-r {
	float: right;
	width: 412px;
}
#detail-r ul {
	margin: 10px 0px 0px;
	list-style: none;
}
#detail-r li {
	display: block;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	width: 50px;
}

#order {
	margin: 0px auto;
	clear: both;
	width: 622px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.classcat {background: url(../img/bk_price.gif) repeat-x left bottom;height: 64px;}
.no-classcat {background: url(../img/bk_price.gif) repeat-x;height: 39px;}
.no-classcat.order-made {background: url(../img/bk_price.gif) repeat-x left bottom;height: 64px;}
.no-classcat.order-made p.note {position: absolute; top: 39px;text-indent: 10px;}
#order .select {
	margin: 0 auto;
	padding: 5px 0 0;
	text-align: right;
	width: 612px;
}
#order .price {
	position: absolute;
	left: 0px;
	width: 500px;
	text-align: right;
}
.classcat .price {top: 35px;}
.no-classcat .price {top: 10px;}
#order span {
	background: url(../img/arrow_red.gif) no-repeat left 2px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
#order .btn-cart {
	height: 25px;
	width: 110px;
	text-indent: -9999px;
	position: absolute;
	left: 506px;
}
.classcat p.btn-cart {top: 32px;}
.no-classcat p.btn-cart {top: 7px;}
#order .btn-cart a {
	height: 25px;
	width: 110px;
	background-repeat: no-repeat;
	display:block;
}
.classcat .btn-cart a {background: url(../img/btn_cart_mini.gif) no-repeat;}
.no-classcat .btn-cart a {background: url(../img/btn_cart_mini.gif) no-repeat;}
#order .btn-cart a:hover { background-position: -110px 0; }

/*------ About Cuoretti ------*/
#about-cuoretti {
	background: #FBECDA url(../img/bk_about_cuoretti.jpg) no-repeat right 52px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
	width: 800px;
}
#about-cuoretti p {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0px 0px 0px 60px;
	width: 740px;
}

/*------ 2カラム関連 ------*/
.page-contents { margin: 0px auto; width: 624px; }
.page-contents p { margin: 0px 0px 0px 20px; }
.page-contents p.top { margin: 0px auto 10px; text-align: right; }
.page-contents .contact-info {
	border: 3px double #CCCCCC;
	margin: 10px 0px;
	padding: 5px 10px;
	width: 400px;
	text-indent: 0;
}
.page-contents .contact-info p { text-align: left; margin: 0px 0px 0px 12px; }
#guide-w {margin: 10px auto; width: 550px; }
#guide-w ul { list-style: none;font-size: 1.17em;line-height: 2;}
#guide-w ul.left { float: left;width: 275px; }
#guide-w ul.right { float: right;width: 275px; }
#guide-w li {
	background: url(../img/arrow_brown_off.gif) no-repeat left 6px;
	padding: 0px 0px 0px 20px;
}
#odermade-top, #guide, #qa { margin: 0px 0px 300px; }

/*------ サイトマップ ------*/
#sitemap ul {
	margin: 0px 0px 0px 10px;
	list-style: none;
	line-height: 2.5;
}
#sitemap li {
	background: url(../img/arrow_brown.gif) no-repeat left 10px;
	padding: 0px 0px 0px 12px;
}
#sitemap ul ul {
	background: #EEE8DF;
	padding: 0px 0px 0px 10px;
}
#sitemap ul ul li {
	background: url(../img/arrow_red03.gif) no-repeat left 10px;
	padding: 0px 0px 0px 12px;
}
#sitemap li.h4 {
	background: url(../img/arrow_brown02.gif) no-repeat left 12px;
	padding: 0px 0px 0px 12px;
}
#sitemap ul h4 {
	font-size: 1em;
}

/*------ ポップアップ用 ------*/
#pop-wrap {
	margin: 0px auto;
	padding: 10px;
	width: 500px;
}
#pop-wrap h1 {
	font-size: 1.33em;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 10px solid #71231B;
}
#pop-wrap p {
	margin: 10px 0px;
	width: 480px;
}
#pop-wrap em {
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
#pop-wrap dl {
	margin: 0px auto;
	width: 400px;
	line-height: 1.7;
	display: block;
	background: url(../img/bk_info_dl.gif) repeat-y;
	border: solid #CCCCCC;
	border-width: 1px 1px 0 1px;
}
#pop-wrap dt {
	margin: 3px 0px 0px;
	padding: 0px 0px 3px 10px;
	float: left;
	color: #61729E;
}
#pop-wrap dd {
	margin: 3px 0px 0px;
	padding: 0px 5px 3px 120px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
#pop-wrap table {width: 100%;}
#pop-wrap table th { text-align: left; }

/*------ フォーム関連 ------*/
form {}
.w25 { width: 25px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }

/*------ フォームボタン ------*/
div.submit-l {margin: 10px;text-align: left;}
div.submit-c {margin: 10px;text-align: center;}
div.submit-r {margin: 10px;text-align: right;}
span.y-btn {margin: 3px;display: block;}

/*------ ショッピングカート ------*/
#cart-inside {}
#cart-inside .action {width: 50px;}
#cart-inside .name {}
#cart-inside .price {width: 100px;}
#cart-inside .qty {width: 70px;}
#one-info #payment-table {margin-bottom: 20px;}
#shopping-confirm table {margin-bottom: 20px;}
#confirm-deliv th, #confirm-other th {width: 150px;}

/*------ ボタン ------*/
.btn {
	margin: 20px 0px 10px;
	height: 30px;
	position: relative;
}
.btn a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 200px;
	text-indent: -9999px;
	top: 0px;
	position: absolute;
	background-repeat: no-repeat;
}
.btn a:hover { background-position: -200px 0; }
.pickup .btn { margin: 10px 0px 10px; height: 25px; }
.pickup .btn a { height: 25px; line-height: 25px; width: 180px; }
.pickup .btn a:hover { background-position: -180px 0; }

.btn a.btn-back {background-image: url(../img/btn_return.gif);}
.btn a.btn-top {background-image: url(../img/btn_top.gif);}
.btn a.btn-login {background-image: url(../img/btn_login.gif);}
.btn a.btn-entry {background-image: url(../img/btn_entry.gif);}
.btn a.btn-buy {background-image: url(../img/btn_buy.gif);}
.btn a.btn-nomember {background-image: url(../img/btn_nomember.gif);}
.btn a.btn-next {background-image: url(../img/btn_next.gif);}
.btn a.btn-order {background-image: url(../img/btn_order_cart.gif);}
.btn a.btn-meruma-regist {background-image: url(../img/btn_meruma_regist.gif);}
.btn a.btn-meruma-edit {background-image: url(../img/btn_meruma_edit.gif);}
.btn a.btn-ordermade-detail {background-image: url(../img/btn_ordermade_guide.gif);}
.btn a.btn-preorder {background-image: url(../img/btn_temporary_order.gif);}

.btn a.btn-letterset {background-image: url(../img/btn_letterset.gif);}
.btn a.btn-envelope {background-image: url(../img/btn_envelope.gif);}
.btn a.btn-paper {background-image: url(../img/btn_paper.gif);}
.btn a.btn-card {background-image: url(../img/btn_card.gif);}

.btn-one a {left:50%;margin-left:-100px;}
.btn-two a.left {left:50%;margin-left:-210px;}
.btn-two a.right {left:50%;margin-left: 10px;}
.pickup .btn-one a {left:50%;margin-left:-90px;}
.pickup .btn-two a.left {left:50%;margin-left:-190px;}
.pickup .btn-two a.right {left:50%;margin-left: 10px;}

/*------ マイページ ------*/
#mypage-navi {margin: 0 0 10px 0;}
#mypage-navi ul {list-style:none;margin: 0 0 0 0;}
#mypage-navi li {float:left;border-right: 1px solid #000000;margin-right: 10px;padding-right: 10px;}
#mypage-navi li.start {border-left: 1px solid #000000;padding-left: 10px;}
#deliv-list {border: solid #CCCCCC;border-width: 1px 0 0;}
#deliv-list td {border: solid #CCCCCC;border-width: 0 0 1px;}
#deliv-list td.action {text-align:center;width: 128px;}
#historyDetail {margin-bottom: 20px;}

#contact #letter-index {border:none;margin: 0 auto;width: 460px;}
#letter-index td {border:none;}
#letter-index p {}

/*------ 手漉き和紙職人欄 ------*/
#meister-link {margin: 0 auto;width:580px;}
#meister-link .right, #meister-link .left {width: 280px;border:1px solid #CCCCCC;padding: 60px 0 0 0;}
#meister-link .right {float:right;background: url(../img/meister_link_02.jpg) 0 0 no-repeat;}
#meister-link .left {float:left;background: url(../img/meister_link_01.jpg) 0 0 no-repeat;}
#meister-link .btn-one a {left: 63%;}
.meister {margin:10px 0;}
.meister div {
	margin: 0px auto 10px;
	padding: 10px;
	width: 602px;
	border: 1px solid #C0C0C0;
}
.meister h3 {
	font-size: 1.25em;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #C0C0C0;
	border-left: 10px solid #71231B;
	height: 25px;
	line-height: 24px;
}
.meister .profile img {float:left;margin: 0 10px 0 0;}
.meister .profile dl {width: 410px;float:right;}
.meister .profile dt {float:left;width: 70px;font-weight: bold;}
.meister .profile dd {padding-left: 70px;border-bottom: 1px dotted #333333;}
.meister .profile dd dl {width: auto;float:none;}
.meister .profile dd dt {font-weight: normal;}
.meister .profile dd dd {padding-left: 70px;border-bottom: none;}

/*------ ご利用ガイド ------*/
#guide-wrap p {
	margin: 0px 0px 0px 35px;
}
#guide-wrap div.frame {
	margin: 5px 0px 10px 10px;
	padding: 5px;
	width: 300px;
	border: 3px double #CCCCCC;
}
#guide-wrap div.frame p {
	margin: 0px 0px 0px 15px;
	width: 275px;
}
#guide-wrap div.frame2 {
	margin: 5px 0px 10px 45px;
	padding: 5px;
	width: 300px;
	border: 3px double #CCCCCC;
}
#guide-wrap div.frame2 p {
	margin: 0px 0px 0px 15px;
	width: 275px;
}
#guide-wrap dl {
	margin: 5px 0px 5px 25px;
}
#guide-wrap dt {
	margin: 0px 0px 5px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	background: #E8E8E8;
	color: #3366CC;
	border: 1px solid #CCCCCC;
}
#guide-wrap dd {
	margin: 0px 0px 20px 10px;
}
#guide-wrap ul {
	margin: 0px 0px 5px 10px;
	list-style: none;
}
#guide-wrap li {
	background: url(../img/kome.gif) no-repeat left 3px;
	padding: 0px 0px 0px 15px;
}
#guide-wrap div.tb table {
	margin: 0px 0px 0px 10px;
}
#guide-wrap div.tb2 {
	margin: 10px 0px 10px 35px;
}
#guide-wrap div.tb2 table {
	margin: 0px 0px 10px 10px;
}
#guide-wrap div.guide {
	margin: 0px 0px 30px 50px;
}
#guide-wrap div.bundl {
	margin: 5px 0px 10px;
}
#guide-wrap div.bundl table {
	margin: 0px 0px 10px 10px;
	border-style: none;
}
#guide-wrap div.bundl td {
	border-style: none;
}
#guide-wrap div.bundl a {
	background: url(../img/arrow_yellow.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}
#guide-wrap div.bundl2 {
	margin: 5px 0px 10px 35px;
}
#guide-wrap div.bundl2 table {
	margin: 0px 0px 10px 10px;
	border-style: none;
}
#guide-wrap div.bundl2 td {
	border-style: none;
}
#guide-wrap div.tb2 ul, #guide-wrap div.bundl2 ul {
	margin: 0px 0px 5px;
	list-style: none;
}
#guide-wrap div.tb2 li, #guide-wrap div.bundl2 li {
	background: url(../img/kome.gif) no-repeat left 3px;
	padding: 0px 0px 0px 15px;
}
#guide-wrap p.btn-detail {
	display: block;
	text-align: right;
}
#guide-wrap p.btn-detail a {
	background: url(../img/arrow_yellow.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}

/*------ オーダーメイド ------*/
#ordermade {}
#ordermade div.frame {
	margin: 5px auto 10px;
	padding: 5px;
	width: 520px;
	border: 3px double #CCCCCC;
}
#ordermade, #contact {
	margin: 0px auto;
	width: 624px;
}
#ordermade p, #contact p { margin: 0px 10px 10px; }
#ordermade #top { margin: 0px 0px 20px; }
#ordermade #img {
	margin: 0px 10px 0px 0px;
	float: left;
	width: 250px;
}
#ordermade #img img {
	border: 1px solid #B4B4B4;
	margin: 0px 0px 5px;
}
#ordermade #img a {
	background: url(../img/plus_brown.gif) no-repeat left center;
	padding: 0px 0px 0px 20px;
	height: 15px;
	display: block;
	width: 125px;
}
#ordermade #img a:hover { background: url(../img/plus_red.gif) no-repeat left center; }
#ordermade #txt {
	width: 364px;
	float: right;
	line-height: 1.7;
    margin: 0;
}

#contact p.sample {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 210px;
	background: url(../img/ordermade_img3.jpg) no-repeat left top;
	min-height: 200px;
}
#contact p.sample img { border: 1px solid #CCCCCC; }
#contact table, #ordermade table {margin: 0px 0px 0px 12px;}
#contact tr.bk #ordermade tr.bk  {background: #E6E6E6;}
#contact th, #ordermade th {text-align: left;}
#contact table table { border-style: none; }
#contact table table td { border-style: none; }
#ordermade table table { border-style: none; }
#ordermade table table td { border-style: none; }
#ordermade table p { margin: 0px 0px 5px; }

#order-flow {
	margin: 10px auto 0px;
	width: 602px;
	background: url(../img/ordermade_flow.gif) no-repeat left top;
}
#odermade-top ul#num {
	list-style: decimal outside;
	width: 400px;
	display: block;
	margin: 0px 0px 0px 202px;
}
#odermade-top ul#num li {
	margin: 0px 0px 10px 25px;
}
#odermade-top dl {
	margin: 10px 0px 0px 20px;
}
#odermade-top dt {
	margin: 0px 0px 5px;
	color: #993300;
	font-weight: bold;
}
#odermade-top dd {
	margin: 0px 0px 10px 20px;
}
#odermade-top .contact-info {margin-left: 20px;}
#odermade-top h5 { margin: 0px 0px 5px 20px; }
#odermade-top p.txt { margin: 0px 0px 10px 40px; }
#odermade-top div.frame { margin: 5px 0px 5px 40px; }
.ordermade-product {margin:10px 0;}
.ordermade-product div {
	margin: 0px auto 10px;
	padding: 10px;
	width: 602px;
	border: 1px solid #C0C0C0;
}
.ordermade-product h3 {
	font-size: 1.25em;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #C0C0C0;
	border-left: 10px solid #71231B;
	height: 25px;
	line-height: 24px;
}

/*------ Q&A ------*/
#qa {line-height: 1.7;}
#qa ul {
	margin: 0px 0px 15px 27px;
	list-style: none;
}
#qa li {}
#qa li span { font-weight: bold; margin: 0px 5px 0px 0px; }
#qa dl { margin: 0px 0px 5px 27px; }
#qa dt {
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 1.17em;
	border-bottom: 1px solid #CCCCCC;
	background: #F5F5F5;
}
#qa dt span {
	font-weight: bold;
	color: #000066;
	margin: 0px 5px 0px 0px;
}
#qa dd {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 0px 7px;
	text-indent: -28px;
}
#qa dd span {
	font-weight: bold;
	color: #D71001;
	margin: 0px 5px 0px 0px;
	font-size: 1.17em;
}

/*------ ピックアップ ------*/
.pickup-link-other {border: 3px double #CCCCCC;margin: 30px 0px;padding: 10px;}
.pickup-link-other img {float:left;width: 120px;}
.pickup-link-other div {float:right;width: 460px;}
#ordermade .pickup-link-other h4 {text-align:left;padding: 3px 0 3px 15px;}

#privacy-agreement {margin: 20px 0 0 0;}
#privacy-agreement textarea {margin: 0 0 0 10px;}



/* ▼別途追加分ここから▼
--------------------------------------------------------------------------------*/

/*------ キャンペーンページ ------*/
h2.campaign {
	width: 634px;
	margin: 0px 0px 13px;
	background: url(../img/h2_campaign.gif) no-repeat;
}
div.campaign {
	margin: 0px auto;
	padding: 10px;
	width: 602px;
	border: solid #C0C0C0;
	border-width: 1px 1px 0;
}
div.campaign h3.topimg {
	margin-bottom:10px;
}

div.box-campaign {
	padding: 10px;
}

/*------ campaign 091125 ------*/
#campaign0911 {
	width: 800px;
	height: 620px;
	margin: -10px 0px 30px;
	padding: 0px;
	position: relative;
	background: #580404 url(../img/campaign0911.jpg) no-repeat;
}
#campaign0911 p {
	margin: 90px 40px 0px 420px;
	color: #FFFFFF;
	line-height: 2em;
	font-weight: bold;
}

h3.campaign { /*修正110401*/
	padding: 3px 15px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../img/arrow_brown.gif) no-repeat left 9px;
	color: #005900;
	line-height: 20px;
}

dl.campaign {
	margin: 0px 15px 50px;
}
dl.campaign dt {
	margin: 20px 20px 5px;
	padding: 0px 10px;
	color: #580404;
	font-weight: bold;
}
dl.campaign dd {
	margin: 0px 30px;
	padding: 0px 0px 0px 20px;
	background: url(../img/list01.gif) no-repeat;
}

/*------ campaign 100423 ------*/
#campaign1004 {
	width: 800px;
	height: 400px;
	margin: -10px 0px 30px;
	padding: 0px;
	position: relative;
	background: #64461D url(../img/campaign1004.jpg) no-repeat;
}

/*------ キャンペーンページ 110401 ------*/
div.box-campaign p {
	margin: 0px 0px 15px;
}
div.box-campaign h4 {
	font-size: 1em;
	background: url(../img/arrow_green.gif) no-repeat left 1px;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 17px;
	border-bottom: 1px dotted #C0C0C0;
	line-height: 1.3;
}
div#login .loginarea {
	margin: 10px auto;
	padding: 15px;
	border: 5px solid #ccc;
}
div#login .loginarea .inputbox02 {
	margin: 15px auto 0;
	padding: 15px;
	background: #f0f0f0;
	text-align: center;
}	

/*------ プレゼントページ ------*/
h2.present {
	width: 634px;
	margin: 0px 0px 13px;
	background: url(../img/h2_present.gif) no-repeat;
}

/*------ ブロック - オススメ商品 091125 ------*/
#block-recommend {}
#block-recommend h3 {margin: 8px 0 10px 0;}
.recommend-row {margin: 0 10px 30px;}
.recommend-item {float:left;width: 120px;margin: 0 0 0 10px;}
.recommend-item img {border: 1px solid #CCCCCC;}
.recommend-item h4 {
	padding: 0px 0px 0px 13px;
	background: url(../img/list02.gif) no-repeat;
	font-size: 1em;
}

h3.pickup2 {
	height: 20px;
	margin: 10px 50px;
	padding: 3px 0px 3px 15px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../img/arrow_brown.gif) no-repeat left 9px;
	color: #005900;
	font-size: 1.17em;
	line-height: 20px;
}

/*------ newstopi 100313 ------*/
#newstopi {
	width: 630px;
	height: 700px;
	position: relative;
	background: #fdf0e0 url(../img/bk_newstopi.jpg) no-repeat;
}
#newstopi h3 {
	color: #cc3333;
	text-align: center;
	margin: 28px;
}
#newstopi div {
	margin: 90px 100px 0px;
	line-height: 27.4px;
}
#newstopi p.detail {
	background-color: #ffffff;
	margin: 10px;
	padding: 15px;
	border: thin solid #e6e6e6;
	text-align: center;
	font-weight: bold;
	color: #cc3333;
}

/*------ トップページ　追加修正 101106 ------*/
#center #select {
	text-align: center;
	margin: 0px auto 10px;
}
#center #scene {
	background: url(../img/top/bg_scene.jpg) no-repeat;
	width: 414px;
	height: 290px;
	margin: 0px auto;
	padding: 13px 0px 0px;
}

#center h3.scene {
	background: url(../img/top/h3_scene.gif) no-repeat;
	font-size: 1.8px;
	text-indent: -9999px;
}

#scene ul.scene-r {
	float: right;
	margin: 0px 5px 0px 0px;
	width: 195px;
}
#scene ul.scene-l {
	float: left;
	margin: 0px 0px 0px 5px;
	width: 195px;
}
#scene li {
	list-style-type: none;
}

/*------ トップページ　カルーセルイメージ ------*/
#carouselWrap{
    width:800px;
    height:220px;
    position:relative;
}
#carouselPrev{
    position:absolute;
    top:100px;
    left:-12px;
    cursor:pointer;
}
#carouselNext{
    position:absolute;
    top:100px;
    right:-12px;
    cursor:pointer;
}
#carouse{
    width:100%;
    height:100%;
    overflow:hidden;
}
#carouselInner ul.column{
    width:800px;
    height:220px;
    list-style-type:none;
    float:left;
}
#carouselInner ul.column li{
    float:left;
    display:inline;
}
#carouselInner ul.column li img{
    border:none;
}

/*------ ブロック - サイドメニュー 101106 ------*/
#category_s {
	margin: 0px 0px 10px;
	padding: 10px 0px 10px 4px;
	width: 150px;
	border: 1px solid #C0C0C0;
}
#category_s li {
	list-style-type: none;
	margin: 4px;
	padding: 0px 0px 0px 20px;
	background: url(../img/arrow_green.gif) no-repeat center left;
}
h2.category_s {background: url(../img/h2_category_s.gif) no-repeat;}


/*------ 新着商品ページ 101201 ------*/
h2.newarrival {
	width: 634px;
	margin: 0px 0px 13px;
	background: url(../img/h2_newarrival.gif) no-repeat;
}
#newarrival h4 {
	margin:20px 0px 5px;
}
#newarrival h3 {
	margin:0px 0px 20px;
}


/*------ カタログサンプルページ 110515 ------*/
#sample2 {
	margin: 10px auto 30px;
	width: 624px;
}
#sample2 div.catalog {
	background: url(../img/sample/sample_img01.jpg) no-repeat;
	height: 500px;
	width: 620px;
	position: relative;
	margin: 10px 0;
}
#sample2 div.catalog p {
	left: 20px;
	color: #FFFFFF;	
}
#sample2 div.catalog p.text01 {
	width: 300px;
	position: absolute;
	top: 350px;
}
#sample2 div.catalog p.text02 {
	width: 400px;
	position: absolute;
	top: 445px;
}
#sample2 div.notes {
	clear: both;
	border: 3px double #CCCCCC;
	margin: 10px;
	padding: 10px;
}
#sample2 div.notes li {
	background: url(../img/kome.gif) no-repeat left 3px;
	list-style: none;
	padding: 0px 0px 0px 20px;
}


/*------ ブロック - カレンダー 110518 ------*/
h2.calendar {
	width: 200px;
	margin: 5px 0px;
	background: url(../img/h2_calendar.gif) no-repeat;
}
#block-calendar table {
	width: 200px;
	margin: 0px 0px 5px;
}
#block-calendar table tr {
	text-align: center;
}
#block-calendar table td.off {
	background-color:#71231B;
	color:#FFFFFF;
}


/*------ ブロック - 右サイドメニュー 110518 ------*/
h2.newcolle {
	width: 200px;
	margin: 10px 0px;
	background: url(../img/h2_newcollection.gif) no-repeat;
}
#newcolle li {
	list-style: none;
}


/* ▲別途追加分ここまで▲
--------------------------------------------------------------------------------*/



/* [html/css/common.css] */
.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 75%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

/* [html/css/thickbox.css] */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* [html/css/layout/index.css] */
#container #right #contents #left {
width: 325px;
}

#container #right #contents #right {
width: 245px;
}

/*新着情報*/
#container #right #contents #right #news{
border: 0;
margin: 0;
padding: 0;
width: 245px;
}

#container #right #contents #right #newscontents{
border: 0;
margin: 0;
padding: 0;
width: 238px;
text-align: left;
}

/*おすすめ*/
#container #right #osusumetitle{
border: 0;
margin: 0;
padding: 0;
width: 570px;
}

#container #right #osusume{
border: 0;
margin: 0;
padding: 0;
width: 555px;
}

#container #right #osusume #spacer{
width: 15px;
}

#container #right #osusume #contents{
border: 0;
margin: 0;
padding: 0;
width: 270px;
text-align: left;
}

#container #right #osusume #contents #left{
width: 67px;
}

#container #right #osusume #contents #spacer{
width: 10px;
}

#container #right #osusume #contents #right{
width: 193px;
}

#container #right #osusume #contents #left #picture{
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 0;
}


/* ▼2010/8　追加分ここから▼
--------------------------------------------------------------------------------*/

/* コットン
--------------------------------------*/

div#cotton{
	width:634px;
}

div#cotton p#key{
	margin:0px 0px 15px 0px;
}

/* heading */

div#cotton h2{
	color:#FFF;
	text-indent:0px;
	font-size:140%;
	padding:6px 18px 3px;	
}

div#cotton h2.h2recommend{
	background:url(../img/products2/env_y/cotton_h2recom.gif) no-repeat 0 0;
}

div#cotton h2.h2style{
	background:url(../img/products2/env_y/cotton_h2style.gif) no-repeat 0 0;
	margin-bottom:5px;
}

div#cotton dl.mainCoppy{
	color:#ede0d8;
	background:#471603;
	margin-bottom:18px;
	width: 633px;
}

div#cotton dl.mainCoppy dd{
	padding:25px 45px 35px;
}

div#cotton dl.mainCoppy dd p{
	line-height:140%;
}

div#cotton dl.mainCoppy dd p.reason{
	margin-bottom:16px;
}

dl.cottonStyle{
	background:url(../img/products2/env_y/cotton_sfooter.gif) no-repeat 0 bottom;
	padding-bottom:11px;
	width:630px;
	margin-bottom:5px;
}

/* IE6対策 */

* html dl.cottonStyle dt{
	margin-bottom:-6px;
}

dl.cottonStyle dt{
	margin:0;
	padding:0;
	line-height: 0;
}

dl.cottonStyle dd{
	background:url(../img/products2/env_y/cotton_sbody.gif) repeat-y 0 0;
}

dl.cottonStyle dd p{
	margin:0px;
	padding:0px;
}

dl.cottonStyle dd p.textL{
	display:inline;
	float:left;
	width:261px;
	margin:13px 0px 0px 41px;
}

dl.cottonStyle dd p.imgR{
	display:inline;
	float:right;
	width:308px;
}


/* 高級和紙 修正追加分
--------------------------------------*/

div#quality{
	width:634px;
}

div#quality h2{
	color:#FFF;
	text-indent:0px;
	font-size:140%;
	padding:6px 18px 3px;	
	background:url(../img/products2/env_w/quality_h2.gif) no-repeat 0 0;
}

div#quality h2.h2style {
	margin-bottom:8px;
}

div#quality dl.mainCoppy{
	color:#fff;
	background:#14390f;
	margin-bottom:18px;
	width: 633px;
}

div#quality dl.mainCoppy dd{
	padding:25px 45px 35px;
}

div#wrap div#quality dl.mainCoppy dd p{
	line-height:180%;
}

div#quality dl.mainCoppy dd p.reason{
	margin-bottom:10px;
}

dl.qualityStyle{
	background:url(../img/products2/env_w/quality_sfooter.gif) no-repeat 0 bottom;
	padding-bottom:38px;
	width:630px;
	margin-bottom:10px;
}

dl.qualityStyle dt{
	margin:0;
	padding:0;
	line-height: 0;
}

* html dl.qualityStyle dt{
	margin-bottom:-6px;
}

dl.qualityStyle dd{
	margin:0px;
	padding:0px;
	background:url(../img/products2/env_w/quality_sbody.gif) repeat-y 0 0;
}

dl.qualityStyle dd p{
	margin:0px;
	padding:0px;
}

dl.qualityStyle dd p.textL{
	display:inline;
	float:left;
	width:268px;
	margin:0px 0px 0px 44px;
}

dl.qualityStyle dd p.textR{
	display:inline;
	float:right;
	width:268px;
	margin:0px 34px 0px 0px;
}

dl.qualityStyle dd p.imgR{
	display:inline;
	float:right;
	width:296px;
}

dl.qualityStyle dd p.imgL{
	display:inline;
	float:left;
	width:265px;
	margin-left: 30px;
}

div#quality div.itemSpec div.boxL ul li{
	float:left;
	margin-right:11px;
	padding-left:20px;
	display:inline;
	background:url(../img/icon_plus.gif) no-repeat 0 2px;
}


/* 和紙 修正追加分
--------------------------------------*/

div#washi{
	width:634px;
}

div#washi h2{
	color:#FFF;
	text-indent:0px;
	font-size:140%;
	padding:6px 18px 3px;
	background:url(../img/products2/env_w/washi_h2.gif) no-repeat 0 0;
}

div#washi h2.h2style {
	margin-bottom:8px;
}

div#washi dl.mainCoppy{
	color:#503f3b;
	background:#ffffe8;	
	margin-bottom:18px;
	width: 633px;
}

div#washi dl.mainCoppy dd{
	padding:25px 45px 35px;
}

div#wrap div#washi dl.mainCoppy dd p{
	line-height:180%;
}

div#washi dl.mainCoppy dd p.reason{
	margin-bottom:10px;
}

dl.washiStyle{
	background:url(../img/products2/env_w/washi_sfooter.gif) no-repeat 0 bottom;
	padding-bottom:38px;
	width:630px;
	margin-bottom:10px;
}

dl.washiStyle dt{
	margin:0;
	padding:0;
	line-height: 0;
}

* html dl.washiStyle dt{
	margin-bottom:-6px;
}

dl.washiStyle dd{
	margin:0px;
	padding:0px;
	background:url(../img/products2/env_w/washi_sbody.gif) repeat-y 0 0;
}

dl.washiStyle dd p{
	margin:0px;
	padding:0px;
}

dl.washiStyle dd p.textL{
	display:inline;
	float:left;
	width:268px;
	margin:0px 0px 0px 44px;
}

dl.washiStyle dd p.textR{
	display:inline;
	float:right;
	width:268px;
	margin:0px 34px 0px 0px;
}

dl.washiStyle dd p.imgR{
	display:inline;
	float:right;
	width:296px;
}

dl.washiStyle dd p.imgL{
	display:inline;
	float:left;
	width:265px;
	margin-left: 36px;
}

div#washi div.itemSpec div.boxL ul li{
	background:url(none);
	margin-right:6px;
	padding-left:0px;
}


/* 高級和紙・コットン　共通修正追加分 
--------------------------------------------------------*/

div.itemSpec{
	border:solid 6px #cdcdcd;
	margin: 30px 0px 20px;
}

div.itemSpec div.boxL{
	display:inline;
	width:256px;
	float:left;
	margin-top: 16px;
	margin-left: 12px;
}

div.itemSpec div.boxL ul{
	margin-top:17px;
	list-style-type:none;
}

div.itemSpec div.boxL ul li{
	float:left;
	margin-right:11px;
	display:inline;
	text-align:center;
}

div.itemSpec div.boxL p img{
	border:solid 1px #c0c0c0;
}

div.itemSpec div.boxL ul li p img{
	border:solid 1px #c0c0c0;
}

div.itemSpec div.boxR{
	display:inline;
	width:318px;
	float:right;
	margin:20px 21px 20px 0px;
}

div.itemSpec div.boxR h3{
	font-size:140%;
	color:#71231b;
	padding:0px 6px 6px 6px;
	border-bottom:solid 1px #a8a8a8;
	margin-bottom:8px;
}

div.itemSpec div.boxR table{
	width:317px;
	border:none;
	margin-bottom:12px;
}

div.itemSpec div.boxR table th,
div.itemSpec div.boxR table td{
	border:none;
	background: url(../img/dot_itemspec.gif) repeat-x 0px bottom;
	padding:5px;
	vertical-align:top;
	color: #454545;	
}

div.itemSpec div.boxR table th{
	width:50px;
}

.iconPlus{
	background:url(../img/icon_plus.gif) no-repeat 0 0;
	padding-left: 20px;
	margin-top:36px;
}

div.itemSpec div.boxL ul li.end{
	margin:0px;
}


/* clearfix
--------------------------------------*/

dl.cottonStyle dd:after,
dl.qualityStyle dd:after,
dl.washiStyle dd:after,
.itemSpec:after,
div.itemSpec div.boxL ul:after
{ content: url(../img/pixel.gif); display: block; clear: both; height: 0; }

dl.cottonStyle dd,
dl.qualityStyle dd,
dl.washiStyle dd,
.itemSpec,
div.itemSpec div.boxL ul
{ display: inline-block; }

dl.cottonStyle dd,
dl.qualityStyle dd,
dl.washiStyle dd,
.itemSpec,
div.itemSpec div.boxL ul
{ display: block; }


/* ▲2010/8　追加分ここまで▲
--------------------------------------------------------------------------------*/

