@charset "utf-8";
/* formatting style
------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #555555;
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
}

body.index_top{
	background:#FFFFFF url('../imgs/index_homebg.jpg') repeat;
}
body.profile{
	background:#FFFFFF url('../imgs/tk_body.jpg') no-repeat 50% 0;
}

hr {
	display: none;
}


/* link styles
------------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #a13c3c;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: 1px;
	top: 1px;
}
/* basic layout
------------------------------*/
#wrapper {
	background-color: #ffffff;
	width: 900px;
	margin: 0 auto;
}

#header {
	width: 900px;
	height:460px;
	margin: 0px auto;
}

#main {
	background-color: #fff;
	width: 900px;
	margin: 0px auto;
}

#breadcrumbs {
	background-color: #fffff;
	width: 900px;
	margin: 5px 0px 0px 0px;
	border: 1px solid #f5f5f5;
}


#contents {
	width: 650px;
	float: right;
	padding: 0px 0px 30px 0px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-color: #ffffff;
}


#sidebar {
	padding: 0px;
	float: left;
	width: 230x;
	margin-top: 17px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 1px dotted #CCCCCC;
}


#footer {
	padding: 15px;
	height: 200px;
	clear: both;
	color: #FFFFFF;
	background-color: #f5f5f5;
	border-top: 1px solid #808000;
}

/* header styles
------------------------------*/
h1 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
#header #logo {
	width: 600px;
	padding: 5px 5px 5px 5px; 
	margin: 5px 0px 5px 0px;
}

#header #info {
	padding: 0px 0px 0px 0px; 
	margin: 20px 20px 0px 0px;
	float: right;
}

#header p {
	padding: 0px;
	float: right;
	margin-top: 20px 0px 0px 0px;
}

#header ul {
	width: 735px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

#header ul li {
	height: 30px;
	list-style: none;
	float: left;
	background: #fff;
	margin: 10px 0px 0px 0px;
}

#header ul li a {
	list-style: none;
}

#header ul li a:hover {
	background: url('../imgs/space.gif') repeat ;
}




/* header owari
------------------------------*/


/* header2 styles top_news
------------------------------*/
#header2 {
	background-image: url(../imgs/index_kami2nd.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height:443px;
	margin: 0px auto;
}

#header2 h1 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#header2 #header #logo {
	width: 600px;
	padding: 5px 5px 0px 5px; 
	margin: 0px 0px 0px 0px;
}

#header2 #info {
	padding: 0px 0px 0px 0px; 
	margin: 20px 20px 0px 0px;
	float: right;
}

#header2 p {
	padding: 0px;
	float: right;
	margin-top: 20px 0px 0px 0px;
}



#index_mainArea {
	width: 898px;
}

#index_mainArea ul {
	width: 750px;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	left: 0px;
	background-color: #ffffff;
}

#index_mainArea ul li {
	height: 40px;
	margin-top: 20px;
	list-style: none;
	float: left;
	background: #fff;
}
#index_mainArea ul li a {
	list-style: none;
}

#index_mainAreaNew{ 
	width: 530px;
	float: left;
	line-height: 1.5;
	margin: 0px 0px 20px 0px;
	background-color: #fff;
	}

#index_mainAreaNew ul {
	width: 530px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#index_mainAreaNew ul li {
	margin-top: 5px;
	list-style: none;
	border-bottom: 1px dotted  #555;
}

#index_mainAreaNew ul li a {
	list-style: none;
}

#index_mainAreaNew p {
	border-bottom: 1px dotted  #555;
}



#index_mainAreaBanner { 
	width: 280px;
	margin: 0px 20px 15px 0px;
	float: right;
	}

#index_mainAreaBanner p {
	border: none;
}





/* header2 owari
------------------------------*/


/* header_catalog
------------------------------*/
#header_catalog {
	width: 900px;
	height:170px;
	margin: 0px auto;
}

#header_catalog h1 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#header_catalog #logo {
	width: 600px;
	padding: 5px 5px 60px 5px; 
	margin: 0px 0px 0px 0px;
}

#header_catalog ul {
	width: 735px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	
}

#header_catalog ul li {
	height: 30px;
	list-style: none;
	float: left;
	background: #fff;
	margin: 10px 0px 0px 0px;
}

#header_catalog ul li a {
	list-style: none;
}

/* header_catalog
------------------------------*/


#home #header #nHome a,
#news #header #nNews a,
#product #header #nProduct a,
#mino #header #nMino a,
#profile #header #nProfile a{
color: #fffff;
background: #fff;
}

#home #header{
	background-image: url(../imgs/title_top.jpg);
}
#profile #header{
	background-image: url(../imgs/title_profile.jpg);
}






/* main styles
------------------------------*/

#contents h1 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 150%;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../imgs/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 15px 5px 15px;
}

