/*
	This is the CSS stylesheet that is used for "[dtk] Plain" Nucleus skin.
*/

#main {
	margin:0;
	width:740px;
	float:right;
    	padding:0;
	}

#footer {
	width:960px;
	margin:30px 0 0 0;
	float:left;
	padding:12px 0 20px 0;
	border-top: 1px solid #E7E1E0;
	}

/*
	Definitions for elements in the header block.
*/
h1 {
	margin: 17px 0 0 0;
	padding: 0px 0;
	text-align: left;
}
h1 a, h1 a:hover {
	background-color: transparent;
	
	color: black;
	text-decoration: none;
}

/*
	Definitions for elements in the contents block.
*/
#main h2.title{
	margin:12px 0 30px 0;
	padding:0;
    	color:#333;
	font-size:130%;
	line-height:110%;
}
#main h2{
	margin:12px 0 30px 0;
	padding:0;
	color:#ccc;
	font-size:100%;
	line-height:110%;
}
	letter-spacing:0.3em;

/*
	Definitions for elements in the menu block.
*/
#side h2 {
	background: url(img/bg_menuhead.gif);
	margin: 32px 0 16px 4px;
	padding: 5px 3px;
	
	color: gray;
	font-size: small;
	letter-spacing: 0.2em;
	line-height: 100%;
}

/*
	Some rules that apply to lists in the menu block
	- navigation (ul.link)
	- categorylist
*/

ul.link {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.link li {
	padding-left: 14px;
	background: url(img/ico_link.gif) left no-repeat;
}

ul.categorylist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.categorylist li {
	padding-left: 14px;
	background: url(img/ico_cat.gif) left no-repeat;
}

ul.categorylist li.nocat {
	padding-left: 14px;
	background: url(img/ico_cat2.gif) left no-repeat;
}

ul.categorylist li.nocat{
	display:none;
}

/* 
	Definitions for the item listings like they are done on the main page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
	
	anchors in the iteminfo (.iteminfo a) are not underlined and bold
*/

h3 {
	margin: 1em 0;
}

/* item title */

#main h2.date {
	font-size:86%;
	color:#999;
	margin:20px 5px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
}
#main h3.item {
	font-size:115%;
	color:#60251F;
	margin:10px 5px 15px 0;
	padding:0;
	text-align:left;
	font-weight:bold;
}
#main h4 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:100%;
}
#main div.report{
	margin:0;
	padding:15px 10px;
	line-height:160%;
	text-align:left;
	border: 6px solid #ececec;
}
#main div.waku{
	margin:0;
	padding:0 10px 20px 10px;
	line-height:160%;
	text-align:left;
	border: 1px dotted #cccccc;
	background: #efefef;
}
#main div.waku_s{
	width:60%;
	margin:0;
	padding:6px 4px 2px 6px;
	line-height:160%;
	background-color:#EFEEE2;
}
#main h4.title{
	margin:0 10px 10px 0;
	padding:0;
	font-size:115%;
	color:#99cc33;
	text-align:left;
	font-weight:bold;
}
#main h4.title2{
	margin:0;
	padding:2px 0 2px 8px;
	font-size:115%;
	color:#5A493E;
	font-weight:bold;
	border-left:5px solid #a59d95;
}
#main div.title_spec{
	border-bottom:1px solid #e1e1e1;
	width:59%;
	font-weight:bold;
	color:#666666;
}
#main div.product{
	width:740px;
	float:left;
	font-size:10px;
	text-align:center;
}
#main div.product div.picbox{
	float:left;
	padding:15px 10px;
}

div.itembody {
	margin: 5px 0;
	line-height:160%;	
}
p {
	margin:5px 0;
	line-height:160%;
	padding:0
}
div.iteminfo, div.iteminfo-short {	
	border-top: 2px dotted #ccc;
	margin-top: 10px;
	padding: 2px;
	color: gray;
	font-size: small;
}
div.iteminfo-short {
	padding-bottom: 40px;
}
div.iteminfo a, div.iteminfo-short a {
	font-weight: bold;
	text-decoration: none;
}
div.iteminfo-r {
	float: right;
}
div.iteminfo-l {
	float: left;
}
.exhibit-co {
	margin:0;
	padding:1px 6px;
	background-color:#5A493E;
	color:#fff;
	font-size:80%;
	width:90px;
}

