@charset "UTF-8";
/*////////////////////////
//  COMMON
////////////////////////*/
/* Clera Fix */
.section:after,
#footer div#footnavi:after,
#footer div#footnavi ul:after,
.dealer_box:after, 
#concept_index_main:after, 
.concept_main:after, 
#slideshow:after, 
#concept_menu:after, 
#mainbox:after, 
.clearfix:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.section,
#footer div#footnavi ul,
#footer div#footnavi,
.dealer_box,
#concept_index_main,
.concept_main,
#slideshow, 
#concept_menu, 
#mainbox, 
.clearfix {/*for IE 5.5-7*/
	zoom:1;
}
/* LAYOUT */
#container {
	width: 810px;
	margin: 40px auto 0;
	padding: 0;
}
#header {
	width: 810px;
	margin: 0 auto 80px;
	font-family: arial, helvetica, clean, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#mainbox {
	width: 810px;
	margin: 0 0 50px;
}
/* GLOBAL NAVI */
#header h1, #header p.sitename {
	width: 113px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#header #globalnavi {
	padding: 3px 80px 0 190px;
	background: url(../img/head_bg.gif) repeat-x 113px 3px;
	width: auto;
	height: 30px;
	border-top: 1px solid #600042;
}
#header #globalnavi ul {
	list-style: none;
	margin: 0;
	padding: 0 2px 0;
	display: block;
	height: 20px;
	width: 450px;
	background-color: #FFF;
}
#globalnavi ul li {
	display: block;
	list-style: none;
	float: left;
	width: 90px;
	height: 29px;
	background-color: #FFFFFF;
}
#globalnavi ul li a#gnavi_top {
	background: url(../img/gnavi_top_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li a#gnavi_concept {
	background: url(../img/gnavi_concept_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li a#gnavi_item {
	background: url(../img/gnavi_item_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li a#gnavi_shop {
	background: url(../img/gnavi_shop_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li a#gnavi_dealer {
	background: url(../img/gnavi_dealer_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li a#gnavi_contact {
	background: url(../img/gnavi_contact_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 20px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_top {
	background: url(../img/gnavi_top_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_concept {
	background: url(../img/gnavi_concept_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_item {
	background: url(../img/gnavi_item_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_shop {
	background: url(../img/gnavi_shop_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_dealer {
	background: url(../img/gnavi_dealer_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#globalnavi ul li.current a#gnavi_contact {
	background: url(../img/gnavi_contact_current.gif) no-repeat 0 0;
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
}
#header #globalnavi ul li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	height: 29px;
}
#header #globalnavi ul li.current a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	height: 29px;
}


#footer {
	padding: 20px 0;
	clear: both;
}

#footer div#footnavi {
	border-top: 1px solid #CFB4C7;
	border-bottom: 1px solid #CFB4C7;
	padding: 5px 0;
}
#footer div#footnavi ul {
	list-style: none;
	margin: 0 5px;
	padding: 0;
	border-left: 1px solid #CFB4c7;
}

#footer div#footnavi li {
	list-style: none;
	margin: 0;
	padding: 0 5px;
	float: left;
	border-right: 1px solid #CFB4c7;
}
#footer div#footnavi li.icon{
	border-right: none;
	padding: 0 0 0 5px;
}
#footer div#footnavi li.samavsm {
	border-right: none;
	float: right;
}

#footer div#footnavi li.icon a {
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
}

#footer div#footnavi li.icon.rss a {
	background: url(../img/footer/icon_rss.gif) no-repeat left top;
}
#footer div#footnavi li.icon.twitter a {
	background: url(../img/footer/icon_twitter.gif) no-repeat left top;
}
#footer div#footnavi li.icon.facebook a {
	background: url(../img/footer/icon_facebook.gif) no-repeat left top;
}

#footer div#footnavi li.samavsm a {
	display: block;
	text-indent: -9999px;
	width: 65px;
	height: 18px;
	background: url(../img/footer/foot_logo.gif) no-repeat left top;
}

#footer div#footnavi li a {
	text-decoration: none;
	color: #660141;
	font-size: 12px;
}

#footer address {
	display: block;
	font-style: normal;
	color: #660141;
	float: right;
	font-size: 10px;
	padding: 5px;
}


