@charset "utf-8";

@import "base.css";
@import "layout.css";

/* --------------------------------
   second layout
-------------------------------- */

body {
	background: url(../img/bk.gif) no-repeat center top;
}

/* -----------------------------
		wrap
----------------------------- */

#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	background: url(../img/wrap.gif) repeat-y left top;
}
#wrapend {
	clear: both;
	background: url(../img/wrap_end.gif) no-repeat left bottom;
	height: 11px;
}

#key {
	padding-top: 6px;
	background-color:#fff;
}


.pagetop {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.pagetop a {
	width: 90px;
	height: 28px;
	margin-bottom: 0px;
	display: block;
	float: right;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../img/pagetop.gif) no-repeat 0px 0px;
}
.pagetop a:hover {
	background-position: 0px -28px;
}
.contents .pagetop {
	margin-bottom: 15px;
}

/* -----------------------------
		contents
----------------------------- */

.contents {
	float: right;
	width: 567px;
	margin: 0px;
	padding: 0px;
}

/* -----------------------------
		menu
----------------------------- */

.menu {
	float: left;
	width: 179px;
	margin: 0px;
	padding: 0px 0px 167px 0px;
	background: url(../img/m_foot.gif) no-repeat left bottom;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
.menu li {
	line-height:1.2em;
	margin: 0px;
	padding: 0px;
	background: url(../img/m_bottom.gif) no-repeat 0% 97%;
	border-bottom: solid 1px #A5A5A5;
}
.menu li a {
	display: block;
	height:1%;
	width:147px;
	padding: 11px 0px 12px 31px;
	margin: 0px 0px;
	background: url(../img/m_arrow.gif) no-repeat left top;
	border-right: solid 1px #A5A5A5;
	border-left: solid 1px #A5A5A5;
}
.menu li a:link,
.menu li a:visited {
	color: #575757;
}
.menu li a:hover {
	color: #F18E01;
	background-position: right top;
}

/* -----------------------------
		path
----------------------------- */

#path {
	font-size: 0.83em;
	margin: 0px;
	padding: 7px 6px;
}
#path li {
	display: inline;
	background: url(../img/path.gif) no-repeat 4px 3px;
	line-height:1.1em;
	padding-left: 14px;
}
#path li.top {
	background-image: url(none);
	padding-left: 0px;
}

/* -----------------------------
		head
----------------------------- */


h1 {
	color: #414DA6;
	font-size:1.17em;
	background: url(../img/h1.gif) no-repeat 0px 0px;
	padding: 9px 0px 11px 24px;
	line-height:1.2em;
	margin-bottom: 7px;
}
h1 a:link,
h1 a:visited {
	color: #414DA6;
}
h2 {
	color: #666;
	font-size:1.03em;
	background: url(../img/h2.gif) no-repeat 0px 0px;
	padding: 9px 5px 11px 23px;
	line-height:1.25em;
	margin-bottom: 7px;
}
h2.double {
	background: url(../img/h2_double.gif) no-repeat 0px 0px;
}
h2.h2_text {
	background:none;
	margin:0px;
	padding:5px 0px;
	font-size:1.23em;
}
h2 a:link,
h2 a:visited {
	color: #666;
}
h3 {
	color: #7E7E7E;
	font-size:1.03em;
	background: url(../img/h3.gif) no-repeat 0px 4px;
	padding: 4px 0px 5px 13px;
	line-height:1.2em;
	margin: 0px 10px 7px 8px;
}
h3 a:link,
h3 a:visited {
	color: #7E7E7E;
}
p {
	line-height:1.5em;
	margin: 0px 7px 0px 9px;
	padding-bottom: 12px;
}
.pict {
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
}
.pict2 {
	float: left;
	margin-right: 15px;
	margin-bottom: 12px;
}
.pict3 {
	text-align: center;
	margin-bottom: 25px;
}
p .pict,
p .pict2 {
	margin-bottom: 3px;
}
.stred {
	font-weight:bold;
	color:#D5634D;
}
.mainbox {
	clear: both;
	margin-bottom:15px;
}
.sideBtn {
	margin-right:0px;
}
.btnEntry {
	float:right;
	width: 210px;
}
.detail {
	margin: 2px 3px 15px 5px;
}
.detail a {
	float: right;
	height: 1%;
	display: block;
	background:  url(../img/arrow_blue.gif) no-repeat 0px 0px;
	_padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 19px;
}

