@charset "utf-8";

/*
**  Volvic
**
**	LAYOUT.CSS | 2010.04.15 updated.
**
**	INDEX
**
**	00 : @_GENERAL
**
**	01 : @_HOME
**	02 : @_SUBPAGE
**
**	XX : @_VOLVIC
**
**	XX : @_WATER
**
**	XX : @_CSR
**
**	XX : @_CAMPAIGN
**
**	XX : @_CM
**	XX : @_CONTACT
**	XX : @_PRESS
**	XX : @_FAQ
**	XX : @_REG-PRIVACY
**	XX : @_REG-TERMS
**	XX : @_SHOP
**	XX : @_SITEMAP
**	XX : @_DOWNLOAD
**
**
*/

/*
**  FONT SIZE CHEAT
**  
**  16px : 133.4%
**  15px : 125%%
**  14px : 116.7%
**  13px : 108.4%
**  12px : 100%
**  11px : 91.7%
**  10px : 83.4%
**
*/

/* @group GENERAL */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_GENERAL                                               ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Float */

.left  { float:left; }
.right { float:right; }

/* note */

p.note {
  text-indent: -1em;
  margin-left: 1em;
}

p.note-normal {
  text-indent:-1.4em;
  margin-left:1.4em;
}

p.note-small {
  text-indent:-1.3em;
  margin-left:1.3em;
  font-size:83.4%; /* 10px */
}

/* List Square Dot */

ul.dotlist {
  margin-bottom:1em;
}

ul.dotlist li {
  padding-left:8px;
  background:url(../images/bullet-list-02.gif) no-repeat 0 0.6em;
}

/* news */
.news-info {
  background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
  margin-bottom:20px;
}

.news-info ul {
  background:url(../images/line-brokenline02.gif) repeat-x 0 0;
  padding:12px 0;
}


/* link */
ul.arrow-big {
  background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

ul.arrow-big li {
  background:url(../images/line-brokenline02.gif) repeat-x 0 0;
}

ul.arrow-big li a {
  display:block;
  padding:2px 0 2px 21px;
  font-size:116.7%; /* 14px */
  font-weight:bold;
  background:url(../images/arrow-big-01.png) no-repeat 0 0.5em;
　zoom:1;
}

ul.arrow-middle li {
  padding-left:15px;
  font-weight:bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 0.5em;
}

ul.arrow-small li {
  padding-left:8px;
  font-weight:bold;
  background:url(../images/arrow-xsmall-01.gif) no-repeat 0 0.7em;
}

#contents a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

/* frame A */

.frame-a {
  width:610px;
  background:#fff url(../images/bg-frame-body.gif) repeat-y 0 0;
}

.frame-a-head {
  background:url(../images/bg-frame-head.gif) no-repeat 0 0;
}

.frame-a-body {
  padding:20px;
  background:url(../images/bg-frame-foot.gif) no-repeat 0 bottom;
}

/* separater */

hr.separater-article {
	display:block;
	clear:both;
	margin-bottom:3em;
	height:1px;
	border:0;
	background: transparent url(../images/line-separater-article.gif) repeat-x 0 0;
}

*html hr.separater-article {
	display:list-item;
	clear:both;
	width:0;
	margin-left: -10px;
	margin-bottom:3em;
	list-style: url(../images/line-separater-article.gif) inside;
}

hr.separater-section {
	display:block;
	clear:both;
	margin-bottom:3em;
	height:1px;
	border:0;
	background: transparent url(../images/line-separater-section.gif) repeat-x 0 0;
}

*html hr.separater-section {
	display:list-item;
	clear:both;
	width:0;
	margin-left: -10px;
	margin-bottom:3em;
	list-style: url(../images/line-separater-section.gif) inside;
}

#about {
	margin-bottom:32px;
}

/* table pattern
----------------------------------------------- */
/* simple 01 */
table.simple01  {
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

table.simple01 th {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
  white-space:nowrap;
	border-right:1px solid #ddd;
}

table.simple01 caption {
	padding-bottom: 10px;
	caption-side: top;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

table.simple01 td {
  padding:10px 0 10px 10px;
  vertical-align:top;
}

table.simple01 tr {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

table.simple01 tr.end {
	background-image:none;
}

/* simple 02 */
table.bdline01  {
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

table.bdline01 td {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
}

table.bdline01 tr {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

table.bdline01 tr.end {
	background-image:none;
}

/* simple 03 */
table.simple03  {
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

table.simple03 th {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
  white-space:nowrap;
	border-right:1px solid #ddd;
	background:#f9f9f9 url(../images/line-brokenline02.gif) repeat-x 0 bottom;
color:#222222;
}

table.simple03 caption {
	padding-bottom: 10px;
	caption-side: top;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

table.simple03 td {
  padding:10px 0 10px 10px;
  vertical-align:top;
}

table.simple03 td {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

table.simple03 tr.end th,
table.simple03 tr.end td {
	background-image:none;
}

table.simple03 th.nobb {
	background:#f9f9f9;
}

table.simple03 td ul {
  margin-bottom:0;
}

/* simple 04 */
table.simple04  {
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

table.simple04 th {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
  white-space:nowrap;
  	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:#f9f9f9 url(../images/line-brokenline02.gif) repeat-x 0 bottom;
color:#222222;
text-align: center;
}

table.simple04 caption {
	padding-bottom: 10px;
	caption-side: top;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

table.simple04 td {
  padding:10px 0 10px 10px;
  vertical-align:top;
  text-align: center;
  border-right:1px solid #ddd;  
}

table.simple04 td {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

table.simple04 tr.end th,
table.simple04 tr.end td {
	background-image:none;
}

table.simple04 th.nobb {
	background:#f9f9f9;
}

table.simple04 td ul {
  margin-bottom:0;
}

table.simple04 .arrow-middle a {
  padding-left:20px;
  font-weight:bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 50%;
}

/* @end */

/* @group HOME */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_HOME                                                  ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.home #pagebody {
  line-height:1.6;
}

.section01A {
  width: 598px;
  border:1px solid #eeeeee;
  padding:5px;
  margin:0 auto 10px 0;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  background-color: #ffffff;
}

.section01A .externalIcon {
  display:none;
}
.section01A ul {
  margin-left: 0.5em;
}
.section01A ul li {
  padding-left:15px;
  line-height:1.8;
  font-weight: bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 0.45em;
}

.section01A a {
  text-decoration:none;
}

.section01A a:hover {
  color:#009fd8;
  text-decoration:underline;
}

#contents-navi {
  margin:0 0 36px 0;
}

.cmlibrary-navi {
  background:url(../../images/bg-content-navi01.jpg) no-repeat 0 0;
  width:320px;
  height:269px;
  position: relative;
  float:left;
}

.cmlibrary-navi ul {
  list-style: none;
}

.interview-navi {
  width:270px;
  height:85px;
  overflow: hidden;
  position: absolute;
  top:64px;
  left: 25px;
}

.wallpaper-navi {
  width:270px;
  height:85px;
  overflow: hidden;
  position: absolute;
  top:159px;
  left: 25px;
}

.campaign-navi {
  width:275px;
  float:right;
}

.campaign-navi ul {
  list-style:none;
}

.campaign-navi ul .child01 {
  margin:0 0 8px 0;
}

.about-vol {
  width:570px;
  height:318px;
  background:url(../../images/img-vol01.jpg) no-repeat 0 0;
  margin:0 0 18px 0;
}

.about-vol ul {
  list-style:none;
  width:570px;
  height:318px;
  position:relative;
}

.about-vol ul li.about-vol-nav01 {
  width:166px;
  height:195px;
  position:absolute;
  left:15px;
  bottom:20px;
  margin:0;
}

.about-vol ul li.about-vol-nav02 {
  width:166px;
  height:195px;
  position:absolute;
  left:200px;
  bottom:20px;
  margin:0;
}

.about-vol ul li.about-vol-nav03 {
  width:166px;
  height:195px;
  position:absolute;
  right:20px;
  bottom:20px;
  margin:0 !important;
}

.about-vol a:hover img {
  opacity:1.0 !important;
  filter:alpha(opacity=100) !important;
}

#specialMovie {
  line-height:1.0;
  margin:0 0 10px 0;
}

/* Top FLASH
----------------------------------------------- */

#topfla {
  width:100%;
  height:378px;
  padding-top:22px;
  background:#fff url(../images/bg-topfla.png) repeat-x 0 top;
}

#topfla-inner {
  width:1000px;
  height:378px;
  margin:0 auto;
  position:relative;
}

#topfla-inner ul {
  list-style:none;
  width:670px;
  height:310px;
  overflow:hidden;
  position:absolute;
  top:10px;
  left:165px;
  z-index:99;
}

#topfla-inner h1 {
  list-style:none;
  width:670px;
  height:310px;
  background:url(../../indexSlide/images/img_alt.jpg) no-repeat 0 0;
  font-size: 0;
  text-indent: -9999px;
}

#topfla-inner h1 a {
  display:block;
  list-style:none;
  width:670px;
  height:310px;
}

#topfla-inner p.bannerBase {
  width:1000px;
  height:378px;
  position:absolute;
  top:0;
  left:0;
}

#topfla-inner p.bannerBottle01 {
  width:320px;
  height:280px;
  position:absolute;
  right:0;
  bottom:20px;
  z-index:100;
}

#topfla-inner p.bannerBottle02 {
  width:216px;
  height:220px;
  position:absolute;
  left:68PX;
  bottom:0;
  z-index:101;
}

/* $1 | Process of Volvic
----------------------------------------------- */

.home #article01 {
  margin-bottom:3em;
}

.home #article01 h2 {
  margin-bottom:20px;
}

.home #article01 p.pic {
  position:relative;
  float:right;
  margin-top:-75px;
  margin-left:12px;
}

.home #article01 p.honbun {
  margin-bottom:12px;
}

.home #article01 ul li {
  padding-left:15px;
  font-weight:bold;
  line-height:1.8;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 0.45em;
}

/* $2-1 | Reason of Repeating
----------------------------------------------- */

.home #article02 {
  margin-bottom:3em;
}

.home #article02 h2 {
  margin-bottom:20px;
}

.home #article02 h3 {
  margin-bottom:0.5em;
}

.home #article02 h3 a {
  padding-left:15px;
  font-weight:bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 center;
}

.home #article02 .innerbox01 {
  float:left;
  width:295px;
}

.home #article02 .innerbox02 {
  float:right;
  width:295px;
}

.home #article02 p.pic {
  float:left;
  margin-right:12px;
}