/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/* comment title */
h3.comment {
	margin-bottom: 10px;
}

div.commentbody {
	/* text-align: justify;*/
}

div.commentinfo {	
	color: gray;
	font-size: small;
}

/*
	Definitions for lists on archive list page
*/
ul.archivelist {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
ul.archivelist li {
	display: inline;	
	padding-right: 5px;

	color: #ccc;
	font-size: large;
	letter-spacing: 0.2em;
	line-height: 150%;
}
ul.archivelist a { 
	text-decoration: none;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
*/

.leftbox {
	float: left;
	margin-right: 20px;
}
.rightbox {
	float: right;
	margin-left: 20px;
}
.box3, .box3_right {
	width:240px;
	float:left;
}
.box3 {
	margin:0;
	padding:10px 10px 10px 0;
}
.box3_right {
	margin:;
	padding:10px 0;
}
.box2, .box2_right {
	float:left;
}
.box2 {
	width:255px
	margin:0;
	padding:10px 0;
}
.box2_right {
	width:485px;
	margin:0;
	padding:10px 0;
}
.itembox {
	width:740px;
	margin:0;
	padding:0;
}

.cl {
	clear:both;
}
p.cap1 {
	margin: 4px 8px 6px 0;
	padding:0;
}
p.cap2 {
	margin: 0px 5px 5px 0;
	padding:0px;
	display:inline;
}
p.pname {
	margin: 0 0 0 0;
	padding:0;
	font-weight:bold;
	color:#60251F;
	line-height:100%;
}
.normal {
	font-weight:normal;
}
.right {
	text-align:right;
}
/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
	- forms
	- 'new item' mark next to the item title
*/

img {
	border: none;
}
.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: yellow;
}

.red {
	color: red;
}

form {
	margin: 5px 0;
}
input.formfield {
	font-family: "Osaka", "Trebuchet MS", verdana, arial, sans-serif; /* for Mac (mojibake) */	
}
div.searchform input.formfield {
	width: 150px;
}

span.newitem {
	color: red;
	font-size: x-small;
}
span.small {
	font-size: x-small;
	padding:4px 10px 0 0;
	margin:0;
}
p.small {
	font-size: x-small;
	padding: 4px 10px 0 0;
	margin:0;
}
.cl {
	clear:both;
}
span.green {
	color:#99cc33;
}
.br {
	color:#7C6854;
}
div.pagelink {
	margin:0;
	padding:0
}
div.pagelink ul{
	margin:0;
	padding:0;
	line-height: 140%;
}
div.pagelink li{
	padding: 0 0 0 14px;
	list-style:none;
	background:url(http://www.sakurashop.co.jp/images/icon_link.gif) no-repeat left top;
	color:#ff0000;
	margin:4px 0 0 0;
}
div.pagelink li a{
	padding: 0 3px 6px 0;
}
div.pagelink li a.outlink{
	padding: 0 17px 6px 0;
	background:url(http://www.sakurashop.co.jp/images/icon_window.gif) no-repeat right top;
}
#main ul.roll {
	margin:8px 0 0 0;
	padding:0;
	border:0;
	width:200px;
	height:55px;
	overflow: hidden;
}
ul.roll li {display:inline;}
.roll img{
    visibility: hidden;
}
.roll a,
.roll a:link,
.roll a:visited {
	background-position: 0px 0px;
	float: left;
}
.roll a:focus,
.roll a:hover,
.roll a:active {
	background-position: 0px 55px;
	float: left;
}
.roll .mailform a {
	background-image: url(../products/images/btn_mailform.gif);
}
.roll .online a {
	background-image: url(../products/images/btn_online.gif);
}
#speclist {
	margin:0;
	padding:0}
#speclist ul{
	margin:0;
	padding:0;
	line-height: 140%;
	}
