/* 
Site Name

developer website: http://www.japanwebstart.jp/



 */

/* =============================================================== */
/* ============================ GLOBAL ============================ */
/* =============================================================== */


body {

	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;

	
	}
	

#wrapper {


}

hr {
	display: none;
	}
	
	
	
	DIV.frame {
	width: 900px;
	padding: 0px;
	margin: auto;
	color:#4a344f;
	

	}
	
	body a { 
	color:#5597b2;
	text-decoration:none;
	font-style:normal;
	
	}
	body a:hover { 
	color:#5597b2;
	text-decoration:underline;
	
	}
	

	
	h1 { 
color:#333333;
font-size:24px;
font-weight:100;
margin:0;
padding-bottom:20px;
padding-left:0;
padding-top:24px;

}
	
	h2 { 
font-size: 16px;
color:#000000;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
margin:0px;
font-weight:100;

}

DIV.entry h2 { 
font-size: 13px;
color:#333333;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
margin:0px;
font-weight:bold;
background-image:url(images/text-arrow.gif);
background-position:top left;
background-repeat: no-repeat;

}

h3 { 
font-size: 16px;
color:#333333;
padding-top:24px;
padding-bottom:10px;
padding-left:0px;
margin:0px;
font-weight:100;

}

h4 { 
font-size: 12px;
color:#5597B2;
padding-top:0px;
padding-bottom:4px;
padding-left:0px;
margin:0px;
font-weight:bold;

}

h4 a { 

color:#5a4a42;

}

h5 { 
font-size: 12px;
color:#990000;
padding-top:24px;
padding-bottom:10px;
padding-left:0px;
margin:0px;
font-weight:100;

}

h6 { 
font-size: 12px;
color:#000000;
padding-top:24px;
padding-bottom:10px;
padding-left:0px;
margin:0px;
font-weight:100;

}


blockquote {
margin:0;
font-weight:100;
color:#88a161;
font-size:16px;
padding: 0px;
margin-left:4px;
margin-bottom:0px;
margin-top:10px;
font-weight:100;

	}
	
	
	textarea {
	width:380px;}
	
	DIV.entry{
color:#666666;
margin-bottom:10px;
padding-top: 5px;
padding-bottom: 60px;

}

DIV.entry li {

list-style: none;
}

DIV.description{
color:#333333;
font-size:14px;
margin-bottom:10px;
margin-top:6px;
padding:15px;
border: solid 1px #ededed;
background-image:url(images/description-bg.jpg);
background-position:top left;
background-repeat: no-repeat;

}

DIV.description p {
padding:0;
margin:0;

}

DIV.description strong {
font-size:16px;

}

DIV.entry img {
border:0;
}

.post { 

padding-bottom:20px;
	
	}
	
	

DIV.entry img {
border:none;
}

DIV.entry-clear{
}

DIV.entry-clear img{
border:none;
}

.entry a { 
	color:#c62245;
	text-decoration:none;
	
	}
	
	
	
.navigation {
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	clear:both;
	}
	
	.alignright {
	float: right;
	
	}

.alignleft {
float:left;
	
	
	}
	
	