/* $2-2 | Special Contents
----------------------------------------------- */

.home #special {
  position:relative;
  margin-bottom:3em;
}

.home #special h3 {
  margin-bottom:15px;
}

.home #special ul li {
  float:left;
  margin-right:10px;
}
.home #special ul li.nomr {
  margin-right:0;
}

.home #special p.checkseal {
  position:absolute;
  top:6px;
  left:25px;
}


/* $2-2 | About Contents
----------------------------------------------- */
.home #about ul li {
  float:left;
  margin-right:10px;
}
.home #about ul li.nomr {
  margin-right:0;
}


/* $3 | About CSR
----------------------------------------------- */

.home #article03 {
  margin-bottom:32px;
}

.home #article03 .section01 {
  float:left;
  width:388px;
}

.home #article03 .section02 {
  float:right;
  width:194px;
}

.home #article03 .section02 .innerbox01 {
  margin-bottom:1em;
}

.home #article03 .section02 .innerbox02 {
  margin-bottom:0;
}

.home #article03 h2 {
  margin-bottom:20px;
}

.home #article03 h2 a img {
  opacity:1;
  filter:alpha(opacity=100);
}

.home #article03 p.pic {
  margin-bottom:11px;
}

.home #article03 h3 {
  margin-bottom:0.5em;
}

.home #article03 h3 a {
  padding-left:15px;
  font-weight:bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 center;
}

.home #article03 .section01 h3 {
  font-size: 116.7%; /* 14px */
}

.home #article03 .section01 h4 {
  margin-bottom:0.5em;
  font-weight:bold;
  color:#4dbed7;
}

.home #article03 .section01 ul {
  padding-top:1em;
}

.home #article03 .section01 ul li {
  padding-left:15px;
  font-weight:bold;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 center;
}

/* $4 | Update information
----------------------------------------------- */

.home #update-info {
  width:570px;
  height:223px;
  padding:19px 20px;
  background:url(../images/bg-update-info-box.gif) no-repeat 0 0;
}

.home #update-info h2 {
  width:570px;
  height:34px;
  margin-bottom:10px;
}

.home #update-info table {
  width:548px;
}

.home #update-info tr.nobd th,
.home #update-info tr.nobd td {
  background:none;
}

.home #update-info th,
.home #update-info td {
  padding-top:0.8em;
  padding-bottom:0.8em;
  padding-right:11px;
  vertical-align:top;
}

.home #update-info th {
  width:52px;
  padding-left:12px;
  white-space:nowrap;
  background:url(../images/line-brokenline01.gif) repeat-x 0 bottom;
}

.mac .home #update-info th {
  width:70px;
  padding-right:1em;
}

.home #update-info td {
  background:url(../images/line-brokenline01.gif) repeat-x -2px bottom;
}

.home #update-info td li {
  padding-left:15px;
  background:url(../images/arrow-middle-01.gif) no-repeat 0 0.35em;
}

/* jScrollPane Settings */

.home #update-info .scroll-pane {
  float:left;
  width:570px;
  height:183px;
  overflow:auto;
}

.jScrollPaneContainer {
  position:relative;
  overflow:hidden;
  z-index:1;
}

.jScrollPaneTrack {
  position:absolute;
  right:0;
  top:0;
  height:100%;
  background:#f5f5f5; /* bar bg color */
  cursor:pointer;
}

.jScrollPaneDrag {
  position:absolute;
  overflow:hidden;
  background:#adadad; /* bar color */
  cursor:pointer;
}

/* @end */

/* @group SUBPAGE */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_SUBPAGE                                               ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* main visual
----------------------------------------------- */

.sub #mainv {
  position:relative;
  height:230px;
  margin-bottom: 20px;
}

.sub #mainv h1 {
  position:absolute;
  top:0;
  left:0;
}

.fan_box .page_stream {
height: 172px !important;
}

/* main visual anchor
----------------------------------------------- */

.sub #mainv ul.mainv-anchor {
  position:absolute;
  top:132px;
  left:30px;
}

.sub #mainv ul.mainv-anchor li {
  margin-bottom:10px;
  font-size:10px;
}

.sub #mainv ul.mainv-anchor li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

.sub div#article,
.sub div#article01,
.sub div#article02,
.sub div#article03,
.sub div#article04,
.sub div#article05,
.sub div#article06,
.sub div#section,
.sub div#section01,
.sub div#section02,
.sub div#section03,
.sub div#section04,
.sub div#section05,
.sub div#section06,
.sub div#section07,
.sub div#section08,
.sub div#section09,
.sub div#section10,
.sub div#section11,
.sub div#section12,
.sub div#section13,
.sub div#section14,
.sub div#section15 {
  margin-bottom:3em;
  clear:both;
}

.sub #contents div.cntend {
  margin-bottom:0;
}

.sub h1.ttl {
  margin-top:1em;
  margin-bottom:20px;
  padding:9px 0 9px 16px;
  border-left:8px solid #4dbed7;
}

.sub h2.ttl {
  padding:9px 0 9px 16px;
  margin-bottom:20px;
  border-left:8px solid #4dbed7;
}

.sub h3.ttl,
.sub h2.ttl2 {
  padding-top:4px;
  padding-left:44px;
  padding-bottom:1em;
  margin-bottom:19px;
  font-size:133.4%; /* 16px */
  font-weight:bold;
  color:#002971;
  background:url(../images/bg-heading-waterdrop.gif) no-repeat 0 bottom;
}

.sub h4.ttl,
.sub h3.ttl2,
.sub h2.ttl3 {
  margin-bottom:10px;
  font-size:116.7%; /* 14px */
  font-weight:bold;
  color:#4dbed7;
  line-height:1.4;
}

.sub h5.ttl,
.sub h4.ttl2,
.sub h3.ttl3,
.sub h2.ttl4 {
  margin-bottom:5px;
  font-size:100%; /* 12px */
  font-weight:bold;
  line-height:1.4;
}

.sub h4.ttl span {
  font-size:10px;
  font-weight:normal;
  display:block;
}

.sub div.txtbody p {
  margin-bottom:1em;
}

.sub .section {
  margin-bottom:2em;
}

.sub .section-end {
  margin-bottom:0;
}

.sub p.cap {
  font-size:100%;
  line-height:1.5;
}

/* Related Contents
----------------------------------------------- */

.sub #related {
  position:relative;
  line-height:1.5;
}

.sub #related h3 {
  margin-bottom:15px;
}

.sub #related p.checkseal {
  position:absolute;
  top:6px;
  left:25px;
}

.sub h3.related {
  height:40px;
  padding-top:4px;
  padding-left:44px;
  margin-bottom:19px;
  font-size:16px;
  font-weight:bold;
  color:#002971;
  background:url(../images/bg-heading-waterdrop.gif) no-repeat 0 0;
}

.sub #related .section01,
.sub #related .section03,
.sub #related .section05 {
  float:left;
  width:280px;
}

.sub #related .section02,
.sub #related .section04,
.sub #related .section06 {
  float:right;
  width:280px;
}

.sub #related h4 {
  font-size:83.4%; /* 10px */
}

.sub #related p.pic {
  float:left;
  margin-right:10px;
}

.sub #related ul li a {
  padding-left:10px;
  background:url(../images/arrow-small.gif) no-repeat 0 center;
}

.sub #related .innerbox,
.sub #related .innerbox01,
.sub #related .innerbox02 {
  margin-bottom:10px;
}

.sub #related .innerbox:nth-last-of-type(1) {
  margin-bottom:0;
}

.sub #related .nomr {
  margin-right:0;
}

.sub #related .nomb {
  margin-bottom:0;
}

/*------------------------------------------------------------
	layout pattern
------------------------------------------------------------*/

/* mov-left & mov-right
----------------------------------------------- */

.sub .mov-left h2,
.sub .mov-right h2 {
	margin:0 0 15px 0;
}

.sub .mov-left div.mov,
.sub .mov-right div.mov {
  width:320px;
}

.sub .mov-left div.mov p.cap,
.sub .mov-right div.mov p.cap,
.sub .mov-triple div.mov p.cap {
  margin-bottom:4px;
  font-size:100%; /* 12px */
  font-weight:bold;
}
.sub .mov-left div.mov p,
.sub .mov-right div.mov p,
.sub .mov-triple div.mov p{
  font-size:100%; /* 12px */
  line-height:1.5;
}

.sub .mov-left div.mov img,
.sub .mov-right div.mov img,
.sub .mov-triple div.mov img {
  margin-bottom:10px;
}

.sub .mov-left div.txtbody,
.sub .mov-right div.txtbody {
  width:270px;
}

.sub .mov-left div.mov {
  float:left;
  margin-right:20px;
}
.sub .mov-right div.mov {
  float:right;
  margin-left:20px;
}

.sub .mov-left div.txtbody {
  float:right;
}
.sub .mov-right div.txtbody  {
  float:left;
}

.sub .mov-left div.txtbody div.cmBlogCode,
.sub .mov-right div.txtbody div.cmBlogCode {
  width:250px;
  height:220px;
  padding:65px 10px 10px 10px;
  background:url(../../cm/images/cm_blog_code_bg.gif) no-repeat 0 0;
  overflow:hidden;
}

.sub .mov-left div.txtbody div.cmBlogCode textarea,
.sub .mov-right div.txtbody div.cmBlogCode textarea {
  width:246px;
  height:185px;
  border:2px solid #5BC4D9;
  color:#999999;
}

.sub .mov-left div.txtbody div.libraryCode,
.sub .mov-right div.txtbody div.libraryCode {
  width:250px;
  height:220px;
  padding:65px 10px 10px 10px;
  background:url(../../csr/1lfor10l/images/library_code_bg.gif) no-repeat 0 0;
  overflow:hidden;
}

.sub .mov-left div.txtbody div.libraryCode textarea,
.sub .mov-right div.txtbody div.libraryCode textarea {
  width:246px;
  height:185px;
  border:2px solid #5BC4D9;
  color:#999999;
}


/* pic-left & pic-right
----------------------------------------------- */

.sub .pic-left div.img,
.sub .pic-right div.img {
  width:194px;
}

.sub .pic-left div.img p.cap,
.sub .pic-right div.img p.cap,
.sub .pic-triple div.img p.cap {
  margin-bottom:4px;
  font-size:100%; /* 12px */
  font-weight:bold;
}
.sub .pic-left div.img p,
.sub .pic-right div.img p,
.sub .pic-triple div.img p{
  font-size:100%; /* 12px */
  line-height:1.5;
}

