@charset "utf-8";
/*
Theme Name:Nonoyes
Theme URI:nonoyes.com
Description:A slick grid based Wordpress Portfolio theme.
Version:1.0
Author:Nonoyes
Author URI:http://www.nonoyes.com
Tags:simple, clean, single column, grid, portfolio, white

*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }

	.tokutei li {
	margin:0 0 10px 0;
	padding:0px;
	line-height: 1.2em;
}

	.hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */
	
	p { margin:0; padding: 0px 0px 25px 15px; } /* Default link styling */
	
/*IE6*/
* p { _padding: 0px 30px 25px 15px; } 
	
	a {
	color:#a08040; /*1f1111*/
	text-decoration:none;
}
	a:hover { color:#a08040; text-decoration:underline; } /* Float an element left with a margin */
	
	.floatL						{ float:left; } /* Float an element right with a margin */
	.floatR 					{ float:right; } /* Float an element right with a margin */
	.italic 					{ font-style:italic; } /* Italisise */
	.upper 						{ text-transform:uppercase; } /* Italisise */
	.clear 						{ clear:both; }
	.hideText					{ text-indent:-3000em; overflow:hidden; }
	
	.clearfix:after 			{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	
	blockquote					{ padding:20px; margin:0 40px 20px 20px; border-left:3px solid #7f7777; clear:both; }

/* Default
-------------------------------------------------------------------*/

	html, body 					{
	color:#7f7777;
	font-family: 'Helvetica', 'arial', sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: none;
}	
	body 						{
	background:#1f1111; /*#f0eeee*/
	padding:0px 25px 50px 25px;
	margin:0;
/*	background-image: url(http://www.nonoyes.co.jp/ja/texture.jpg);*/
}

/*IE6*/
* body {
	_margin:0px 0px 50px 0px;
	_padding:0px 25px 0px 25px;
}
	
/*	@font-face {
      font-family: "Blackout-2am";
      src: url("http://www.nonoyes.co.jp/ja/Blackout-2am.ttf");
    }*/


/* Template
-------------------------------------------------------------------*/

	#header						{
	/*background:#1f1111; #f0eeee*/
	width:100%;
	height:100px;
	background-image: url(http://www.nonoyes.co.jp/ja/title3.gif);
	background-repeat: no-repeat;
	/*	position:fixed;
	top:0;
	left:0;
	z-index:100;
 	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); 
 	-moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);*/
 	/*overflow:hidden;
	padding: 30px 0 0 0;*/
}

	#wrapper					{ padding:20px; clear:both; position:relative; z-index:50; top:60px; }
	#contentwrap				{ position:relative; }
	#coreContent				{ width:945px; margin:0 auto; padding:0px 25px 0px 0px; }
	#content					{ width:680px; float:left; }
	#sidebar					{
	width:200px;
	float:right;
	background-color: #eeeee0;
	margin:0 0 50px 0;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;
	border:1px solid #bbbbb0;
	padding: 20px;
}
	#foliogrid 					{ margin-left:65px 0 60px -1px; _margin-left:-30px 0 0 15px; }

/* Header
-------------------------------------------------------------------*/

/*	#header div					{ float:left; margin:0; padding:0; color:#7f7777; text-shadow:none; }*/
	#header form				{ float:left; margin:0; padding:0; }
	#header h3					{ float:left; padding:0; margin:0 3px 0 10px; }
	#header p					{ padding:0; margin:0; }
	#header a					{
	font-size: 10px;
	text-decoration:none;
	letter-spacing: 1px;
}
	#header a:hover				{ text-decoration:underline; }
	
	#header input,
	#header select 				{ background:#eeeee0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:3px; margin:-4px 0 0 0; border:0; color:#7f7777; font-size:11px; font:10px/1em 'Helvetica', 'arial', sans-serif; color:#555; float:left; }
	#header input				{ width:100px; }
	
	#header ul					{ list-style:none; padding:0; margin:0; float:left; }
	#header ul li				{ float:left; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #7f7777; }
	#header ul li.first			{ border-left:0; padding:0; margin:0; }
	
	#header .blogInfo {
	float:left;
	/*padding:20px 0 18px 20px;*/
	height: 100px;
	width: 300px;
	cursor: pointer;
}
	.blogInfo p					{
	font-size: 90%;
	float:left;
	/*text-transform:uppercase;
	font-family: "Blackout-2am";*/
}

	#header .headerRight {
	float:right;
}

	#header .pages {
	float:right;
	padding:28px 0px 0px 0;
}

	#header .headerRight2 {
	float:right;
	padding:12px 0px 0px 0;
}

	#header .search {
	float:left;
}

	#header .rss {
	float:left;
	padding:0px 0px 0px 20px;
}