.detail2 {
	margin: 2px 3px 15px 0px;
}
.detail2 a {
	background:  url(../img/arrow.gif) no-repeat 0px 1px;
	padding: 0px 0px 2px 18px;
}

.break {
	height: 15px;
	clear: both;
}

.mainbox .detail {
	margin-bottom: 0px;
}

.attention {
	font-weight: bold;
	color: #727FCD;
}
.attention2 {
	color: #D5634D;
}
.attention3 {
	font-weight: bold;
	color: #83683B;
}
.adobe {
	border: dotted 2px #ddd;
	border-width: 2px 0px 2px;
	padding: 10px 0px 8px;
	margin: 0px 5px 20px;
	line-height:1.4;
}

/* -----------------------------
		List
----------------------------- */
ul.list {
	margin: 0px 21px 15px 15px;
}
ul.list li {
	background: url(../img/listmark2.gif) 0px 6px no-repeat;
	padding: 0 0 0px 13px;
	margin: 0 0 3px 0;
	line-height: 1.4em;
}

ul#point li {
	color: #727FCD;
	font-weight: bold;
	background: url(../img/listmark.gif) 0px 4px no-repeat;
	padding: 0 0 0px 15px;
	margin: 0 0 5px 0;
}

ul#joblist {
	margin: 0px 10px 10px 5px;
	padding: 8px 5px 8px 12px;
	background: #F3f3f3;
}
ul#joblist li {
	background: url(../img/listmark.gif) 0px 3px no-repeat;
	padding: 0 0 0px 13px;
	margin: 0px 0px 6px 0px;
	float: left;
	line-height:1.4;
	width:120px;
}

td ul.list {
	margin: 5px 0px 0px 5px;
}
/* -----------------------------
		Table
----------------------------- */
.table {
	margin: 0px 0px 20px 8px;
	line-height: 1.5em;
	background: #bbb;
}
.table th,
.table td {
	padding: 7px 10px 6px;
	border: solid 1px #FFF;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
}
.table thead th {
	background: #e3e3e3;
}
.table th {
	padding-left: 16px;
	font-weight: bold;
	vertical-align: top;
	background: #f1f1f1 url(../img/cellmark.gif) 6px 11px no-repeat;
}
td .detail,
td .detail2 {
	margin-bottom: 0px;
}

td .detail,
td .detail2 {
	margin-bottom: 0px;
}

td .pict,
td .pict2 {
	margin-bottom: 0px;
}


/* company */
.company {
	margin: 0px 0px 10px 2px;
	line-height: 1.25em;
}
.company th,
.company td {
	padding: 0px 0px 2px 0px;
	border: solid 1px #FFF;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
}
.company th {
	font-weight: normal;
	vertical-align: top;
	background: url(../img/arrow_down2.gif) no-repeat 0px 2px;
	padding: 0px 0px 5px 15px;
	font-size: 92%;
}
.company th a {
}


