@charset "Shift_JIS";


/*****************************
 commom setting
*******************************/

#contents900 {
	width:898px;
	margin: 0 auto;
	padding: 0 1px;
	border-bottom: 1px solid #eeeced;
  background: url(../images/com_bg002.gif) repeat-y;
	color: #333333;
	font-size: 12px;
	text-align: center;
}
#contents900 img {
	vertical-align: baseline;
}

/*　トップページ（左右罫線なし）　*/
#contents900.topPage {
	border-bottom: none;
  background: none;
}

/*　トップページ（flashバナー）　*/
#contents900 .mt30 {
	margin-top: 30px;
}
#contents900 td.flashBanner-Bg {
	background: url(../images/com_bg001.gif) repeat-x 0 0;
}

/*　パンくず　*/
#contents900 #pankuzu {
  background: url(../images/com_bg001.gif) repeat-x;
  text-align: left;
}

#contents900 #pankuzu p {
	margin: 0;
	padding: 5px 0 15px 10px;
	line-height: 150%;
}

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtLeft {
	text-align: left;
}
.f-right {
	float: right;
}
.center {
	margin: 0 auto;
	text-align: center;
}
.bold {
	font-weight: bold;
}
.note {
	padding-left: 1em;
	text-indent: -1em;
}

/*　文字サイズ　*/
.txtS {
	font-size: 85%!important;
}

.strongText {
	font-weight: bold;
	line-height: 1.7;
}

.title01 {
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	color: #ff6666;
}
.title02 {
	margin: 0;
	font-weight: bold;
	color: #ff6666;
}

/*　マージン　*/
.mt0 {
	margin-top: 0 !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	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;
}

/* Margin-right */
.mr0{
	margin-right: 0 !important;
}
.mr5{
	margin-right: 5px !important;
}
.mr10{
	margin-right: 10px !important;
}
.mr15{
	margin-right: 15px !important;
}

/* Margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}

/* Margin-left */
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}


/*****************************
 top
*******************************/
#newsRelease .date {
	width: 84px;
	white-space: nowrap;
}



/*****************************
 event
*******************************/

.event-title02{
	font-size: 14px;
	color: #f36688;
	font-weight: bold;
}

.event-border-box{
	border: 1px solid #d5effb;
	border-top: none;
}

.CPTab a.close-img{
	display: block;
	width: 276px;
	height: 35px;
	margin: 15px 0 15px 20px;
	background: url(../event/images/index_bt002.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor:pointer;
	outline: 0;
}

.CPTab a:hover{
	background: url(../event/images/index_bt002on.gif) no-repeat 0 0;
}

.CPTab a.open-img{
	display: none;
}

.Tabon a.open-img{
	display: block;
	width: 276px;
	height: 35px;
	margin: 15px 0 15px 20px;
	background: url(../event/images/index_bt003.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor:pointer;
	outline: 0;
}

.Tabon a:hover{
	background: url(../event/images/index_bt003on.gif) no-repeat 0 0;
}

.Tabon a.close-img{
	display: none;
}

.noscript-area {
	text-align: center;
	margin : 50px 0;
}

.noscript-area div{
	margin-top: 20px;
}


/* stationTitle */
#stationTitle {
	height: 219px;
	background: url(../event/station/images/index_bg015.gif) no-repeat 0 0;
}

/* ==================================
clytia.html
================================== */
#clytia h1,
#clytia h2,
#clytia p {
	margin: 0;
	padding: 0;
}
#clytia {
	text-align: center;
}

#clytia .place {
	width: 662px;
	margin: 30px auto 0;
	padding-bottom: 16px;
	background: url(../event/station/images/index_ex006.gif) repeat-x 0 100%;
}
#clytia .place table {
	width: 100%;
	text-align: left;
	margin: 8px 0 0 10px;
}
#clytia .place table th {
	font-weight: normal;
	white-space: nowrap;
}
#clytia .place table .finish {
	margin-left: 12px;
	font-size: 10px;
	color: #0066cc;
}

