/*------------------------------------------------------------
| common
+-----------------------------------------------------------*/
html, th, td { color: #333; font-size: 13px; }

h1, h2, h3, h4, h5, h6 { color: #333; }

h3{font-size:14px;}

/*------------------------------------------------------------
| framing
+-----------------------------------------------------------*/

#pg_wrap {
    width: 100%;
    background:url("/eng/_prt/bg_image.jpg") repeat-x top;
}

#pg_sdw{
    margin:0 auto;
    width: 840px;
    background:url("/eng/_prt/site_bg.png");
}

* html #pg_sdw { behavior: expression(IEPNGFIX.fix(this)); }

#pg_head {
    margin:0 auto;
    width: 800px;
    height:284px;
    background:#fff;
}

#pg_body {
    margin:0 auto;
    width: 800px;
    background:#FFF url("/eng/_prt/bg_body.jpg") repeat-x top;
 }
 
#pg_foot {
    margin:0 auto;
    width: 800px;
    height:120px;
    background:url("/eng/_prt/bg_foot.jpg") repeat-x;
    clear:both;
}
.bg2{margin:0;padding:0;10px;height:10px;}
/*------------------------------------------------------------
| 基本レイアウト
+-----------------------------------------------------------*/

#pg_head h1{
    position:relative;
    top:5px;
    left:10px;
    font-size:9px;
    width:540px;
    float:left;
}

#pg_head .icn_jp{display:block;width:22px;height:14px;background:url("/eng/_prt/icn_jp.gif") no-repeat top;float:left;margin:2px 3px 0 0;}
#pg_head .icn_jp:hover{display:block;background:url("/eng/_prt/icn_jp.gif") no-repeat bottom;}

#pg_head .icn_cn{display:block;width:22px;height:14px;background:url("/eng/_prt/icn_cn.gif") no-repeat top;float:left;margin:2px 3px 0 0;}
#pg_head .icn_cn:hover{display:block;background:url("/eng/_prt/icn_cn.gif") no-repeat bottom;}

#pg_head .icn_en{display:block;width:22px;height:14px;background:url("/eng/_prt/icn_en.gif") no-repeat top;float:left;margin:2px 3px 0 0;}


#pg_body .pan{
    width:800px;
    height:52px;
    background:url("/eng/_prt/bg_illust2.jpg") no-repeat right;
}

#pg_body .pan span{
    position:relative;
    top:5px;
    left:25px; 
    width:560px;
    display:block;
}

#pg_body .menu{
    position:relative;
    left:23px;
    width:170px;
    height:750px;
    background:url("/eng/_prt/bg_menu.jpg") no-repeat 0px 120px;
    float:left;
}

#pg_body .main{
    position:relative;
    right:27px;
    width:580px;
    float:right;
}

#pg_body .main .contents{
    position:relative;
    left:20px;
    width:540px;    
}


.numlink{
    margin:0 auto;
    padding:40px 0;
    width:24em;
    clear:both;
}


.numlink .back{
    margin:1px 0;
    float:left;
}

.numlink .number{
    height:24px;
    vertical-align:middle;
    float:left;
}

.numlink .number a{
    display:block;
    text-align:center;
    text-decoration:none;
    margin:1px 2px 0px;
    width:1.7em;
    height:1.7em;
    border:1px solid #666;
    float:left;
}

.numlink .back{
    margin:1px 0;
    float:left;
}

#pg_body .info2{
    position:relative;
    clear:both;
    left:203px;
    width:570px;
    height:30px;
}

#pg_body .info2 span{
    position:relative;
    left:8px;
}

#pg_foot a {color: #fff; cursor: pointer;}
#pg_foot a:visited { color: #fff; }
#pg_foot a:hover { color: #000; }
#pg_foot a:active { color: #fff; }


#pg_foot .pt{
    position:relative;
    float:right;
    right:21px;
    width:89px;
    height:28px;
    }

#pg_foot ul{
    position:relative;
    top:10px;
    left:10px;
	list-style-type: none;
    width:650px;
    margin:0;
	padding:0;
	float: left;
}

#pg_foot li{
	list-style-type: none;
    margin:0;
	padding:0;
	float: left;
	color:#fff;
}

#pg_foot .copy{
    margin:0;
	padding:0;
	top:25px;
	position:relative;
	width:450px;
	height:45px;
    float:left;
}

#pg_foot .copy2{
    margin:0;
	padding:0;
	float:right;
	top:50px;
	right:15px;
	position:relative;
	width:330px;
    font-size:10px;
    text-align:right;
    vertical-align:bottom;
    color:#fff;
}

/*------------------------------------------------------------
| ナビゲーション
+-----------------------------------------------------------*/

