@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;
}

/* 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;
}

/* 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 div#flashContent {
/*	margin:0 -72px;*/
	width:1000px;
	height:378px;
	_position:relative;
	_zoom:1;
	background:url(../../images/topfla-dummy.png) no-repeat 0 0;
}

#topfla-inner div#flashContent .bannerContent {
	width:1000px;
	height:378px;
	position:relative;
	background:url(../../images/topfla-dummy.png) no-repeat 0 0;
}

.bannerContent h1 {
	width:305px;
	height:60px;
	font-size:0;
	text-indent:-9999px;
	background:url(../../images/hn_banner_content_01.jpg) no-repeat 0 0;
	position:absolute;
	top:75px;
	left:295px;
}

.bannerContent ul li {
	list-style:none;
}

.bannerContent ul li a {
	display:block;
	position:absolute;
	font-size:0;
	text-indent:-9999px;
}

.bannerContent ul li.vnavi01 a {
	width:182px;
	height:18px;
	background:url(../../images/btn_vnavi_01.jpg) no-repeat 0 0;
	top:153px;
	left:297px;
}

.bannerContent ul li.vnavi02 a {
	width:198px;
	height:18px;
	background:url(../../images/btn_vnavi_02.jpg) no-repeat 0 0;
	top:180px;
	left:297px;
}

.bannerContent ul li.vnavi03 a {
	width:209px;
	height:18px;
	background:url(../../images/btn_vnavi_03.jpg) no-repeat 0 0;
	top:207px;
	left:297px;
}

.bannerContent ul li.vnavi04 a {
	width:209px;
	height:18px;
	background:url(../../images/btn_vnavi_04.jpg) no-repeat 0 0;
	top:234px;
	left:297px;
}

.bannerContent ul li.vnavi05 a {
	width:123px;
	height:18px;
	background:url(../../images/btn_vnavi_05.jpg) no-repeat 0 0;
	top:153px;
	left:519px;
}

.bannerContent ul li.vnavi06 a {
	width:207px;
	height:33px;
	background:url(../../images/btn_vnavi_06.jpg) no-repeat 0 0;
	top:180px;
	left:519px;
}

.bannerContent ul li.vnavi07 a {
	width:74px;
	height:18px;
	background:url(../../images/btn_vnavi_07.jpg) no-repeat 0 0;
	top:219px;
	left:519px;
}



#topfla-inner div#flashContent .bannerContent ul li a {
  display:block;
  padding:5px 0;
  font-size:10px;
}

/* $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;
}

/* $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;
}

/* 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;
}

.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
------------------------------------------------------------*/

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

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

/*------------------------------------------------------------
	$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
------------------------------------------------------------*/

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;
}

#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:nth-child(3n) { 
  margin-right:0;
}

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

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

/*------------------------------------------------------------
	$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                                                 ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	$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/hydration1.html
------------------------------------------------------------*/

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

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

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

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

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

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

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

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

/* @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;
}

/*------------------------------------------------------------
	$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;
}


/* @end */