/**formula_base_css*/
/**body
{
background-color: #eee;
text-align: center;
}*/

#container.formula
{
width: 900px;
margin: 0 auto;
text-align: left;
background-color: #000;
}

/**#header
{
width: 900px;
height: 120px;
background-color: #eee;
}*/

/**a#logo
{
width: 290px;
height: 50px;
text-indent: -9999px;
display: block;
background-image: url(../../imgs/logo.gif);
}*/

h1
{}

#contents.formula
{
width: 855px;
margin: 0 0 0 45px;
color: #fff;
}

/**#footer
{
width: 900px;
height: 55px;
text-align: right;
padding: 22px 0 0 0;
color: #fff;
background-image: url(../../imgs/footer.gif);
background-position: 0 15px;
background-repeat: no-repeat;
background-color: #eee;
}*/

/**#footer span
{
padding: 0 22px 0 0;
}*/

.box_page_top_formula
{
width: 810px;
height: 25px;
margin: 0 0 50px 0;
background-image: url(../imgs/bg_pagetop.gif);
}

a.page_top_formula
{
width: 140px;
height: 25px;
float: right;
text-indent: -9999px;
display: block;
background-image: url(formula_imgs/page_top.gif);
}

a.page_top_formula:hover
{
background-position: 0 -25px;
}

#goto_howto
{
width: 222px;
height: 60px;
margin: 0 0 10px 20px;
padding: 20px 0 0 0;
background-image: url(formula_imgs/goto_howto_bg.gif);
background-repeat: no-repeat;
}

#goto_howto01
{
width: 108px;
height: 20px;
float: left;
text-indent: -9999px;
background-image: url(formula_imgs/goto_howto01.gif);
background-repeat: no-repeat;
}

#goto_howto02
{
width: 108px;
height: 20px;
margin: 0 0 2px 4px;
float: left; 
text-indent: -9999px;
background-image: url(formula_imgs/goto_howto02.gif);
background-repeat: no-repeat;
}

#goto_howto03
{
width: 219px;
height: 20px;
text-indent: -9999px;
margin: 0 0 2px 0;
display: block;
background-image: url(formula_imgs/goto_howto03.gif);
background-repeat: no-repeat;
}

#goto_howto04
{
width: 219px;
height: 20px;
text-indent: -9999px;
display: block;
background-image: url(formula_imgs/goto_howto04.gif);
background-repeat: no-repeat;
}


#goto_howto01:hover,#goto_howto02:hover,#goto_howto03:hover,#goto_howto04:hover
{
background-position: 0 -20px;
}

a#goto_faq
{
width: 222px;
height: 39px;
margin: 0 0 30px 20px;
text-indent: -9999px;
display: block;
background-image: url(formula_imgs/goto_faq.gif);
}


a#goto_faq:hover
{
background-position: 0 -39px;
}

/**formula_reset_css*/
*
{
margin: 0;
padding:	0;
}

body, div, p, table, th, td,
h1, h2, h3, h4, h5, h6, blockquote, pre, address,
ul,li,ol,dl, dt, dd, form, fieldset, img
{
margin: 0;
padding:	0;
color: #fff;
font-size: 12px;
line-height: 160%;
font-family:
Verdana, Arial, Meiryo, メイリオ, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", ＭＳ　Ｐゴシック, sans-serif;
}

table
{
border-collapse: collapse; /* セル間のボーダーを重ねて表示 */
border-spacing: 0; /* セル間のボーダーの間隔 */
}
	
a:link 
{ 
color: #c00;
text-decoration: none;
}

a:hover  
{ 
color:#900; 
text-decoration: none;
}


a:visited 
 {
 color: #c00;
 text-decoration: none;
}

/**formula_desgin_css*/

#read
{
width: 500px;
margin: 0 0 60px 0;
float: left;
}

#box_navi
{
width: 355px;
float: right;
}

