/*
Theme Name:Nippon Mode
Theme URI: http://bgs-works.com/
Description:Japanese Modern Style
Version:Beta
Author:Bgs-Works

*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');


/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
*/
body {
	background:#e7e7e7;
	/*color: #333;
	font-family:"ƒqƒ‰ƒMƒmŠÛƒS Pro W4",'Hiragino Maru Gothic Pro',"‚l‚r ‚oƒSƒVƒbƒN","Osaka",verdana,sans-serif;
	font-size:12px;
	*font-size:small;
	*font:small;
	letter-spacing:0.02em;
	line-height:1.6em;
	margin: 0;
	padding: 0;*/
}
.Clear{
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
	content:".";
}
.FloatLeft{
	float:left;
}
.FloatRight{
	float:right;
}

.clearfix:after{
	content: ""; 
	display: block; 
	clear: both; 
	height: 0;
} 
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.Center{
	text-align:center;
	margin:10px auto 20px;
	padding:0px;
}
.FloatLeft{
	float:left;
	text-align:left;
}
.FloatRight{
	float:right;
	text-align:right;
}

.Block{
	width:540px;
	margin:10px auto 10px;
	padding:5px 10px;
	border:1px solid #4C397E;
	background:url(images/Shoppingcart.jpg) no-repeat right bottom;
}
.CenterBlock{
	width:300px;
	margin:5px 5px 10px;
	padding:0px;
	display:block;
	float:left;
}
img{
	margin:0px;
	padding:0px;
}


a{
	color:#336699;
	text-decoration:underline;
}

a:hover{
	text-decoration: none;
	color:#990000;
}
a img{
	border:none;
}
ul,ol{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
	margin:0px;
	padding:0px;
}
p{
	margin:0px;
	padding:0px 0px 10px;
	letter-spacing:0.05em;
}
pre , wbr{
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
}
blockquote{
	margin:5px 0 5px 10px;
	padding:0 15px 0 10px;
	color: #333333;
	border-left: 3px solid #13641E;
	font-size:0.95em;
}
blockquote strong{
	color:#91A16A;
	font-weight:normal;
}
table{
	width:100%;
	margin:0px 0px 10px;
	padding:0px;
	border:1px solid #ccc;
	border-collapse:collapse;
}
td,th{
	margin:0px;
	padding:2px;
	border:1px solid #ccc;
}
input{
	border:none;
	margin:0px;
	padding:0px;
}
textarea{
	border:1px solid #666;
}
form{
	margin:0px;
	padding:0px;
}
acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}
iframe{
	margin:0px;
	padding:0px;
	border:none;
}

h1{
	background:url(images/title.jpg) no-repeat;
	width:200px;
	height:330px;
	margin:0px;
	padding:0px;
	display:block;
}
h1 a{
	text-decoration:none;
}
h2 {
	border-bottom:1px solid #000;
	background:url(images/h2_li.jpg) no-repeat center left;
	margin:0px 0px 10px;
	padding:0px 10px 1px 30px;
	font-size:1.3em;
	color:#000000;
}
h2 a{
	color:#000000;
}

h3{
	margin:0px 0px 0px;
	padding:0px;
	font-size:1.5em;
	color:#336699;
}
h4{
	margin:15px 0px 10px;
	padding:3px 5px;
	border:2px solid #ccc;
	color:#32457D;
	font-size:1em;
}
h5{
	margin:5px 10px;
	padding:2px 1px;
	border-bottom:2px solid #2A5481;
	color:#333647;
	font-size:1em;
}
h6{
	font-size:1.0em;
	font-weight:normal;
	color:#B0B0B0;
	margin:0px;
	padding:0px;
}
#Wrapper{
	width:1040px;
	margin:0px auto;
	padding:0px 0px 0px 3px;
	height:auto;
	background:url(images/bg.jpg) repeat-y;
}
#Global{
	width:900px;
	margin:0px;
	padding:0px;
	float:left;
}
#SideRightContents{
	width:140px;
	float:right;
	margin:20px 0px;
	padding:0px;
}


#SideContents{
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}
#SideContents h5{
	background:url(images/sidebox_h5.jpg) no-repeat;
	margin:10px 5px 0px 8px;
	padding:10px 10px 0px;
	width:167px;
	height:24px;
	font-size:1em;
	color:#000;
	border:none;
}
#SideContents ul{
	width:187px;
	margin:0px;
	padding:0px 5px 0px 8px;
}
#SideContents li{
	width:167px;
	margin:0px;
	padding:0px 10px 0px;
	background:url(images/leftbox_in.jpg) repeat-y;
}
#SideContents li a{
	background:url(images/sidebox_li.jpg) no-repeat 0px 6px;
	margin:0px 0px 5px;
	padding:0px 0px 5px 12px;
	color:#333333;
}
#SideContents li a:hover{
	text-decoration:none;
	color:#6699CC;
}
#SideContents ul li ul{
	width:auto;
	margin:0px;
	padding:0px 10px 0px 20px;
	background:none;
}
#SideContents ul li ul li{
	width:auto;
	margin:0px 0px 0px;
	padding:0px;
	background:none;
}
#SideContents ul li ul li a{
	background:none;
	margin:0px;
	padding:0px;
	list-style:inside circle;
}