#contents h2 { 
	width: 550px;
	height: 30px;
	float: left;
	margin: 20px 0px 20px 40px;
	padding: 5px 0px 0px 15px;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
	border-left: 1px solid #333333;
	color: #333333;
	background-image: url(../imgs/bullet3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contents h3 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../imgs/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 15px 5px 15px;
}

#main p {
	line-height: 1.8;
	margin-bottom: 1em;
	padding: 0px 0px 0px 0px;
}

#main dl {
	line-height: 1.8;
	margin-bottom: 1em;
	padding: 0px 0px 0px 0px;
}

#main dl dt {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}

#main dl dd {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 30px;
}

/* breadcrumbs	
------------------------------*/
ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	
	}		
#breadcrumbs {
	height:2.7em;
	border:1px solid #c9c9c9;
	}
#breadcrumbs li {
	float:left;
	line-height:2.7em;
	color:#777;
	padding-left:.85em;
	}		
#breadcrumbs li a {
	background: url(../imgs/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#breadcrumbs li a:link,
#breadcrumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#breadcrumbs li a:hover,
#breadcrumbs li a:focus {
	color:#222
	}


/* uXg
------------------------------*/
#contents dl#mainKouzadl dt {
	font-weight: bold;
	margin: 0px 15px 5px 20px;
	padding: 5px 15px 5px 20px;
	background: #f5f5f5;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
}

#contents dl#mainKouzadl dd {
	background-image: url(../imgs/space.gif);
	padding: 15px 15px 15px 15px;
	margin: 0px 15px 20px 40px;
	background: #ffffff;
}

/*  table
----------------------------*/

#main table {
	margin-bottom: 30px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-collapse:collapse;
}
#main table th {
	text-align: right;
	padding: 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:top;
}
#main table td {
	padding: 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:top;
}
#main table tr.ood {
	background-color: #efefef;
}




/* CrWA
------------------------------*/

#mainVisual{
	height:110px;
	text-indent:-9999px;
}

#mainVisual.mino_process{background:scroll url(../imgs/t_m_process.jpg) left top no-repeat;}
.mino_history{background:scroll url(../imgs/t_m_history.jpg) left top no-repeat;}
.mino_season{background:scroll url(../imgs/t_m_season.jpg) left top no-repeat;}
.mino_washi{background:scroll url(../imgs/t_m_washi.jpg) left top no-repeat;}
.mino_goods{background:scroll url(../imgs/t_m_goods.jpg) left top no-repeat;}
.mino_seeing{background:scroll url(../imgs/t_m_seeing.jpg) left top no-repeat;}
.mino_map{background:scroll url(../imgs/t_m_map.jpg) left top no-repeat;}
.mino_materual{background:scroll url(../imgs/t_m_material.jpg) left top no-repeat;}
.mino_tesuki{background:scroll url(../imgs/t_m_tesuki.jpg) left top no-repeat;}
.mino_chigai{background:scroll url(../imgs/t_m_chigai.jpg) left top no-repeat;}
.mino_index{background:scroll url(../imgs/t_m_index.jpg) left top no-repeat;}
.prof_rinen{background:scroll url(../imgs/t_p_rinen.jpg) left top no-repeat;}
.prof_history{background:scroll url(../imgs/t_p_history.jpg) left top no-repeat;}
.prof_current{background:scroll url(../imgs/t_p_current.jpg) left top no-repeat;}
.prof_prof{background:scroll url(../imgs/t_p_profile.jpg) left top no-repeat;}
.prof_recurit{background:scroll url(../imgs/t_p_recurit.jpg) left top no-repeat;}
.product{background:scroll url(../imgs/title_product.jpg) left top no-repeat;}
.priv{background:scroll url(../imgs/title_priv.jpg) left top no-repeat;}


#mainVisual{
	line-height: 1.8;
	margin-bottom: 1em;
	padding: 4px 15px 4px 45px;
}

#mainLink dl dt a {
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#mainLink dl  dt  a:hover {
	border: 1px solid #000000;
}

#mainLink dl dt {
	clear: both;
}
#mainLink dl dd {
	margin-bottom: 10px;
}


/* sidebar styles
------------------------------*/


#sidebar h4 {
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

#sidebar dl dt a {
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#sidebar  dl  dt  a:hover {
	border: 1px solid #000000;
}

#sidebar dl dt {
	clear: both;
}
#sidebar dl dd {
	margin-bottom: 10px;
}
#sidebar ul {
	padding: 4px 0px 4px 5px;
}

#sidebar ul li {
	padding: 8px 0px 6px 5px;
	margin-top: 3px;
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}


#sidebar ul li a {
	background-image: url(../imgs/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 190px;
	padding-left: 20px;
}

#sidebar ul li a:hover {
	background-image: url(../imgs/arrow_hover.png);
}