#pg_head .head_manu{
    position:relative;
    right:20px;
    font-size:12px;
    width:180px;
    text-align:right;
    float:right;
}

#pg_head .navi .topimage{
    margin:0;
	padding:2px 0 0;
	float: left;
}

#pg_head .navi img{
    margin:0;
	padding:0;
	float: left;
}

#pg_head .navi ul{
	list-style-type: none;
    width:800px;
    height:55px;
    margin:0;
	padding:0;
	float: left;
}

#pg_head .navi li{
	list-style-type: none;
    margin:0;
	padding:0;
	float: left;
}

#menu_top{display:block;width:121px;height:55px;background:url("/eng/_prt/nav_top2.jpg") no-repeat top;}
#menu_top:hover{display:block;background:url("/eng/_prt/nav_top2.jpg") no-repeat bottom;}

#menu_com{display:block;width:121px;height:55px;background:url("/eng/_prt/nav_com.jpg") no-repeat top;}
#menu_com:hover{display:block;background:url("/eng/_prt/nav_com.jpg") no-repeat bottom;}

#menu_sci{display:block;width:121px;height:55px;background:url("/eng/_prt/nav_sai.jpg") no-repeat top;}
#menu_sci:hover{display:block;background:url("/eng/_prt/nav_sai.jpg") no-repeat bottom;}

#menu_catalog{display:block;width:121px;height:55px;background:url("/eng/_prt/nav_catalog.jpg") no-repeat top;}
#menu_catalog:hover{display:block;background:url("/eng/_prt/nav_catalog.jpg") no-repeat bottom;}

#menu_mail{display:block;width:121px;height:55px;background:url("/eng/_prt/nav_mail.jpg") no-repeat top;}
#menu_mail:hover{display:block;background:url("/eng/_prt/nav_mail.jpg") no-repeat bottom;}

#pg_body .illust{
	float: right;
	width:195px;
    height:60px;
}

/*------------------------------------------------------------
| サイドメニュー
+-----------------------------------------------------------*/
/*サイエンス*/
#navi_sci1{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_1.jpg") no-repeat top;}
#navi_sci1:hover{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_1.jpg") no-repeat bottom;}

#navi_sci2{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_2.jpg") no-repeat top;}
#navi_sci2:hover{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_2.jpg") no-repeat bottom;}

#navi_sci3{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_3.jpg") no-repeat top;}
#navi_sci3:hover{display:block;width:170px;height:60px;background:url("/eng/science/_prt/menu_sa_3.jpg") no-repeat bottom;}

/*カタログ*/
#navi_ca1{display:block;width:170px;height:60px;background:url("/eng/catalog/_prt/menu_ca_1.jpg") no-repeat top;}
#navi_ca1:hover{display:block;width:170px;height:60px;background:url("/eng/catalog/_prt/menu_ca_1.jpg") no-repeat bottom;}

#navi_ca2{display:block;width:170px;height:60px;background:url("/eng/catalog/_prt/menu_ca_2.jpg") no-repeat top;}
#navi_ca2:hover{display:block;width:170px;height:60px;background:url("/eng/catalog/_prt/menu_ca_2.jpg") no-repeat bottom;}


/*会社案内*/
#navi_com1{display:block;width:170px;height:45px;background:url("/eng/company/_prt/menu_com_1.jpg") no-repeat top;}
#navi_com1:hover{display:block;width:170px;height:45px;background:url("/eng/company/_prt/menu_com_1.jpg") no-repeat bottom;}


#navi_com3{display:block;width:170px;height:45px;background:url("/eng/company/_prt/menu_com_3.jpg") no-repeat top;}
#navi_com3:hover{display:block;width:170px;height:45px;background:url("/eng/company/_prt/menu_com_3.jpg") no-repeat bottom;}

#navi_com4{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_4.jpg") no-repeat top;}
#navi_com4:hover{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_4.jpg") no-repeat bottom;}

#navi_com5{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_5.jpg") no-repeat top;}
#navi_com5:hover{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_5.jpg") no-repeat bottom;}

#navi_com6{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_6.jpg") no-repeat top;}
#navi_com6:hover{display:block;width:170px;height:60px;background:url("/eng/company/_prt/menu_com_6.jpg") no-repeat bottom;}

/*お問い合わせ*/
#navi_con1{display:block;width:170px;height:45px;background:url("/eng/contact/_prt/menu_co_1.jpg") no-repeat top;}
#navi_con1:hover{display:block;width:170px;height:45px;background:url("/eng/contact/_prt/menu_co_1.jpg") no-repeat bottom;}