p img {
border:0px;
}
	
	#searchform {
	
	padding-top:30px;
	padding-bottom:20px;}
	
	DIV.line {
	padding-bottom:10px;
	padding-top:10px;
	border-top: solid #000 1px;}
	

/* =============================================================== */
/* ============================ HEADER ============================ */
/* =============================================================== */
	
DIV.con_header {
margin:auto;
text-align:left;
width:900px;
	}
	
	DIV.con_header-content {
height:147px;
margin:auto;
text-align:left;
width:900px;
	}
	
	
	
	DIV.header-holder {
	width:100%;
	
width:100%;
}

	
DIV.con_logo{
text-align:left;
float:left;
padding-top:20px;
padding-bottom:10px;
}

DIV.con_headerright{
text-align:left;
float:right;
display:inline;
width:400px;

}

DIV.con_top-text {
padding-top:75px;
padding-left:16px;
text-align:left;
width:360px;
float:left;
color:#ACCB32;
text-transform:uppercase;
}

DIV.con_top-text h1 {
font-size:12px;
color:#ACCB32;
text-transform:uppercase;
width:360px;
padding:0;
margin:0;
}

DIV.con_top-text p  {
padding-top:0px;
padding-bottom:0px;
margin-top:0;
margin-bottom:0;
}



DIV.con_topnav {
padding-top:48px;
padding-right:18px;
text-align:right;
width:400px;
float:right;
font-size:13px;
color:#333333;

}

DIV.con_topnav a {
color:#000000;
text-decoration:none;

}

DIV.con_topnav ul li {
display:inline;
padding-left: 10px;
padding-top:0px;
float:right;
text-align:left;
}

DIV.con_topnav ul li ul li {
display:inline;
padding-left: 10px;
padding-top:0px;
float:left;
}

DIV.con_topnav li {
display:block;
list-style:none;
border-bottom:0;
}

DIV.con_topnav ul {
display:inline;
padding:0;
margin:0;
}


DIV.con_topnav li ul li {
background-image:none;
}
DIV.con_topnav li ul li a {
color: #000000;
}
DIV.con_topnav ul li a {
color: #000000;
}




DIV.spacer a {
color:#FFFFFF;
text-decoration:none;

}

DIV.spacer ul li {
display:inline;
padding-top:2px;
padding-right:8px;
float:right;
text-align:right;
}

DIV.spacer ul li ul li {
display:inline;
padding-top:0px;
float:left;
}

DIV.spacer li {
display:block;
list-style:none;
border-bottom:0;
}

DIV.spacer ul {
display:inline;
padding:0;
margin:0;
}


DIV.spacer li ul li {
background-image:none;
}
DIV.spacer li ul li a {
color: #FFFFFF;
}
DIV.spacer ul li a {
color: #FFFFFF;
}



/* ======================= MAIN MENU  ========================== */


DIV.main-menu {
text-align:left;
float:left;
z-index: 3;
height:40px;
font-size:16px;
margin-top:0px;
clear:both;
margin-left:0px;
margin-bottom: 6px;
font-weight:400;
width:100%;
background-image:url(images/menu-bg.gif);
background-position:top left;
background-repeat:repeat-y;
}

.main-menu ul {
padding: 0px;
margin: 0px;
float:left;
width:auto;
}
.main-menu ul li {
text-decoration:none;
list-style:none;
padding-bottom: 4px;
padding-bottom:0px;}	
	
	ul.main-navstyle li a {
color:#FFFFFF;
text-transform:uppercase;
float:left;
text-align:left;
text-decoration:none;
padding-left:16px;
padding-right:16px;
padding-top:12px;

}



ul.main-navstyle {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}


ul.main-navstyle li a:hover {
color:#333333;
}

ul.main-navstyle li {
cursor:pointer;
list-style-image: none;
list-style-type:none;
float:left;
overflow:hidden;
vertical-align:bottom;
border-bottom:0;
padding-top:1px;

}
ul.main-navstyle li.current_page_item  {
cursor:pointer;
color:#FFFFFF;
}
ul.main-navstyle li.current_page_item  a {
color:#FFFFFF;

}
ul.main-navstyle li.current_page_item  a:hover {
color:#FFFFFF;
background-color:none;

}

ul.main-navstyle li.current_page_ancestor {
cursor:pointer;
color:#FFFFFF;

}
ul.main-navstyle li.current_page_ancestor a {
cursor:pointer;
color:#FFFFFF;

}

ul.main-navstyle li.current_page_ancestor a:hover {
cursor:pointer;
color:#FFFFFF;

}

DIV.graphic-menu {
text-align:left;
width:344px;
height:158px;
float:left;

}

DIV.graphic-menu a {
padding:0;
margin:0;
border:0;


}


.graphic-menu ul {
padding: 0px;
margin: 0px;
list-style:none;

}
.graphic-menu ul li {
text-decoration:none;
list-style:none;
overflow:hidden;
padding:0;
margin:0;
display:inline-block;
}



	
.graphic-menu ul li.shop {
width: 88px;
}
.graphic-menu ul li.shop a {
width: 88px;
}
.graphic-menu ul li.stockists {
width: 85px;
}
.graphic-menu ul li.blog {
width: 59px;
}	


DIV.menu {
text-align:left;
float:left;
z-index: 2;
font-size:24px;
margin-top:0px;
clear:both;
margin-left:0px;
margin-bottom: 6px;
font-weight:400;
width:500px;


}


.menu ul {
padding: 0px;
margin: 0px;
float:left;
}
.menu ul li {
text-decoration:none;
list-style:none;
padding-bottom: 4px;
padding-bottom:0px;}	

.current_page_item a {
color:#FFFFFF;
}
	
	ul.navstyle li a {
color:#666666;
float:left;
height:50px;
margin-right:0;
padding:10px 20px 20px 20px;
text-align:left;
text-decoration:none;
width:210px;
background-image:url(images/product-tab.gif);
background-position:top left;
background-repeat:repeat-y;

}

ul.navstyle li img {
border:0;

}

ul.navstyle li div.con_img {
width:60px;
border:0;
float:right;

}



ul.navstyle {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}


ul.navstyle li a:hover {
background-image:url(images/product-tab-over.gif);
background-position:top left;
background-repeat:repeat-y;
color:#333333;
}

ul.navstyle li {
cursor:pointer;
list-style-image: none;
list-style-type:none;
float:left;
overflow:hidden;
vertical-align:bottom;
border-bottom:0;
padding-top:1px;

}
ul.navstyle li.current_page_item  {
cursor:pointer;
color:#FFFFFF;
}
ul.navstyle li.current_page_item  a {
color:#FFFFFF;

}
ul.navstyle li.current_page_item  a:hover {
color:#FFFFFF;
background-color:none;

}

ul.navstyle li.current_page_ancestor {
cursor:pointer;
color:#FFFFFF;

}
ul.navstyle li.current_page_ancestor a {
cursor:pointer;
color:#FFFFFF;

}

ul.navstyle li.current_page_ancestor a:hover {
cursor:pointer;
color:#FFFFFF;

}

	
DIV.con_topnav ul li.qtrans_widget_switch {
padding-right:0px; }	
	
	
	
	ul.navstyle li a span.iro-number {
	font-size:12px;
	text-transform:uppercase;
	color:#accb32;
	float:left;
	display:inline;
	}
	
	span.iro-number {
	font-size:12px;
	text-transform:uppercase;
	color:#accb32;
	
	}
	

	
	
DIV.con_menuspacer {
width: 100%;
background-color: #CBC5B7;
height:6px;


}

DIV.spacer {
width: 100%;
height:16px;
float:left;
background-color:#006634;


}

	
	DIV.con_submenu {
	border-bottom:1px solid #006634;
height:30px;
margin-top:6px;
padding-left:14px;
padding-right:14px;
padding-top:16px;
width:570px;
	}
	
	DIV.con_submenu a {
	color: #61513C;
	font-weight:bold;
	}
	
	
	DIV.con_subnav {
	float:right;
	}
	DIV.backlink {
	float:left;
	}
	
	DIV.pics {
	padding-left: 14px;}
	
/* =============================================================== */
/* ======================= BODY ============================ */
/* =============================================================== */


	DIV.con_title {

width: 100%;
margin: auto;
text-align:left;
height:51px;
float:left;
}


DIV.con_title h2 {

font-size: 14px;
text-transform:uppercase;
color:#666666;
padding-top:0px;
padding-left:0px;
margin-left:0px;
margin-top:0px;
font-weight:100;
border:0;
}

DIV.con_title h1 {

font-size: 24px;
color:#666666;
padding-top:12px;
padding-left:16px;
margin-left:0px;
margin-top:0px;
font-weight:100;
border:0;
}



DIV.con_title h2 span { font-size: 16px;
color:#FFFFFF;
font-weight:100; }

h4 span { 

color: #4a344f;
float:right;

 }

DIV.title-holder {
width: 100%;

}
DIV.home-holder {

width: 100%;

}

	
DIV.con_main {
	width: 100%;
	float:left;
	text-align:left;

	
	
	}
	
	DIV.con_content_left {
	width:612px;
	float:left;
	display:inline;
	text-align:left;
	padding:0px;
	margin:0px;
	}
	
	
DIV.content-holder {
width: 900px;
margin: auto;
text-align:left;
background-color:#FFFFFF;
}


DIV.content{
float:left;
font-size:13px;
line-height:1.4em;
margin-bottom:16px;
padding-left:22px;
text-align:left;
width:578px;

}


DIV.content p {
margin-top: 0px;
margin-left:0px;
}

DIV.portfolio-item  {
padding-bottom:20px;
padding-right:20px;
width:570px;
float:left;
display:inline;
}	

DIV.portfolio-item img {
float:left;
display:inline;
border:solid 1px #999999;
margin-right:10px;
}	

DIV.portfolio-item h2 {
color: #5597B2;
font-weight:bold;
font-size:14px;
}	

DIV.portfolio-item h2 a {
color: #5597B2;
}

div.portfolio-item h2 small {
color:#999999;
font-size:12px;
float:right;
font-weight:normal;
}	

small {
color:#999999;
font-size:12px;
font-weight:normal;
}

/* =============================================================== */
/* ======================= SIDEPANEL ============================ */
/* =============================================================== */


	
ul.sidepanel-list li a.sidelink1 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-1.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-2.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-3.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink1:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-1-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-2-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(images/side-panel-3-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#4a344f;
text-align:left;
float:left;
padding-top:8px;
}

ul.sidepanel-list {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

ul.sidepanel-list li {
cursor:pointer;
height:58px;
width:293px;
list-style-image:none; 
list-style-type:none;
overflow:hidden;

}



ul.sidepanel-list a strong {
color:#FFFFFF;
}

span.sidepanel-list_title {
font-size:12px;
font-weight:bold;
padding-left:15px;
color:#c62245;

}

span.sidepanel-list_subtext {
padding-top:0px;
padding-left:15px;
float: left;
padding-right:20px;

}

span.sidepanel-contact_title {
font-size:12px;
font-weight:bold;
padding-left:20px;
margin-top:20px;
color:#c62245;
float:left;

}

span.sidepanel-contact_subtext {
padding-top:10px;
padding-left:20px;
float: left;
padding-right:20px;

}

div.contact-link {
padding-top:10px;
padding-left:20px;
float: left;
padding-right:20px;
color:#c62245;
font-weight:bold;

}



div.contact-link a {

color:#c62245;
font-weight:bold;
text-decoration:none;
}

div.contact-link a:hover {

color:#c62245;
font-weight:bold;
text-decoration:none;

}
DIV.right-contact {
width:290px;
height:118px;
background-color:#CBC5B7;
border: 1px solid #88a161;
margin-top:20px;


}



/* 

color guide
highlight: #c62245
background: #FFFFFF
font: #4a344f
medium color: #88a161
dark color: #c62245
light color: #CBC5B7



 */

/* ============================ RIGHT CON ============================ */



DIV.right_con {
float: right;
display:inline;
text-align:left;
margin:0px;
display:inline;
float:right;
margin:0;
padding:20px 20px 0 0;
text-align:left;
width:238px;
width:238px;
}

	
DIV.right_con  ul.post-meta {
 background-color:#FFFFFF;
}



	
	
	
/* ============================ SIDEBAR NAV ============================ */

DIV.sidebar {
float: right;
width: 240px;
padding-bottom:80px;
text-align:left;
font-size:12px;
}

DIV.sidebar ul {
list-style: none;
margin:0px;
padding:0px;
}

	

DIV.sidebar li {
list-style: none;
margin-left:0px;
}

DIV.sidebar ul li ul li {
list-style: none;
}

DIV.sidebar ul li form {
}

DIV.sidebar ul li p {
font-size:12px;
}

DIV.sidebar ul li select {
margin-top:10px;
}


DIV.sidebar h2 {
border-bottom:4px solid #DC4F4F;
color:#333333;
font-size:16px;
font-weight:100;
margin-bottom:20px;
margin-top:10px;
padding-bottom:0px;
padding-top:30px;
}

DIV.sidebar h3 {
border-bottom:4px solid #DC4F4F;
color:#333333;
font-size:16px;
font-weight:100;
margin-bottom:20px;
margin-top:10px;
padding-bottom:0px;
padding-top:30px;
}

	
DIV.sidebar ul li a {
color:#5597b2;
font-size: 14px;
text-decoration:none;
padding:0 8px 6px 0px;
margin-top: 0px;
margin-left: 0px;
position:relative;
display:block;
font-weight:100;
}

DIV.sidebar ul li.widget_tag_cloud a {
color:#5597b2;
text-decoration:none;
padding:2px 2px 2px 2px;
position:relative;
font-weight:bold;
display:inline;
}


DIV.sidebar ul li.widget_tag_cloud div {
padding-left:24px;
width:204px;
}


DIV.sidebar ul li a:hover {
color:#333333;
text-decoration:none;

}	

DIV.sidebar ul li.current_page_item a {
color:#333333;
text-decoration:none;
}

DIV.sidebar ul li.current-menu-item a {
color:#333333;
text-decoration:none;
}

DIV.sidebar ul li.current-category-ancestor a {
color:#333333;
text-decoration:none;
}

DIV.sidebar ul li.current-cat a {
color:#333333;
text-decoration:none;


}


div.sidebar small {
color:#999999;
font-size:12px;
}
	

DIV.sidebar li {
list-style: none;
margin:0px;
}


DIV.textwidget {
padding-bottom:5px;

}

DIV.contact-details  {

line-height:15px;
}


DIV.contact-details img {

border:0px;
margin-bottom:-5px;
padding-right:10px;
}

DIV.contact-details span.number {
font-size:20px;
}


DIV.textwidget img {

border:0px;}

div.content h2 small {
color:#999999;
font-size:12px;
float:right;
}


DIV.entry ul li {
border-bottom:none;
color:#333333;
padding-top:0;
margin:0;
list-style:none ;
}

DIV.entry ul {
padding-left:16px;
padding-top:0px;
margin-top:0;
}
	

/* ============================ LEFT CON ============================ */



DIV.left_con {
float: left;
width: 280px;
padding-right:20px;
}

DIV.left_con ul {
list-style: none;
padding:0px;
margin-left:0px;
margin-top:75px;
}	
	
.left_con a {
color:#4a344f;
text-decoration:none;
width:280px;
}
.left_con a:hover {
color:#c62245;
text-decoration:none;

}	
	
DIV.left_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin-left:10px;
border-bottom: #CBC5B7 solid 1px;
}





	

	
	
/* =============================================================== */
/* ======================= FOOTER ============================ */
/* =============================================================== */


DIV.footer {
	
	clear: both;
color: #000000;
	width:100%;
	font-size:12px;
	}

DIV.con_footer {
	margin-top: 40px;
	width:900px;
	margin:auto;
height:65px;
	}




DIV.con_footer a {
color:#4a344f;
text-decoration:none;

}

DIV.con_footer a:hover {
color:#4a344f;
text-decoration:none;

}


DIV.con_footer ul {
padding:0;
margin:0;
float: left;
clear:both;
}

DIV.con_footer ul li {
display:inline;
margin-bottom:0;
padding-right:10px;
}

DIV.footer-menu {
text-align:left;
margin:auto;
background-color:#ACCB32;
}
DIV.footer-text {
text-align:left;
float:left;
padding-top:4px;
}

DIV.footer-menu ul {
margin:0px;
float:left;
}

DIV.footer-menu ul li {
display:inline;
margin-bottom:0;
padding-right:10px;

}

DIV.footer-menu a {
color:#4a344f;
text-decoration:none;

}

DIV.footer-menu a:hover {
color:#4a344f;
text-decoration:none;

}

ul.footer-info  {
color:#4a344f;
float:left;
}

DIV.con_footer ul.footer-info li {
display: block;
}


	
/* =============================================================== */
/* ======================= FORMS ============================ */
/* =============================================================== */

                                                    
input,
textarea,
select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
input:hover,
textarea:hover,
select:hover	{
	background:#e9f2f4; 
}

input:focus,
textarea:focus,
select:focus	{ 
	background:#F3F8F8; 
}

select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}                                                     

	.wpcf7-text {
	border: 1px solid #999999; 
	width:200px;
	
	}


.wpcf7-file {

width:150px;

}

.wpcf7-submit {

background-image:url(images/button-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
width:116px;
height:29px;
border:none;
color:#333333;
font-weight:bold;
text-align:left;
padding-left:20px;
}

.wpcf7-submit:hover {

background-image:url(images/button-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
width:116px;
height:29px;
border:none;
color:#000000;
font-weight:bold;
text-align:left;
padding-left:22px;
cursor:pointer;

}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
	


.span-button {
height:29px;
width:116px;

}


.span-button a {

background-image:url(images/button-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
padding:8px 40px 10px 20px;
width:116px;
height:29px;
border:none;
color:#333333;
font-weight:bold;
text-align:left;
padding-left:20px;
font-size:12px;
}

.span-button a:hover {

background-image:url(images/button-bg.jpg);
background-position:top left;
background-repeat: no-repeat;
width:116px;
height:29px;
border:none;
color:#000000;
font-weight:bold;
text-align:left;
padding-left:22px;
cursor:pointer;
text-decoration:none;

}