.sub .pic-left div.img img,
.sub .pic-right div.img img,
.sub .pic-triple div.img img {
  margin-bottom:10px;
}

.sub .pic-left div.txtbody,
.sub .pic-right div.txtbody {
  width:396px;
}

.sub .pic-left div.img {
  float:left;
  margin-right:20px;
}
.sub .pic-right div.img {
  float:right;
  margin-left:20px;
}

.sub .pic-left div.txtbody {
  float:right;
}
.sub .pic-right div.txtbody  {
  float:left;
}


/* download-left & download-right
----------------------------------------------- */

.sub .download-left div.img,
.sub .download-right div.img {
  width:250px;
}

.sub .download-left div.txtbody,
.sub .download-right div.txtbody {
  width:340px;
}

.sub .download-left div.txtbody ul.downloadLink li,
.sub .download-right div.txtbody ul.downloadLink li {
  display:inline;
  margin:0 5px 0 0;
}

.sub .download-left div.img {
  float:left;
  margin-right:20px;
}
.sub .download-right div.img {
  float:right;
  margin-left:20px;
}

.sub .download-left div.txtbody {
  float:right;
}
.sub .download-right div.txtbody  {
  float:left;
}

/* lay-fright
----------------------------------------------- */

.sub .lay-fright div.img {
  float:right;
  margin-left:20px;
}
.sub .lay-fleft div.img {
  float:left;
  margin-right:5px;
}

.sub .lay-fright div.txtbody p,
.sub .lay-fleft div.txtbody p {
  margin-bottom:1em;
}

.sub .lay-fright div.txtbody p.cap,
.sub .lay-fleft div.txtbody p.cap {
  font-weight:bold;
}

.sub .lay-fright div.img p.cap,
.sub .lay-fleft div.img p.cap {
  font-size:100%; /* 12px */
}

.sub .lay-fright div.img p,
.sub .lay-fleft div.img p {
  font-size:100%; /* 12px */
  line-height:1.5;
}

/* img-triple
----------------------------------------------- */

.sub .pic-triple div.img {
  float:right;
  width:290px;
}

.sub .pic-triple div.txtbody {
  width:300px;
}

.sub .pic-triple .innerbox01 {
  margin-bottom:1em;
}

.sub .pic-triple .innerbox02 .section02 {
  float:left;
  width:140px;
}

.sub .pic-triple .innerbox02 .section03 {
  float:right;
  width:140px;
}

/* laybox-1col
----------------------------------------------- */

.sub .laybox-1col p.txtbody {
  margin-bottom:1em;
}

.sub .laybox-1col p.txtbody + p img {
  padding-top:0.5em;
}

.sub .laybox-1col p.cap {
  padding-top:10px;
  margin-bottom:4px;
  font-size:100%; /* 12px */
  font-weight:bold;
}
.sub .laybox-1col p.captxt {
  font-size:100%; /* 12px */
  line-height:1.5;
  padding-top:0;
}

.sub p.captxt2 {
  padding-top:10px;
  font-size:100%; /* 12px */
  line-height:1.5;
}

/* laybox-2col
----------------------------------------------- */

.sub .laybox-2col div.innerbox {
  float:left;
  width:295px;
  margin-right:20px;
  margin-bottom:1em;
}

.sub .laybox-2col div.innerbox:nth-child(even) {
  margin-right:0;
}

.sub .laybox-2col div.innerbox img {
  margin-bottom:10px;
}

.sub .laybox-2col div.innerbox h4 {
  margin-bottom:4px;
  font-size:100%; /* 12px */
  font-weight:bold;
}

.sub .laybox-2col div.innerbox:nth-last-of-type(1),
.sub .laybox-2col div.innerbox:nth-last-of-type(2) {
  margin-bottom:0;
}

/* laybox-3col
----------------------------------------------- */

.sub .laybox-3col div.innerbox {
  float:left;
  width:190px;
  margin-right:20px;
}

.sub .laybox-3col div.innerbox:nth-child(3n) {
  margin-right:0;
}

.sub .laybox-3col p.cap {
  padding-top:10px;
  margin-bottom:4px;
  font-size:100%; /* 12px */
  font-weight:bold;
}
.sub .laybox-3col p.captxt {
  padding-top:0;
  font-size:100%; /* 12px */
}

.sub .laybox-3col p.captxt2 {
  padding-top:10px;
  font-size:100%; /* 12px */
}

/* anchor
----------------------------------------------- */

.sub ul.anchor li {
  padding-left:15px;
  font-weight:bold;
  line-height:1.8;
  background:url(../images/anchor-middle-01.gif) no-repeat 0 0.35em;
}

.sub ul.anchor-small li {
  padding-left:10px;
  font-weight:bold;
  line-height:1.8;
  background:url(../images/anchor-xsmall-01.gif) no-repeat 0 0.75em;
}

.sub ul.anchor li ul.anchor-small li {
  font-weight:normal;
}

/* lead button
----------------------------------------------- */

.sub #lead-nav {
  margin-bottom:3em;
}

.sub #lead-nav p {
  text-align:center;
}

.sub #lead-nav p a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

/* @end */

/* @group VOLVIC */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_VOLVIC                                                ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	$1 | /volvic/index.html
------------------------------------------------------------*/

#about-volvic #contents {
  background:url(../images/bg-content-block-01.gif) repeat-y 0 0;
}

#about-volvic .contents-inner {
  background:url(../images/bg-content-block-02.gif) no-repeat 0 0;
}

#about-volvic .contentBlock01A {
  background:url(../images/bg-content-block-03.gif) no-repeat 0 100%;
  width:850px;
  min-height:485px;
  height:auto !important;
  height:485px;
  padding:15px 15px 5px 15px;
}

#about-volvic #flashContent {
  width:850px;
  height:508px;
  margin:-23px 0 0 0;
}

#about-volvic .contentBlock01B {
  background:url(../images/bg-content-block-04.jpg) no-repeat 0 100%;
  width:850px;
  min-height:508px;
  height:auto !important;
  height:508px;
  margin:0 0 10px 0;
}

#about-volvic .contentBlock01B h1 {
  width:744px;
  height:230px;
  position:absolute;
  top:19px;
  left:50%;
  margin:0 0 0 -372px;
}

#about-volvic .contentBlock01B a:hover img {
  opacity:1.0;
  filter:alpha(opacity=100);
}

#about-volvic .contentBlock01B .section {
  width:794px;
  position:absolute;
  top:195px;
  left:50%;
  margin:0 0 0 -397px;
  overflow:hidden;
}

#about-volvic .contentBlock01B ul {
  width:820px;
}

#about-volvic .contentBlock01B ul li {
  list-style:none;
  float:left;
  margin:0 26px 0 0;
}

.contentBlock01C {
  background:#E2F5FB;
  padding:20px;
  margin:0 0 10px 0;
}

.contentBlock01D {
  background:#FFFFFF;
  margin:0 0 10px 0;
}

.contentBlock02A {
  width:810px;
  overflow:hidden;
}

.contentBlock02A ul {
  list-style:none;
  width:850px;
}

.contentBlock02A ul li {
  width:395px;
  height:121px;
  float:left;
  padding:0 20px 20px 0;
}

.contentBlock02B {
  width:810px;
  overflow:hidden;
  border-top:1px solid #002B71;
  padding:20px 0 0 0;
  background:url(../images/bg-content-block-05.gif) repeat-y 0 0;
}

.contentBlock02C {
  width:860px;
}

.contentBlock02B .section {
  width:385px;
  float:left;
  margin:0 40px 0 0;
}

.contentBlock02B .img {
  width:110px;
  float:left;
}

.contentBlock02B .txtbody {
  width:260px;
  float:right;
}

.sub .contentBlock02B .txtbody h2 {
  margin:0 0 5px 0;
}

.sub .contentBlock02B .txtbody p {
  line-height:130%;
  margin:0 0 8px 0;
}

.contentBlock03A {
  margin:0 0 10px 0;
}

.contentBlock03A h1 {
  margin:0 0 0 -5px;
}

.column02 .contentBlock03A h1 {
  margin:-34px 0 0 -5px;
}

.auvergne .contentBlock03A h1 {
  margin:-34px 0 0 0;
}

.draconian-standard .contentBlock03A h1 {
  margin:0;
}

.contentBlock03B {
  background:#8EDAF7 url(../images/bg-content-block-06.jpg) no-repeat 0 0;
  padding:40px 40px 15px 40px;
  margin:0 0 10px 0;
}

.contentBlock03B h2 {
  margin:0 0 20px 0;
}

.contentBlock03B h3 {
  margin:0 0 15px 0;
}

.contentBlock03B p {
  color:#002B71;
  line-height:180%;
  margin:0 0 25px 0;
}

.contentBlock03B .section {
  margin:0;
}

.contentBlock03B .txtbody {
  width:450px;
  float:left;
}

.draconian-standard .contentBlock03B .txtbody {
  width:770px;
  float:none;
}

.contentBlock03B .img {
  width:280px;
  float:right;
  margin:0 0 25px 0;	
}

.contentBlock03B .img ul li {
  list-style:none;
  padding:15px 0 0 0;
}

.contentBlock03B .img h4 {
  margin:0 0 10px 0;
}

.slider {
  width:280px;
  height:350px;
  overflow:hidden;
}

.slider ul li {
  padding:0 !important;
  list-style:none;
  width:280px;
  height:350px;
  overflow:hidden;
}

.sliderNavi {
  list-style:none;
  height:24px;
}

.sliderNavi li.prevNavi {
  padding:0 !important;
  float:left;
  cursor:pointer;
}

.sliderNavi li.nextNavi {
  padding:0 !important;
  float:right;
  cursor:pointer;
}

.contentBlock03C {
  background:url(../images/bg-content-block-08.gif) repeat-y 0 0;
  margin:0 0 10px 0;
}

.contentBlock03C .contentBlock03D {
  background:url(../images/bg-content-block-07.gif) no-repeat 0 0;
}

.contentBlock03C .section {
  background:url(../images/bg-content-block-07.gif) no-repeat 0 100%;
  padding:30px;
  margin:0px;
}

.contentBlock03C .txtbody {
  width:515px;
  float:left;
}

.contentBlock03C .txtbody h4 {
  margin:0 0 10px 0;
}

.contentBlock03C .txtbody p {
  color:#002B71;
  line-height:180% !important;
  margin:0 !important;
}

.contentBlock03C .img {
  width:253px;
  float:right;
  position:relative;
}

.column01 .contentBlock03D .section .img img {
  position:absolute;
  top:-55px;
}