/* Post
-------------------------------------------------------------------*/

	.post 						{ background:#eeeee0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; position:absolute; border:1px solid #bbbbb0; margin:0 10px 10px 0; }
	.post > div 				{ padding:10px;}
	
	/*IE6*/
* .post div {
	_padding:5px 0px 5px 5px;
}
* .post div .post-content h2 { _margin:0px; _padding: 0 15px 0 0; }
* .post div .post-content p { _margin:0px; _padding: 10px 15px 0 10px; }
	
	/*.post:hover,
	.whiteBlock:hover			{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4); }
	.post:active,
	.whiteBlock:active			{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); }*/
	
	.post-header,
	.post-content	 			{ margin:0 0 10px 0; }
	
	.post-content h2	 		{ margin:0 0 10px 0; text-transform:uppercase; color:#7f7777;  }
	.post-content p				{ padding: 0px 0px 0px 10px; }
	
	.post-footer	 			{ line-height:1em; }
	
	.copyright					{ text-transform:uppercase; color:#7f7777; font-size:12px; }
	.copyright p				{ margin:0; }
	
	.whiteBlock 				{
	background-color:#eeeee0;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; 	font-size:125%;
	line-height:1.6em;
	margin:0 0 50px 0;
	border:1px solid #eeeee0;
}
	
	.whiteBlock > div 			{ padding:30px; }

	/*IE6*/
* .whiteBlock div {
	_padding:15px 15px 15px 15px;
}
* .whiteBlock ol {
	_padding:0px 30px 0px 0px;
}
* .whiteBlock ul {
	_padding:0px 0px 20px 0px;
}

	.whiteBlock table { border-collapse:separate; border-spacing:2px; margin:0 0 15px 15px; /*width:100%;*/ }
	
/*IE6*/
* .whiteBlock table { _margin: 0px 30px 30px 15px; } 

	.whiteBlock th, .whiteBlock td {
	padding:7px;
	line-height: 1.2em;
}
	.whiteBlock th {
	background-color: #ddddd0;
}
	.whiteBlock table ul {
	margin:0; padding:0 0 0 20px;
}

	#Breadcrumb					{
	padding: 0px 0px 10px 0px;
	font-size: 10px;
}

	.whiteBlock h1 {
	padding: 15px 0 10px 0;
	line-height:1.2em;
	color: #7f7777;
}
	.whiteBlock h2,
	.whiteBlock h3,
	.whiteBlock h4				{
	padding: 15px 0 15px 0;
	line-height:1.2em;
	color: #7f7777;
	font-weight:bold;
}
	.whiteBlock h1				{ font-size:28px; }
	.whiteBlock h2				{ font-size:24px; }
	.whiteBlock h3				{ font-size:20px; }
	.whiteBlock h4				{ font-size:16px; }
	
	.whiteBlock a img 			{ background-color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #bbbbb0; }
	.whiteBlock a img:hover 	{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); }
	.whiteBlock a img:active 	{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); }
	
	.whiteBlock-footer			{ font-size:80%; }
	
	.whiteBlock dl				{
	padding: 0px 0px 20px 15px;
}

	.whiteBlock dt				{
	font-weight: bold;
}
	.whiteBlock dd				{
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	margin: 5px 0px 20px 5px;
	border-left-color: #CCCCC0;
	border-left-style: solid;
	border-left-width: 2px;
}
	
	.singlepost 				{ font-size:125%; line-height:1.6em; margin:20px 0; }
	.singlepost > div 			{  }

	.singlepost img		 		{ border:1px solid #bbbbb0;  }
	.singlepost a img:hover,
	.singlepost a img:active 	{ -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.8); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.8); }