.SideContentsBoxEnd{
	width:187px;
	height:10px;
	margin:0px 5px 0px 8px;
	padding:0px;
	background:url(images/leftbox_end.jpg) no-repeat;
}
#SideContents .NoListImg li{
	width:167px;
	margin:0px auto;
	text-align:center;
	padding:0px 10px 0px;
	background:url(images/leftbox_in.jpg) repeat-y;
}
#SideContents .NoListImg li a{
	background:none;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#333333;
}
#SideContents .NewBlog li a{
	background:none;
	margin:0px 0px 5px;
	padding:0px 0px 5px 0px;
	color:#666666;
	font-size:0.85em;
	text-decoration:none;
	letter-spacing:0.02em;
}
#SideContents .NewBlog li a:hover{
	text-decoration:none;
	color:#6699CC;
}
#SideContents .NoListImg2 li{
	width:187px;
	margin:0px auto;
	text-align:center;
	padding:0px 0px 0px;
	background:url(images/leftbox_in.jpg) repeat-y;
}
#SideContents .NoListImg2 li a{
	background:none;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#333333;
}


#Content{
	margin:0px;
	padding:0px 30px 0px 30px;
	float:right;
	width:640px;
}
#Navigation{
	/*background:url(images/navi_bg.jpg) no-repeat;*/
	width:640px;
	/*height:80px;*/
	margin:0px 0 30px;
	padding:0px 0px 5px;
	
}
#Navigation ul{
	margin:0px;
	padding:0px;
}
#Navigation ul li{
	margin:0px;
	padding:0px;
	float:left;
}
#NavigationUp{
	width:640px;
	/*height:28px;*/
	margin:0px 0px 5px;
	padding:0px;
}
#NavigationDown{
	width:640px;
	height:45px;
	margin:0px;
	padding:0px;
}

#SerchBox{
	width:600px;
	margin:0px 0px 0px 10px;
	padding:6px 0px 0px;
	float:left;
}
#NaviAffili{
	float:left;
	margin:13px 0px 0px 10px;
	padding:0px;
	display:block;
}

.InputText input{
	border:1px solid #666;
	height:19px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
}
#FlashSpace{
	width:640px;
	height:156px;
	margin:0px 0px 20px;
	padding:0px;
}
#flashcontent{
	margin:0px;
	padding:0px;
}
.FlashTop{
	margin:0px;
	padding:7px 10px 0px;
}
#TagsSpace{
	padding:4px 10px 0px;
	margin:0px 0px 20px;
	background:url(images/tag_bg02.jpg) no-repeat;
	width:620px;
	height:137px;
}
#TagsSpace .FloatLeft h6{
	margin:0px 0px 5px;
	padding:0px 0px 0px;
	width:468px;
	height:60px;
	border:1px solid #999;
}
#TagsSpace .FloatRight h6{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:125px;
	height:125px;
	font-weight:bold;
}
.ContentsBody{
	width:620px;
	height:auto;
	margin:10px 10px 20px;
	padding:0px;
	display:block;
}
.ContentsBody dt{
	margin:0px 0px 5px;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
	font-size:1.1em;
	color:#09054F;
}
.ContentsBody dd{
	margin:0px;
	padding:0px 10px 20px;
}
.BlogBody th{
	background:#1F407F;
	padding:3px 5px;
	color:#fff;
}
.h5block{
	margin:0px;
	padding:0px 20px 10px;
}
#PageTemplete h4{
	background:#7E7D8F;
	color:#fff;
	border:none;
}
#PageTemplete a{
	color:#333333;
	text-decoration:none;
}
#PageTemplete a:hover{
	color:#BA2E2D;
}
.post ul{
	margin:10px 10px 10px;
	padding:0px;
}
.post ul li{
	background:url(images/sidebox_li.jpg) no-repeat 0px 6px;
	margin:0px 0px 10px;
	padding:0px 0px 1px 15px;
	color:#333333;
	border-bottom:1px solid #ccc;
}
.post li a:hover{
	text-decoration:none;
	color:#6699CC;
}
.post ol{
	margin:10px 10px 10px;
	padding:0px;
}
.post ol li{
	background:url(images/ol_li.gif) no-repeat 0px 8px;
	margin:0px 0px 5px;
	padding:0px 0px 1px 12px;
	color:#333333;
	border-bottom:none;
}

.PickUpBlog{
	margin:20px 0px;
	padding:0px;
}
.PickUpBlog ul{
	margin:0px 10px;
	padding:0px;
}
.PickUpBlog ul li{
	font-size:0.95em;
	border-bottom:none;
	background:none;
	padding:0px 0px 5px;
	margin:0px;
}
.PickUpBlog ul li a{
	color:#907C51;
}
.Meta{
	font-size:1em;
	color:#999999;
	margin:0px;
	padding:0px;
}
.Meta ul ,.Meta li , .post-meta li{
	display:inline;
	list-style: none;
	margin:0px;
	padding:0px;
}
.Meta li, .post-meta li{
	margin:0px;
	padding:0px;
}
.LinkMargin span{
	margin:2px 0px 0px;
	padding:0px 5px 0px;
	width:80px;
	height:15px;
}