.contentBlock03E {
  width:850px;
  height:540px;
  margin:0 0 10px 0;
  position:relative;
}

.contentBlock03E ul {
  list-style:none;
  width:450px;
  height:24px;
  position:absolute;
  bottom:39px;
  left:50%;
  margin:0 0 0 -225px;
}

.contentNav01A {
  padding:30px 0 0 0;
}

.contentNav01A li {
  padding:0 0 10px 0;
}

.contentNav01A a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

.contentNav01B .contentBlock01C {
  margin:0;
}

.contentNav01B {
  background:#002B71;
  padding:5px;
  margin:30px 0 0 0;
}

.contentNav01B .contentBlock01C {
  padding:30px;
}

.contentNav01B a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}


/*------------------------------------------------------------
	$2 | /volvic/history.html
------------------------------------------------------------*/

/* mainv-anchor */
#vol-history #mainv ul.mainv-anchor {
  position:absolute;
  top:141px;
  left:30px;
}

#vol-history ul#bottle { 
  width:610px;;
}

#vol-history ul#bottle li { 
  float:left;
  width:145px;
  margin-right:10px;
  margin-bottom:10px;
}

#vol-history ul#bottle li:nth-child(4n) { 
  margin-right:0;
}

#vol-history ul#label { 
  width:610px;;
}

#vol-history ul#label li { 
  float:left;
  width:300px;
  margin-right:10px;
  margin-bottom:10px;
}

#vol-history ul#label li:nth-child(2n) { 
  margin-right:0;
}

/* table chronological */

#vol-history table#chronological  {
  width:610px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

#vol-history table#chronological th {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
  white-space:nowrap;
	border-right:1px solid #ddd;
}

#vol-history table#chronological td {
  padding:10px 0 10px 10px;
  vertical-align:top;
}

#vol-history table#chronological tr {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#vol-history table#chronological tr.end {
	background-image:none;
}

/*------------------------------------------------------------
	$3 | /volvic/nature.html
------------------------------------------------------------*/

/* mainv-anchor */
#vol-nature #mainv ul.mainv-anchor {
  top:132px;
  left:30px;
}

/*------------------------------------------------------------
	$4 | /volvic/production.html
------------------------------------------------------------*/

/* mainv-anchor */
#vol-production #mainv ul.mainv-anchor {
  top:142px;
  left:30px;
}

#profile div.txtbody h3 {
  margin-bottom:1em;
  font-weight:bold;
}
#profile div.txtbody h4 {
  margin-bottom:1em;
  font-weight:bold;
}

#profile div.txtbody p {
  margin-bottom:0;
}

/*------------------------------------------------------------
	$5 | /volvic/transport.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$6 | /volvic/village.html
------------------------------------------------------------*/

#vol-village #mainv ul.mainv-anchor {
  top:121px;
  left:30px;
}

/*------------------------------------------------------------
	$7 | /volvic/auvergne.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$8 | /volvic/taste.html
------------------------------------------------------------*/

/* mainv-anchor */
#vol-taste #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}



#vol-taste #diagram {
  margin-bottom:3em;
}

#vol-taste #diagram h4 {
  position:relative;
}

#vol-taste #diagram p.diagram {
  margin-top:-41px;
  _zoom:1;
  _position:relative;
}

/*------------------------------------------------------------
	$9 | /volvic/14day.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$10 | /volvic/soft.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$11 | /volvic/safety.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$12-1 | /volvic/products/index.html
------------------------------------------------------------*/

.productSection {
  width:610px;
  overflow:hidden;
}

.productSection .inner {
  width:660px;
}

ul.lineup li {
  float:left;
}

ul.lineup li dl {
  background-color:#fff;
}

ul.lineup li dl dt {
  background-color:#fff;
}

ul.lineup li dl dd {
  background-color:#fff;
  line-height:1.6;
}

ul.lineup li dl dd span {
  display:block;
  font-size:10px;
  color:#666666;
}

#vol-pro-index ul.lineup li.nomb{
  margin-bottom:0;
}

#vol-pro-index ul.lineup li dl dt a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

#vol-pro-index ul.lineup li {
  width:190px;
  margin-right:20px;
  padding-bottom:1em;
}

#vol-pro-index ul.lineup li li {
  margin-right:0 !important;
  padding-bottom:0 !important;
}

#vol-pro-index ul.lineup li dl dt {
  padding-bottom:1em;
}

#vol-pro-index ul.lineup ul.arrow-middle li {
  width:175px;
}

.productCaption {
  font-size:10px;
  color:#666666;
  margin:0 0 36px 0;
}

/*------------------------------------------------------------
	$12-2 | /volvic/products/fruitkiss.html
------------------------------------------------------------*/

#vol-pro-fruitkiss ul.lineup li.nomb {
  margin-bottom:0;
}

#vol-pro-fruitkiss ul.lineup li dl dt a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

#vol-pro-fruitkiss ul.lineup li {
  width:295px;
  margin-right:20px;
  margin-bottom:1em;
}

#vol-pro-fruitkiss ul.lineup li:nth-child(2n) { 
  margin-right:0;
}

#vol-pro-fruitkiss ul.lineup li dl dt {
  margin-bottom:1em;
}

#vol-pro-fruitkiss ul.lineup li dl dd.name a {
  padding-left:15px;
  background: url(../images/arrow-middle-01.gif) no-repeat 0 center;
}

/*------------------------------------------------------------
	$12-3 | /volvic/products/fruitkiss500ml_lemon.html
------------------------------------------------------------*/

#vol-pro-fru-lemon div.img p.cap {
  margin-right: 35px;
  text-align:center;
}

#vol-pro-fru-lemon div#feature {
  position:relative;
  width:394px;
  height:157px;
}

#vol-pro-fru-lemon div#feature p.f01 {
  position:absolute;
  top:0;
  left:0;
}

#vol-pro-fru-lemon div#feature p.f02 {
  position:absolute;
  top:17px;
  left:127px;
}

#vol-pro-fru-lemon div#feature p.f03 {
  position:absolute;
  top:0;
  left:274px;
}

/* @end */

/* @group WATER */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_WATER                                                 ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#page_navi{
overflow:hidden;
margin:0 0 50px 0;
padding:15px 0 0 0;
border-top:#dfdfdf 1px solid;
}
#page_back{
float:left;
padding:0 0 0 15px;
background:url(../../volvic/water/images/arrow-page_prev.gif) no-repeat left center;
}
#page_next{
float:right;
padding:0 15px 0 0;
background:url(../../volvic/water/images/arrow-page_next.gif) no-repeat right center;
}

/*------------------------------------------------------------
	$C01 | /water/index.html
------------------------------------------------------------*/

#wat-index h3.ttl a {
  color:#002971;
  text-decoration: none;
}

#wat-index h3.ttl a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------
	$C02 | /water/supply.html
------------------------------------------------------------*/

#wat-supply h2 {
width: 610px;
line-height: 1.5;
}

#wat-supply h3 {
line-height: 1.5;
}

#wat-supply .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-supply .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

/*------------------------------------------------------------
	$C03 | /water/choose.html
------------------------------------------------------------*/

#wat-choose h2 {
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
width: 610px;
height: 60px;
line-height: 1.5;
margin: 0 0 20px 0;
}

#wat-choose h2 .titleMain {
font-size: 22px;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-choose h2 .titleLabel {
fontsize: 100%;
color: #4DBED7;
margin: 0 0;
padding: 0 0;
}

/* mainv-anchor */
#wat-choose #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

/*------------------------------------------------------------
	$C04 | /water/difference.html
------------------------------------------------------------*/

#wat-difference h2 {
width: 610px;
line-height: 1.5;
}

#wat-difference h3 {
line-height: 1.5;
}

#wat-difference .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-difference .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}


/*table01*/

#wat-difference .tb01 {
width: 610px;
height: auto;
}

#wat-difference .tb01 table {
width: 610px;
height: auto;
}

#wat-difference .tb01 .td01 {
background-color: #002971;
color: #ffffff;
}

#wat-difference .tb01 .td01 h4 {
margin: 1em 1em;
font-weight: bold;
}

#wat-difference .tb01 .td02 th {
width: 200px;
background-color: #4DBED7;
color: #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb01 .td02 th p {
margin: 1em 1em;
font-weight: bold;
}

#wat-difference .tb01 .td02 td {
background-color: #eeeeee;
color: #333333;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb01 .td02 td p {
margin: 1em 1em;
}

#wat-difference .tb01 .td02 td ul {
margin: 1em 1em;
}

/*table02*/

#wat-difference .tb02 {
width: 610px;
height: auto;
margin: 20px 0 0 0;
}

#wat-difference .tb02 table {
width: 610px;
height: auto;
}

#wat-difference .tb02 .td01 {
background-color: #002971;
}

#wat-difference .tb02 .td01 h4 {
margin: 1em 1em;
color: #ffffff;
font-weight: bold;
}

#wat-difference .tb02 .td02 {
background-color: #4DBED7;
color: #ffffff;
}

#wat-difference .tb02 .td02 th {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb02 .td02 th.end {
border-right: none;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb02 .td02 th p {
margin: 1em 1em;
font-weight: bold;
}

#wat-difference .tb02 .col01 {
width: 200px;
background-color: #eeeeee;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb02 .col01 p {
color: #333333;
font-weight: bold;
margin: 1em 1em;
}

#wat-difference .tb02 .col02 {
background-color: #eeeeee;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb02 .col02 p {
color: #333333;
margin: 1em 1em;
}

#wat-difference .tb02 .col03 {
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}

#wat-difference .tb02 .col03 p, #wat-difference .tb02 .col03 ul {
color: #333333;
margin: 1em 1em;
}

/*------------------------------------------------------------
	$C05 | /water/mineralwater.html
------------------------------------------------------------*/

#wat-mineralwater h2 {
width: 610px;
line-height: 1.5;
}

#wat-mineralwater h3 {
line-height: 1.5;
}

#wat-mineralwater .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-mineralwater .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}


#wat-mineralwater .tb01 {
width: 610px;
height: auto;
margin: 0 0 20px 0;
}

#wat-mineralwater .tb01 table {
width: 610px;
height: auto;
}

#wat-mineralwater .tb01 .row01 td {
background-color: #002971;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#wat-mineralwater .tb01 .row01 td p {
margin: 1.5em 1.5em;
color: #ffffff;
font-size: 130%;
font-weight: bold;
}
#wat-mineralwater .tb01 .row01 th {
background-color: #4DBED7;
border-bottom: 1px solid #ffffff;
}
#wat-mineralwater .tb01 .row01 th h4 {
margin: 0.5em 1em;
color: #ffffff;
font-weight: bold;
}
#wat-mineralwater .tb01 .col01 td {
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}
#wat-mineralwater .tb01 .col01 td p {
margin: 0.5em 1em;
color: #333333;
}