#clytia .banner {
	width: 662px;
	margin: 10px auto 0;
	padding-bottom: 35px;
	text-align: left;
}
#clytia .banner table {
	margin: 9px 0 0 0;
}

/* ==================================
station/index.html
================================== */
#statinPresent {
	width: 600px;
	padding: 0 0 30px 0;
	border: 1px solid #d5effb;
	border-top: none;
	background: url(../event/station/images/index_bg007.gif) no-repeat -1px 0;
}
#statinCooking {
	width: 567px;
	margin: 20px 0 0 39px;
	padding: 15px 20px 20px 16px;
	border: 1px solid #ece4bc;
	background: url(../event/station/images/index_bg004.gif) no-repeat 0 0;
}
#statinCooking .photo {
	margin: 12px 0 0 20px;
}

/* ==================================
station/story.html
================================== */
#storyBg {
	background: url(../event/station/images/story_bg001.gif) no-repeat 0 0;
}
.storyRecipe .station-txt {
	padding-left: 1em;
	text-indent: -0.9em;
}

/*****************************
 fun
*******************************/

/* ==================================
index.html
================================== */
#contents900 #craftBTarea {
	position: relative;
	margin: 0;
	padding: 0;
}
#contents900 #craftBT {
	position: absolute;
	top: 8px;
	right: 61px;
}
#contents900 #craftBT02 {
	position: absolute;
	top: -29px;
	right: 61px;
}


/*****************************
 craft
*******************************/

/* aboutOrigami */
#contents900 .aboutOrigami {
	height: 108px;
	background: url(../fun/craft/images/index_il006.gif) no-repeat 100% 0;
}


/* ==================================
calpis.html
================================== */

* html #contents900 #goods { /* for IE6 hacks */
	margin-left: -1px;
}

/* craft-farm */
#contents900 .craft-farm {
	background: url(../fun/craft/images/calpis_bg003.gif) no-repeat 0 0;
}

/* tab-list */
#contents900 .tab-list {
	height: 209px;
	margin: 0;
	padding: 0 0 0 30px;
	background: url(../fun/craft/images/calpis_bg005.gif) no-repeat 56px 0;
}
#contents900 .tab-list ul {
	width: 583px;
	margin: 0 0 0 26px;
	padding: 0;
	background: url(../fun/craft/images/calpis_bg005.gif) no-repeat 0 0;
}
#contents900 .tab-list ul li {
	float: left;
	width: 136px;
	margin-right: 13px;
	list-style: none;
}
#contents900 .tab-list ul li.tabs-04 {
	margin-right: 0;
}
#contents900 .tab-list ul li a {
	display: block;
	width: 136px;
	height: 209px;
	text-indent: -9999px;
	outline: none;
}
#contents900 .tab-list ul li#tabs-01.ui-tabs-selected,
#contents900 .tab-list ul li.tabs-01 a:hover {
	background: url(../fun/craft/images/calpis_bg006.gif) no-repeat 0 0;
}
#contents900 .tab-list ul li#tabs-02.ui-tabs-selected,
#contents900 .tab-list ul li.tabs-02 a:hover {
	background: url(../fun/craft/images/calpis_bg006.gif) no-repeat -149px 0;
}
#contents900 .tab-list ul li#tabs-03.ui-tabs-selected,
#contents900 .tab-list ul li.tabs-03 a:hover {
	background: url(../fun/craft/images/calpis_bg006.gif) no-repeat -298px 0;
}
#contents900 .tab-list ul li#tabs-04.ui-tabs-selected,
#contents900 .tab-list ul li.tabs-04 a:hover {
	background: url(../fun/craft/images/calpis_bg006.gif) no-repeat -447px 0;
}