.cell_head {
	width: 27%;
}
.company_remove {
	border:1px solid #ddd;
	margin-top:10px;
	padding:4px 0px;
	width:210px;
}
.company_remove p {
	padding-bottom:3px;
}
.company_remove p a {
	background:url(../img/arrow.gif) no-repeat 0px 3px;
	_background:url(../img/arrow.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 16px;
}
p.company_link_explosion {
	margin:10px 0 0;
	padding:6px 0 10px 0px;
	width:210px;
	border-top:dashed 1px #b3b3b3;
}
p.company_link_explosion a {
	background:url(../img/arrow_blue.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 20px;
}
p.company_link_explosion span {
	background:url(../img/i_blank.gif) no-repeat right 3px;
	padding-right:17px;
}



div.groupBox{
	margin: 0px 0px 20px 0px;
	width: 557px;
}

div.groupBox dl{
	margin: 0px 0px 0px 0px;
}


div.groupBox dl dd{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background-color: #eaedff;
}

div.groupBox dl dd table{
	margin: 0px 0px 10px 11px;
}


div.groupBox dl dd table.company2 th,
div.groupBox dl dd table.company2 td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.groupBox dl dd table.company2 td{
	width: 108px;
}

/* research */
.research {
	margin: 0px 0px 15px 8px;
	line-height: 1.25em;
}
.research th,
.research td {
	padding: 5px 0px 6px;
	vertical-align: top;
	text-align: center;
}
.research th {
	padding: 2px 3px 3px;
	font-weight: normal;
	vertical-align: top;
}

/* plantLine */
.plantLine {
	margin: 0px 0px 15px 20px;
	line-height: 1.5em;
}
.plantLine th,
.plantLine td {
	padding: 4px 13px 3px 13px;
	border-bottom: dotted 1px #ccc;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
.plantLine th {
	background: url(../img/listmark2.gif) 0px 10px no-repeat;
}
.plantLine td {
	text-align: right;
	border-right: solid 20px #FFF; 
}


/*-------------------------------------------------------------
	* Index
---------------------------------------------------------------*/
/* 2columns */
.indexBox {
	margin: 0px 0px 12px 0px;
}
.indexBox div {
	width: 277px;
	float: left;
	margin: 0px 13px 5px 0px;
}
.indexBox div.right {
	margin: 0px;
}
.indexBox h2 {
	background: url(../img/h2_s.gif) no-repeat 0px 0px;
	color: #666;
}
.indexBox h2.double {
	background: url(../img/h2_s_double.gif) no-repeat 0px 0px;
}
.indexBox p {
	margin: 0px 5px 12px 5px;
	padding-bottom: 0px;
}
.indexBox p img.pict2 {
	margin: 0px 11px 0px 0px;
}
.indexBox .detail {
	margin: 5px 0px 0px;
}
.indexBox .detail a {
	background:  url(../img/arrow_blue.gif) no-repeat 0px 2px;
}

/* 3columns */
.indexBox2 {
	margin: 0px 0px 12px 0px;
}
.indexBox2 div {
	width: 181px;
	float: left;
	margin: 0px 12px 0px 0px;
}
.indexBox2 div.right {
	margin: 0px;
}
.indexBox2 h2 {
	background: url(../img/h2_ss.gif) no-repeat 0px 0px;
	padding-bottom: 8px;
	color: #666;
}
.indexBox2 p {
	margin: 0px 3px 12px 3px;
	padding-bottom: 0px;
	min-height: 20.2em;
	_height: 20.2em;
}
.indexBox2 p img {
	margin: 0px 0px 7px 0px;
	display: block;
}
.indexBox2 .detail {
	margin: 0px 0px 0px;
}

/*-------------------------------------------------------------
	* Products
---------------------------------------------------------------*/
.product_keyword {
	width:521px;
	margin:0px auto 14px;
	padding:0 0 13px 0;
	background:url(../img/product_keyword_bottom.gif) no-repeat left bottom;
}
.product_keyword h2 {
	background:none;
	margin:0px;
	padding:0px;
}
.product_keyword ul {
	padding:10px 0 6px 28px;
	background:url(../img/product_keyword_middle.gif) repeat-y 0px 0px;
}
.product_keyword ul li{
	float:left;
	width:215px; /* 230 */
	background:url(../img/arrow_orange.gif) no-repeat 0px 4px;
	padding:0 0 9px 15px;
}
p.copy {
	margin:14px 0 18px 6px;
	padding:0px;
}
.product_list {
	width:567px;
	margin-bottom:20px;
	padding-left:6px;
}
.product_list dl {
	float:left;
	width:268px;
	display:inline;
	margin-bottom:17px;
}
.product_list dl.add {
	margin:0px 28px 0px 0px;
}
.product_list dt {
	float:left;
	width:129px;
}

.product_list dd {
	float:right;
	width:130px;
	padding:12px 0px 0px 0px;
}
.product_list dd a {
	background:url(../img/arrow_blue.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 19px;
}
.product_list p {
	background:url(../img/product_border.gif) repeat 0px 0px;
	margin:14px 0px 0px 0px;
	padding:0px;
	line-height:1.85em;
}
.product_list2 {
	margin:0 0 12px 6px;
}
.product_list2 li {
	float:left;
	margin:0px 10px 10px 0px;
}
.product_list2 li.odd {
	margin-right:0px;
}


#h2_cosmetic,
#h2_quasi_drug,
#h2_set_quasi_drug,
#h2_nb {
	color:#424242;
	font-size:1.31em;
}

#h2_cosmetic {
	background:url(../img/h2_cosmetic.jpg) no-repeat 0px 0px;
	height:37px; /* 47-10 */
	padding:10px 0 0 56px;
}
#h2_quasi_drug {
	background:url(../img/h2_quasi_drug.jpg) no-repeat 0px 0px;
	height:37px; /* 60-23 */
	padding:23px 0 0 56px;
}
#h2_set_quasi_drug {
	background:url(../img/h2_set_quasi_drug.jpg) no-repeat 0px 0px;
	height:37px; /* 54-17 */
	padding:17px 0 0 67px;
}
#h2_nb {
	background:url(../img/h2_nb.jpg) no-repeat 0px 0px;
	height:33px; /* 33-1 */
	padding:1px 0 0 81px;
}

