@charset "utf-8";

/*------------Infomation----------------

 File name:   style.css
 Style Info:  .

---------------------------------------*/

/*------------Font-size----------------

	10px	77%
	11px	85%
	12px	93%
	13px	100%
	14px	108%
	15px	116%
	16px	123.1%
	17px	131%
	18px	138.5%
	19px	146.5%
	20px	153.9%
	21px	161.6%
	22px	167%
	23px	174%
	24px	182%
	25px	189%
	26px	197%

---------------------------------------*/
body{
	text-align: center;
	background: url(../images/bg.gif) center top no-repeat #f9edee;
	color: #555555;
}

h1{
	width: 106px;
	float: left;
	display: inline;
}

h2 {
	padding: 30px 0 0 29px;
}

#wrapper_container{
	width: 960px;
	margin:0 auto;
	text-align: left;
}

#header_container{
	height: 53px;
	padding:16px 0 0 0;	
}

* html #header_container{
	height: 69px;
}

#header_container #gnavi ul li{
	float: left;
	display: inline;
}

#logo_parabio{
	width: 106px;
}

#gnavi_top{
	width: 91px;
	padding-top:1px;
	margin-left: 117px;
}

#gnavi_concept{
	width: 77px;
	padding-top:1px;
	margin-left: 66px;
}

#gnavi_products{
	width: 76px;
	padding-top:1px;
	margin-left: 66px
}

#gnavi_features{
	width: 77px;
	padding-top:1px;
	margin-left: 66px;
}

#gnavi_program{
	width:151px;
	padding-top:1px;
	margin-left: 66px;
}

#main_container {

}


#footer_container .left{
	width: 244px;
	padding: 14px 0 13px 0;
	float:left;
	display:inline;
}

#footer_container .btn_yb {
	padding-bottom: 16px;
}

#footer_container .right{
	width: 186px;
	padding-top: 14px;
	float: right;
	display: inline;
}

/*#index*/
#index {
	background: url(../images/bg_repeat.gif) left 69px repeat-x #FFFFFF; 
}

#index #wrapper_header {
	background-color: #FFFFFF;		
}

#index #header_container {
	width: 960px;
	margin:0 auto;
	text-align: left;
}

#index #wrapper_body {
	height:580px;
	background: url(../images/bg_index.jpg) center top no-repeat;
}

#index #main_container {
	width: 960px;
	height:580px;
	margin:0 auto;
	text-align: left;
}

#index #main_container * {
	outline: none;
}

#index #wrapper_footer {
	background-color: #FFFFFF;		
}

#index #footer_container{
	width: 960px;
	margin:0 auto;
	text-align: left;
}

#index #main_container {
	height: 579px;
}
/*/#index */

/*#concept*/
#concept #main_container {
	width: 960px;
	height: 660px;
	background: url(../../images/bg_cont_cocept.jpg) left top no-repeat;
}

#concept #readtxt {
	padding: 62px 0 0 70px;
}

#concept #txt {
	padding: 32px 0 0 70px;
}

#concept #txt span {
	padding:0 0 35px 0;
	display:block;
}

#concept #txt #txt_01 {
	width: 386px;
}

#concept #txt #txt_02 {
	width: 385px;
}

#concept #txt #txt_03 {
	width: 304px;
}

#concept #txt #txt_04 {
	width: 387px;
}

/*#products*/
#products #main_container{
	width: 960px;
	position: relative;
	background-color: #FFFFFF;
}

#products #main_container h2{
	padding-bottom: 30px;
}

#products #snavi {
	width:441px;
	padding-top: 36px;
	position: absolute;
	top:0;
	right: 0;	
}

#products #snavi li {
	margin-left: 47px;
	float: left;
	display: inline;
}

#products .category {
	margin: 0 0 0 29px;
}

#products .section{
	width:800px;
	margin:25px 0 25px 25px;	
}

#products .dotline {
	margin: 0 0 0 25px;
}

#products .image_box {
	width: 198px;
	height:198px;
	border: solid 1px #CCCCCC;
	position: relative;
}

#products .txt_box {
	width: 523px;
	margin-left: 25px;
	font-size:93%;
}

#products .price {
	padding-top: 5px;
}

#products .readtxt {
	padding-top: 5px;
}

#products .txt {
	padding-top: 25px;
}

#products .btn_purchas {
	padding-top: 20px;
}

#products .btn_zoom {
	position: absolute;
	top: 3px;
	right: 15px;
}

#products #section01 .image {
	margin:44px 0 0 42px;
}