/*////////////////////////
//  LINK
////////////////////////*/
a.btn {
	display: block;
	background-color: #000;
	width: auto;
	text-align: center;
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
a.btn:hover {
	text-decoration: underline;
}
#concept_index_main a.btn {
	float: left;
	width: 150px;
}
.item_main a.btn {
/*	float: right;
	width: 100px;
	margin-top: 20px; */
	display: none;
	width: 1px;
	height: 1px;
}
/*////////////////////////
//  FONT
////////////////////////*/
h1, h2, h3, h4, h5, h6, p, li {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 108%;
	line-height: 130%;
}
h2 {
	font-size: 100%;
	line-height: 130%;
}
h3 {
	font-size: 93%;
	line-height: 130%;
}
h4 {
	font-size: 93%;
	line-height: 130%;
}
p {
	font-size: 93%;
	line-height: 150%;
}
ul {
}
li {
	font-size: 93%;
	line-height: 130%;
	padding: 0;
}
/*////////////////////////
//  INDEX.HTML 
////////////////////////*/
#topsymbol {
	left: 50%;
	top: 50%;
	position: absolute;
	width: 116px;
	height: 171px;
	margin-left: -58px;
	margin-top: -85px;
}
/*////////////////////////
//  TOP.HTML 
////////////////////////*/
#mainimage {
	margin: 0 auto;
	padding: 0;
}
/*////////////////////////
//  CONCEPT.HTML 
////////////////////////*/
#concept_menu {
	width:263px;
	float: left;
}
#concept_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:260px;
}
#concept_menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	width: 85px;
	height: 85px;
	float: left;
}
#concept_menu ul li a {
	text-indent: -9999px;
	display: block;
	width: 75px;
	height: 75px;
}
#concept_menu ul li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}
#concept_menu ul li a:active {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.60;
}
#concept_menu ul li a.concept01 {
	background: url(../img/concept/con_menu_01.jpg) no-repeat left top;
}
#concept_menu ul li a.concept02 {
	background: url(../img/concept/con_menu_02.jpg) no-repeat left top;
}
#concept_menu ul li a.concept03 {
	background: url(../img/concept/con_menu_03.jpg) no-repeat left top;
}
#concept_menu ul li a.concept04 {
	background: url(../img/concept/con_menu_04.jpg) no-repeat left top;
}
#concept_menu ul li a.concept05 {
	background: url(../img/concept/con_menu_05.jpg) no-repeat left top;
}
#concept_menu ul li a.concept00 {
	background: url(../img/concept/con_menu_00.jpg) no-repeat left top;
}
#concept_index_main {
	width: 405px;
	float: right;
}
#concept_index_main h2 {
	margin: 0 0 0.2em;
}
#concept_index_main p {
	margin: 0 0 1.5em;
}
#concept_slideshow {
	width: 391px;
	margin: 0;
	float: left;
}
.concept_main {
	width: 540px;
	float: right;
}
.concept_main h1 {
	font-size: 123.1%;
	margin: 0 0 0.7em;
}
.concept_main h2 {
	font-size: 100%;
	margin: 0 0 1.7em;
}
.concept_main p {
	font-size: 93%;
	margin: 0 0 0.5em;
}
.concept_main#samavsm {
	background: url(../img/concept/con_01_title.jpg) no-repeat left top;
	padding: 0 0 0 90px;
	width: 450px;
	min-height: 85px;
}
.concept_main#samavsm .inner {
	background: url(../img/concept/con_01_image1.jpg) no-repeat right top;
	width: 275px;
	padding: 0 175px 0 0;
}
.concept_main#hemp {
	background: url(../img/concept/con_02_title.jpg) no-repeat left top;
	padding: 0 0 0 90px;
	width: 450px;
	min-height: 85px;
}
.concept_main#hemp .inner {
	background: none;
	width: 275px;
	padding: 0 175px 0 0;
}
.concept_main#naturalfiber {
	background: url(../img/concept/con_03_title.jpg) no-repeat left top;
	padding: 0 0 0 90px;
	width: 450px;
	min-height: 85px;
}
.concept_main#naturalfiber .inner {
	background: none;
	width: 275px;
	padding: 0 175px 0 0;
}
.concept_main#cloth {
	background: url(../img/concept/con_04_title.jpg) no-repeat left top;
	padding: 0 0 0 90px;
	width: 450px;
	min-height: 85px;
}
.concept_main#cloth .inner {
	background: url(../img/concept/con_04_image1.jpg) no-repeat right top;
	width: 275px;
	padding: 0 175px 0 0;
}
.concept_main#design {
	background: url(../img/concept/con_05_title.jpg) no-repeat left top;
	padding: 0 0 0 90px;
	width: 450px;
	min-height: 85px;
}
.concept_main#design .inner {
	background: url(../img/concept/con_05_image1.jpg) no-repeat right top;
	width: 275px;
	padding: 0 175px 0 0;
}
/*////////////////////////
//  CONCEPT.HTML 
////////////////////////*/
#item_menu {
	width:260px;
	float: left;
}
#item_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:260px;
}
#item_menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	width: 85px;
	height: 85px;
	float: left;
}
#item_menu ul li a {
	text-indent: -9999px;
	display: block;
	width: 77px;
	height: 77px;
}
#item_menu ul li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}
#item_menu ul li a:active {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.60;
}
#item_menu ul li a.item01 {
	background: url(../img/item/item_menu_01.jpg) no-repeat left top;
}
#item_menu ul li a.item02 {
	background: url(../img/item/item_menu_02.jpg) no-repeat left top;
}
#item_menu ul li a.item03 {
	background: url(../img/item/item_menu_03.jpg) no-repeat left top;
}
#item_menu ul li a.item04 {
	background: url(../img/item/item_menu_04.jpg) no-repeat left top;
}
#item_menu ul li a.item05 {
	background: url(../img/item/item_menu_05.jpg) no-repeat left top;
}
#item_menu ul li a.item06 {
	background: url(../img/item/item_menu_06.jpg) no-repeat left top;
}
#item_menu ul li a.item07 {
	background: url(../img/item/item_menu_07.jpg) no-repeat left top;
}
#item_menu ul li a.item08 {
	background: url(../img/item/item_menu_08.jpg) no-repeat left top;
}
#item_menu ul li a.item09 {
	background: url(../img/item/item_menu_09.jpg) no-repeat left top;
}
#item_menu ul li a.item10 {
	background: url(../img/item/item_menu_10.jpg) no-repeat left top;
}
.item_main {
	width: 545px;
	float: right;
	text-align: right;
}
.item_main .itemimage {
	display: block;
	margin: 0 0 10px 0;
	float: right;
	max-width: 365px;
}
.item_main .inner {
	float: right;
	width: 165px;
	padding-left: 15px;
	text-align: left;
}
.item_main h1 {
	font-size: 123.1%;
	margin: 0 0 0.7em;
}
.item_main h2 {
	font-size: 93%;
	margin: 0 0 1.7em;
}
.item_main p {
	font-size: 93%;
	margin: 0 0 0.5em;
}
/*////////////////////////
//  CONTACT.HTML 
////////////////////////*/
#contact_main h1 {
	font-size: 123.1%;
	margin: 0 0 0.7em;
}
#contact_main p, #contact_main div.message {
	font-size: 93%;
	margin: 0 0 0.5em;
}
#fc2form {
	margin: 0 0 20px 0;
}
#fc2form div.title {
	width: 200px;
	float: left;
	clear: left;
	margin: 0 0 10px;
	padding-right: 15px;
	text-align: right;
}
#fc2form div.comment {
	padding: 0 0 0 215px;
	margin: 0 0 10px;
}
#fc2form div.comment div.comment {
	padding: 0;
	margin: 0 0 10px;
	clear: both;
}
#fc2form .submit {
	padding: 0 0 0 215px;
	margin: 0;
}
#fc2form div.comment div.comment input, #fc2form div.comment input {
	width: 300px;
}
#fc2form div.comment textarea {
	width: 400px;
}
#fc2form .submit input {
	display: block;
	background-color: #000;
	width: 100px;
	text-align: center;
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 93%;
	border: none;
}
#fc2form .submit input:hover {
	text-decoration: underline;
}
#fc2form div.comment div input {
	width: auto;
}
#fc2form .bottomarea {
	margin: 0 0 30px;
	clear: both;
}
/*////////////////////////
//  /DEALER/ 
////////////////////////*/
.dealer_box {
	clear: both;
	margin: 0 0 40px;
}
.dealer_photo {
	width: 280px;
	margin: 0;
	float: left;
}
.dealer_main {
	width: 515px;
	float: right;
}
.dealer_main h2 {
	margin: 0 0 0.2em;
}
.dealer_main p {
	margin: 0 0 1.5em;
}
.dealer_box table {
}
.dealer_box table tr th {
	font-size: 93%;
}
.dealer_box table tr td {
	font-size: 93%;
}
.dealer_box table th, .dealer_box table td {
	border: 1px solid #999;
	padding: .5em;
}

/*////////////////////////
//  SITEMAP
////////////////////////*/

#sitemap ul li ul {
	margin-top: 0;
}


/*////////////////////////
//  COMPANY INFO
////////////////////////*/
#companyinfo h1 {
	margin: 0 0 1.5em;
}

#companyinfo h2 {
	background-color: #E5E5E5;
	padding: 5px 5px;
	margin: 0 0 0.5em;
}

#companyinfo h3 {
	background-color: #E5E5E5;
	padding: 3px 5px;
	margin: 0 0 0.5em;
	clear: both; 
}
#companyinfo h4 {
	margin: 0 0 0 20px;
}
#companyinfo dl,
#companyinfo p{
	margin: 0 0 1.5em 20px;
}

#companyinfo dl dt {
	float: left;
	width: 3em;
}

#companyinfo dl dd {
	padding: 0 0 1em 3em;
}

#companyinfo div.section {
	clear: both;
	margin: 0 0 20px;		
}