@charset "shift_jis";

/*全体基本要素
----------------------------------------------*/
* { font-size:100%;}

html{ margin:0; padding:0;}

a:focus{-moz-outline-style: none;}

h1,h2,h3,h4,h5,p,div,ul,ol,dl,li,dt,dd,img,span,form { margin:0; padding:0;	border:none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
 
ol,ul,li{ list-style:none; } 

/* for-box-bug */
div:after {content:".";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}

div {display:inline-table;}

/* IE7用 */
div {display:inline-block;} 

/* not allowed to Mac IE \*/
* html div {height:1px;}

div {display:block;}
/* */
/* end for-box-bug */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
body {
	margin: 0px;
	padding: 0px;
	background-color: FAF2E0;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	text-align: center;
}

p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
	color: #333333;
}
#wrapper {
	width: 695px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
#cont {
	width: 695px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}

#cont .cont01 {
	background-repeat: no-repeat;
	height: 87px;
	width: 695px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-image: url(../images/contents_top.jpg);
	position: relative;
}

#cont .cont03 {
	background-image: url(../images/contents_bg.jpg);
	background-repeat: repeat-y;
	width: 695px;
}
#topcont .topcont_eng {
	background-image: url(../images/top_eng_cont01.jpg);
	background-repeat: no-repeat;
	height: 258px;
	width: 695px;
	margin: 0px;
	padding: 0px;
}
#copy {
	margin: 6px auto 0px;
	padding: 0px;
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 310px;
	text-align: center;
	text-indent: -9999px;
	display: block;
}
#copy a{
    height: 11px;
	width: 306px;
	display: block;	
}
#copy a:hover{
    height: 11px;
	width: 306px;
	display: block;	
}
#foot {
	background-image: url(../images/contents_foot.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 695px;
}
#foot .pagetop {
	background-image: url(../images/pagetop_off.gif);
	margin: 50px 0px 0px;
	padding: 0px 28px 0px 0px;
	height: 14px;
	width: 77px;
	float: right;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
#foot .pagetop a{
	display: block;
	height: 14px;
	width: 77px;
}
#foot .pagetop a:hover{
	background-image: url(../images/pagetop_on.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 77px;
	display: block;
}

/*全体基本リンク要素
----------------------------------------------*/
a:link {
	color : #333333;
	text-decoration:none;
}
a:visited { 
    color : #333333 ;
    text-decoration:none;
}
a:hover {
	color : #F75800;
	text-decoration:none;
}

/*イントロページ
----------------------------------------------*/
#topcont .top01 {
	background-image: url(../images/top01.jpg);
	background-repeat: no-repeat;
	height: 446px;
	width: 719px;
	margin: 0px;
	padding: 0px;
}
#topcont .top02 {
	background-image: url(../images/top02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 92px;
	width: 719px;
}

/*イントロメニュー基本要素
----------------------------------------------*/
ul#intronav {
	margin: 0px auto;
	padding: 0px;
	height: 21px;
	width: 201px;
	position: relative;
}
ul#intronav li {
	position:absolute;
	padding: 0px;
	display:block;
	text-indent:-9999px;
	margin: 0px;
	height: 21px;
	
}
ul#intronav li a{
	display:block;
	text-decoration:none;
	height: 21px;
}


/*トップメニュー基本要素
----------------------------------------------*/
ul#topnav {
	margin: 0px auto;
	padding: 27px 0px 0px;
	list-style:none;
	width: 640px;
	height: 27px;
	left: 0px;
}
#topcont .topcont01 {
	background-image: url(../images/top_cont01.jpg);
	background-repeat: no-repeat;
	height: 258px;
	width: 695px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#topcont .topcont02 {
	background-image: url(../images/top_cont02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 695px;
}
div #cont .cont03 h2.kume {
	background-image: url(../about/img/bar_about.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-indent: -9999px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

ul#topnav li {
	position:absolute;
	padding: 0px;
	display:block;
	text-indent:-9999px;
	margin: 0px;
	height: 27px;
	width: 640px;
}