#speclist li{
	margin:10px 4px 0 0;
	list-style:none;
	padding:0 0 0 14px;
	border-left:5px #c9c9c9 solid;
	line-height: 140%;
	}

/*
	This is the CSS stylesheet that is used for "[dtk] Plain" Nucleus skin.
	(for plugins)

	Context
	-------
	#contents block
		pageswitch   (NP_ShowBlogs)     ... index page
		hs           (NP_HilightSource) 
		archiveindex (NP_ArchiveIndex)  ... archive list page
		todolist     (NP_TodoList)      ... member page
	
	#menu block
		bloglist     (NP_ContentsList)
		categorylist (NP_ContentsList)
		commenttree  (NP_CommentTree)
		linklist     (NP_LinkList)
*/


/* NP_ShowBlogs */
.pageswitch {
	/*background-color: #eee;*/
	margin:8px 0 0 0;
	padding:5px 3px;	
	font-size: small;
	line-height: 100%;
	text-align: center;
}
.pageswitch a {
	text-decoration: none;
}

/* NP_HighlightSource */
pre.hs span.string {
	color: #CC0000;
}
pre.hs span.comment {
	color: #FF9900;
}
pre.hs span.keyword {
	color: #006600;
}
pre.hs span.bg {
	color: #DDDDDD;
}
pre.hs span.default {
	color: #0000CC;
}
pre.hs span.html {
	color: #000000;
}

/* NP_ArchiveIndex */
.archiveindex a { 
	text-decoration: none;
}
.archiveindex h3 { 
	border-bottom: 1px dotted gray;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}
.archiveindex .category-desc {
	border-bottom: 1px dotted gray;
	margin: 0;
	padding: 0;
	padding-left: 16px;
	background: url(img/ico_comment.gif) left no-repeat;
	
	font-size: small;
	color: gray;
}
.archiveindex ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.archiveindex li {
	padding-left: 16px;
	background: #f0f0f0 url(img/ico_item.gif) left no-repeat;
	border-bottom: 1px dotted gray;
}
.archiveindex li.stripe {
	background-color: white;
}
.archiveindex li.more {
	border-bottom: none;
	background: none;
	
	text-align: right;
	font-size: small;
}
.archiveindex li div.title {
	float: left;
}
.archiveindex li div.detail {
	white-space: nowrap;
	float: right;
}