.product_btn {
	text-align:center;
	margin:0 0 30px 0;
}

.product_adobe {
	border-top:2px dotted #dddddd;
	border-bottom:2px dotted #dddddd;
	margin:0 0 20px 0;
}
.product_adobe dl {
	padding:10px 0;
}
.product_adobe dl dt {
	width:130px;
	float:left;
}
.product_adobe dl dd {
	width:430px;
	float:left;
}
.pict_lot {
	margin:0 0 30px 0;
	text-align:center;
}




.products {
	margin: 0px 0px 15px 6px;
	line-height: 1.12em;
	table-layout: fixed;
}
.products th,
.products td {
	padding: 5px 5px 6px 0px;
	vertical-align: top;
	text-align: center;
	background: url(../img/td_bg.gif) no-repeat left top;
}
.products th {
	padding: 4px 5px 5px 0px;
	font-weight: normal;
	vertical-align: middle;
	font-size: 83%;
	border-bottom: solid 6px #FFF ;
	background: url(../img/th_bg.gif) no-repeat left bottom;
}

.boxProduct {
	margin: 0px 0px 10px 6px;
	width: 551px;
	background: url(../img/boxProduct_cosme_bg.jpg) no-repeat 0px 27px;
} 
.boxProduct dd {
	background: url(../img/boxProduct_btm.gif) no-repeat left bottom;
	padding: 20px 0px 20px 250px;
}
.boxProduct dd.uluka {
	min-height:90px;
	_height:90px;
}
.boxProduct dd.uluka p {
	margin-top:25px;
	_margin-top:45px;
}
.boxProduct ul {
}
.boxProduct ul li {
	width: 120px;
	float: left;
	padding: 0px 0px 8px 15px;
	background: url(../img/listmark3.gif) 0px 3px no-repeat;
	line-height: 1.2em;
}
.boxProduct ul li.long {
	width: 140px;
}
.boxProduct p {
	padding: 0px;
	margin: 0px;
}
#chemi {
	background-image: url(../img/boxProduct_chemi_bg2.jpg);
} 
#chemi ul li {
	background-image: url(../img/listmark.gif);
}

#uluka {
	background-image: url(../img/boxProduct_uluka_bg.jpg);
}
#uluka ul {
	min-height:100px;
	_height:100px;
}
#uluka ul li {
	width: auto;
	float: none;
	background-image: url(../img/listmark4.gif);
}


/*-------------------------------------------------------------
	* Q&A
---------------------------------------------------------------*/
ul.faqIndex {
	margin-left: 10px;
	margin-bottom: 18px;
}
ul.faqIndex li {
	margin: 0px;
	padding: 2px 0px 13px 26px;
	line-hight: 1.1;
	background: url(../img/list_q.gif) no-repeat 0px 0px;
}

dl.faq {
	margin: 0px 0px 0px 10px;
} 
dl.faq dt {
	margin: 0px;
	padding: 10px 0px 10px 37px;
	font-weight: bold;
	line-height: 1.2em;
	color: #414DA6;
	background: url(../img/faq_q.gif) no-repeat 0px 0px;
} 
dl.faq dd {
	margin: 0px;
	padding: 6px 20px 6px 38px;
	background: url(../img/faq_a.gif) no-repeat 0px 0px;
	line-height: 1.7em;
} 
.contents dl.faq dd p {
	margin: 0px 0px 5px 0px;
} 
.box-chart {
	margin-left: 10px;
}


