@charset "Shift_JIS";

/*=========================================

水と生きる SUNTORY 「水の知」最前線　knowledge.css　20111108

=========================================*/

#suntory_contents #MainContents h1,
#suntory_contents #MainContents h2,
#suntory_contents #MainContents h3,
#suntory_contents #MainContents h4,
#suntory_contents #MainContents h5,
#suntory_contents #MainContents h6,
#suntory_contents #MainContents div,
#suntory_contents #MainContents p,
#suntory_contents #MainContents ul,
#suntory_contents #MainContents li,
#suntory_contents #MainContents ol,
#suntory_contents #MainContents dl,
#suntory_contents #MainContents dt,
#suntory_contents #MainContents dd {
	zoom: 1;  /* for IE hasLayout true */
}


/* 見出し */
#suntory_contents #MainContents h2 {
	margin-bottom: 12px;
}

#suntory_contents #MainContents h3.cntBasic {
	margin-bottom: 12px;
	background: url(../img/cmn_bg_tit3_01.jpg) left top repeat-y;
	color: #0f9cb5;
	font-size: 110%;
	font-weight: bold;
}
#suntory_contents #MainContents h3.cntBasic .cntH3Innr01 {
	display: block;
	background: url(../img/cmn_bg_tit3_01_top.jpg) left top no-repeat;
}
#suntory_contents #MainContents h3.cntBasic .cntH3Innr02 {
	display: block;
	padding: 10px 10px 8px;
	background: url(../img/cmn_bg_tit3_01_btm.jpg) left bottom no-repeat;
}
/* ------ */

/* link */
#suntory_contents .expandLinkOver a:link,
#suntory_contents .expandLinkOver a:visited,
#suntory_contents .expandLinkOver a:hover,
#suntory_contents .expandLinkOver a:active { color:#29D7E9; text-decoration: underline; }
/* ------ */

/* section */
#suntory_contents #MainContents .cntSectionL2 { margin-bottom: 43px !important; }
#suntory_contents #MainContents .cntSectionL { margin-bottom: 33px !important; }
#suntory_contents #MainContents .cntSectionM { margin-bottom: 23px !important; }
#suntory_contents #MainContents .cntSectionS { margin-bottom: 13px !important; }

#suntory_contents #MainContents .cntHasFollower { margin-bottom: 3px !important; }
/* ------ */


/* separator */
#suntory_contents #MainContents .cntSepa01M {
	margin-bottom: 25px !important;
	padding-bottom: 35px !important;
	background: url(../img/cmn_sepa_dot01.jpg) 50% 100% no-repeat;
}
/* ------ */

/* link marker */
#suntory_contents #MainContents .cntLink01 {
	padding-left: 13px;
	background: url(../img/cmn_arrow01.gif) 0 5px no-repeat;
}
/* ------ */

/* superscript, subscript */
sup,
sub {
	line-height: 1.1;
}
* html sup,
* html sub { font-size: 100%; }  /* for IE6 */
*:first-child+html sup,
*:first-child+html sub { font-size: 100%; }  /* for IE7 */
head~/* */body sup,
head~/* */body sub { font-size: 100%; }  /* for IE8 */
html:not(:target) sup,
html:not(:target) sub { font-size: 83.4%; }  /* for mordern except IE8 */

sup { vertical-align: 0.25em; }
sub { vertical-align: -1px; }
/* --- */

/* 汎用 */
#suntory_contents #MainContents .cntLastItem,
#suntory_contents #MainContents .cntNearNext { margin-bottom: 0px !important; }
#suntory_contents #MainContents .cntLastItemCol,
#suntory_contents #MainContents .cntNearNextCol { margin-right: 0px !important; }

#suntory_contents #MainContents .cntFirstItem { margin-top: 3px !important; }

#suntory_contents #MainContents em { font-style: normal; font-weight: bold; }
/* ------ */


/* CntIntroArea */
#suntory_contents #CntIntroArea {
	margin-bottom: 27px;
	padding-top: 325px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #444;
}


/* ex01 CntIntroArea */
#suntory_contents .mizu_knowledge_ex01 #CntIntroArea {
	margin-bottom: 40px;
	padding-top: 338px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #444;
}

#suntory_contents #CntIntroArea .cntTxt {
	margin: 0 auto;
	width: 614px;
}
/* ------ */

/* cntWaku01 */
#suntory_contents #MainContents .cntWaku01 {
	border: 1px solid #999;
	padding: 9px;
}
/* ------ */

/* cntWaku02 */
#suntory_contents #MainContents .cntWaku02 {
	background: url(../img/cmn_bg_waku02.gif) left top repeat-y;
}
#suntory_contents #MainContents .cntWaku02 .cntWk2Innr01 {
	background: url(../img/cmn_bg_waku02_top.gif) left top no-repeat;
}
#suntory_contents #MainContents .cntWaku02 .cntWk2Innr02 {
	padding: 15px 20px;
	background: url(../img/cmn_bg_waku02_btm.gif) left bottom no-repeat;
}
/* ------ */

/* CntBknmArea */
#suntory_contents #CntBknmArea {
	margin-top: 20px;
}