#product_top #sidebar #Nproduct a,
#product_hibino #sidebar #Nproduct_hibino a,
#product_saint #sidebar #Nproduct_saint a,
#product_kamigami #sidebar #Nproduct_kamigami a,
#product_walife #sidebar #Nproduct_walife a,
#product_kacho #sidebar #Nproduct_kacho a,
#product_saisai #sidebar #Nproduct_saisai a,
#product_shodo #sidebar #Nproduct_shodo a,
#product_gakuno #sidebar #Nproduct_gakuno a,
#mino_top #sidebar #Nmino_top a,
#mino_hist04 #sidebar #Nmino_hist04 a,
#mino_top #sidebar #Nmino_top a,
#mino_hist01 #sidebar #Nmino_hist01 a,
#mino_hist02 #sidebar #Nmino_hist02 a,
#mino_hist03 #sidebar #Nmino_hist03 a,
#mino_hist04 #sidebar #Nmino_hist04 a,
#mino_about #sidebar #Nmino_about a,
#mino_season #sidebar #Nmino_season a,
#mino_spring #sidebar #Nmino_spring a,
#mino_summer #sidebar #Nmino_summer a,
#mino_fw #sidebar #Nmino_fw a,
#mino_spot #sidebar #Nmino_spot a,
#mino_map #sidebar #Nmino_map a,
#mino_material #sidebar #Nmino_material a,
#mino_process #sidebar #Nmino_process a,
#mino_tesuki #sidebar #Nmino_tesuki a,
#mino_washi #sidebar #Nmino_washi a,
#mino_goods #sidebar #Nmino_goods a,
#profile_about #sidebar #Nprofile_about a,
#profile_recruit #sidebar #Nprofile_recruit a,
#profile_overview #sidebar #Nprofile_overview a,
#profile_hist #sidebar #Nprofile_hist a,
#profile_top #sidebar #Nprofile_top a,
#profile_contact #sidebar #Nprofile_contact a,
#profile_privacy #sidebar #Nprofile_privacy a,
#news #sidebar #Nnews a {
	background-image: url(../imgs/arrow_hover.png);
	font-weight: bold;
	color: #000000;
}





/* footer styles
------------------------------*/
#footer ul li a {
	color: #000000;
}
#footer ul li a:hover {
	color: #000000;
	text-decoration: none;
}
#footer p a {
	color: #000000;
}
#footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li {
	display: inline;
	list-style: none;
	margin-right: 15px;
}
#footer p {
	margin: 0px;
	float: right;
	width: 150px;
}

#footer div#footer_main {
	width: 900px;
	color: #000000;
	margin: 0px auto;
	padding: 10px 0px 0px;
}



/* faq
------------------------------*/
#contents dl#faqList dt {
	font-weight: bold;
	background-image: url(../imgs/faq_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 15px 5px 20px;
	padding: 5px 15px 5px 20px;
}

#contents dl#faqList dd {
	background-image: url(../imgs/faq_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 15px 5px 20px;
	margin: 0px 15px 20px 40px;
	border-bottom: 1px dotted black;
}

/* mino
------------------------------*/
#main div#mino dt {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 15px 5px 20px;
	padding: 0px 0px 0px 0px;
	clear: left;
	float: left;
}

#main div#mino dd {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}






/* mino_season
------------------------------*/
.season_summery{ 
	width: 615px;
	float: left;
	line-height: 1.8;
	margin: 0px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	}

.season_title{ 
	width: 580px;
	height: 30px;
	float: left;
	margin: 20px 0px 20px 40px;
	padding: 5px 0px 0px 15px;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
	border-left: 1px solid #333333;
	color: #333333;
	background-image: url(../imgs/bullet3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

.season_text{ 
	width: 330px;
	float: left;
	line-height: 1.8;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	}

.season_text_l{ 
	width: 535px;
	float: left;
	line-height: 1.8;
	margin: 0px 0px 10px 55px;
	padding: 0px 0px 0px 5px;
	}

.season_photo_l{
	width: 555px;
	float: left;
	margin: 0px 0px 10px 55px;
	padding: 0px 0px 0px 0px;
	}

.season_photo{
	width: 200px;
	float: right;
	margin: 0px 30px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

.season_footer{
	width: 580px;
	height: 30px;
	overflow: auto;
}

.season_left_photo{
	width: 200px;
	float: left;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	}

.season_left_text{
	width: 330px;
	line-height: 1.8;
	float: right;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.season_text_p{ 
	width: 535px;
	background:#FFFFFF url('../imgs/bg_kami.gif') no-repeat 50% 0;
	float: left;
	line-height: 1.8;
	margin: 0px 0px 10px 55px;
	padding: 0px 0px 0px 5px;
	}

.season_text_p_plane { 
	width: 535px;
	float: left;
	line-height: 1.8;
	margin: 0px 0px 10px 55px;
	padding: 0px 0px 0px 5px;
	}


/* product
------------------------------*/
#main .logo{
	width: 280px;
	height: 60px;
	float: left;
	margin: 20px 0px 20px 25px;
	}


#main .cap{
	width: 280px;
	height: 45px;
	float: left;
	margin: 20px 0px 20px 25px;
	}

#main .capT{
	width: 267px;
	height:320px;
	float: left;
	line-height: 1.8;
	margin: 20px 0px 20px 25px;
	padding: 0px 0px 0px 0px;
	}

#main .photo{
	width: 340px;
	float: left;
	line-height: 2.0
	margin: 20px 0px 0px 0px;
	padding: 0px;
	}