/*-------------------------------------------------------------
	ask box
---------------------------------------------------------------*/
.askbox {
	width: 488px;
	margin: 0px 0px 10px 35px;
	padding: 15px 0px 6px 0px;
	background: url(../img/askbox_foot.gif) no-repeat left bottom;
}
.askbox h2 {
	background-image: url(none);
	margin: 0px;
	padding:0px;
}
.askbox p {
	background: url(../img/askbox_bg.gif) repeat-y 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px 13px 0px 13px;
}
.askbox p img {
	float: right;
	margin-top: -3px;
	margin-left: 10px;
	line-height:1.8em;
}
.askbox .telfax {
/* 
	 */
	background: url(../img/border.gif) repeat-x 0px 0px;
	margin-top: 12px;
	padding-top: 3px;
	display: block;
	clear: both;
	line-height:1.6em;
	padding-bottom: 7px;
/* 
	font-weight:bold;
	font-size: 1.17em;
	letter-spacing:1px;
	 */
}
.askbox .telfax img {
	float: none;
	margin: 3px 10px -5px 0px;
	_margin-bottom: -3px;
/* 	vertical-align:absmiddle; */
}
*:first-child+html .askbox .telfax img {
	margin-bottom: -2px;
}

/*-------------------------------------------------------------
	link
---------------------------------------------------------------*/

.i_blank {
	background: url(../img/i_blank.gif) no-repeat 0px 0px;
	padding-left: 18px;
}
h3.no {
	background-image: url(none);
	padding-left: 0px;
}
.link {
}
.link textarea {
	margin-bottom:8px;
	margin-left: 8px;
	border: solid 1px #ccc;
}
.link blockquote {
	margin-bottom: 12px;
	margin-left: 8px;
}
.textlink {
	width:535px;
	height: 2.5em;
	padding: 4px;
}
.banalink {
	width:535px;
	height: 3.5em;
	padding: 4px;
}
/*-------------------------------------------------------------
	品質管理
---------------------------------------------------------------*/
.quality img.right {
	float: right;
	margin-right: 10px;
	margin-left: 14px;
}
.quality p {
	position: relative;
	height: 317px;
}
.quality p img {
	position: absolute;
	top: 160px;
}

/*-------------------------------------------------------------
	移転あいさつ
---------------------------------------------------------------*/
.info {
	margin-bottom:15px;
}
.info p {
	line-height:1.8;
	margin: 0px;
	padding-bottom: 1.2em;
	text-indent:1em;
}
.info p.textR {
	text-align: right;
	padding-bottom: 0.2em;
	text-indent:0em;
}
p.new_address {
	margin:0px 0px 4px 0px;
	padding:0px;
	float:left;
}
/*-------------------------------------------------------------
	東京移転あいさつ
---------------------------------------------------------------*/
.info span.keigu {
	text-align:right;
	display:block;
}
.info_remove p {
	text-indent:0px;
	line-height:1.5;
}
.info_remove img.pict {
	margin-left:20px;
}
.info_remove table {
	margin:0px 0px 0px 22px;
}
.info_remove table th,
.info_remove table td {
	padding:0px 0px 3px 0px;
	vertical-align:top;
	text-align:left;
}
.info_remove .center {
	text-align:center;
}
.info_remove p.remove_map {
	text-align:center;
	margin:16px 0px 0px 0px;
	padding:0px;
}
.info_remove p.remove_access {
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 2px;
}

/*-------------------------------------------------------------
	新規原料セミナー
---------------------------------------------------------------*/
#info_seminar {
	margin:0px auto;
}
#info_seminar h1 {
	margin:0px 0px 20px 8px;
	padding:0px;
	background:none;
}
#info_seminar p {
	margin:0px 0px 20px 8px;
	padding:0px;
}
#info_seminar ul,
#info_seminar li {
	line-height:1.8;
}
#info_seminar li {
	padding:0px 0px 0px 8px;
}
#info_seminar .info_seminar_attention p {
	background:#f5dcdc;
	color:#a10606;
	margin:42px 0px 0px 0px;
	padding:4px 0px;
	text-align:center;
	font-weight:bold;
}
#info_seminar .info_seminar_btn {
	text-align:center;
	padding:20px 0px 50px 0px;
}
#info_seminar .info_seminar_copy {
	text-align:center;
}