/* NP_TodoList */
form.todolist, form.todolist-r {
	background-color: #F9F9F3;
	border-top: 1px solid white;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e0e0;
	border-right: 1px solid #d6d0d0;
	
	margin: 0;
	padding: 0;
	
	font-size: x-small;
}
form.todolist-r {
	padding: 10px 5px;
	text-align: right;
}
form.todolist input, 
form.todolist select, 
form.todolist-r input {
	font-size: x-small;
}
ul.todolist {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.todolist li {
	background: #F9F9F3 url("img/ico_pin.gif") left no-repeat;
	border-top: 1px solid white;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e0e0;
	border-right: 1px solid #d6d0d0;
	
	margin-top: 1px;
	padding: 2px 0;
	padding-left: 14px;
	
	font-size: small;
	line-height: normal;
}
.todolist li span.enddate,
.todolist li span.enddate2,
.todolist li span.enddate3,
.todolist li span.enddate4 {
	border-top:    1px solid #ccc;
	border-left:   1px solid #bbb;
	border-bottom: 1px solid #eee;
	border-right:  1px solid #eee;
	
	margin: 0;
	padding: 0 2px;
	
	font-family: monospace;
}
.todolist li span.enddate2 {
	background-color: yellow;
}
.todolist li span.enddate3 {
	background-color: red;
}
.todolist li span.enddate4 {
	background-color: #ddd;
}
.todolist li span.title {
	color: #333;
}
.todolist li img {
	vertical-align: middle;
}

/* NP_ContentsList */
ul.bloglist { 
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.categorylist li.current {
	padding-left: 14px;
	background: url(img/ico_cat3.gif) left no-repeat;
	
	font-weight: bold;
}

/* NP_CommentTree */
ul.commenttree {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.commenttree li {
	margin: 0;
	padding: 0;
	padding-left: 14px;
	background: url(img/ico_comment.gif) top left no-repeat;
}

/* NP_LinkList */
div.linklist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.linklist li {
	padding-left: 14px;
	background: url(img/ico_link.gif) left no-repeat;
}
/* ----- ブログレフトナビゲーション ----- */
div#side ul.shortcut {
	padding:0;margin:20px 0 0 0}

div#side ul.shortcut li{
	list-style:none;
	background:url(img/ico_link.gif) top left no-repeat;
	padding:2px 6px 2px 14px;
	margin:4px 4px 0px 8px}

.tmargin{
	margin-top:20px;
	padding:0
	}
div.rss{
	margin:15px 0 0 10px;
	padding:0;
	}

ul.menu {
width:286px;
}

/* ----- 続きを読む/前ページに戻るボタン ----- */
.btnspace {
	margin:10px 0;
	padding:0;
	text-align:center;
}
div.btnspace2 {
	margin:10px 0 6px 0;
	border:0;
	float:left;
	width:135px;
	height:36px;
	overflow:hidden;
	display:block;
}
.btnspace2 {display:inline;}
.btnspace2 img{
	visibility:hidden;}
.btnspace2 a,
.btnspace2 a:link,
.btnspace2 a:visited {
	background-position:0px 0px;
	float:left;
}
.btnspace2 a:focus,
.btnspace2 a:hover,
.btnspace2 a:active {
	background-position:0 36px;
	float:left;
}
.btnspace2 .readmore a {
	width:110px;
	background-image:url(/contents/images/btn_readmore2.gif);
	display:block;
}
.btnspace2 .back a {
	width:135px;
	background-image:url(/contents/images/btn_back2.gif);
	display:block;
}
/* ----- 展覧会レポートボタン ----- */
div.itembody .btnbox2 {
	margin:5px 0 0 0;
	padding:0;
	border:0;
	float:left;
	width:180px;
	height:36px;
	overflow:hidden;
	display:block;
}
.btnbox2 {display:inline;}
.btnbox2 img{
	visibility:hidden;}
.btnbox2 a,
.btnbox2 a:link,
.btnbox2 a:visited {
	background-position:0px 0px;
	float:left;
}
.btnbox2 a:focus,
.btnbox2 a:hover,
.btnbox2 a:active {
	background-position:0 36px;
	float:left;
}
.btnbox2 .report a {
	width:140px;
	background-image:url(/contents/images/btn_report.gif);
	display:block;
}
.btnbox2 .eventreport a {
	width:140px;
	background-image:url(/contents/images/btn_eventreport.gif);
	display:block;
}

div.itembody .referbox{
	margin:0;
	padding:0px 10px;
	line-height:160%;
	text-align:left;
	border: 6px solid #ececec;
}

/* ----- テーブルレイアウト ----- */
table.t1 {
	width:95%;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	clear:both;
}
table.t2 {
	width:60%;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}
table.t3 {
	width:59%;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
.t1 tr, .t2 tr, .t3 tr {
	margin:0;
	padding:0;
}
.t1 td, .t2 td {
	width:19%;
	font-size:95%;
	margin:0;
	text-align:left;
	padding:4px;
	line-height:130%;
	border-bottom:solid #a59d95 1px;
	text-align:center;
}
.t3 td {
	width:65%;
	font-size:100%;
	margin:0;
	text-align:left;
	padding:3px;
	line-height:130%;
	border:none;
	text-align:left;
}
.t1 th, .t2 th {
	background-color:#C7C0BC;
	width:19%;
	font-size:86%;
	color:#ffffff;
	text-align:center;
	border-top:solid #a59d95 1px;
}
.t3 th {
	width:35%;
	font-size:100%;
	text-align:left;
	border:none;
	color:#666666;
}