ul#topnav li a{
	display:block;
	text-decoration:none;
	height: 27px;
}

/*トップメニューoff
----------------------------------------------*/
ul#topnav li#top_t {
	background-image: url(../images/btn_top_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 30px;
	height: 27px;
	margin: 0px;
	padding: 0px;
}

ul#topnav li#news_t{
	background-image: url(../images/btn_news_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 136px;
	height: 27px;
}

ul#topnav li#hilo_t{
	background-image: url(../images/btn_hilo_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 348px;
	height: 27px;
}
ul#topnav li#pro_t{
	background-image: url(../images/btn_product_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 241px;
	margin: 0px;
	padding: 0px;
	height: 27px;
}
ul#topnav li#blog_t{
	background-image: url(../images/btn_staff_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 455px;
	height: 27px;
}
ul#topnav li#link_t{
	background-image: url(../images/btn_link_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 562px;
	height: 27px;
}


/*トップメニューon
----------------------------------------------*/
ul#topnav li#top_t a:hover{
	background-image: url(../images/btn_top_on.gif);
	background-repeat: no-repeat;	
}

ul#topnav li#news_t a:hover{
	background-image: url(../images/btn_news_on.gif);
	background-repeat: no-repeat;	
}

ul#topnav li#hilo_t a:hover{
	background-image: url(../images/btn_hilo_on.gif);
	background-repeat: no-repeat;	
}
ul#topnav li#pro_t a:hover{
	background-image: url(../images/btn_product_on.gif);
	background-repeat: no-repeat;	
}
ul#topnav li#blog_t a:hover{
	background-image: url(../images/btn_staff_on.gif);
	background-repeat: no-repeat;	
}

ul#topnav li#link_t a:hover{
	background-image: url(../images/btn_link_on.gif);
	background-repeat: no-repeat;	
}


/*トップメニュー基本要素
----------------------------------------------*/
ul#contnav {
	padding: 27px 0px 0px;
	list-style:none;
	height: 27px;
	text-align: center;
	margin: 0px;
}

ul#contnav li {
	padding: 0px;
	display:block;
	text-indent:-9999px;
	margin: 0px;
	height: 27px;
	position: absolute;
}
ul#contnav li a{
	display:block;
	text-decoration:none;
	height: 27px;
	margin: 0px;
	padding: 0px;
}

/*コンテンツニューoff
----------------------------------------------*/
ul#contnav li#top_c {
	background-image: url(../images/btn_top_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 30px;
	height: 27px;
	margin: 0px;
	padding: 0px;
}

ul#contnav li#news_c{
	background-image: url(../images/btn_news_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 27px;
	left: 136px;
}

ul#contnav li#hilo_c{
	background-image: url(../images/btn_hilo_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 348px;
	height: 27px;
}
ul#contnav li#pro_c{
	background-image: url(../images/btn_product_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 241px;
	margin: 0px;
	padding: 0px;
	height: 27px;
}
ul#contnav li#blog_c{
	background-image: url(../images/btn_hawaii_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 455px;
	height: 27px;
}
ul#contnav li#link_c{
	background-image: url(../images/btn_link_c_off.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 562px;
	height: 27px;
}


/*コンテンツニューon
----------------------------------------------*/
ul#contnav li#top_c a:hover{
	background-image: url(../images/btn_top_c_on.gif);
	background-repeat: no-repeat;	
}

ul#contnav li#news_c a:hover{
	background-image: url(../images/btn_news_c_on.gif);
	background-repeat: no-repeat;	
}

ul#contnav li#hilo_c a:hover{
	background-image: url(../images/btn_hilo_c_on.gif);
	background-repeat: no-repeat;	
}
ul#contnav li#pro_c a:hover{
	background-image: url(../images/btn_product_c_on.gif);
	background-repeat: no-repeat;	
}
ul#contnav li#blog_c a:hover{
	background-image: url(../images/btn_hawaii_c_on.gif);
	background-repeat: no-repeat;	
}