/* tab */
#contents900 #tabs {
	padding-bottom: 40px;
	background: url(../fun/craft/images/calpis_bg007.gif) no-repeat 0 100%;
	height: 1%;
}
/* JSオフ時の背景指定 */
#contents900 #tabs-1,
#contents900 #tabs-2,
#contents900 #tabs-3,
#contents900 #tabs-4 {
	background: url(../fun/craft/images/calpis_bg004.gif) no-repeat 0 100%;
}
#contents900 #tabs-1 {
	padding-top: 15px;
}
#contents900 #tabs-2,
#contents900 #tabs-3,
#contents900 #tabs-4 {
	padding-top: 35px;
}
#contents900 .ui-tabs-hide {
	display: none;
}


/*****************************
 Q&A
*******************************/

#contents900 table .faq-tx {
	color: #575859;
}

#contents900 table .mb15 {
	margin-bottom: 15px;
}

#contents900 table .mb10 {
	margin-bottom: 10px;
}


/*****************************
 cmp
*******************************/

/* index.html */
#contents900.hotCalpis {
	width: 900px !important;
	padding: 0 !important;
	border-bottom: none !important;
  background: none !important;
}
#contents900.hotCalpis p img,
#contents900.hotCalpis dd img {
	font-size: 0;
	vertical-align: top;
}
#contents900.hotCalpis h1,
#contents900.hotCalpis h2,
#contents900.hotCalpis h3,
#contents900.hotCalpis p,
#contents900.hotCalpis dl,
#contents900.hotCalpis dt,
#contents900.hotCalpis dd {
	margin: 0;
}
#contents900 .textType01 {
	color: #f26c6c;
	font-weight: bold;
}
#contents900 .textType02 {
	line-height: 1.5;
}

#contents900 #hotMainVisual {
	height: 259px;
	padding-left: 38px;
	background: url(../cmp/images/index_bg001.jpg) no-repeat 0 0;
}

#contents900 #hotRecipeBlock {
	height: 974px;
	margin-top: 20px;
	padding: 0 15px;
	background: url(../cmp/images/index_bg002.gif) no-repeat 0 0;
}
#contents900 #hotRecipeBlock .laborLevelBlock {
	margin: 20px 20px 0;
}
#contents900 #hotRecipeBlock .laborLevelBlock dl {
	margin-top: 3px;
}
#contents900 #hotRecipeBlock .laborLevelBlock dl dd {
	margin-top: 3px;
	font-size: 11px;
	line-height: 1.5;
}

#contents900 #bannerBlock {
	margin-top: 33px;
}





#contents900 .answer  {
	width: 256px;
	min-height: 36px;
	margin: 13px 0 0 7px;
	padding: 50px 85px 18px 60px;
	background: url(../cmp/images/index_bg007.gif) no-repeat 0 0;
}

#contents900 .opinionBox  {
	background: url(../cmp/images/index_bg006.gif) repeat-y 0 100%;
}
#contents900 .opinionBox .opinion   {
	margin: 0;
	padding: 10px 20px 10px 18px;
	text-align: left;
}
#contents900 .opinionBox .reply {
	margin: 0;
	padding: 0 20px 10px 18px;
	text-align: left;
}



/* agreement.html */
#contents900 #agreementBox dl.definitionList01 {
	margin: 0;
}
#contents900 #agreementBox dl.definitionList01 dt {
	margin-bottom: 7px;
}
#contents900 #agreementBox dl.definitionList01 dd {
	margin: 0 0 16px 20px;
}

#contents900 #agreementBox .title01 {
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	color: #ff6666;
}
#contents900 #agreementBox ul,
#contents900 #agreementBox p {
	margin: 0;
	padding: 0;
}
#contents900 #agreementBox li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contents900 #agreementBox .nomalList01 li {
	padding-left: 10px;
	padding-bottom: 3px;
	background: url(../cmp/images/agreement_ic003.gif) no-repeat 0 0.6em;
}
#contents900 #agreementBox .noteList01 li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

#contents900 #agreementBox .inquiryBox {
	margin: 0 auto;
}
#contents900 #agreementBox .inquiryBox p {
	padding: 20px 30px 14px 35px;
}

#contents900 #agreementBox #faq {
	margin-top: 40px;
	margin-left: 20px;
}
#contents900 #agreementBox #faq .question {
	font-weight: bold;
	font-size: 120%;
}


