@charset "utf-8";

/* ======================================================
 * RESET
 * ------------------------------------------------------
 * Reset  - need to add class="resetCss"
====================================================== */

/* ======================================================
 * LAYOUT
 * ------------------------------------------------------
 * ContactContents
 * UserUtility
 * ContentsWrap
 * MainContents
 * SideContents
====================================================== */

/* ======================================================
 * COMPONENT
 * ------------------------------------------------------
 * For Reader
 * Text Style
 * List Style
 * Link Style
 * Section Style
 * Heading Style
 * Column Style
 * Other Style
 * Layout Property
 * ClearFix
====================================================== */

/* Reset
------------------------------------------------------ */
.resetCss body,
.resetCss div,
.resetCss dl,
.resetCss dt,
.resetCss dd,
.resetCss ul,
.resetCss ol,
.resetCss li,
.resetCss h1,
.resetCss h2,
.resetCss h3,
.resetCss h4,
.resetCss h5,
.resetCss h6,
.resetCss pre,
.resetCss form,
.resetCss fieldset,
.resetCss input,
.resetCss textarea,
.resetCss p,
.resetCss blockquote,
.resetCss th,
.resetCss td {
	margin: 0;
	padding: 0;
}
.resetCss table {
	border-collapse: collapse;
	border-spacing: 0;
}
.resetCss fieldset,
.resetCss img {
	border: 0;
}
.resetCss address,
.resetCss caption,
.resetCss cite, code,
.resetCss dfn,
.resetCss em,
.resetCss strong,
.resetCss th,
.resetCss var {
	font-style: normal;
	font-weight: normal;
}
.resetCss ol,
.resetCss ul {
	list-style: none;
}
.resetCss caption,
.resetCss th {
	text-align: left;
}
.resetCss h1,
.resetCss h2,
.resetCss h3,
.resetCss h4,
.resetCss h5,
.resetCss h6,
.resetCss small {
	font-size: 100%;
	font-weight: normal;
}
.resetCss q:before,
.resetCss q:after {
	content: '';
}
.resetCss abbr,
.resetCss acronym {
	border: 0;
}
.resetCss hr {
	display: none;
}
.resetCss sup {
	font-size: 83%;
	line-height: 1;
	/*vertical-align: text-top;*/
}
.resetCss sub {
	font-size: 83%;
	line-height: 1;
}


/* ContactContents
------------------------------------------------------ */
.contactContents {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 30px;
	color: #666666;
	line-height: 1.4;
}

/* UserUtility
------------------------------------------------------ */
.contactContents .userUtility {
	clear: both;
	width: 900px;
	margin-top: 10px;
	overflow: hidden;
	_zoom: 1;
}
/* fontSizeSwitch */
.userUtility .fontSizeSwitch {
	float: right;
}
.userUtility .fontSizeSwitch img {
	vertical-align: top;
}
.userUtility .fontSizeSwitch dt {
	float: left;
	padding-top: 7px;
}
.userUtility .fontSizeSwitch dd {
	float: left;
	margin-left: 4px;
}
.userUtility .fontSizeSwitch dd.smallBtn {
	padding-top: 3px;
}
.userUtility .fontSizeSwitch dd.middleBtn {
	padding-top: 1px;
}


/* ContentsWrap
------------------------------------------------------ */
.contactContents .contentsWrap {
	clear: both;
	width: 900px;
}


/* MainContents
------------------------------------------------------ */
.contentsWrap .mainContents {
	float: right;
	width: 660px;
	margin-right: 10px;
}
/* topicPath */
.contactContents .topicPath {
	margin-top: 5px;
	padding-bottom: 5px;
	font-size: 83%;
}
.contactContents .userUtility .topicPath {
	float: left;
}
.topicPath dt {
	position: absolute;
	left: -9999px;
	top: -9999px;
	float: left;
	text-indent: -9999px;
}
.topicPath dd {
	float: left;
}
.topicPath dd ul li {
	float: left;
}
.topicPath dd ul li.into {
	margin-right: 7px;
	padding-right: 12px;
	background: url(../images/contact_ic02.gif) no-repeat 100% 0.3em;
}
.topicPath dd ul li a {
	white-space: nowrap;
}