#main .capL{
	width: 630px;
	margin: 0 auto; 
	line-height: 1.8;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 0px 0px;
	}

#main .capS{
	width: 350px;
	line-height: 2.0
	margin: 0px 0px 20px 0px;
	padding: 0p;
	float: left;
	}

#main .capS_r{
	width: 260px;
	line-height: 2.0
	margin: 0px 0px 20px 0px;
	padding: 15px;
	float: right;
	background-color: #e5e5e5;
	}

#main .footer{ 
	clear: both;
	height: 5px;
}


#main div.pro {
	float: left;
	width: 200px;
	margin: 10px 14px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#main .proTitle {
	font-weight: bold;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
}

#main div.pro p {
	margin: 0px 0px 0px 0px;
}




/* contents_link
------------------------------*/

.contentsLink {
	margin: 20px 0px 0px 0px;
	float: right;
	text-align: center;
}
.contentsLink li {
	display: inline;
}
.contentsLink li strong {
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px 7px 4px 7px;
	background: #EEE;
	border: 1px #CCC solid;
}
.contentsLink li a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px 7px 4px 7px;
	border: 1px #CCC solid;
}
.contentsLink li a:hover {
	border: 1px solid #2D88B3;
	background: #2D88B3;
	padding: 4px 7px 4px 7px;
	color: #FFF;
}



/* works
------------------------------*/
#main div.wk {
	float: left;
	width: 190px;
	margin: 0px 0px 20px 5px;
	padding: 0px 0px 0px 15px;
}

#main div.wk h5 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

#main div.wk p {
	margin: 0px 0px 0px 0px;
}

#main div.wk h5 a {
	font-size: 12px;
	display: block;
	padding-left: 0px;
}

#main div.wk h5 a:hover {
	font-size: 12px;
	display: block;
	padding-left: 0px;
	background-color: #f5f5f5;
}



/* form
------------------------------*/
#main form {
	margin-bottom: 25px;
}
#main input[type="text"], #main textarea {
	padding: 2px;
	border: 1px solid #999999;
}
#main form em {
	color: #FF0000;
	padding-left: 5px;
}
#main form textarea#comment {
	overflow: auto;
	height: 120px;
	width: 300px;
}


/* Web Catalog
------------------------------*/
#catalogContens {
	width: 980px;
	margin: 0 auto; 
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff;
}

/* Web Catalog POLKA STJ
------------------------------*/

#main div.ctL {
	float: left;
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main div.ctLArea {
	float: left;
	width: 180px;
}

#main div.ctL_img {
	width: 180px;
	margin: 0px 0px 0px 0px;
}

#main div.ctL_button {
	width: 180px;
	margin: 20px 0px 10px 0px;
}

#main div.ctLSideArea {
	float: right;
	width: 294px;
}

#main div.ctL_img {
	width: 294px;
	margin: 10px 0px 0px 0px;
}

#main div.ctL_button {
	width: 185px;
	margin: 0px 0px 10px 10px;
}

#main div.ctL_cap {
	margin: 30px 0px 0px 0px;
}

#main div.ctL_caption {
	margin: 30px 0px 0px 10px;
	line-height: 2.2;
}


/* Web Catalog SONOTA
------------------------------*/

#main div.ctS {
	float: left;
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main div.ctSArea {
	float: left;
	width: 200px;
}

#main div.ctS_img {
	width: 200px;
	margin: 0px 0px 0px 0px;
}

#main div.ctS_button {
	width: 200px;
	margin: 15px 0px 10px 8px;
}

#main div.ctS_cap {
	margin: 15px 0px 0px 10px;
}

#main div.ctS_caption {
	margin: 10px 0px 0px 15px;
	width: 185px;
	line-height: 1.8;
}

/* Head Space
------------------------------*/
#head_space { 
	width: 530px;
	float: left;
	line-height: 1.5;
	margin: 0px 0px 20px 0px;
	}

#head_space p { 
	border-bottom: 1px dotted  #555;
	padding: 5px 5px;
	}