/* u-calpis.html */
#contents900 #u-calpisBg01 {
	background: url(../cmp/images/u_calpis_bg001.jpg) no-repeat 0 0;
}
#contents900 #u-calpisBg02 {
	background: url(../cmp/images/u_calpis_bg002.gif) no-repeat 0 0;
}
#contents900 ul.presentList {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contents900 ul.presentList li {
	margin: 0;
	padding: 0 0 0 11px;
	background: url(../cmp/images/u_calpis_ic003.gif) no-repeat 0 0.45em;
	font-weight: bold;
}
#contents900 .presentText {
	margin: 15px 0 0 0;
	text-align: center;
	color: #5e3803;
	font-weight: bold;
}


/*****************************
 tokusen
*******************************/
/*　tokusen.html　*/
.tokusen {
	border-bottom: none !important;
  background: none !important;
}
#contents900 .tokusenMain {
  background: url(../tokusen/images/tokusen_bg001.gif) no-repeat 0 0;
}
#contents900 .tokusenVoice {
  background: url(../tokusen/images/tokusen_bg002.gif) repeat-y 0 0;
}
#contents900 .tokusenTxt {
	font-size: 14px;
	color: #583300;
}

/*****************************
 ehon
*******************************/
#contents900.ehon p img,
#contents900.ehon dd img {
	font-size: 0;
	vertical-align: top;
}
#contents900.ehon h1,
#contents900.ehon h2,
#contents900.ehon h3,
#contents900.ehon p,
#contents900.ehon dl,
#contents900.ehon dt,
#contents900.ehon dd {
	margin: 0;
}
/* mainVisual */
#contents900.ehon .mainVisual {
	margin-top: 13px;
}
/* socialBtnBlock */
#contents900.ehon .socialBtnBlock {
	margin-top: 10px;
}
#contents900.ehon .contentsBlock {
	margin-top: 10px;
}
/* asideBox */
#contents900.ehon .contentsBlock .asideBox {
	padding: 0 16px 15px 14px;
	background: url(../ehon/images/ehon_bg001.gif) no-repeat 0 100%;
	color: #666666;
}
#contents900.ehon .contentsBlock .asideBox .updateInfo dt {
	color: #a36f41;
	margin-bottom: 7px;
}
#contents900.ehon .contentsBlock .tabBox {
	background: url(../ehon/images/ehon_bg002.gif) repeat-y 0 0;
	color: #333333;
}
#contents900.ehon .contentsBlock .tabBox.work {
	padding: 0 39px 0 41px;
}
#contents900.ehon .contentsBlock .tabBox.work p {
	width: 193px;
	padding: 5px 0 3px;
}
#contents900.ehon .contentsBlock .tabBox.report {
	padding: 0 33px 0 28px;
}
#contents900.ehon .contentsBlock .tabBox.report .reportColumn {
	margin-top: 15px;
	padding-bottom: 13px;
	background: url(../ehon/images/report_hr003.gif) no-repeat 0 100%;
}
#contents900.ehon .contentsBlock .tabBox.report .reportColumn dl {
	padding-top: 12px;
	background: url(../ehon/images/report_hr001.gif) no-repeat 0 0;
}
#contents900.ehon .contentsBlock .tabBox.report .reportColumn dl dt {
	padding: 0 0 10px 10px;
	background: url(../ehon/images/report_hr002.gif) no-repeat 0 100%;
	font-weight: bold;
}
#contents900.ehon .contentsBlock .tabBox.report .reportColumn dl dt span {
	font-size: 117%;
}
#contents900.ehon .contentsBlock .tabBox.report .reportColumn dl dd {
	margin-top: 15px;
}


/*	clearfix 
------------------------------------------	*/
#contents900 .tab-list ul:after {
	content: ".";
	display: block;
	height: 10px;
	clear: both;
	visibility: hidden;
}

#contents900 .tab-list ul {
 zoom: 1;
}