#products #section02 .image {
	margin:8px 0 0 67px;
}

#products #section03 .image {
	margin:14px 0 0 68px;
}

#products #section04 .image {
	margin:15px 0 0 43px;
}

#products #section05 .image {
	margin:49px 0 0 40px;
}

#products #section06 .image {
	margin:14px 0 0 61px;
}

#products #section07 .image {
	margin:49px 0 0 33px;
}

#products #section08 .image img {
	margin:19px 0 0 54px;
}

#products .btn_pagetop {
	padding: 13px 30px 19px 0;
	text-align: right;
}

/*#features*/
#features #main_container {
	background-color: #FFFFFF;
}

#features h3 {
	padding: 50px 0 0 0;
}

#features .txt {
	padding: 30px 0;
	font-size: 93%;
}

#features .images {
	width: 677px;
	margin-left: 102px;
}

#features .section {
	width: 880px;
	margin:0 0 0 40px;
}

#features .column01 {
	padding: 30px 0;
	font-size: 93%;
	line-height: 1.7;
}

#features .column01 .txt {	
	width: 418px;
	margin:0 0 0 25px;
	padding: 0;
	display:block;
}

#features .column01 .txt li.lstyle {	
	text-indent: -1.5em;
	padding-left:1.5em;
}

* html #features .column01 .txt li.lstyle {	
	text-indent: -1.3em;
	padding-left:1.3em;
}

#features .column01 .txt .mb13 {
	margin-bottom: 13px;	
}

#features .column02 {
	width: 698px;
	margin: 0 0 30px 98px;
	border: solid 1px #d07999;
}

#features .column02 h4{
	padding: 14px 0 0 20px;
}

#features .column02 .readtxt {
	padding:11px 20px 0 20px;
	font-size: 93%;
}

#features .column02 #list02 {
	padding: 13px 20px 10px 20px;
	font-size: 93%;
}

* html #features .column02 #list02 {
		padding: 13px 20px 0 20px;
} 

#features .column02 #list03 {
	padding: 13px 20px 18px 20px;
	font-size: 77%;
	line-height: 1.4
}

#features .column02 #list03 li {
	text-indent: -2.8em;
	padding-left: 2.8em;
}

* html #features .column02 #list03 li {
	text-indent: -2.5em;
	padding-left: 2.5em;
}

#features .column02 #list03 li.mb13 {
	margin-bottom: 13px;
}

#features .dotline_featrures {
	margin: 0 0 0 20px;
	padding: 0;
}

#features .btn_pagetop {
	padding: 13px 0 19px 0;
	text-align: right;
}

/*/#features*/

/*#program*/

#program #main_container {
	background-color: #FFFFFF;
}

#program .readtxt {
	margin: 29px 0 17px 40px;
	font-size:93%;
}

#program .section {
	margin: 0 0 0 40px;
	padding-bottom: 20px;
}

#program h3 {
	margin-left: 14px;
}

#program #section01 {
	width: 879px;
	height: 260px;
	background: url(../../images/bg_day_program.gif) left top no-repeat;
}

#program #section01 #area01 {
	width: 879px;
	height130px;
	position: relative;
}

#program .thumb {
	position: absolute;
	top:0;
	left:0;
}

#program #thumb01 {
	top: 12px;
	left:163px;
}

#program #thumb02 {
	top: 12px;
	left:413px;
}

#program #thumb03 {
	top: 12px;
	left:500px;
}

#program #section01 #area02 {
	width: 879px;
	height130px;
	position: relative;
}

#program #thumb04 {
	top: 15px;
	left:772px;
}

#program #section02 {
	width: 879px;
	height: 260px;
	background: url(../../images/bg_night_program.gif) left top no-repeat;
}

#program #section02 #area03 {
	width: 879px;
	height130px;
	position: relative;
}

#program #thumb05 {
	top: 8px;
	left:63px;
}

#program #thumb06 {
	top: 8px;
	left:163px;
}

#program #thumb07 {
	top: 8px;
	left:410px;
}

#program #thumb08 {
	top: 8px;
	left:500px;
}

#program #section02 #area04 {
	width: 879px;
	height130px;
	position: relative;
}

#program #thumb09 {
	top: 14px;
	left:246px;
}

#program #thumb10 {
	top: 14px;
	left:344px;
}

#program #thumb11 {
	top: 14px;
	left:689px;
}

#program #thumb12 {
	top: 14px;
	left:772px;
}

#program .btn_pagetop {
	padding: 13px 40px 29px 0;
	text-align: right;
}

/*float*/
.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}