/*-------------------------------------------------------------
	history
---------------------------------------------------------------*/
.history {
	font-size:0.83em;
	line-height:1.6;
	margin: 10px 0px 15px 8px;
/* 
	border-collapse:collapse;
	 */
	background-color: #aaa;
}
.history th {
	font-weight: bold;
	text-align:center;
	padding: 4px 7px;
	background-color: #fff;
	border: solid 1px #f3f3f3;
}
.history td {
	padding: 4px 7px;
/* 
	border: solid 1px #FFF;
	background-color: #FAFBFE;
	 */
	border: solid 1px #fff;
	background-color: #fff;
}


/*-------------------------------------------------------------
	stripe table
---------------------------------------------------------------*/
/* 
#tableSt .odd td {
	background-color: #EEF0FA;
}
#tableSt .even td {
	background-color: #FAFBFE;
}
 */
.odd td {
	background-color: #f1f1f1;
}
.even td {
	background-color: #fff;
}
#tableSt .odd th {
	background-color:#ddd;
}
#tableSt .even th {
	background-color:#E9E9E9;
}
#tableSt .odd .cell_year {
	background-color:#EAEAEA;
	border: solid 1px #fefefe;
}
#tableSt .even .cell_year {
	background-color:#F7F7F7;
	border: solid 1px #fefefe;
}

.history thead td {
	background-color: #D8D8D8;
	text-align: center;
	padding: 7px 0px;
	border: none;
}




/*-------------------------------------------------------------
	story
---------------------------------------------------------------*/

.story {
	background-image:none !important; 
	}

#linearnavi {
	height:80px;
	position:relative;
	margin-bottom:20px;
	}

#linearnavi li a {
	position:absolute;
	width:149px;
	display:block;
	height:80px;
	text-indent:-5000px;
	top:0;
	background:url(../../story/img/linearnavi.jpg) left top no-repeat;
}


#linearnavi li.st01 a {
	left:0;
	background-position:left top;
}

#linearnavi li.st02 a {
	background-position:-149px top;
	left:149px;
}

#linearnavi li.st03 a {
	background-position:-298px top;
	left:298px;
}

#linearnavi li.st04 a {
	background-position:-447px top;
	left:447px;
}

#linearnavi li.st05 a {
	background-position:-605px top;
	left:605px;
	width:154px;
}

#linearnavi li.st01 a:hover {
	background-position:left -101px;
}

#linearnavi li.st02 a:hover {
	background-position:-149px -101px;
}

#linearnavi li.st03 a:hover {
	background-position:-298px -101px;
}

#linearnavi li.st04 a:hover {
	background-position:-447px -101px;
}

#linearnavi li.st05 a:hover {
	background-position:-605px -101px;
}


#linearnavi li.st01act a{
	background-position:left -201px;
	left:0px;
}

#linearnavi li.st02act a{
	background-position:-149px -201px;
	left:149px;
}

#linearnavi li.st03act a{
	background-position:-298px -201px;
	left:298px;
}

#linearnavi li.st04act a{
	background-position:-447px -201px;
	left:447px;
}

#linearnavi li.st05act a{
	background-position:-605px -201px;
	left:605px;
	width:154px;
}

.st02key {
	margin:0 15px;
	}

.st02copy {
	margin:20px 15px 25px;
	padding:0;
	}

.stcopy {
	margin:30px 0 0 0;
	padding:0;
	}

.stblock {
	padding:20px 0 0 0;
	margin:0 15px;
	line-height:1.8;
	}

.stblock3 {
	padding:0;
	margin:0 15px 0px;
	line-height:1.8;
	}

.stblock2 {
	padding:0;
	margin:0 15px 30px;
	line-height:1.8;
	}


.story_entry_btn p a img {
	float: right;
	margin-left: 12px;
	margin-bottom: 10px;
	}




.st03block01 {
	background:url(../../story/img/story03_key_01.jpg) right top no-repeat;
	padding-right:355px;
	min-height:368px;
	_height:368px;
	}