#suntory_contents #CntBknmArea .cntWakuBknm {
	margin-bottom: 3px;
	background: #dbdbdb;
}
#suntory_contents #CntBknmArea .cntWkbnInnr01 {
	background: url(../img/cmn_bg_bknm01_top.gif) left top no-repeat;
}
#suntory_contents #CntBknmArea .cntWkbnInnr02 {
	padding: 10px 0 10px 10px;
	background: url(../img/cmn_bg_bknm01_btm.gif) left bottom no-repeat;
}

#suntory_contents #CntBknmArea h3.cntBknmTit {
	margin-bottom: 5px;
	color: #444;
	font-size: 110%;
	font-weight: bold;
}

#suntory_contents #CntBknmArea .cntBknmList {
}

#suntory_contents #CntBknmArea .cntBknmList li {
	float: left;
	display: inline;  /* for IE6 */
	margin-bottom: 5px;
	margin-right: 10px;
	width: 315px;
}

#suntory_contents #CntBknmArea .cntBknmList .cntBknmLiItem {
	border: 2px solid #ccc;
	padding: 6px 4px 5px;
	background: #fff;
	line-height: 1.2;
	cursor: pointer;
}

#suntory_contents #CntBknmArea .cntBknmList .fLeft { width: 65px; }
#suntory_contents #CntBknmArea .cntBknmList .fRight { width: 227px; }

#suntory_contents #CntBknmArea .cntBknmList .cntLink01 {
	margin-bottom: 3px;
}
#suntory_contents #CntBknmArea .cntBknmList .cntLink01 a:link,
#suntory_contents #CntBknmArea .cntBknmList .cntLink01 a:visited,
#suntory_contents #CntBknmArea .cntBknmList .cntLink01 a:hover,
#suntory_contents #CntBknmArea .cntBknmList .cntLink01 a:active { color: #444; }
/* ------ */

/* ------------------
ex01
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_ex01 #CntIntroArea { background-image: url(../ex01/img/ind_tit01.jpg); }
/* ====== */


/* ------------------
vol.06
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_06 #CntIntroArea { background-image: url(../06/img/ind_tit01.jpg); }
/* ====== */


/* ------------------
vol.05
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_05 #CntIntroArea { background-image: url(../05/img/ind_tit01.jpg); }
/* ====== */


/* ------------------
vol.04
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_04 #CntIntroArea { background-image: url(../04/img/ind_tit01.jpg); }
/* ====== */


/* ------------------
vol.03
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_03 #CntIntroArea { padding-top: 290px; background-image: url(../03/img/ind_tit01.jpg); background-position: 0 10px; }
#suntory_contents .mizu_knowledge_03 #CntIntroArea .cntTxt { margin: 0 0 0 10px; width: 335px; }
/* ====== */


/* ------------------
vol.02
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_02 #CntIntroArea { background-image: url(../02/img/ind_tit01.jpg); }
/* ====== */


/* ------------------
vol.01
------------------ */
/* CntIntroArea */
#suntory_contents .mizu_knowledge_01 #CntIntroArea { padding-top: 290px; background-image: url(../01/img/ind_tit01.jpg); background-position: 0 10px; }
#suntory_contents .mizu_knowledge_01 #CntIntroArea .cntTxt { margin: 0 0 0 308px; width: 335px; }
/* ====== */


/* ------------------
トップページ
------------------ */
#suntory_contents .mizu_knowledge_indx {
}

#suntory_contents .mizu_knowledge_indx #MainContents {
}
#suntory_contents .mizu_knowledge_indx #MainContents .cntInnr01 {
	background: url(../img/ind_bg_cntt01.jpg) left top repeat-x;
}

#suntory_contents .mizu_knowledge_indx #MainContents h1 {
	margin-bottom: 2px;
}

#suntory_contents .mizu_knowledge_indx #MainContents h2 {
	margin-bottom: 12px;
}

#suntory_contents .mizu_knowledge_indx #CntInterviewArea {
}

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolLUnit {
	margin-bottom: 20px;
}

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolLUnit .cntPic {
	margin-bottom: 7px;
}

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolLUnit .cnt2ColUnit {
	margin: 0 auto;
	width: 640px;
}
#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolLUnit .cnt2ColUnit .fLeft { width: 420px; }
#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolLUnit .cnt2ColUnit .fRight { width: 195px; }

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolSUnit {
	margin: 0 auto 20px;
	width: 640px;
}
#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolSUnit .fLeft { width: 310px; }
#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolSUnit .fRight { width: 310px; }

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolSUnit .cntPic {
	margin-bottom: 12px;
}

#suntory_contents .mizu_knowledge_indx #CntInterviewArea .cntVolSUnit .cntBtn {
	text-align: center;
}


#suntory_contents .mizu_knowledge_indx #CntAboutArea {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

#suntory_contents .mizu_knowledge_indx #CntAboutArea .cnt2ColUnit {
	margin: 0 auto;
	width: 640px;
}
#suntory_contents .mizu_knowledge_indx #CntAboutArea .cnt2ColUnit .fLeft { width: 320px; }
#suntory_contents .mizu_knowledge_indx #CntAboutArea .cnt2ColUnit .fRight { width: 304px; }
/* ====== */