/* Archive Title
-------------------------------------------------------------------*/	

	.archiveTitle h2			{
	font-size:18px;
	color:#7f7777;
	margin:0;
	padding: 0;
}

	/*IE6*/
* .archiveTitle h2			{
	_margin:0;
	_padding: 3px 0 0 5px;
}

	/*.archiveTitle .currentCat	{ margin:0 0 10px 0; }*/
	.archiveTitle .currentCat span	{
	font-size: 18px;
}
	.archiveTitle .spaced		{ margin:0 0 30px 0; }
	.archiveTitle ul { margin:0; padding:0; list-style:none; }
	.archiveTitle li			{
	list-style-type: none;
	padding:0;
	margin:0;
}

	/*IE6*/
* .archiveTitle ul { _margin:0; _padding:5px 10px 0px 10px; _list-style:none; }
* .archiveTitle li { _margin:0; _padding:0; _list-style:none; }
* .archiveTitle div p	{ _padding: 5px 10px 0px 5px; }
* .archiveTitle div li h2	{ _padding:0; _margin: 0;}

	.archiveTitle p				{
	margin:5px 0 20px 5px;
	padding: 0;
}
	.archiveTitle .back			{ margin:0; }


/* Post Footer
-------------------------------------------------------------------*/	
	
	.alignleft					{ float:left; margin:0 8px 0px 0; }	
	.alignright					{ float:right; margin:0 0 0px 8px; }
	
	.pagination					{
	border-top:1px solid #7f7777;
	border-bottom:1px solid #7f7777;
	clear:both;
}
	.prevpost					{ float:left; }
	.nextpost					{ float:right }
	.prevpost a,	
	.nextpost a					{ padding:10px 15px; margin:0; display:block; }
	.prevpost a:hover,	
	.nextpost a:hover			{ text-decoration:underline; }
	
	.whiteBlock-content	ol li	{
	padding:0px 0 0px 0;
	clear:both;
}
	
/* Sidebar elements
-------------------------------------------------------------------*/	
	
	ul.sidebar_list 			{
	list-style:none;
	padding:0;
	margin: 0;
}
		li.widget h2 			{ font-size:16px; line-height:1.2em; margin:0; color:#7f7777; border:0; padding:0 0 5px 0; }
		li.widget p 			{ margin:0 0 1.5em 0; padding:0 10px; }
		li.widget ul 			{ list-style:none; margin:0 0 15px 0; padding:0; line-height:1.5em; }
		li.widget ol 			{ list-style:none; margin:0; padding:0; }
	li.widget li			{
	padding:0 0 0 15px;
	background: url(http://www.nonoyes.co.jp/ja/menu-icon.gif) left top no-repeat;
}

	/*IE6*/
* li.widget div ul 		{ _margin:0; _padding:0 0 15px 0px; }
* li.widget ul 			{ _margin:0; _padding:5px 0 0 5px; }


/* Footer elements
-------------------------------------------------------------------*/

	#footer						{
	padding:50px 0 5px 0;
	clear:both;
}
	#footer2					{
	padding:5px 0 0 0;
	clear:both;
}

	#footer h3					{
	padding:0;
	margin:7px 0 0 0;
	font-size: 12px;
}
	#footer a					{}
	
	#footer ul					{ list-style:none; padding:0 0 15px 0; margin:0 0 10px 0;}
	#footer ul li				{ float:left; margin:0 0 0px 8px; padding:0 0 0 8px; border-left:1px solid #7f7777; }
	#footer ul li.first			{ border-left:0; padding:0; margin:0 0 0px 0px; }
	#footer	.left p				{
	margin:0;
	padding:0;
	font-size: 10px;
	clear: both;
}

	.copyright					{  }
	.copyright h3				{
	font-weight: bold;
	padding: 0 0 5px 0;
}

	#footer	.left				{ margin: 50px 0 0 0;}
	#footer	.right				{ margin: 50px 0 0 20px;}
	.right p					{ margin:0; padding:0 0 10px 0; }

	.left2						{ float:left; margin: 0px 20px 0 0;}
	.right2						{ float:right; margin: 0px 0 0 20px;}
	.left2 h3, .right2 h3		{ margin:7px 0 0 0; padding:0; }
	.left2 p, .right2 p			{ margin:0; padding:0; font-size: 10px; }
	.left2 a,
	.right2 a					{}
	.left2 a:hover,
	.right2 a:hover				{ text-decoration:underline; }
	
	.left, .prev				{ float:left; }
	.right, .next				{ float:right; }