.commentlist{
	margin:0px;
	padding:0px 0px 10px;
}
.commentlist li{
	margin:0px 0px 3px;
	padding:0px 0px 0px 10px;
	background:url(images/sidebox_li.jpg) no-repeat 0px 4px;
}
.LeftTitle{
	width:540px;
	float:left;
	margin:0px 0px 10px;
	padding:0px;
}
.RightData{
	width:90px;
	float:right;
	margin:0px 0px 10px;
	padding:0px;
	text-align:center;
}
.SideRightTop{
	background:url(images/koukoku_top.jpg) no-repeat;
	margin:0px;
	padding:0px;
	width:140px;
	height:10px;
}
.SideRightIn{
	background:url(images/koukoku_in.jpg) repeat-y;
	margin:0px;
	padding:0px 10px 0px 0px;
	width:130px;
	height:auto;
	line-height:1.4em;
	letter-spacing:0.05em;
	font-size:0.85em;
}
.SideRightIn a{
}
.SideRightIn img a{
	text-decoration:none;
}

.SideRightEnd{
	background:url(images/koukoku_end.jpg) no-repeat;
	margin:0px;
	padding:0px;
	width:140px;
	height:10px;
}

#Footer{
	width:900px;
	margin:0px 140px 0px 0px;
	padding:10px 0px;
	background:#fff;
}
#FooterCopy{
	width:300px;
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
}

/*
.SideContentsBox{
	width:167px;
	margin:0px 5px 0px 8px;
	padding:0px 10px;
	background:url(images/leftbox_in.jpg) repeat-y;
}
.SideContentsBoxTop{
	width:187px;
	height:10px;
	margin:10px 5px 0px 8px;
	padding:0px;
	background:url(images/leftbox_top.jpg) no-repeat;
}
.SideContentsBoxEnd{
	width:187px;
	height:10px;
	margin:0px 5px 0px 8px;
	padding:0px;
	background:url(images/leftbox_end.jpg) no-repeat;
}
.SideContents ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

.SideContents ul li {
	letter-spacing: 0.1em;
	margin:0px;
	padding:0px;
	border-bottom: 1px solid #000;
}

.SideContents ul ul {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

.SideContents ul ul li {
	border: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

.SideContents ul ul li a {
	color: #000;
	text-decoration: none;
}

.SideContents ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

.SideContents ul ul ul.children {
	font-size: 142%;
}
.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
ol#comments li p {
	font-size: 100%;
}
#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}
.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}



*/


#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}



/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
	margin:0px 0px 20px;
	font-size:0.85em;
}


.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}
.tarckbacktlist{
	margin:0 0 20px;
}
.comment{
	padding:0 10px;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
}


#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

.ShoppingFrame{
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-bottom:2px solid #BfBfBf;
	border-right:2px solid #BfBfBf;
	padding:2px 2px 10px;
	margin:10px 10px 10px 0px;
	float:left;
}
.ShoppingFloat{
	width:430px;
	float:right;
	margin:0px;
	padding:0px;
}
.ShoppingFloat dl{
	margin:5px 0px;
	padding:0px;
}
.ShoppingFloat dt{
	margin:0px;
	padding:0px 0px 2px;
	border-bottom:2px solid #8369A4;
	color:#8369A4;
	font-size:1.1em;
}
.ShoppingFloat dd{
	margin:0px 10px;
	padding:0px 0px 3px;
	color:#666666;
}
.ShopBlock{
	width:380px;
	border:1px solid #DCCEE5;
	padding:5px 10px;
	margin:5px auto;
}
.ShopBlock strong{
	color:#27457F;
	font-size:1.1em;
}
.ClearHr{
	clear:both;
	height:5px;
	border-bottom:1px solid #CCCCCC;
	margin:10px 0px 20px
}
.DateRight{
	float:right;
	text-align:right;
	color:#6D79AF;
	font-size:1em;
}
.ShopContact table{
	border:none;
	padding:4px;
	margin:20px auto;
	width:540px;
	border-collapse:separate;
	background:url(images/shopcontact_bg.png) no-repeat left bottom #F5F5F5;
}
.ShopContact th{
	border:none;
	font-size:1.1em;
	color:#0F357F;
	padding:2px;
	vertical-align:top;
	text-align:left;
}

.ShopContact td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:5px;
	margin:0px 10px 5px;
}
.ShopContact input,textarea{
	border:1px solid #ccc;
}

.OtherContact table{
	border:none;
	padding:4px;
	margin:20px auto;
	width:540px;
	border-collapse:separate;
	background:url(images/othercontact_bg.gif) no-repeat left bottom #FAFAFA;
}
.OtherContact th{
	border:none;
	font-size:1.1em;
	color:#055D24;
	padding:2px;
	vertical-align:top;
	text-align:left;
}

.OtherContact td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:5px;
	margin:0px 10px 5px;
}
.OtherContact input,textarea{
	border:1px solid #ccc;
}