.st04block01 {
	background:url(../../story/img/story04_key.jpg) right top no-repeat;
	padding-right:383px;
	min-height:150px;
	_height:150px;
	}

.imgcenter {
	text-align:center;
	}



.story_entry_head {
	margin:30px 15px 0;
 	}

.story_entry_foot,
.story_entry_btn {
	margin:0 15px;
	}
	
.story_entry_btn {
	background:url(../../story/img/entry_btn_body.gif) left top repeat-y;
	padding:10px 10px;
	}
	




h1.h1long {
	color: #414DA6;
	font-size:1.17em;
	background: url(../img/h1_long.gif) no-repeat 0px 0px;
	padding: 9px 0px 11px 24px;
	line-height:1.2em;
	margin-bottom: 7px;
}



.st_comlist {
	background:url(../img/story_bg_750.gif) left top repeat-y;
	margin-left:4px;
	padding-bottom:5px;
	}

.st_comlistend {
	margin:10px 0 20px 0;
	padding-bottom:10px;
	}


h2.st_comlist {
	padding:0;
	margin:0;	
	}


.comdetail {
	background:url(../../story/img/list_member_head.gif) left top no-repeat;
	margin-left:12px;
	padding:10px;
	position:relative;	
	}

.comdetailfirst {
	background:url(../../story/img/list_member_head_first.gif) left top no-repeat;
	margin-left:12px;
	margin-right:12px;
	padding:10px;
	position:relative;
	}



.comnamearea {
	positon:relative;
	}

.comtxt {
	padding:0px 180px 0px 106px;
	line-height:1.8;
	}

.combtn {
	left:561px;
	_left:550px;
	position:absolute;
	top:58px;
	}

.comdetail dt,
.comdetailfirst dt {
	padding-left:108px;
	padding-top:10px;
	height:33px;
	}



.comphoto {
	left:10px;
	_left:0px;
	top:10px;
	position:absolute;
	top:10px;	
	}

.comfoot {
	margin-left:12px;
	margin-bottom:10px;
	}

.memlistfirst {
	float:left;
	background:url(../../story/img/memberlist_head_first.gif) left top no-repeat #fff;
	margin-left:11px;
	_margin-left:5px;
	width:237px;
	}
	
.memlist {
	float:left;
	background:url(../../story/img/memberlist_head.gif) left top no-repeat #fff;
	margin-left:8px;
	width:237px;
	}

.memlistbody {
	padding:8px;
	}

.memlistphoto {
	float:left;
	}

.memlistdetail img {
	margin-bottom:8px;
	}
	
	
.memlistdetail {
	font-size:10px;
	padding-top:3px;
	padding-left:100px;
	line-height:1.4;
	}

.stbtn {
	text-align:center;
	clear:both;
	padding:30px 0 0 0;
	}

.sttxt {
	margin-left:20px;
	margin-right:20px;
	line-height:1.8;
	}

.commentbody {
	background:url(../../story/img/comment_bg_750.gif) left top repeat-y;
	margin-left:4px;
	}

.commentkey {
	background:url(../../story/img/com_head.gif) left top no-repeat;
	padding:30px 25px 0;
	}

.commenttxt {
	margin:0 28px;
	line-height:1.8;
	}

.commentcopy {
	text-align:center;
	margin:15px 0px;
	}

.commentfoot {
	margin:0px 0px 0px 13px;
	paddding-top:25px;
	}



.enrty_btn {
	margin:10px 0 20px 34px;
	}


.enrty_btn li {
	float:left;
	}
	
.enrty_btn li p.i_career {
	background:url(../img/arrow_blue.gif) left 1px no-repeat;
	padding:0 0 0 20px;
	margin:3px 0 0 2px;
	color:#666;
	}


.enrty_btn li p.i_recruit {
	background:url(../img/i_arrow_red.gif) left 1px no-repeat;
	padding:0 0 0 20px;
	margin:3px 0 0 1px;
	}

.enrty_btn li p a {
	color:#666;
	}


.entry_btn_end {
	margin:0px 0 0 30px;
	width:230px;
	}
.entry_explain {
	padding-left:0px;
}


.storydetail {
	background:  url(../img/arrow_blue.gif) no-repeat 0px 3px;
	padding:2px 0 2px 19px;
	}