/* SideContents
------------------------------------------------------ */
.contentsWrap .sideContents {
	float: left;
	width: 200px;
}
/*----- sideBox01 -----*/
.sideContents .sideBox01 {
	width: 188px;
	margin: 0 auto;
	padding-bottom: 4px;
	background: url(../images/side_bg02.gif) no-repeat 0 100%;
}
/*** contactNav ***/
.sideContents .sideBox01 .contactNav {
	padding: 5px 5px 0;
	background: url(../images/side_bg01.gif) no-repeat 0 0;
}
/* mainMenu */
.sideContents .sideBox01 .contactNav .mainMenu li {
	margin-bottom: 2px;
}
.sideContents .sideBox01 .contactNav .mainMenu li em {
	display: block;
	margin-bottom: 1px;
}
.sideContents .sideBox01 .contactNav .mainMenu li a {
	display: block;
	width: 178px;
	height: 32px;
	text-indent: -9999px;
	z-index: 10;
	_zoom: 1;
}
.sideContents .sideBox01 .contactNav .mainMenu li.nav01 a {
	background: url(../images/side_nav01.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu li.nav02 a {
	background: url(../images/side_nav03.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu li.nav03 a {
	background: url(../images/side_nav02.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu li a:hover,
.sideContents .sideBox01 .contactNav .mainMenu li.selected a {
	background-position: 0 -32px !important;
}
/* subMenu */
.sideContents .sideBox01 .contactNav .mainMenu .subMenu {
	margin-bottom: -1px;
	overflow: hidden;
	_zoom: 1;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li {
	margin-top: -1px;
	margin-bottom: 2px;
	border-top: 1px solid #e0e0e0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li a {
	display: block;
	width: 178px;
	height: 28px;
	text-indent: -9999px;
	z-index: 1;
	_zoom: 1;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.multilineMenuBtn01 a {
	height: 43px;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_1 a {
	background: url(../images/side_nav04.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_2 a {
	background: url(../images/side_nav05.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_3 a {
	background: url(../images/side_nav06.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_4 a {
	background: url(../images/side_nav07.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_5 a {
	background: url(../images/side_nav08.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_6 a {
	background: url(../images/side_nav09.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav01_7 a {
	background: url(../images/side_nav10.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav03_1 a {
	background: url(../images/side_nav11.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.nav03_2 a {
	background: url(../images/side_nav12.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .contactNav .mainMenu li.selected .subMenu li a {
	background-position: 0 0 !important;
}
.sideContents .sideBox01 .contactNav .mainMenu li.selected .subMenu li.multilineMenuBtn01 a:hover,
.sideContents .sideBox01 .contactNav .mainMenu li.selected .subMenu li.multilineMenuBtn01.on2 a {
	background-position: 0 -43px !important;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li a:hover,
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.on a,
.sideContents .sideBox01 .contactNav .mainMenu li.selected .subMenu li a:hover,
.sideContents .sideBox01 .contactNav .mainMenu li.selected .subMenu li.on a {
	background-position: 0 -28px !important;
}
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.on a,
.sideContents .sideBox01 .contactNav .mainMenu .subMenu li.on2 a {
	cursor: default;
}
/*** aboutInquiry ***/
.sideContents .sideBox01 .aboutInquiry {
	padding: 5px 5px 0;
	background: url(../images/side_bg01.gif) no-repeat 0 0;
}
/* aboutBlock */
.sideContents .sideBox01 .aboutInquiry .aboutBlock {
	margin-top: 10px;
}
.sideContents .sideBox01 .aboutInquiry .aboutBlock .subContent {
	padding: 10px 6px 5px;
}

/*** relationBlock01 ***/
.sideContents .sideBox01 .relationBlock01 {
	padding: 10px 5px 0;
	background: url(../images/side_bg01.gif) no-repeat 0 0;
}
.sideContents .sideBox01 .relationBlock01 .head {
	text-align: center;
}
.sideContents .sideBox01 .relationBlock01 .content {
	padding: 10px 6px 5px;
}


/* For Reader
------------------------------------------------------ */
/* voiceGuide */
.contactContents .voiceGuide {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* Text Style
------------------------------------------------------ */
/* textType01 */
.contactContents .textType01 {
	font-size: 92%;
}
/* textType02 */
.contactContents .textType02 {
	font-size: 117%;
}
/* textType03 */
.contactContents .textType03 {
	font-size: 108%;
}
/* leadText01 */
.contactContents .leadText01 {
	color: #035fbb;
}
/* paragraph01 */
.contactContents .paragraph01 {
	margin-top: 15px;
}
/* markIcon01 */
.contactContents .markIcon01 {
	vertical-align: middle;
}

/* List Style
------------------------------------------------------ */
/* note01 */
.contactContents .note01 {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 83%;
}
/* indentList01 */
.contactContents .indentList01 {
	clear: both;
}
.contactContents .indentList01 li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
/* numberList01 */
.contactContents .numberList01 {
	clear: both;
}
.contactContents .numberList01 li {
	clear: both;
}
.contactContents .numberList01 li .num {
	display: block;
	float: left;
	margin-right: 0;
	padding-top: 0;
}
.contactContents .numberList01 li .textBlock {
	display: block;
	overflow: hidden;
	_zoom: 1;
}
/* definitionList01 */
.contactContents .definitionList01 {
	clear: both;
}
.contactContents .definitionList01 dt {
	clear: both;
	float: left;
	margin-right: 12px;
	padding-top: 3px;
	font-size: 0;
}
.contactContents .definitionList01 dd {
	overflow: hidden;
	_zoom: 1;
}
/* definitionList02 */
.contactContents .definitionList02 {
	clear: both;
}
.contactContents .definitionList02 dt {
	clear: both;
	float: left;
	width: 4em;
}
.contactContents .definitionList02 dd {
	overflow: hidden;
	_zoom: 1;
}
/* faqList */
.contactContents .faqList {
	clear: both;
}
.contactContents .faqList .num {
	display: block;
	float: left;
	margin-right: 8px;
	padding-top: 1px;
}
.contactContents .faqList .detailBlock {
	display: block;
	overflow: hidden;
	_zoom: 1;
}
/* pointList */
.contactContents .pointList {
	clear: both;
}
.contactContents .pointList .num {
	display: block;
	float: left;
	margin-right: 8px;
	padding-top: 2px;
}
.contactContents .pointList .detailBlock {
	display: block;
	overflow: hidden;
	_zoom: 1;
}

/* Link Style
------------------------------------------------------ */
/* iconLink01 */
.contactContents .iconLink01 {
	padding-left: 8px;
	background: url(../images/contact_ic01.gif) no-repeat 0 0.2em;
}
/* iconLink02 */
.contactContents .iconLink02 {
	padding-left: 13px;
	background: url(../images/contact_ic05.gif) no-repeat 0 0.3em;
}
.contactContents .elementRight .iconLink02 {
	display: inline-block;
}
* html .contactContents .elementRight .iconLink02 {  /* for IE6 */
	display: inline;
	zoom: 1;
}
/* iconLink03 */
.contactContents .iconLink03 {
	margin-top: -5px;
}
.contactContents .iconLink03 li {
	margin-top: 5px;
	padding-left: 15px;
	background: url(../images/contact_ic06.gif) no-repeat 0 0.3em;
}
/* btnLink01 */
.contactContents .btnLink01 {
	clear: both;
	width: 645px;
	margin: -5px -5px 0 0;
	overflow: hidden;
	_zoom :1;
}
.contactContents .btnLink01 li {
	float: left;
	margin: 5px 5px 0 0;
	font-size: 0;
}
/* anchorLink01 */
.contactContents .anchorLink01 li {
	clear: both;
	margin-top: 7px;
	padding-left: 15px;
	background: url(../images/contact_ic03.gif) no-repeat 0 0.45em;
}
.contactContents .anchorLink01.anchorIcon01 li {
	background: url(../images/contact_ic07.gif) no-repeat 0 0.45em;
}
.contactContents .anchorLink01 li.anchorTypeWide {
	background-position: 0 0.85em;
}
.contactContents .anchorLink01 li .num {
	display: block;
	float: left;
	margin-right: 6px;
	padding-top: 1px;
}
.contactContents .anchorLink01 li.anchorTypeWide .num {
	padding-top: 7px;
}
* html .contactContents .anchorLink01 li.anchorTypeWide .num {
	padding-top: 5px;
}
.contactContents .anchorLink01 li .textBlock {
	display: block;
	overflow: hidden;
	_zoom: 1;
}
/* pageUpLink */
.contactContents .pageUpLink {
	clear: both;
	margin-top: 7px;
	text-align: right;
}
.contactContents .pageUpLink a {
	padding-left: 8px;
	background: url(../images/contact_ic04.gif) no-repeat 0 50%;
	text-decoration: none;
}


/* Section Style
------------------------------------------------------ */
.contactContents .section {
	clear: both;
}
.contactContents .subSection {
	clear: both;
	margin-top: 20px;
}

/* Heading Style
------------------------------------------------------ */
/* heading01 */
.contactContents .heading01 {
	clear: both;
	margin: 20px 0 0 0;
}
/* heading02 */
.contactContents .heading02 {
	clear: both;
	width: 660px;
	height: 40px;
	margin-bottom: 20px;
	background: url(../images/contact_bg03.gif) no-repeat 0 0;
}
.contactContents .heading02 span {
	display: block;
	padding: 12px 17px 0;
}
/* heading03 */
.contactContents .heading03 {
	clear: both;
	width: 660px;
	height: 40px;
	margin-bottom: 20px;
	background: url(../images/contact_bg04.gif) no-repeat 0 0;
}
.contactContents .heading03 span {
	display: block;
	padding: 12px 17px 0;
}
/* headingBlock01 */
.contactContents .headingBlock01 {
	clear: both;
	padding: 9px 0 0 7px;
}
.contactContents .headingBlock01 .head {
	float: left;
	margin-right: 14px;
}
.contactContents .headingBlock01 .lead {
	padding-top: 3px;
	color: #035fbb;
	overflow: hidden;
	_zoom: 1;
}




/* Column Style
------------------------------------------------------ */
/* columnBox01 */
.contactContents .columnBox01 {
	clear: both;
	width: 660px;
	margin-top: 20px;
	background: url(../images/contact_bg02.gif) no-repeat 0 100%;
}
.contactContents .columnBox01 .columnBox01Inner {
	padding: 9px 11px 10px;
	background: url(../images/contact_bg01.gif) no-repeat 0 0;
}
/* columnBox02 */
.contactContents .columnBox02 {
	clear: both;
	width: 660px;
	margin-top: 15px;
	background: url(../images/contact_bg02.gif) no-repeat 0 100%;
}
.contactContents .columnBox02 .content01 {
	padding: 10px 15px 15px;
}
.contactContents .columnBox02 .content02 {
	padding: 10px 7px 15px 13px;
}
/* columnBox03 */
.contactContents .columnBox03 {
	clear: both;
	width: 660px;
	margin-top: 40px;
	background: url(../images/contact_bg06.gif) no-repeat 0 100%;
}
.contactContents .columnBox03 .columnBox03Inner {
	padding: 26px 20px 25px 18px;
	background: url(../images/contact_bg05.gif) no-repeat 0 0;
}


/* Other Style
------------------------------------------------------ */
/* mainVisual */
.contactContents .mainVisual {
	margin-bottom: 20px;
}
/* anchorBlock01 */
.contactContents .anchorBlock01 {
	clear: both;
	margin: 0 0 0 15px;
}
/* voiceBlock01 */
.contactContents .voiceBlock01 {
	clear: both;
}
.contactContents .voiceBlock01 .head {
	margin-bottom: 11px;
	padding-bottom: 12px;
	background: url(../images/contact_hr01.gif) repeat-x 0 100%;
}
.contactContents .voiceBlock01 .content .howtoColumn .leftCol {
	float: left;
	padding-top: 5px;
}
.contactContents .voiceBlock01 .content .howtoColumn .rightCol {
	float: right;
}
/* faqBlock01 */
.contactContents .faqBlock01 {
	clear: both;
}
/* faqBox */
.contactContents .faqBox {
	clear: both;
	width: 660px;
	margin-top: 20px;
	background: url(../images/contact_bg02.gif) no-repeat 0 100%;
}
.contactContents .faqBox .question {
	display: block;
	padding: 9px 9px 7px;
	background: url(../images/contact_bg01.gif) no-repeat 0 0;
}
.contactContents .faqBox .answer {
	padding: 11px 9px 15px;
	background: url(../images/contact_hr01.gif) repeat-x 0 0;
}
/* pointBox */
.contactContents .pointBox {
	clear: both;
	width: 660px;
	margin-top: 20px;
	background: url(../images/contact_bg02.gif) no-repeat 0 100%;
}
.contactContents .pointBox .head {
	display: block;
	padding: 9px 9px 7px;
	background: url(../images/contact_bg01.gif) no-repeat 0 0;
}
.contactContents .pointBox .content {
	padding: 11px 9px 15px 41px;
	background: url(../images/contact_hr01.gif) repeat-x 0 0;
}
/* tabList */
.contactContents .tabList {
	clear: both;
	height: 46px;
	padding-left: 8px;
	background: url(../images/contact_tab_bg01.gif) repeat-x 0 0;
	overflow: hidden;
	_zoom: 1;
}
.contactContents .tabList li {
	float: left;
	margin-right: 5px;
}
.contactContents .tabList li a {
	display: block;
	width: 211px;
	height: 46px;
	text-indent: -9999px;
	_zoom: 1;
}
.contactContents .tabList li.tabBtn01 a {
	background: url(../faq/images/calpis_tab_bt01.gif) no-repeat 0 0;
}
.contactContents .tabList li.tabBtn02 a {
	background: url(../faq/images/calpis_tab_bt02.gif) no-repeat 0 0;
}
.contactContents .tabList li.tabBtn03 a {
	background: url(../faq/images/calpis_tab_bt03.gif) no-repeat 0 0;
}
.contactContents .tabList li a:hover,
.contactContents .tabList li.on a {
	background-position: 0 -46px !important;
}
.contactContents .tabList li.on a {
	cursor: default;
}




/* Layout Property
------------------------------------------------------ */
/*----- margin -----*/
/* margin-top */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
/* margin-left */
.ml00 { margin-left: 0 !important; }
/* margin-right */
.mr00 { margin-right: 0 !important; }
/* margin-bottom */
.mb00 { margin-bottom: 0 !important; }

/*----- padding -----*/
/* padding-top */
.pt00 { padding-top: 0 !important; }
/* padding-left */
.pl00 { padding-left: 0 !important; }
/* padding-right */
.pr00 { padding-right: 0 !important; }
/* padding-bottom */
.pb00 { padding-bottom: 0 !important; }

/*----- align -----*/
/* text-align */
.elementLeft { text-align: left !important; }
.elementCenter { text-align: center !important; }
.elementRight { text-align: right !important; }

/* vertical-align */
.elementTop { vertical-align: top !important; }
.elementMiddle { vertical-align: middle !important; }
.elementBottom { vertical-align: bottom !important; }

/*----- clear -----*/
.clearBoth { clear: both !important; }
.clearLeft { clear: left !important; }
.clearRight { clear: right !important; }
.clearNone { clear: none !important; }

/*----- float -----*/
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.floatNone { float: none !important; }


/* ClearFix
------------------------------------------------------ */
.contactContents .userUtility:after,
.userUtility .fontSizeSwitch:after,
.contactContents .topicPath:after,
.topicPath dd ul:after,
.contactContents .contentsWrap:after,
.contactContents .numberList01 li:after,
.contactContents .definitionList01:after,
.contactContents .definitionList02:after,
.contactContents .faqList:after,
.contactContents .btnLink01:after,
.contactContents .anchorLink01 li:after,
.contactContents .headingBlock01:after,
.contactContents .voiceBlock01 .content .howtoColumn:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.contactContents .userUtility,
.userUtility .fontSizeSwitch,
.contactContents .topicPath,
.topicPath dd ul,
.contactContents .contentsWrap,
.contactContents .numberList01 li,
.contactContents .definitionList01,
.contactContents .definitionList02,
.contactContents .faqList,
.contactContents .btnLink01,
.contactContents .anchorLink01 li,
.contactContents .headingBlock01,
.contactContents .voiceBlock01 .content .howtoColumn { /* IE6,IE7 hack */
	zoom: 1;
}

/* 2013.08.26 追加 
------------------------------------------------------ */
.sideTextLink {
	width:156px !important; 
	margin:0 auto !important; 
	padding:0 0 0 1.1em !important;
	
}

.width10em {
	width:11em;
}
.linkColor a:link { color: #888888 } 
.linkColor a:visited { color: #999999 } 
.linkColor a:hover { color: #333333  }