ul#contnav li#link_c a:hover{
	background-image: url(../images/btn_link_c_on.gif);
	background-repeat: no-repeat;	
}

/*コンテンツメニューvisit
----------------------------------------------*/
ul#contnav li#news_v{
	background-image: url(../images/btn_news_c_on.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 136px;
	height: 27px;
}

ul#contnav li#hilo_v{
	background-image: url(../images/btn_hilo_c_on.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 348px;
	height: 27px;
}
ul#contnav li#pro_v{
	background-image: url(../images/btn_product_c_on.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 241px;
	margin: 0px;
	padding: 0px;
	height: 27px;
}
ul#contnav li#link_v{
	background-image: url(../images/btn_link_c_on.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 562px;
	height: 27px;
}
ul#contnav li#blog_v{
	background-image: url(../images/btn_hawaii_c_on.gif);
	background-repeat: no-repeat;
	width: 105px;
	left: 455px;
	height: 27px;
}


/*サブニュー(english)基本要素
----------------------------------------------*/
ul#subnav {
	margin: 0px 0px 3px;
	padding: 0px 15px 0px 0px;
	height: 12px;
	width: 186px;
}
ul#subnav li {
	position:absolute;
	padding: 0px;
	display:block;
	text-indent:-9999px;
	margin: 0px;
	height: 12px;
	
}
ul#subnav li a{
	display:block;
	text-decoration:none;
	height: 12px;
}

/*サブメニュー(english)off
----------------------------------------------*/
ul#subnav li#about {
	background-image: url(../images/btn_about_off.gif);
	background-repeat: no-repeat;
	width: 64px;
	left: 485px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
ul#subnav li#contact {
	background-image: url(../images/btn_contact_off.gif);
	background-repeat: no-repeat;
	width: 65px;
	left: 551px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
ul#subnav li#english {
	background-image: url(../images/btn_english_off.gif);
	background-repeat: no-repeat;
	width: 57px;
	left: 618px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
/*サブメニュー(english)on
----------------------------------------------*/
ul#subnav li#about a:hover{
	background-image: url(../images/btn_about_on.gif);
	background-repeat: no-repeat;	
}
ul#subnav li#contact a:hover{
	background-image: url(../images/btn_contact_on.gif);
	background-repeat: no-repeat;
}
ul#subnav li#english a:hover{
	background-image: url(../images/btn_english_on.gif);
	background-repeat: no-repeat;	
}

/*サブニュー(japanese)基本要素
----------------------------------------------*/
ul#subnav_j {
	margin: 0px 0px 3px;
	padding: 0px 15px 0px 0px;
	height: 12px;
	width: 200px;
	float: right;
}
ul#subnav_j li {
	position:absolute;
	padding: 0px;
	display:block;
	text-indent:-9999px;
	margin: 0px;
	height: 12px;
	
}
ul#subnav_j li a{
	display:block;
	text-decoration:none;
	height: 12px;
}

/*サブメニュー(japanese)off
----------------------------------------------*/
ul#subnav_j li#about {
	background-image: url(../images/btn_about_off.gif);
	background-repeat: no-repeat;
	width: 64px;
	left: 476px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
ul#subnav_j li#contact {
	background-image: url(../images/btn_contact_off.gif);
	background-repeat: no-repeat;
	width: 65px;
	left: 543px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
div #cont #productcont ul {
	width: 520px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
div #cont #productcont ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 16px 20px 0px;
	float: left;
}
ul#subnav_j li#japanese {
	background-image: url(../images/btn_japanese_off.gif);
	background-repeat: no-repeat;
	width: 71px;
	left: 610px;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
/*サブメニュー(japanese)on
----------------------------------------------*/
ul#subnav_j li#about a:hover{
	background-image: url(../images/btn_about_on.gif);
	background-repeat: no-repeat;	
}
ul#subnav_j li#contact a:hover{
	background-image: url(../images/btn_contact_on.gif);
	background-repeat: no-repeat;
}
ul#subnav_j li#japanese a:hover{
	background-image: url(../images/btn_japanese_on.gif);
	background-repeat: no-repeat;	
}