#navi_con2{display:block;width:170px;height:45px;background:url("/eng/contact/_prt/menu_co_2.jpg") no-repeat top;}
#navi_con2:hover{display:block;width:170px;height:45px;background:url("/eng/contact/_prt/menu_co_2.jpg") no-repeat bottom;}

/*------------------------------------------------------------
| トップページ
+-----------------------------------------------------------*/
/*バナー*/
#top_bnr1{display:block;width:370px;height:136px;background:url("/eng/_prt/btn_pc.jpg") no-repeat top;}
#top_bnr1:hover{display:block;width:370px;height:136px;background:url("/eng/_prt/btn_pc.jpg") no-repeat bottom;}

#top_bnr2{display:block;width:370px;height:95px;background:url("/eng/_prt/btn_gm.jpg") no-repeat top;margin-bottom:10px;}
#top_bnr2:hover{display:block;width:370px;height:95px;background:url("/eng/_prt/btn_gm.jpg") no-repeat bottom;}

.btn_pc{
    width:370px;
    margin:30px 0 0 10px;
    padding-left:10px;
    float:left;
}

.btn_gm{
    width:370px;
    margin:0 10px 50px 0;
    padding-right:10px;
    float:right;
}


.bnr span{
    display:block;
    margin:0 0 0 10px;
    width:440px;
}

#pg_body .bg{
    clear:both;
    width:800px;
    height:10px;
}
#pg_body .fc{
    clear:both;
    height:10px;
 }
 
#pg_body .fc2{
    clear:both;
    height:40px;
 }
 
#pg_body .bn{
    position:relative;
    left:23px;
    margin:10px 0;
    width:250px;
}

/*------------------------------------------------------------
| バックナンバー
+-----------------------------------------------------------*/
#pg_body .main .contents .kiji{
    margin:10px 0;
	padding:0 0 20px;
    border-bottom:1px solid #666;
}

/*------------------------------------------------------------
| 新着情報
+-----------------------------------------------------------*/
#pg_body .main .contents .day{
    position:relative;
	width:550px;
	text-align:right;
}

#pg_body .main .contents .title{
    position:relative;
	width:550px;
    margin:10px 0;
	padding:0 0 7px;
	font-size:18px;
	font-weight:800;
    border-bottom:1px solid #666;
}

#pg_body .main .contents .lead{
	color:#f00;
}


#pg_body .main .contents .images{
	float:right;
	text-align:right;
}

/*------------------------------------------------------------
| お問い合わせ
+-----------------------------------------------------------*/
#pg_body .main .contents th{
  	font-weight:400;
    width:140px;
	background:#E3E0CA;
	text-align:left;
    padding:5px;
    border-bottom:2px solid #fff;
}

#pg_body .main .contents td{
    padding:5px;
    width:400px;
    border-bottom:2px solid #fff;
}

.kome{
    color:#600;
}

/*------------------------------------------------------------
| 商品カテゴリ一覧+-----------------------------------------------------------*/
#pg_body .main .contents .kategorie{
    width:248px;
    height:118px;
    background:url("catalog/_prt/list_bg.jpg") repeat-y;
    border:1px solid #A9AA73;
    float:left;
    margin:0 7px 20px;
}

#pg_body .main .contents .kategorie .kate_comment{
    position:relative;
    top:8px;
    left:8px;
    float:left;
    width:127px;
    
}

#pg_body .main .contents .kategorie .kate_image{
    float:right;
    width:118px;
    height:118px;
}

#pg_body .main .contents .kategorie h4{
    font-size:15px;
   	font-weight:400;
    border-bottom:1px solid #A9AA73;
    padding:0 0 5px;
}
#pg_body .main .contents .moushikomi{
    background:url("catalog/_prt/moushikomi.gif") repeat-y;
    width:532px;
    height:170px;
}



/*------------------------------------------------------------
| 商品一覧
+-----------------------------------------------------------*/

#pg_body .main .contents .read_comment{
    border-top:1px solid #A9AA73;
    border-bottom:1px solid #A9AA73;
    padding:10px 0;
}

.goods{
    margin:10px 0;
    padding:0 0 20px;
    border-bottom:1px solid #A9AA73;
}

#pg_body .main .contents .goods .images{
    float:left;
    width:180px;
    text-align:center;
}

#pg_body .main .contents .goods .table{
    float:right;
    width:360px;
}

#pg_body .main .contents .goods .table th{
    border-spacing:90px;
	background:#fff;
    padding:5px;
    vertical-align:top;
}

#pg_body .main .contents .goods .table td{
    padding:5px;
    vertical-align:top;
}

.aka{
    color:#900;
}

/*------------------------------------------------------------
| 会社概要
+-----------------------------------------------------------*/