#merit_navi
{
width: 355px;
list-style-type: none;
margin: 70px 0 0 0;
}

#merit_navi li a
{
text-indent: -9999px;
display: block;
height: 355px;
height: 65px;
}

#merit_navi li a#merit01 
{
background-image: url(formula_imgs/navi01.gif);
}

#merit_navi li a#merit02 
{
background-image: url(formula_imgs/navi02.gif);
}

#merit_navi li a#merit03
{
background-image: url(formula_imgs/navi03.gif);
}

#merit_navi li a:hover
{
background-position: 0 -65px;
}

#line_up a
{
text-indent: -9999px;
display: block;
}

#line_up a:hover
{
background-position: 0 -200px;
}

#line_up a#topsecret
{
width: 260px;
height: 200px;
background-image: url(formula_imgs/lineup01.gif);
}

#line_up a#rbcc
{
width: 260px;
height: 200px;
background-image: url(formula_imgs/lineup02.gif);
}

#line_up a#xguard
{
width: 260px;
height: 200px;
background-image: url(formula_imgs/lineup03.gif);
}


#line_up a#hcsc
{
width: 530px;
height: 200px;
background-image: url(formula_imgs/lineup04.gif);
}

#line_up a#hcro
{
width: 260px;
height: 200px;
background-image: url(formula_imgs/lineup05.gif);
}



#line_up a#lite
{
width: 260px;
height: 200px;
background-image: url(formula_imgs/lineup06.gif);
}


.box_detail
{
width: 810px;
}

.detail_left
{
width: 370px;
float: left;
}



.detail_left p
{
width: 330px;
margin: 10px 0 0 20px;
}

.detail_right
{
width: 440px;
float: right;
}

.detail_table
{
float: right;
text-align: center;
vertical-align: middle;
}



.detail_table td
{
font-size: 10px;
padding: 4px 0;
border-bottom: 1px solid #fff;
}

.detail_table td.top
{
padding: 2px 0;
font-size: 12px;
color: #000;
background-color: #ffcc00;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}

.detail_table td.bottom
{
text-align: left;
padding: 10px 0;
border-bottom: 1px solid #000;
}

.detail_table td.compound_name
{
padding: 10px 0 0 0;
font-size: 12px;
color: #ffcc00;
font-weight: bold;
border-bottom: 1px solid #000;
}

.box_tech
{
width: 810px;
margin: 30px 0 0 0;
}

.tech_left
{
width: 370px;
float: left;
}

.tech_left p
{
width: 335px;
}

.tech_left div.img
{
width: 370px;
height: 230px;
margin: 25px 0;
}

.tech_right
{
width: 440px;
margin: 25px 0 0 0;
float: right;
}

#box_particle
{
width: 440px;
margin: 40px 0 0 0;
}

div#box_particle p#text
{
width: 220px;
float: right;
margin: 126px 0 0 0;
}

.tech04_left
{
width: 250px;
margin: 25px 20px 0 0;
float: left;
}

.tech04_right
{
width: 440px;
margin: 25px 0 0 0;
float: left;
}

.tech04_right p
{
width: 440px;
margin: 10px 0 0 0;
}

.box_goto_lineup
{
width: 810px;
height: 25px;
margin: 0 0 50px 0;
background-image: url(../imgs/bg_pagetop.gif);
}

a.goto_lineup
{
width: 140px;
height: 25px;
float: right;
text-indent: -9999px;
display: block;
background-image: url(formula_imgs/goto_lineup.gif);
}

a.goto_lineup:hover
{
background-position: 0 -25px;
}

.yellow{
	color:#FF0;
	font-size:13px;
	}
	
	
	
/*LIGHT*/
.detail_table td.lite-top
{
padding: 2px 0;
font-size: 12px;
color: #000;
background-color: #94E7FF;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}


.detail_left_lite
{
width: 420px;
float: left;
}



.detail_left_lite p
{
width: 400px;
margin: 10px 0 0 20px;
}