/*------------------------------------------------------------
	$C06 | /water/delicious.html
------------------------------------------------------------*/

#wat-delicious h2 {
width: 610px;
line-height: 1.5;
}

#wat-delicious h3 {
line-height: 1.5;
}

#wat-delicious .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-delicious .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}


#wat-delicious .tb01 {
width: 610px;
height: auto;
margin: 20px 0 20px 0;
}

#wat-delicious .tb01 table {
width: 610px;
height: auto;
}

#wat-delicious .tb01 th {
width: 304px;
background-color: #002971;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-delicious .tb01 .end {
border-right: none;
}

#wat-delicious .tb01 th h4 {
margin: 1em 1em;
color: #ffffff;
font-weight: bold;
}

#wat-delicious .tb01 td {
background-color: #eeeeee;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-delicious .tb01 td p {
margin: 1em 1em;
color: #333333;
}


/*------------------------------------------------------------
	$C07 | /water/mineral.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$C08 | /water/supplementation.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$C09 | /water/hardness.html
------------------------------------------------------------*/

#wat-hardness h2 {
width: 610px;
line-height: 1.5;
}

#wat-hardness h3 {
line-height: 1.5;
}

#wat-hardness .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-hardness .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

#wat-hardness .tb01 {
width: 610px;
height: auto;
margin: 20px 0 20px 0;
}

#wat-hardness .tb01 table {
width: 610px;
height: auto;
}

#wat-hardness .tb01 table th {
background-color: #002971;
border-bottom: 1px solid #ffffff;
}

#wat-hardness .tb01 table th h4 {
margin: 0.5em 1em;
color: #ffffff;
font-size: 110%;
font-weight: bold;
}

#wat-hardness .tb01 table td {
background-color: #f7f7f7;
}

#wat-hardness .tb01 table td p {
margin: 0.5em 0.5em;
font-size: 160%;
font-weight: bold;
line-height: 1.4;
}

#wat-hardness .tb01 .small {
margin: 0.5em 0.5em;
font-weight: normal;
font-size: 60%;
}



#wat-hardness .tb02 {
width: 610px;
height: auto;
margin: 0 0 20px 0;
}

#wat-hardness .tb02 table {
width: 610px;
height: auto;
}

#wat-hardness .tb02 table th {
background-color: #002971;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#wat-hardness .tb02 table th p {
margin: 0.5em 1em;
color: #ffffff;
font-size: 110%;
font-weight: bold;
}

#wat-hardness .tb02 .th1 {
background-color: #4DBED7;
border-right: 1px solid #ffffff;
}

#wat-hardness .tb02 td {
background-color: #eeeeee;
border-right: 1px solid #ffffff;
}

#wat-hardness .tb02 td p {
margin: 0.5em 1em;
}

#wat-hardness .tb02 .th1 p {
color: #ffffff;
font-size: 110%;
font-weight: bold;
}

/*------------------------------------------------------------
	$C11 | /water/mineral.html
------------------------------------------------------------*/

#wat-mineral h2 {
width: 610px;
line-height: 1.5;
}

#wat-mineral h3 {
line-height: 1.5;
}

#wat-mineral .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-mineral .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

#wat-mineral .tb01 {
width: 610px;
height: auto;
margin: 10px 0 20px 0;
}

#wat-mineral .tb01 table {
width: 610px;
height: auto;
border-collapse: separate;
border-spacing: 10px 0;
}

#wat-mineral .tb01 .sec01 {
background-color: #EEFAFC;
border: 1px solid #4DBED7;
}

#wat-mineral .tb01 .sec01 p {
margin: 0.5em 0.5em;
color: #4DBED7;
font-weight: bold;
}

#wat-mineral .tb01 .sec02 {
text-align:center;
}

#wat-mineral .tb01 .sec02 p {
margin: 0.5em 0.5em;
}

#wat-mineral .tb01 .sec03 {
text-align:center;
background-color: #4DBED7;
border: 1px solid #EEFAFC;
}

#wat-mineral .tb01 .sec03 p {
margin: 0.5em 0.5em;
color: #ffffff;
font-weight: bold;
}

/*------------------------------------------------------------
	$C10 | /water/sports.html
------------------------------------------------------------*/

#wat-howtodrink h2 {
width: 610px;
line-height: 1.5;
}

#wat-howtodrink h3 {
line-height: 1.5;
}

#wat-howtodrink .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-howtodrink .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

#wat-howtodrink .tb01 {
width: 610px;
height: auto;
margin: 20px 0 20px 0;
}

#wat-howtodrink .tb01 table {
width: 610px;
height: auto;
}

#wat-howtodrink .tb01 table th {
background-color: #002971;
border-bottom: 1px solid #ffffff;
}

#wat-howtodrink .tb01 table th h4 {
margin: 0.5em 1em;
color: #ffffff;
font-weight: bold;
}

#wat-howtodrink .tb01 table td {
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}

#wat-howtodrink .tb01 table td p {
margin: 0.5em 1em;
color: #333333;
}

/*------------------------------------------------------------
	$C11 | /water/skin.html
------------------------------------------------------------*/

#wat-skin h2 {
width: 610px;
line-height: 1.5;
}

#wat-skin h3 {
line-height: 1.5;
}

#wat-skin .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-skin .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

/*------------------------------------------------------------
	$C12 | /water/concentration.html
------------------------------------------------------------*/

#wat-concentration h2 {
width: 610px;
line-height: 1.5;
}

#wat-concentration h3 {
line-height: 1.5;
}

#wat-concentration .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-concentration .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

#wat-concentration .tb01 {
width: 610px;
height: auto;
margin: 20px 0 20px 0;
}

#wat-concentration .tb01 table {
width: 610px;
height: auto;
}

#wat-concentration .tb01 table th {
width: 130px;
height: 120px;
background: url("../../volvic/water/images/wat-concentration-th-bg.jpg") no-repeat center left;
text-align: center;
}

#wat-concentration .tb01 table th p {
margin: 0.5em 1em;
color: #ffffff;
font-weight: bold;
}

#wat-concentration .tb01 table td {
height: 39px;
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}

#wat-concentration .tb01 table td p {
margin: 0.5em 1em;
color: #333333;
font-weight: bold;
}
/*------------------------------------------------------------
	$C13 | /water/hangover.html
------------------------------------------------------------*/

#wat-hangover h2 {
width: 610px;
line-height: 1.5;
}

#wat-hangover h3 {
line-height: 1.5;
}

#wat-hangover .titleMain {
font-size: 160%;
font-weight: bold;
color: #666666;
margin: 0 0;
padding: 0 0;
}

#wat-hangover .titleLabel {
fontsize: 100%;
color: #4DBED7;
height: 30px;
margin: 0 0 20px 0;
background: url(../../volvic/water/images/h2_line.gif) no-repeat left bottom;
}

#wat-hangover .bold {
font-weight: bold;
}

/* @end */

/* @group CSR */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_CSR                                                   ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	$DA    | /csr/index.html
------------------------------------------------------------*/

#csr-index h3.ttl a {
  color:#002971;
  text-decoration: none;
}

#csr-index h3.ttl a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------
	$DB-01 | /csr/1lfor10l/index.html
------------------------------------------------------------*/

#csr-1lf-index h3.ttl a {
  color:#002971;
  text-decoration: none;
}

#csr-1lf-index h3.ttl a:hover {
  text-decoration: underline;
}

#csr-1lf-index ul.anchor {
  position:relative;
  z-index:1;
}

#csr-1lf-index #diagram01 {
  margin-top:-50px;
  position:relative;
  padding:0 0 40px 0;
}

#csr-1lf-index .result2010 {
  padding:0 0 30px 0;
}

.counterSection,
.specialSection {
  line-height:1.0;
  margin:0 0 10px 0;
}

.facebookSection {
  margin:0 0 20px 0;
}

/*------------------------------------------------------------
	$DB-02 | /csr/1lfor10l/action.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-1lf-action #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}


/*------------------------------------------------------------
	$DB-03 | /csr/1lfor10l/participate.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-1lf-participate #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

#csr-1lf-participate #lineup li {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

#csr-1lf-participate #lineup li.nobr {
  margin-right:0;
}

#csr-1lf-participate #detail h3 {
  margin-bottom:1em;
  font-weight:bold;
}

#csr-1lf-participate #detail dl {
  margin-bottom:1em;
}

#csr-1lf-participate #detail dl dt {
  float:left;
  width:8.5em;
  font-weight:bold;
}

/*------------------------------------------------------------
	$DB-04 | /csr/1lfor10l/other.htm
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DB-05 | /csr/1lfor10l/environment.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-1lf-environment #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

/*------------------------------------------------------------
	$DB-06 | /csr/1lfor10l/mali.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-1lf-mali #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

#csr-1lf-mali #profile div.frame-a-body {
  overflow:hidden;
}

#csr-1lf-mali #profile  div.pic img {

}

#csr-1lf-mali #profile  img {
  float:left;
  margin-right:16px;
  margin-bottom:1em;
}

#csr-1lf-mali #profile h3 {
  margin-bottom:1em;
  font-weight:bold;
}
#csr-1lf-mali #profile h4 {
  margin-bottom:1em;
  font-weight:bold;
}

#csr-1lf-mali #profile p {
  margin-bottom:1em;
}

#csr-1lf-mali #profile p.end {
  margin-bottom:0;
}

/*------------------------------------------------------------
	$DB-08 | /csr/1lfor10l/blogtool.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DB-09 | /csr/1lfor10l/faq_index.html
------------------------------------------------------------*/

#faq ul.snav {
width: 100%;
height: 13px;
margin: 0 0 50px 0;
display: block;
}

#faq ul.snav li {
margin: 0 20px 0 0;
float: left;
}

/*------------------------------------------------------------
	$DB-10 | /csr/1lfor10l/action/index.html
------------------------------------------------------------*/


#csr-1lf-act-index #section01 ul li {
  float:left;
  width:190px;
  margin-right:20px;
}

#csr-1lf-act-index #section01 ul li:nth-of-type(3) {
  margin-right:0;
}

#csr-1lf-act-index #section01 dt {
  margin-bottom:1em;
}

#csr-1lf-act-index #section01 dd {
  font-size:10px;
}


/* [COMMON] action localnav 
----------------------------------------------- */