/* Captions 
-------------------------------------------------------------------*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding: 0 0 0 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	padding: 0 0 5px 0;
	margin: 0;
}
/* End captions */


/*ドロップキャップス
---------------------------------------------------- */
.drop {
	font-size: 40px;
	float: left;
	margin: 0px 7px 5px 0px;
	padding: 12px 0px 0px 0px;
}

/*たち落とし写真(width=680)
---------------------------------------------------- */
.largeImg {
	margin: 0px -31px 0px -31px;
}

/* プレスのページ
---------------------------------------------------- */

#press {
	margin: 0px;
	padding: 0px;
	height: 100%;
	clear: both;
}

#press:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.pressBox {
	margin: 0px;
	padding: 0px 10px 20px 10px;
	float: left;
	width: 100px;
	text-align: center;
}

.pressBox p {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	line-height: normal;
	font-size: 12px;
}

/* プライス
---------------------------------------------------- */

.price {
	margin: 20px;
	padding: 20px;
	border: #7f7777 1px solid;
}

.price table {
	margin: 15px;
	padding: 0px;
	background-color: #CCCCC0;
}

.price select {
	margin: 5px;
	padding: 3px;
}

.price input[type=submit]			{
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	background:#555555;
	border:1px solid #eeeee0;
	border-radius:3px;
	 -webkit-transition:border-color .2s ease-in, background-color .2s ease-in; 			 	 	 -moz-border-radius:3px; -webkit-border-radius:3px; 	cursor:pointer;
	margin: 5px 0 0 0;
}
	 
.price input[type=submit]:hover,
.price input[type=submit]:focus	{ 
	background:#2f2323; 
	border-color:#eeeee0; }


.boots table {
    margin: 0 15px 20px;
	background: #eeeee0;
}

.boots th {
	padding: 5px;
	background: #CCCCC0;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
	margin: 1px;
}

.boots td {
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	background-color: #CCCCC0;
	margin: 1px;
}

/* レイアウト
---------------------------------------------------- */

.imgLayout {
	padding: 0px;
	margin: 0 -10px 15px 15px;
	text-align: center;
	float: left;
}
.imgLayout p {
	padding: 3px;
	margin: 3px;
	font-size: 10px;
	line-height: 15px;
}

	/*IE6*/
* .imgLayout {
	_padding: 0 0 0 -8px;
	_margin: 0 0 0 -8px; 
}

.lineUP {
	padding: 0px;
	margin: 0 10px 15px 15px;
	float: left;
}

.lineUP p {
	padding: 3px;
	margin: 3px;
	font-size: 10px;
	line-height: 15px;
}

	/*IE6*/
* .lineUP {
	_padding: 0 0 0 0px;
	_margin: 0 0 0 0px; 
}

.conceptButton {
	margin: 15px 15px 30px 15px;
	padding: 15px;
	border: #7f7777 1px solid;
	width: 555px;
	background-color: #ccccc0;
	text-align: center;
}


/* ギャラリー
---------------------------------------------------- */

.gallery {
	margin: 0;
	padding: 0;	
}
.gallery dl {
	margin: 0;
	padding: 0 0 0 1px;	
}
.gallery dt {
	margin: 0;
	padding: 0;
}
.gallery dd {
	margin: 0;
	padding: 0;
	font-size: 10px;	
}

	/*IE6*/
* #gallery-1 {
	_margin: 0;
	_padding: 0;
}