@charset "utf-8";

/*/////////////////////////////////////////

>>gnc-tokuho_d.css

Description: detail design.

Create Date: 2010-10-01

Copyright (C) Erina Taniguchi All Rights Reserved.

/////////////////////////////////////////*/

/*
-------------------------------------------
###########################################
index.html foshu.html
###########################################
-------------------------------------------
*/
div#contents p.explanation{
width:700px;
margin:30px auto;
padding:60px 0px 101px 0px;
background-image: url(../gnc-tokuho/img/tokuho_explanation.jpg);
background-repeat: no-repeat;
background-position: center 0px;
text-align: center;
}
div#contents p.foshu-expla{
width:700px;
margin:30px auto;
padding:50px 0px 101px 0px;
background-image: url(../english/business/img/foshu_explanation.gif);
background-repeat: no-repeat;
background-position: center 0px;
text-align: center;
}
div#contents p.foshu-expla-c{
width:700px;
margin:30px auto;
padding:50px 0px 101px 0px;
background-image: url(../chinese/business/img/foshu_explanation.gif);
background-repeat: no-repeat;
background-position: center 0px;
text-align: center;
}
div#contents h2{ margin:30px 0px;}
div#contents p{ margin:30px 0px 30px 40px;}
div#contents div.rank{
text-align: center;
position: relative;
}
div#contents div.rank table{
position: absolute;
top: 32px;
left: 120px;
color:#333333;
}
div#contents div.rank table th{
text-align: center;
}
div#contents div.rank table th.rankNo{ width: 55px;}
div#contents div.rank table th.company{ width: 300px;}
div#contents div.rank table th.number{ width: 105px;}
div#contents div.rank table td {
background-image: url(../gnc-tokuho/img/tokuho_dot.gif);
background-repeat: repeat-x;
background-position: 0px bottom;
text-align: center;
}
div#contents div.rank table td.no1 {
background:#FFCC66;
line-height:20px;
padding: 6px 0;
font-size: 14px;
font-weight: bold;
color:#CC0000;
}
div#contents div.rank table td.comLeft { text-align:left;}
div#contents div.rank p{
position: absolute;
top: 248px;
right: 100px;
font-size: 10px;
color: #999999;
}
div#contents strong { color: #FF0000;}
div#contents img.illustration{
display:block;
margin: 30px 0px;
}
div#contents div.support{
position: relative;
}
div#contents div.support h3{
margin: 0px 0px 20px 0px;
font-size: 16px;
color: #333;
}
div#contents div.support p{ margin: 0px;}
div#contents div.support div.planning{
width: 280px;
position: absolute;
top: 10px;
left: 50px;
}
div#contents div.support div.clinic{
width: 280px;
position: absolute;
top: 10px;
left: 406px;
}
div#contents div.support div.clinic h3{ font-size: 14px;}
div#contents div.support div.selling{
width: 280px;
position: absolute;
top: 225px;
left: 50px;
}
div#contents div.permission{
position: relative;
}
div#contents div.permission h3{
position: absolute;
top: 35px;
left: 239px;
font-size: 16px;
}
div#contents div.permission h3.foshu-h3{ left: 132px;}
div#contents div.permission ul{
position: absolute;
top: 78px;
left: 40px;
width:620px;
}
div#contents div.permission p{
position: absolute;
top: 345px;
left: 40px;
font-size: 11px;
line-height: 16px;
margin: 0;
}
div#contents div.permission p.foshu-p{
top: 452px;
}
/* chinese */
div#contents div.permission h3.foshu-h3-c{ left: 210px;}
div#contents div.permission p.foshu-p-c{ top: 335px;}