.action-lnav {
  overflow:hidden;
  margin-bottom:2em;
  padding-bottom:1em;
  background:url(../images/line-brokenline01.gif) repeat-x 0 bottom;
}

.action-lnav dl {
  float:left;
  width:135px;
  margin-right:20px;
  padding-bottom:1em;
}

.action-lnav dl dt {
  margin-bottom:0.5em;
  font-weight:bold;
}
 
.action-lnav dl:nth-of-type(3) {
  border-right:1px solid #eee;
  margin-right:21px;
  padding-right:9px;
}

.action-lnav dl:nth-of-type(4) {
  width:82px;
  margin-right:0;
}

.action-lnav dd ul.arrow-small li.active {
  color:#999;
}

/* [COMMON] */

.action h4.ttl2 {
  font-size:116.7%; /* 14px */
  color:#002971;
}

.action div.txtbody p {
  margin-bottom:1em;
}

.action div.txtbody div.bl {
  margin-bottom:2em;
}

.action div.txtbody div.bl-end {
  margin-bottom:0;
}

.action div.img {
  width:290px;
  margin-bottom:1em;
}

.action div.img p {
  font-size:100%; /* 12px */
}

.action div.img p.cap {
  padding-top:1em;
}

.action div.img p.cap + p {
  font-size:100%; /* 12px */
}

.action .laybox-3col p.cap {
  padding-top:1em;
  font-size:100%; /* 12px */
  font-weight:normal;
}

.action div.img ul {
  padding-top:0.5em;
  font-size:10px;
}

.action div.movie {
/*   width:500px; */
  margin:0 auto 2em auto;
}
.action div.movie p.cap {
  padding-top:1em;
}

.action .lay-fright .v-pic {
  margin:0 auto;
}
.action .lay-fright .v-pic {

}

.action p.profile {
  text-align:right;
}


/* [COMMON] time table
----------------------------------------------- */

.action .time-section {
  overflow:hidden;
  border-top:2px solid #9bdbf6;
  border-bottom:2px solid #9bdbf6;
  margin-bottom:1em;
  background-color:#f9f9f9;
  padding:0 1em;
}

.action .tcnt {
  padding-bottom:1em;
}

.action p.arrow-down {
  width:610px;
  padding:0 0 1em 0;
  line-height:1;
  font-size:10px;
  text-align:center;
}

.action .time-section div.img {
  margin-bottom:0;
}

.action .time-section div.img p {
  margin-bottom:1em;
}

.action .time-section div.img p:nth-last-of-type(1) {
  margin-bottom:0;
}

.action div.time h4 {
  padding:7px 0 5px 0;
  font-weight:bold;
}

.action div.time h4.ttl-time {
  background: url(../images/line-brokenline-blue2.gif) repeat-x 0 bottom;
  font-weight:bold;
  margin-bottom:1em;
}

.action div.time h4 em {
  padding-right:1em;
  color:#4dbed7;
  font-weight:bold;
}

.action h5.ttl-time {
  padding:1em;
  font-weight:bold;
  background:url(../images/bg-dot-tile-02.gif) repeat 0 0;
}

/*------------------------------------------------------------
	$DB-11 | /csr/1lfor10l/action/09result.html
------------------------------------------------------------*/




/*------------------------------------------------------------
	$DB-12 | /csr/1lfor10l/action/09report.html
------------------------------------------------------------*/

/* Noda profile */
#noda {
  margin-bottom:3em;
}
#noda div.txtbody p {
  margin-bottom:1em;
  text-indent:0;
}
#noda div.txtbody {
  float:right;
  width:427px;
}
#noda div.img {
  float:left;
  width:123px;
}
#noda div.txtbody h4.ttl {
  margin-bottom:0.5em;
  font-size:116.7%; /* 14px */
  font-weight:bold;
  color:#333;
}

#csr-1lf-act-09report #section05 div.img {
  width:194px;
  margin-bottom:1em;
}

/*------------------------------------------------------------
	$DB-13 | /csr/1lfor10l/action/08result.html
------------------------------------------------------------*/

.action table.simple-b-half col.total { width:34%;}
.action table.simple-b-half col.village { width:33%;}
.action table.simple-b-half col.population { width:33%;}


.action table.simple-b-half col.village2 { width:143px;}
.action table.simple-b-half col.population2 { width:142px;}

.action table.simple-b,
.action table.simple-b-half {
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
	background-color: #ffffff;
}

/*
* html .action table.simple-b,
.action table.simple-b-half { border-collapse: separate; } 
*:first-child+html .action table.simple-b,
.action table.simple-b-half { border-collapse: separate; } 
*/

.action table.simple-b {
	width:610px;
}

.action table.simple-b-half {
	width:295px;
}

.action table.simple-b th,
.action table.simple-b-half th {
	padding:0.25em;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  background-color:#cdedfa;
  vertical-align:middle;
	text-align:left;
	font-size:100%; /* 12px */
}

.action table.simple-b tr.thead th,
.action table.simple-b-half tr.thead th {
	padding:0.5em 1em;

}

.action table.simple-b th.child,
.action table.simple-b-half th.child {
	padding:0.5em 1em;
  background-color:#eafbfd;
}

.action table.simple-b th.ido-number,
.action table.simple-b-half th.ido-number {
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  background-color:#cdedfa;
	font-size:100%; /* 12px */
	text-align:center;
}

.action table.simple-b td,
.action table.simple-b-half td {
	padding:0.25em 1em;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
	text-align: left;
	font-size:100%; /* 12px */
	font-family: Arial;
}

.action table.simple-b tr.total th,
.action table.simple-b-half tr.total th {
  height:3em;
	font-weight:bold;
  background:#f5f5f5 url(../images/bg-dot-tile-03.gif) repeat 0 0;
}

#csr-1lf-act-08result table.simple01 ul {
  margin-bottom:0;
}

.action table.simple-b td.num,
.action table.simple-b th.num,
.action table.simple-b-half td.num,
.action table.simple-b-half th.num {
  text-align:right;
}

.action table.simple-b td.ido,
.action table.simple-b th.ido {
  text-align:center;
}

/*------------------------------------------------------------
	$DB-14 | /csr/1lfor10l/action/08report.html
------------------------------------------------------------*/


/*------------------------------------------------------------
	$DB-15 | /csr/1lfor10l/action/07result.html
------------------------------------------------------------*/

#csr-1lf-act-07result table.simple01 ul {
  margin-bottom:0;
}

/*------------------------------------------------------------
	$DB-16 | /csr/1lfor10l/action/07report.html
------------------------------------------------------------*/

#csr-1lf-act-07report #mali-press .innerbox {
  float:left;
  padding:5px;
  margin-right:10px;
  border:1px solid #eee;
}

#csr-1lf-act-07report #mali-press .innerbox:nth-of-type(2) {
  margin-right:0;
}

#csr-1lf-act-07report #section01 div.img {
  width:294px;
}

#csr-1lf-act-07report #section02 .frame-a p:nth-last-of-type(1) {
  margin-bottom:0;
}

/*------------------------------------------------------------
	$DB-17 | /csr/1lfor10l/press/index.html
------------------------------------------------------------*/

#csr-1lf-pre-index #contents #article02 a,
#csr-1lf-pre-index #contents #article03 a,
#csr-1lf-pre-index #contents #article04 a {
  font-weight:normal;
}

#csr-1lf-pre-index #article03 {
  _background-color:#f9f9f9;
}

#csr-1lf-pre-index .laybox-3col {
  padding:0 20px;
}

#csr-1lf-pre-index .laybox-3col .section {
  _background-color:#eee!important;
  overflow: hidden;
}

#csr-1lf-pre-index .laybox-3col div.innerbox {
  float:left;
  width:170px;
  margin-right:30px;
  _background-color:#eee!important;
}

#csr-1lf-pre-index .laybox-3col div.innerbox:nth-child(3n) {
  margin-right:0;
}

/* login */

#csr-1lf-pre-index #press-fm table td {
  line-height:1.1;
}

#csr-1lf-pre-index #press-fm table td label {
  padding-right:1em;
  font-weight: bold;
} 

#csr-1lf-pre-index #press-fm table td.fm-id input {
  width:140px;
}

#csr-1lf-pre-index #press-fm table td.fm-pw input {
/*   border:1px solid #999; */
  width:145px;
} 

#csr-1lf-pre-index #press-fm table td.fm-id {
  width: 190px;
}
#csr-1lf-pre-index #press-fm table td.fm-pw {
  width: 260px;
}
#csr-1lf-pre-index #press-fm table td.fm-btn {
  width: 120px;
}

#csr-1lf-pre-index #press-fm table td.fm-btn input:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#csr-1lf-pre-index h5.login {
  margin-bottom:1em;
  padding-bottom:0.5em;
  font-size:100%; /* 12px */
  font-weight:bold;
  background: url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

/*------------------------------------------------------------
	$DB-18 | /csr/1lfor10l/hotel.html
------------------------------------------------------------*/

#csr-1lf-hotel table.hotel {
  width:610px;
  table-layout: inherit;
}

#csr-1lf-hotel table.hotel th.h-name {
  padding-right:12px;
}

#csr-1lf-hotel table.hotel td.h-address {
  width:220px;
/*   padding-left:12px; */
  padding-right:12px;
}

#csr-1lf-hotel table.hotel td.h-tel {
  width:106px;
  white-space:nowrap;
  text-align:left;
}

#csr-1lf-hotel table.hotel td.h-fax {
  width:88px;
  white-space:nowrap;
  text-align:left;
}

#csr-1lf-hotel table.hotel tbody th {
  padding:0.5em 0;
	line-height:1.6;
}

#csr-1lf-hotel table.hotel tbody td {
  padding:0.5em 0;
	line-height:1.6;
}

/* anchor nav */

#csr-1lf-hotel ul#anchor-nav  {
	margin-bottom:30px;
	padding:0.3em 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

#csr-1lf-hotel #anchor-nav li {
	display:inline;
	margin-right:1em;
	padding-left:1em;
	background:url(../images/anchor-xsmall-01.gif) no-repeat 0 center;
}

#csr-1lf-hotel #anchor-nav a { text-decoration: underline; }

/* table */

#csr-1lf-hotel h3 {
	padding-bottom:5px;
	border-bottom:1px solid #4dbed7;
	font-size:116.7%; /* 14px */
	font-weight:bold;
}

#csr-1lf-hotel table.hotel {
	margin-bottom:24px;
	width:610px;
}

#csr-1lf-hotel table.nomgb {
	margin-bottom:0;
}