#pg_body .main .contents .title_min2{
    font-family:'ＭＳ 明朝';
  	font-weight:800;
	font-size:20px;
    position:relative;
	width:550px;
    margin:10px 0 30px;
	line-height:120%;
}

.com_image {
    float:right;
    margin:0  0 10px 10px;
}

#pg_body .main .contents .annai th{
	background:#fff;
	padding:0px;
    vertical-align:top;
}

#pg_body .main .contents .annai td{
    vertical-align:top;
   	padding:0px;
}

#pg_body .main .contents .enkaku th{
	width:110px;
	background:#fff;
	padding:0px;
    vertical-align:top;
}

#pg_body .main .contents .enkaku td{
    vertical-align:top;
   	padding:0px;
}

#pg_body .main .contents .eigyou {
    height:160px;
    border-bottom:1px solid #A9AA73;
    padding:0 0 10px;
    margin:0 0 20px;
}

#pg_body .main .contents .eigyou .images {
    float:right;
    margin:0  0 20px 20px;
}

#pg_body .main .contents .eigyou .comment span {
  	font-weight:600;
    font-size:18px;
}

#pg_body .main .contents .eigyou .comment {
    width:300px;
}

/*------------------------------------------------------------
| 緑茶サイエンス
+-----------------------------------------------------------*/
#pg_body .main .contents .title_min{
    font-family:'ＭＳ 明朝';
  	font-weight:800;
	font-size:28px;
    position:relative;
	width:550px;
    margin:10px 0 30px;
	line-height:120%;
}

.sci_illust{
    float:right;
    width:135px;
}
.stitle{
    color:#482E1D;
  	font-weight:800;
	font-size:18px;
	margin:0 0 10px;
	padding:0.6em 0 0 30px;
	height:70px;
	line-height:140%;
	background:url("/eng/_prt/ico_cha.gif") no-repeat;}

.sai_image {
    float:right;
}

#pg_body .menu ul{
	list-style-type: none;
    width:140px;
   	padding:0 0 0 10px ;
}

#pg_body .menu li{
	list-style-type: none;
    margin:0;
	padding:0 0 10px 10px ;
	background:url("/eng/_prt/ico_menu.gif") no-repeat;
}


#pg_body .main .contents .stitle span{
    color:#900;
    font-size:16px;
}
#pg_body .main .contents .seibun{
	padding:30px 0 0;
}

#pg_body .main .contents .seibun th{
	width:70px;
	background:#fff;
	padding:0px 0 10px;
}

#pg_body .main .contents .seibun td{
   	padding:0px;
}

#pg_body .main .contents .subt{
  	font-weight:700;
    color:#900;
    font-size:16px;
    padding:0 0 10px;
}

#pg_body .main .contents .subtitle{
    color:#900;
    font-weight:700;
  	background:#fff;
  	width:550px;
    border-top:1px solid #A9AA73;
    border-bottom:1px solid #A9AA73;
    font-size:16px;
    padding:10px 0;
    margin:10px 0;
}

#pg_body .main .contents .list ul{
    position:relative;
    left:-10px; 
    list-style-type:decimal;
}

#pg_body .main .contents .sai_cen{
    margin:0 auto;
    width:354px:
}

#pg_body .main .contents .set{
    border-top:1px solid #A9AA73;
    padding:20px 0;
    margin:0 0 10px;
    float:left;
    width:550px;
}

#pg_body .main .contents .s_right{
    text-align:right;
    clear:both;
    width:320px;
}

#pg_body .main .contents .set img{
    margin:0 20px 0 0;
    float:left;
}

#pg_body .main .contents .set2{
    padding:10px 0;
    float:left;
    width:550px; 
}

#pg_body .main .contents .set2 img{
    float:left;
    margin:0 20px 0 0;
}

#pg_body .main .contents .set3{
    padding:10px 0;
    float:left;
    width:550px; 
    border-bottom:1px solid #A9AA73;
}

#pg_body .main .contents .set3 img{
    float:left;
    margin:0 20px 0 0;
}

#pg_body .main .contents .set3 .w_image{
    margin:0 64px 0 64px;
 }
 
/*------------------------------------------------------------
| 通信販売法に基づく表示
+-----------------------------------------------------------*/
#pg_body .main .contents .tsuhan {
    color:#900;
    font-size:16px;
}

#pg_body .main .contents .tsuhan th{
	width:120px;
	padding:10px 5px;
}

#pg_body .main .contents .tsuhan td{
   	padding:10px;
   	background:#eee;
}

#pg_body .main .contents .tsuhan ul{
    position:relative;
    left:-10px; 
    list-style-type:disc;
}

#pg_body .main .contents .tsuhan .numlist ul{
    position:relative;
    left:-10px; 
    list-style-type:decimal;
}