.storykey {
	background:url(../../story/img/key_st01.jpg) left top no-repeat;
	height:327px;
	position:relative;
	margin-top:20px;
	}

.storykey p {
	position:absolute;
	top:140px;
	left:10px;
	line-height:2;
	}




/* アルコールジェルのＯＥＭ */

div.gelBox{
	width:760px;
	background:url(../img/gel/head_first_bg.jpg) 0px 134px no-repeat;
	float: left;
	line-height: 18px;
}

div.gelBox p.keytxt{
	width: 318px;
	color: #fff;
	margin-left: 30px;
	letter-spacing: 1px;
}

div.gelBox p.keytxt span{ font-weight: bold; }

div.gelBox div.contact{
	width: 710px;
	float: left;
	margin-left: 30px;
	display:inline;
	padding: 8px 0 10px 0;
	background:url(../img/gel/contact_bg.jpg) left top no-repeat;
}

div.gelBox div.contact p{
	width: 394px;
	padding-top: 10px;
	float: left;
}

div.gelBox div.contact a{
	width: 278px;
	float: left;
}

div.w710Box{
	width: 710px;
	float: left;
	letter-spacing: 1px;
	margin-left : 30px;
	display:inline;
}

.h2long {
	color: #666;
	font-size:1.03em;
	background: url(../img/h2_long.gif) no-repeat 0px 0px;
	padding: 9px 5px 11px 23px;
	line-height:1.25em;
	margin-bottom: 7px;
	margin-top : 35px;
}

table.gelTable{
	width: 556px;
	margin-left : 80px;
	margin-top : 10px;
}

table.gelTable th{
	background: url(../img/gel/line_bg.gif) no-repeat left top;
	width: 181px;
	height: 36px;
	text-align: center;
}

div.w710Box div.centerBox{
	text-align: center;
	padding: 15px 0;
}

div.w710Box div.productBox{
	width: 100%;
	float: left;
	margin-bottom : 20px;
}

div.w710Box div.productBox img{
	float: right;
	margin: 0 0 10px 10px;
}

div.ml120{ margin-left : 120px; float: left; display:inline; }

div.banaGel{
	margin: 5px 0 0 6px;
}


/*-------------------------------------------------------------
	staff
---------------------------------------------------------------*/
.staff {
	background-image:none !important; 
}

/* staff_index
----------------------*/
.staff_index_copy {
	margin: 0 0 0 19px;
	padding: 0 0 30px;
	background: url(../../staff/img/staff_intro_bg.jpg) no-repeat 498px 200px;
	position: relative;
	z-index: 100;
}
.staff_index_copy p {
	padding: 0 0 2px;
	margin: 0;
	line-height: 1.67;
}

.staff_index {
	margin: -20px 0 0 8px;
}
.staff_index li {
	margin: 0 12px 7px;
	padding: 0;
	float: left;
	display: inline;
}


/* staff_block
----------------------*/
.staff_block {
	margin: -5px 0 10px 0;
	background: url(../../staff/img/staff_schedule_bg.gif) repeat-y 429px 0px;
}
.staff_block p.staff_copy {
	margin: 0;
	padding: 0;
}
.staff_wrap {
	background: url(../../staff/img/staff_schedule_btm.gif) no-repeat 429px bottom;
}


/* staff_faq
----------------------*/
.staff_faq {
	width: 409px;
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}
.staff_faq dd {
	padding: 1px 24px 5px 0px;
	margin: 0 0 30px;
	background: url(../../staff/img/staff_faq_bg.gif) repeat-y left top;
	line-height: 2;
}
.staff_faq dd.end {
	margin: 0;
}

/* staff_schedule
----------------------*/
.staff_schedule {
	width: 311px;
	float: left;
	margin: 0;
}
.staff_schedule dd {
	padding: 0 10px 10px;
	margin: 0;
}
.staff_schedule li {
	padding: 0 0 20px;
	margin: 0;
	background: url(../../staff/img/staff_schedule_arrow.gif) no-repeat center bottom;
}
.staff_schedule li.end {
	background: none;
}


/* other
----------------------*/
.form_attention {
	padding:2px 5px;
	background:#E25F7B;
	color:#fff;
	display:block;
	width:4.4em;
	white-space:nowrap;
}