#csr-1lf-hotel table.hotel thead th {
/*   padding-left:12px; */
  background:url(../images/bg-dot-tile-01.gif) repeat 0 0;
	color:#333;
	text-align:left;
	line-height:2.0;
	font-weight:bold;
}

#csr-1lf-hotel table.hotel tbody tr {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#csr-1lf-hotel table.hotel tbody th {
	font-weight:bold;
	vertical-align:top;
/* 	border-bottom:1px solid #e5e5e5; */
	color:#4dbed7;
}

#csr-1lf-hotel table.hotel tbody td {
	vertical-align:top;
/* 	border-bottom:1px solid #e5e5e5; */
}


#csr-1lf-hotel table.hotel tbody th a {
/*
  padding-right:13px;
	background:url(../images/icon-externa-01.gif) no-repeat right 0.2em;
*/
}

/*------------------------------------------------------------
	$DC-01 | /csr/education/index.html
------------------------------------------------------------*/

#csr-edu-index h3.ttl a {
  color:#002971;
  text-decoration: none;
}

#csr-edu-index h3.ttl a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------
	$DC-03 | /csr/education/class.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-04 | /csr/education/introduction.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-05 | /csr/education/experiment.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-06 | /csr/education/research.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-07 | /csr/education/play.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-08 | /csr/education/summer_class.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-09 | /csr/education/tour.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DC-10 | /csr/education/oekaki.html
------------------------------------------------------------*/
#csr-education-oekaki #mainv{
height:358px;
}

#csr-education-oekaki #contents p{
margin:0 0 20px;
}
#csr-education-oekaki #contents h2{
margin:0 0 16px;
}

#csr-education-oekaki .laybox-2col,
#csr-education-oekaki .laybox-2col div.innerbox img{
margin:0;
}
#csr-education-oekaki .laybox-2col div.innerbox {
  float:left;
  width:300px;
  margin-right:10px;
  margin-bottom:0;
}
#csr-education-oekaki .laybox-2col div.innerbox:nth-child(even) {
  margin-right:0;
}

#csr-education-oekaki #contents #related p{
margin:0 10px 0 0;
}


/*------------------------------------------------------------
	$DC-11 | /csr/education/oekaki_award.html
------------------------------------------------------------*/

#csr-edu-oekakiaward #mainv{
height:358px;
}

#csr-edu-oekakiaward .bdrbox{
background:#F9F9F9;
border-top:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
padding:13px;
}

#csr-edu-oekakiaward h2{
margin:0 0 20px;
}
#csr-edu-oekakiaward h3.ttl{
position:relative;
padding-top:8px;
padding-left:44px;
padding-bottom:1em;
margin-bottom:19px;
font-size:133.4%; /* 16px */
font-weight:bold;
color:#002971;
background:url(../images/bg-heading-aword.gif) no-repeat 0 bottom;
}
#csr-edu-oekakiaward h3.ttl span{
position:absolute;
right:0px;
top:12px;
text-align:right;
font-size:70%;
font-weight:normal;
color:#666666;
}
#csr-edu-oekakiaward h3.ttl span.ttl02{
position:absolute;
right:0px;
top:3px;
line-height: 1.3em;
text-align:right;
font-size:70%;
font-weight:normal;
color:#666666;
}
#csr-edu-oekakiaward h4.ttl{
margin:0 0 0;
}
#csr-edu-oekakiaward h5{
font-weight:bold;
color:#4DBED7;
}
#csr-edu-oekakiaward .laybox-3col div.innerbox img{
margin-bottom:10px;
}
#csr-edu-oekakiaward .laybox-3col div.innerbox{
margin-bottom:15px;
border-bottom:1px dotted #E7E7E7;
padding-bottom:10px;
}



/*------------------------------------------------------------
	$DC-12 | /csr/education/oekaki_book.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$DD    | /csr/environment.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-environment #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

/*------------------------------------------------------------
	$DE    | /csr/package.html
------------------------------------------------------------*/

/* mainv-anchor */
#csr-package #mainv ul.mainv-anchor {
  top:144px;
  left:30px;
}

/* @end */

/* @group CAMPAIGN */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_CAMPAIGN                                              ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	$E01 | /campaign/index.html
------------------------------------------------------------*/

/*------------------------------------------------------------
	$E02 | /campaign/14day_monitor.html
------------------------------------------------------------*/

/* @end */

/* @group OTHERS */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_OTHERS                                                ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	@_CM
------------------------------------------------------------*/
#cm .ttl2 {
font-size: 140%;
color:#002971;
border-bottom: 3px solid #002971;
padding-bottom: 8px;
}

#cm .cast {
margin: 20px 0 20px 0;
}

#cm .cast h2 {
font-size: 120%;
font-weight: bold;
}


/*------------------------------------------------------------
	@_CONTACT | /contact/index.html
------------------------------------------------------------*/

#contact #contents h3.ttl3 {
  margin-bottom:1em;
  font-size:100%; /* 12px */
  font-weight:bold;
  border-bottom:1px solid #ccc;
}

#contact #contents h3.ttl4 {
  margin-bottom:1em;
  font-size:116.7%; /* 14px */
  font-weight:bold;
  border-bottom:1px solid #ccc;
}

#contact #contents h4.ttl3 {
  margin-bottom:1em;
  padding-bottom:0.5em;
  font-size:100%; /* 12px */
  font-weight:bold;
  background: url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#contact #contents p.form-btn {
  margin-bottom:1em;
}

#contact #contents p.form-btn a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#contact #contents div.section {
  margin-bottom:1em;
}

#contact #contents table.tel th {
  white-space:nowrap;
  text-align:right;
}


/* Contact form
----------------------------------------------- */



/*------------------------------------------------------------
	@_PRESS | /press/index.html
------------------------------------------------------------*/

#press table.press  {
  width:100%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

#press table.press th {
  padding:10px;
  font-weight:bold;
  vertical-align:top;
  white-space:nowrap;
}

#press table.press caption {
	padding-bottom: 10px;
	caption-side: top;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

#press table.press td {
  padding:10px;
  vertical-align:top;
}

#press table.press tr {
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#press table.press tr.end {
	background-image:none;
}

#press #contents #article02 a,
#press #contents #article03 a,
#press #contents #article04 a {
  font-weight:normal;
}

#press #article03 {
  _background-color:#f9f9f9;
}

#press .laybox-3col {
  padding:0 20px;
}

#press .laybox-3col .section {
  _background-color:#eee!important;
  overflow: hidden;
}

#press .laybox-3col div.innerbox {
  float:left;
  width:170px;
  margin-right:30px;
  _background-color:#eee!important;
}

#press .laybox-3col div.innerbox:nth-child(3n) {
  margin-right:0;
}

/*------------------------------------------------------------
	@_FAQ
------------------------------------------------------------*/

/* faq anchor nav */

#faq ul.anchor-nav {
	font-size:100%; /* 12px */
	border-top:1px solid #e5e5e5;
	margin-bottom:40px;
}

#faq ul.anchor-nav li {
	padding:5px 0 5px 33px;
	background:url(../images/icon-faq-qmini.gif) no-repeat 0 0.7em;
	border-bottom:1px solid #e5e5e5;
	line-height:1.5;
}

/* faq h4 ttl */

#faq h4.ttl {
	color:#002971;
}

/* faq detail */

#faq .section {
	padding-bottom:0;
}

#faq .section h2 {
	display:table;
	width:610px;
	margin-bottom:0.7em;
	padding-bottom:0.15em;
	font-size:133.4%; /* 16px */
	font-weight:bold;
	line-height:1.5;
	color:#002971;
	border-bottom:2px solid #002971;
}

#faq .section h2 span {
	display:table-cell;
}

#faq .section h2 span img {
	padding-bottom:0.2em;
	font-size:12px;
	line-height:1.5;
	vertical-align:middle;
}

/* for ie6 */
* html .faq .section h2 span { float:left; }
* html .faq .section h2 span img { padding-top:0.25em; }
/* for ie7 */
*:first-child+html .faq .section h2 span { float:left; }
*:first-child+html .faq .section h2 span img { padding-top:0.25em; }

#faq .section h2 span.q-one-digit {
	width:33px;
}

#faq #article01 .section div.txtbody,
#faq #article02 .section div.txtbody,
#faq #article03 .section div.txtbody,
#faq #article04 .section div.txtbody, 
#faq #article05 .section div.txtbody,
#faq #article06 .section div.txtbody,
#faq #article07 .section div.txtbody,
#faq #article08 .section div.txtbody,
#faq #article09 .section div.txtbody,
#faq #article10 .section div.txtbody{
  width:610px;
}

/* faq table */
#faq .txtbody table {
	width:610px;
	bakground:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin:0 0 15px 0;
}

#faq .txtbody table th {
	padding:0.5em 1em;
	background:#CDEDFA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:100%;
	text-align:left;
	vertical-align:middle;
}

#faq .txtbody table td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-family:Arial,sans-serif;
	padding:0.25em 1em;
	text-align:left;
}

#faq .txtbody table .child {
	background:#EAFBFD;
	white-space:nowrap;
}

#faq .txtbody table td ol {
	list-style:decimal;
	margin:0 0 0 18px;
}


/*------------------------------------------------------------
	@_REG-PRIVACY
------------------------------------------------------------*/

#reg-privacy .ml01em { margin-left:1.5em; }
#reg-privacy .ml02em { margin-left:2.5em; }
#reg-privacy .mb01em { margin-bottom:1em; }

#reg-privacy .list-disc { list-style-type:disc; }
#reg-privacy .list-decimal { list-style-type:decimal; }
#reg-privacy .list-upalpha { list-style-type:upper-alpha; }
#reg-privacy .list-lowalpha { list-style-type:lower-alpha; }
#reg-privacy .list-lowroman { list-style-type:lower-roman; }

#reg-privacy #contents h3 {
  margin-bottom:1em;
  padding:0.5em 0 0.3em 1em;
  background:url(../images/bg-dot-tile-01.gif) repeat 0 0;
  font-weight:bold;
  color:#444;
}

#reg-privacy #contents h4 {
  margin-bottom:1em;
  padding:0.5em 0 0.3em 17px;
  background-color:#f5f5f5;
  font-weight:bold;
}

#reg-privacy #contents h5 {
  margin-bottom:1em;
  background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
  font-weight:bold;
  font-size:116.7%; /* 14px */
  color:#4dbed7;
}

#reg-privacy #contents h6 {
  font-weight:bold;
}

#reg-privacy .fr {
  float:right;
}

