@charset "UTF-8";

@import url("common.css");

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

 コンテンツページのスタイル

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

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}
.txtSmall {
   font-size: 11px;
   letter-spacing: 0em;}
.img03 {
   margin-bottom: 3px;}
.img10 {
   margin-bottom: 10px;}
.img15 {
   margin-bottom: 15px;}
.img20 {
   margin-bottom: 20px;}
.img25 {
   margin-bottom: 25px;}
.img30 {
   margin-bottom: 30px;}
.img40 {
   margin-bottom: 40px;}
.img60 {
   margin-bottom: 60px;}
.img80 {
   margin-bottom: 80px;}
.img05 {
   margin-bottom: 5px;}




/* --------------------------------------------------------------------------------------
 日本語
--------------------------------------------------------------------------------------- */
div#head {
   width: 864px;
   height: 400px;
   background: url(../img/head_img.jpg) center center no-repeat;
   margin: 0 auto;}

div#head ul {
   float: right;
   width: 220px;
   padding-top: 10px;}

div#head ul li {
   float: left;}

div#catch {
   width: 864px;
   margin-bottom: 35px;}

div#catch .ch {
   float: left;
   width: 591px;
   margin-bottom: 25px;}

div#catch .ch p {
   margin-left: 20px;}

div#catch img.musume {
   float: right;}

.midashi {
   width: 860px;
   margin-bottom: 10px;}

.normal {
   width: 800px;
   margin-left: 65px;}

ul#tea_style {
   margin-bottom: 80px;
   width: 800px;
   margin-left: 65px;}

ul#tea_style li {
   margin: 0px 10px;
   float: left;}

ul#pro_style {
   width: 800px;
   margin-left: 65px;}

ul#pro_style li {
   margin: 0px 10px 20px 10px;
   float: left;}

p.tx01 {
   font-size: 14px;
   color: #00c3ed;
   margin-left: 65px;}

ul#tea_product {
   width: 800px;
   margin-left: 65px;}

ul#tea_product li {
   margin: 0px 15px 50px 15px;
   float: left;
   width: 363px;
   letter-spacing: 0.03em;}
* html ul#tea_product li {
   margin: 0px 7px;}

ul#tea_product li p {
   font-weight: bold;
   font-size: 14px;}

ul#tea_how {
   width: 800px;
   margin-left: 65px;}

ul#tea_how li {
   margin: 0px 0px 30px 15px;
   float: left;
   width: 370px;
   line-height: 140%;}
* html ul#tea_how li {
   margin: 0px 0px 50px 0px;}

ul#tea_how li p.how01 {
   background: url(../img/cocochi_67.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;}
* html ul#tea_how li p.how01 {
   width: 350px;}

ul#tea_how li p.how015 {
   background: url(../img/cocochi_67.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;
   height: 31px;
   line-height: 31px;
   vertical-align: middle;
   letter-spacing: 0.02em;}
* html ul#tea_how li p.how015 {
   width: 380px;}

ul#tea_how li p.how02 {
   background: url(../img/cocochi_67-22.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;}
* html ul#tea_how li p.02 {
   width: 350px;}

ul#tea_how li p.how025 {
   background: url(../img/cocochi_67-22.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;
   height: 31px;
   line-height: 31px;
   vertical-align: middle;}
* html ul#tea_how li p.025 {
   width: 350px;}

ul#tea_how li p.how03 {
   background: url(../img/cocochi_67-23.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;}
* html ul#tea_how li p.03 {
   width: 350px;}

ul#tea_how li p.how035 {
   background: url(../img/cocochi_67-23.gif) top left no-repeat;
   width: 305px;
   margin: 0px 0px 30px 20px;
   padding-left: 45px;
   height: 31px;
   line-height: 31px;
   vertical-align: middle;}
* html ul#tea_how li p.035 {
   width: 350px;}

.box01 {
   width: 800px;
   margin-bottom: 35px;}

div#under {
   width: 864px;
   background: url(../img/cocochi_114.gif) top left repeat-y;
   margin-bottom: 50px;}

div#under #company {
   float: left;
   width: 425px;
   background: url(../img/cocochi_123.jpg) top right no-repeat;
   letter-spacing: 0.01em;}

div#under #business {
   float: right;
   width: 415px;}

div#under #company li {
   margin-bottom: 10px;
   width: 415px;}

div#under #company .com_left {
   width: 50px;
   float: left;}

div#under #company .com_right {
   width: 360px;
   float: right;}

div#under #company .com_left2 {
   width: 80px;
   float: left;}

div#under #company .com_right2 {
   width: 330px;
   float: right;}

div#under #business li {
   margin-bottom: 20px;
   width: 385px;
   background: url(../img/cocochi_125.gif) top left no-repeat;
   padding-left: 30px;}
* html div#under #business li {
   width: 415px;}

div#deai {
   width: 800px;
   line-height: 200%;
   margin: 0 0 65px 65px;
   background: url(../img/cocochi_198.gif) top right no-repeat;}



/* --------------------------------------------------------------------------------------
 英語
--------------------------------------------------------------------------------------- */
div#head2 {
   width: 864px;
   height: 400px;
   background: url(../img/head_img2.jpg) center center no-repeat;
   margin: 0 auto;}

div#head2 ul {
   float: right;
   width: 220px;
   padding-top: 10px;}

div#head2 ul li {
   float: left;}


/* --------------------------------------------------------------------------------------
 中国語
--------------------------------------------------------------------------------------- */
div#head3 {
   width: 864px;
   height: 400px;
   background: url(../img/head_img3.jpg) center center no-repeat;
   margin: 0 auto;}

div#head3 ul {
   float: right;
   width: 220px;
   padding-top: 10px;}

div#head3 ul li {
   float: left;}