/*サブメニューoff
----------------------------------------------*/
ul#intronav li#japan {
	background-image: url(../images/btn_japan_off.gif);
	background-repeat: no-repeat;
	width: 111px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	left: 0px;
}
ul#intronav li#eng {
	background-image: url(../images/btn_eng_off.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	left: 111px;
}

/*サブメニューon
----------------------------------------------*/
ul#intronav li#japan a:hover{
	background-image: url(../images/btn_japan_on.gif);
	background-repeat: no-repeat;	
}

ul#intronav li#eng a:hover{
	background-image: url(../images/btn_eng_on.gif);
	background-repeat: no-repeat;	
}


/*プロフィールエリア
----------------------------------------------*/
#kumebox {
	margin: 10px auto 0px;
	padding: 0px;
	width: 502px;
	text-align: center;
}
#kumeprofilebox {
	width: 502px;
	margin: 0px;
	padding: 0px;

}


#kumebox .hilophoto {
	height: 125px;
	width: 114px;
	background-image: url(../hilokume/img/hilokume.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
}
#kumebox .hilotxt {
	margin: 0px;
	padding: 10px 0px 0px;
	float: right;
	width: 360px;
}
#kumebox .hilotxt p {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
#kumebox .hilotxt .name {
	font-weight: bold;
	color: #793B1F;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
#kumebox .profilebox {
	width: 492px;
	text-align: left;
	margin: 20px 0px 0px;
	padding: 20px 0px 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D7CAC5;
}
#kumebox .profilebox li {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px 0px 0px 1em;
	line-height: 1.8em;
	text-indent: -1em;
	color: #666666;
}
.comng {
	font-size: 1.7em;
	color: #8C5C34;
	text-align: center;
	padding-top: 110px;
	padding-bottom: 150px;
}

/*会社概要テーブル
----------------------------------------------*/
table {
	width: 502px;
	border-collapse:separate;
	border-spacing:0;
	border-top: 1px solid #DED8CA;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 0px;
}
th {
	border-right: 1px solid #DED8CA;
	border-bottom: 1px solid #DED8CA;
	width: 100px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DED8CA;
	padding: 10px;
	background-color: #FAEDDF;
}
#aboutlist {
	margin: 0px;
	padding: 0px;
}
#aboutlist li {
	margin: 0px;
	padding: 0px 0px 4px 1em;
	text-indent: -1em;
}
td {
	border-right: 1px solid #DED8CA;
	border-bottom: 1px solid #DED8CA;
	width: 402px;
	padding: 10px;
}

/*info
----------------------------------------------*/
div #cont .cont03 h2.info {
	background-image: url(../info/img/bar_info.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*product
----------------------------------------------*/
#productcont {
	background-image: url(../images/contents_bg.jpg);
	background-repeat: repeat-y;
	width: 695px;
}
div #cont #productcont h2.product {
	background-image: url(../product/img/bar_product.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}

div #cont #productcont h3.bag {
	background-image: url(../product/img/bar_bag.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 503px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-top: 18px;
}
div #cont #productcont h3.mat {
	background-image: url(../product/img/bar_mat.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 503px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-bottom: 0px;
}
/*about
----------------------------------------------*/
div #cont .cont03 h2.about {
	background-image: url(../about/img/bar_about.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-indent: -9999px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/*link
----------------------------------------------*/
div #cont .cont03 h2.link {
	background-image: url(../link/img/bar_link.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-indent: -9999px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/*news
----------------------------------------------*/
div #cont .cont03 h2.news {
	background-image: url(../news/img/bar_news.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 550px;
	text-indent: -9999px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
div #cont #productcont h3.bag_eng {
	background-image: url(../product/img/bar_tote_eng.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 503px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-top: 18px;
}
div #cont #productcont h3.mat_eng {
	background-image: url(../product/img/bar_mat_eng.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 503px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-bottom: 0px;
}
#kumebox .hilotxt .web {
	font-weight: bold;
	color: #990000;
	margin: 0px;
	padding: 0px;
}