#reg-privacy ul.note-normal li {
  list-style-type:none;
  text-indent:-1.4em;
  margin-left:1.4em;
}

/* table */

#reg-privacy table.tb {
  border:1px solid #ddd;
  border-spacing:2px;
	background-color: #ffffff;
}

* html #reg-privacy table.tb { border-collapse: separate; } /* for ie6 */
*:first-child+html #reg-privacy table.tb { border-collapse: separate; } /* for ie7 */

#reg-privacy table.tb {
	width:610px;
}

#reg-privacy table.tb th {
	padding:0.25em;
  border-bottom:1px solid #9bdbf6;
  border-right:1px solid #9bdbf6;
  background:#f5f5f5 url(../images/bg-dot-tile-02.gif) repeat 0 0;
  vertical-align:middle;
	text-align:center;
	font-weight:bold;
}

#reg-privacy table.tb tr.thead th {
	white-space:nowrap;
}

#reg-privacy table.tb td {
	padding:0.25em 1em;
  border-right:1px solid #eee;
  border-bottom:1px solid #ddd;
  background-color:#f9f9f9;
	text-align: center;
	font-size:83.4%;
}

/*------------------------------------------------------------
	@_REG-TERMS
------------------------------------------------------------*/

#reg-terms .ml01em { margin-left:1.5em; }
#reg-terms .ml02em { margin-left:2.5em; }
#reg-terms .mb01em { margin-bottom:1em; }

#reg-terms .list-disc { list-style-type:disc; }
#reg-terms .list-decimal { list-style-type:decimal; }
#reg-terms .list-upalpha { list-style-type:upper-alpha; }
#reg-terms .list-lowalpha { list-style-type:lower-alpha; }
#reg-terms .list-lowroman { list-style-type:lower-roman; }

#reg-terms #contents h3 {
  margin-bottom:1em;
  padding:0.5em 0 0.3em 1em;
  background:url(../images/bg-dot-tile-01.gif) repeat 0 0;
  font-weight:bold;
  color:#444;
}

#reg-terms #contents h4 {
  margin-bottom:1em;
  padding-bottom:0.5em;
  background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
  font-weight:bold;
  font-size:100%; /* 12px */
  color:#4dbed7;
}

#reg-terms ul.note-normal li {
  list-style-type:none;
  text-indent:-1.4em;
  margin-left:1.4em;
}

/*------------------------------------------------------------
	@_SITEMAP
------------------------------------------------------------*/

#sitemap #contents  {
  width:880px;
}

#sitemap #contents .laybox-3col div.innerbox {
  float:left;
  margin-right:50px;
}

#sitemap #contents .laybox-3col div.innerbox:nth-of-type(1) {
  width:280px;
}

#sitemap #contents .laybox-3col div.innerbox:nth-of-type(2) {
  width:260px;
}

#sitemap #contents .laybox-3col div.innerbox:nth-of-type(3)  {
  width:200px;
}

#sitemap #contents .laybox-3col div.innerbox:nth-child(3n) {
  margin-right:0;
}

#sitemap #contents ul ul {
  margin-left:0.5em;
}

#sitemap #contents h2.ttl3 a {
  color:#333;
}

#sitemap #contents .arrow-small li a {
  font-weight:normal;
}

/*------------------------------------------------------------
	@_SHOP | /shop/index.html
------------------------------------------------------------*/

#shop #contents h2 {
  font-size:116.7%; /* 14px */
  font-weight:bold;
}

#shop #contents table.detail {
  width:100%;
  margin-bottom:1em;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#shop #contents table.detail th,
#shop #contents table.detail td {
  padding:0.5em 1em;
}

#shop #contents table.detail th {
  width:4em;
  white-space:nowrap;
  vertical-align:top;
	background:#f9f9f9 url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#shop #contents table.detail td {
  vertical-align:top;
	background:url(../images/line-brokenline02.gif) repeat-x 0 bottom;
}

#shop #contents table.detail tr.end th,
#shop #contents table.detail tr.end td {
	background-image:none;
}

#shop #contents div.img a:hover img {
  opacity:0.5;
  filter:alpha(opacity=50);
}

/*------------------------------------------------------------
	@_MAILMAG
------------------------------------------------------------*/

/*------------------------------------------------------------
	@_DOWNLOAD
------------------------------------------------------------*/
#notice {
  height:100%;
}

.noticeContent {
  _height:100%;
  min-height:100%;
}

.noticeContentInner {
  padding:30px;
  font-size:100%;
  line-height:2;
}

.col01A {
width:285px;
float:left;
}

.col01B {
width:285px;
float:right;
}

.col01C {
width:285px;
float:left;
}

.col01D {
width:285px;
float:right;
}

.col01A .img,
.col01B .img {
margin:0 0 5px 0;
}

.col01C .img,
.col01D .img {
margin:40px 0 5px 0;
}

.col02A {
float:left;
height:30px;
}

.col02B {
float:right;
height:30px;
}



#download h5 {
font-size:116.7%;
font-weight:bold;
}

.downloadCaption {
margin:10px 0 0 0;
border:5px solid #eeeeee;
padding:10px;
}

.downloadCaption h6 {
font-size:10px;
font-weight:bold;
}

.downloadCaption p {
font-size:10px;
color:#666666;
}

.txtbody p {
line-height:160%;
}

ul.txtcaption01A {
font-size:91.7%;
line-height:140%;
color:#999999;
margin:0 0 10px 0;
}

.downloadInfoSection {
margin:0 0 20px 0;
}

.downloadInfoSection li {
float:right;
}

/*------------------------------------------------------------
	@_KYOSITU
------------------------------------------------------------*/

.kyositu {
margin-left: 49px;
}


/*1lfor10l*/
#csr-1lf-index .section {
margin-bottom: 1em;
}

#csr-1lf-index .day {
width: 256px;
height: 84px;
float: left;
}

#csr-1lf-index .cnt {
width: 344px;
height: 84px;
float: right;
}

#csr-1lf-index .aqua {
width: 600px;
height: auto;
padding-bottom: 20px;
border: 5px solid #eeeeee;
}

#csr-1lf-index .aqua .img {
width: 160px;
height: 160px;
float: left;
margin: 20px 0 0 20px;
_margin: 20px 0 20px 10px;
}

#csr-1lf-index .aqua .txtbody {
width: 370px;
float: left;
margin: 20px 0 10px 20px;
}

#csr-1lf-index #result {
  margin-bottom:1em;
  padding:20px 15px;
  border:5px solid #b2edfb;
  overflow:hidden;
}
#csr-1lf-index #result h3 {
  margin-bottom:9px;
  line-height:1;
}
#csr-1lf-index #result h4 {
  margin-bottom:14px;
}
#csr-1lf-index #result .lcol {
  float:left;
  width:276px;
}
#csr-1lf-index #result .rcol {
  float:right;
  width:276px;
  padding-top:15px;
}

/* frame CM */

.frame-cm {
  width:610px;
  background:#fff url(../../cm/images/bg-frame-body.gif) repeat-y 0 0;
}

.frame-cm-head {
  background:url(../../cm/images/bg-frame-head.jpg) no-repeat 0 0;
}

.frame-cm-body {
  padding:40px 0 20px 0;
  background:url(../../cm/images/bg-frame-foot.gif) no-repeat 0 bottom;
}

#cm-section01,
#cm-section03,
#cm-section04,
#cm-section06,
#cm-section07,
#cm-section08 {
  padding:0 40px;
}

#cm-section01 h1 {
  height:90px;
}

#cm-section01 h2 {
  padding:26px 0 20px 0;
}

#cm-section02 {
  height:228px;
  text-align: center;
  padding:0 40px;
  margin:0 0 20px 0;
}

#cm-section04 h2 {
  margin:0 0 20px 0;
}

#cm-section05 {
  height:228px;
  text-align: center;
  padding:0 40px 20px 40px;
  background: url(../../cm/images/bg-cm-section05.jpg) no-repeat 0 100%;
}

#cm-section07 {
  background: url(../../cm/images/bg-cm-section07.jpg) no-repeat 0 100%;
  margin:0 0 30px 0;
}

#cm-movie01,
#cm-movie02 {
  width:295px;
  height: 228px;
  overflow: hidden;	
  margin: 0 auto;
  background:#FFFFFF;
}

.cm-article01{
  padding:0 0 30px 0;
  margin:0 0 30px 0;
  background: url(../../cm/images/cm_dotted.gif) repeat-x 0 100%;
}

.cm-article02{
  width:270px;
  float:left;
}

.cm-article03 {
  background: url(../../cm/images/cm_dotted.gif) repeat-x 0 0;
  padding:30px 0 0 0;
}

.cm-article01 h3,
.cm-article03 h3 {
  margin:0 0 10px 0;
}

.cm-article02 h3 {
  margin:0 0 8px 0;
}

.cm-article01 p,
.cm-article02 p,
.cm-article03 p {
  color:#FFFFFF;
  line-height:160%;
}

.cm-article02 ul {
  list-style:none;
  margin:0 0 14px 0;
}

.cm-article03 p {
  padding:0 0 20px 0;
}

.link-cm-01 li {
	padding:0 0 0 18px;
	font-weight:bold;
	line-height: 1;
	background:url(../../cm/images/cm-anchor-middle.gif) no-repeat 0 50%;
}

.link-cm-01 li a {
	color:#FCF22E !important;
}

#wallpaper-img {
  width:237px;
  height: 181px;
  float:right;
}

/*------------------------------------------------------------
	@_SPECIAL MOVIE
------------------------------------------------------------*/

#specialMovieWrapper {
  width:650px;
  height:1262px;
  background:url(../../special_movie/images/bg_contents_01.jpg) no-repeat 0 0;
  padding:55px 115px 0 115px;
}

.specialMovieHeader {
  text-align:center;
  width:650px;
}

.specialMovieHeader h1 {
  margin:0 0 35px 0;
}

.specialMovieHeader p {
  margin:0 0 30px 0;
}

.specialMovieContents {
  width:640px;
  height:360px;
  overflow: hidden;
  padding:5px;
  background:#FFFFFF;
  margin:0 0 50px 0;
}

.specialMovieProfile {
  width:650px;
  height:248px;
  margin:0 0 30px 0;
}

.specialMovieProfileList {
  width:700px;
}

.specialMovieProfile h2 {
  margin:0 0 24px 0;
}

.specialMovieProfile dl {
  width:200px;
  float:left;
  margin:0 25px 0 0;
}

.specialMovieProfile dl dt {
  margin:0 0 15px 0;
}

.specialMovieFooter a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}


/* @end */