@charset "UTF-8";

/*
   ┏━━━━━━━━━━━━━━━━━━━┓
   ┃     Cascading Style Sheet            ┃
   ┃                                      ┃
   ┃     Author : transcosmos inc         ┃
   ┃     Version: 1.0 ( 1 Aug 2005 )      ┃
   ┃     Version: 1.1 (28 Nov 2006 )      ┃
   ┗━━━━━━━━━━━━━━━━━━━┛
*/


* {
	box-sizing        : border-box;
	-moz-box-sizing   : border-box;
}
body {
	margin            : 0;
	padding           : 0;
	color             : #8E8E8E;
	font-size         : 80%;
	font-family       : "Verdana", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	background-image  : url("imgs/cmn_bg.gif");
}
a:link {
	color             : #8E8E8E;
	text-decoration   : none;
}
a:visited {
	color             : #8E8E8E;
	text-decoration   : none;
}
a:hover {
	color             : #FF84C1;
	text-decoration   : underline;
}
a:active {
	color             : #FF84C1;
	text-decoration   : none;
}
a.red:link {
	color             : #8E8E8E;
	text-decoration   : none;
}
a.red:visited {
	color             : #8E8E8E;
	text-decoration   : none;
}
a.red:hover {
	color             : #FF0000;
	text-decoration   : underline;
}
a.red:active {
	color             : #FF0000;
	text-decoration   : none;
}
img {
	border            : 0;
}
div {
	margin            : 0;
	padding           : 0;
	display           : block;
}
p {
	margin            : 0;
	padding           : 0;
	font-size         : 80%;
	line-height       : 140%;
	color             : #8E8E8E;
}

/* Mac IE 回避 ここから \*/
p, blockquote {
	text-align        : justify;
	text-justify      : inter-ideograph;
}
/* Mac IE 回避 ここまで */

blockquote {
	margin            : 0 0 0 2.0em;
	padding           : 0;
	font-size         : 1.0em;
	line-height       : 1.4em;
}
strong {
	font-weight       : bold;
	color             : #F30000;
}
em {
	font-weight       : bold;
	font-style        : normal;
	color             : #000000;
}
form {
	margin            : 0;
	padding           : 0;
}
sup, sub {
	font-size         : 0.75em;
}


/* ■━━━━━ エリア定義（ＩＤ） ━━━━━■ */
#LayoutTop {
	margin            : 10px 0 0 0;
	padding           : 0;
	border            : 0;
	width             : 740px;
}
#Layout {
	margin            : 0;
	padding           : 0;
	border            : 0;
	width             : 740px;
}
#LayoutBottom {
	margin            : 0 0 20px 0;
	padding           : 0;
	border            : 0;
	width             : 740px;
}
#MenuArea {
	margin            : 0 3px 0 0;
	padding           : 0;
	width             : 210px;
	background        : #FFFFFF url("imgs/cmn_menu_bg.gif") repeat-y;
	vertical-align    : top;
}
#MenuAreaTB {
	margin            : 0;
	padding           : 0;
	width             : 210px;
}
#MainArea {
	margin            : 0;
	padding           : 0;
	width             : 510px;
	background        : #FFFFFF;
	vertical-align    : top;
}
#MainAreaTB {
	margin            : 0;
	padding           : 0;
	width             : 510px;
}


/* ■━━━━━ レフトメニュー ━━━━━■ */
#MenuArea dl {
	margin            : 8px 15px 5px 13px;
	padding           : 0;
}
#MenuArea dd {
	margin            : 0 0 3px 0;
	padding           : 0;
	font-size         : 12px;
	font-weight       : normal;
	line-height       : 120%;
}
#MenuArea dd a {
	margin            : 0;
	padding           : 0 0 3px 18px;
	display           : block;
	color             : #8E8E8E;
	background        : url("imgs/cmn_arr_001.gif") no-repeat left top;
}
#MenuArea dd a:hover {
	color             : #FF202D;
}
#MenuArea dd a.now {
	margin            : 0;
	padding           : 0 0 3px 18px;
	display           : block;
	color             : #FF202D;
	background        : url("imgs/cmn_arr_001ovr.gif") no-repeat left top;
}
.Menu {
	margin            : 0 9px 3px 13px;
}
.MenuMiddle {
	margin            : 6px 9px 0 13px;
}
.MenuLine {
	margin            : 5px 9px 8px 13px;
}


/* ■━━━━━ メイン ━━━━━■ */
/* 汎用マージンスタイル */
.marginT3 { margin-top: 3px; }
.marginT5 { margin-top: 5px; }
.marginT8 { margin-top: 8px; }
.marginT10{ margin-top: 10px; }
.marginT15{ margin-top: 15px; }
.marginT20{ margin-top: 20px; }
.marginT25{ margin-top: 25px; }
.marginT30{ margin-top: 30px; }
.marginT40{ margin-top: 40px; }
.marginT45{ margin-top: 45px; }

.marginT5L15{ margin-top: 5px; margin-left: 15px; }
.marginT5L20{ margin-top: 5px; margin-left: 20px; }

/* 汎用テキストスタイル */
.pink {
	color             : #FF84C1;
}
.blue {
	color             : #39AEEB;
}
.orange {
	color             : #FF6600;
}
.yellow {
	color             : #FFE600;
}
.lightorange {
	color             : #FF9A00;
}
.navy {
	color             : #000099;
}
.green {
	color             : #009933;
}
.lightgreen {
	color             : #A7EB88;
}
.lightgreen2 {
	color             : #58BB28;
}
.navygreen {
	color             : #00B6AC;
}
.red {
	color             : #FF000F;
}
.lightred {
	color             : #FF0047;
}
.Notes {
	color             : #FF202D;
	font-size         : 75%;
}
.Notes2 {
	font-size         : 75%;
}

#CategoryTop {
	margin            : 0;
	padding           : 11px 20px 0 0;
	height            : 34px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 12px;
	font-weight       : nomal;
	text-align        : right;
	vertical-align    : baseline;
	background        : url("imgs/cmn_tit_top.gif") no-repeat;
}
#CategoryBottom {
	margin            : 0;
	padding           : 8px 20px 0 0;
	height            : 34px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 12px;
	font-weight       : nomal;
	text-align        : right;
	vertical-align    : baseline;
	background        : url("imgs/cmn_tit_bottom.gif") no-repeat;
}
#CategoryBottom a {
	color             : #FFFFFF;
}
#Theme {
	margin            : 0;
	padding           : 10px 15px 0 0;
	display           : block;
	color             : #FF84C1;
	font-size         : 12px;
	font-weight       : nomal;
	text-align        : right;
	vertical-align    : baseline;
}
#CornerTop {
	margin            : 0;
	padding           : 0 20px 0 10px;
	display           : block;
	color             : #FF84C1;
	font-size         : 14px;
	font-weight       : nomal;
	text-align        : right;
	vertical-align    : baseline;
}
#MainBody {
	margin            : 20px 20px 10px 20px;
	padding           : 0;
	display           : block;
}
#PageNaviTop {
	margin                      : 5px 0 0 0;
	padding                     : 0;
	width                       : 490px;
	display                     : block;
	font-size                   : 10px;
	text-align                  : right;
}
#PageNaviTop a {
	color                       : #8E8E8E;
}
#PageNaviTop a:hover {
	color                       : #FF84C1;
}
#PageNaviTop a.now {
	color                       : #FF84C1;
	font-weight                 : bold;
}

#PageNaviBottom {
	margin                      : 20px 0 0 0;
	padding                     : 0;
	display                     : block;
	font-size                   : 10px;
	text-align                  : right;
}
#ThemeTop {
	margin                      : 0;
	padding                     : 0;
	display                     : block;
	color                       : #FF84C1;
	font-size                   : 12px;
	text-align                  : right;
}
#PageNaviBottom a {
	color                       : #8E8E8E;
}
#ThemeTop a {
	color                       : #FF84C1;
}
#PageNaviBottom a:hover, #ThemeTop a:hover {
	color                       : #FF84C1;
}
#PageNaviBottom a.now {
	color                       : #FF84C1;
	font-weight                 : bold;
}


/* ■━━━━━ おすすめ情報 ━━━━━■ */
#index .MenuLink p {
	margin            : 0 0 10px 0;
	padding           : 0;
	font-size         : 100%;
}
#index .MenuLink a {
	color             : #FF84C1;
}
#index .MenuTxt {
	margin            : 0 0 10px 0;
	padding           : 0;
}
#index .MenuTxt p {
	margin            : 0;
	padding           : 0;
	font-size         : 80%;
	line-height       : 140%;
}
#index .MenuTxt a {
	color             : #8E8E8E;
}
#index .MenuTxt a:hover {
	color             : #FF84C1;
}


/* ■━━━━━ コーナートップ ━━━━━■ */
#FlashArea {
	margin            : 0;
	padding           : 0;
	width             : 470px;
	display           : block;
	background        : #6DD8F8;
}

/* ■━━━━━ クイズ ━━━━━■ */
#QuizFlashArea {
	margin            : 30px 0 40px 0;
	padding           : 0;
}


/* ■━━━━━ ママ講座 ━━━━━■ */
#Lecture h1 {
	margin            : 0 0 25px 0;
	padding           : 10px 0 7px 0;
	width             : 470px;
	height            : 32px;
	display           : block;
	color             : #39AEEB;
	font-size         : 100%;
	font-weight       : bold;
	text-align        : center;
	background        : url("imgs/cmn_lec_bg_001.gif") repeat;
}
#Lecture h2 {
	margin            : 0 0 8px 0;
	padding           : 0;
	display           : block;
	color             : #FF84C1;
	font-size         : 80%;
	font-weight       : bold;
	text-align        : left;
	vertical-align    : baseline;
}
#Lecture h2.obi1 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #3799CC;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FFFACD;
}
#Lecture h2.obi2 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FF76C5;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FEF1FA;
}
#Lecture h2.obi3 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #2591CF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #E2F4FD;
}
#Lecture h2.obi4 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #18B7CC;
}
#Lecture h2.obi5 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FF6600;
}
/* （スタイル追加　2006.11.28　ここから） */
#Lecture h2.obi6 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FFA743;
}
#Lecture h2.obi7 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FF7C3A;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FFED9A;
}
#Lecture h2.obi8 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #58BB28;
}
#Lecture h2.obi9 {
	margin            : 0 0 10px 0;
	padding           : 5px 0 5px 5px;
	height            : 21px;
	display           : block;
	color             : #FFFFFF;
	font-size         : 80%;
	font-weight       : bold;
	vertical-align    : baseline;
	text-align        : left;
	background        : #FF5D67;
}
/* （スタイル追加　2006.11.28　ここまで） */
#Lecture h3 {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #FF84C1;
}
#Lecture h3.blue {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #39AEEB;
}
#Lecture h3.orange {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #FF6600;
}
/* （スタイル追加　2006.11.28　ここから） */
#Lecture h3.lightorange {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #FF7C3A;
}
#Lecture h3.lightgreen {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #58BB28;
}
#Lecture h3.lightred {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 80%;
	font-weight       : normal;
	line-height       : 140%;
	color             : #FF0047;
}
/* （スタイル追加　2006.11.28　ここまで） */
#Lecture h4 {
	margin            : 0 0 12px 0;
	padding           : 0;
	font-size         : 100%;
	line-height       : 140%;
	font-weight       : bold;
	color             : #39AEEB;
}
#Lecture h4 em {
	font-size         : 75%;
	font-weight       : normal;
	color             : #8E8E8E;
}
#Lecture h4.txt {
	margin            : 7px 0 2px 0;
	padding           : 0;
	font-size         : 65%;
	font-weight       : normal;
	color             : #FF84C1;
}
#Lecture .Block {
	margin            : 0 0 35px 0;
	padding           : 0;
}
#Lecture .Flash {
	margin            : 5px 0 30px 0;
	padding           : 0;
	width             : 470px;
	display           : block;
	text-align        : center;
}
#Lecture .Coment {
	margin            : 0 0 40px 0;
	padding           : 0 10px 0 0;
	width             : 470px;
}
#Lecture .Coment p {
	margin            : 0;
	padding           : 0;
	color             : #FF84C1;
	font-size         : 80%;
	line-height       : 120%;
}
.ProductImg {
	margin            : 0 0 3px 0;
	padding           : 0;
	width             : 90px;
	height            : 90px;
	border            : 1px solid #C9C9C9;
}
.ProductImgTx {
	margin            : 0;
	padding           : 0 0 10px 0;
	margin            : 0;
	padding           : 0;
	font-size         : 10px;
	line-height       : 12px;
}
.imgTD {
	margin            : 0 0 8px 0;
}
.imgTD a {
	color             : #8E8E8E;
}
.imgTD a:hover {
	color             : #FF84C1;
	text-decoration   : underline;
}
.imgTD a:hover .ProductImg {
	border            : 1px solid #FF84C1;
}


table.AddLink {
	font-size         : 80%;
}
table.AddLink td a, table.AddLink td a:visited {
	color             : #6AC8D3;
}
.Horizontal-Line {
	margin            : 15px 0;
	background        : #FBE726;
}
.Block-Space {
	margin            : 25px 0;
}



/* ■━━━━━ ママ倶楽部 ━━━━■ */
#Club .ClubTopbt {
	margin            : 0 0 10px 0;
	padding           : 0;
	display           : block;
}
#Club .ClubTopbt p {
	margin            : 0;
	padding           : 0;
	display           : block;
	font-size         : 80%;
	line-height       : 120%;
}
#Club .ClubTopbt a {
	color             : #39ACCE;
}
#Club h1 {
	margin            : 0;
	padding           : 0;
	display           : block;
	color             : #39AEEB;
	font-size         : 120%;
	text-align        : left;
}
#Club h2 {
	margin            : 0 0 15px 0;
	padding           : 0;
	display           : block;
	color             : #39AEEB;
	font-size         : 100%;
}
#Club .Block {
	margin            : 0 0 20px 0;
	padding           : 0;
}
#Club .Coment {
	margin            : 0 0 10px 0;
	padding           : 0;
}
#Club .Coment p {
	margin            : 0;
	padding           : 0;
	color             : #8E8E8E;
	font-size         : 80%;
	line-height       : 120%;
}
#Club #Fukidashi {
	margin            : 0;
	padding           : 0;
}
#Club #Fukidashi p {
	margin            : 0;
	padding           : 0;
	color             : #39ACCE;
	font-size         : 80%;
	line-height       : 120%;
}


/* ■━━━━━ 登場人物 ━━━━■ */
.Name {
	margin            : 0;
	padding           : 0;
	font-size         : 100%;
}
#Name .Name {
	margin            : 0;
	padding           : 0;
	text-align        : center;
}
#Name p {
	margin            : 0;
	padding           : 0;
	font-size         : 80%;
	text-align        : center;
}


/* ■━━━━━ 応募フォーム ━━━━■ */
#Form h1 {
	margin            : 0;
	padding           : 14px 0 8px 0;
	display           : block;
	color             : #666666;
	font-size         : 20px;
	font-weight       : bold;
}

#Form p.Mpink {
	margin            : 40px 0 10px 0;
	padding           : 0;
	display           : block;
	color             : #FF84C1;
	font-size         : 80%;
	font-weight       : bold;
}
#Form p.Mblue {
	margin            : 40px 0 10px 0;
	padding           : 0;
	display           : block;
	color             : #36A6E8;
	font-size         : 80%;
	font-weight       : bold;
}
#Form p.Morange {
	margin            : 0 0 10px 0;
	padding           : 0;
	display           : block;
	color             : #FF8B00;
	font-size         : 80%;
	font-weight       : bold;
}
#Form p.Mnavy {
	margin            : 20px 0 30px 0;
	padding           : 0;
	display           : block;
	color             : #1660A9;
	font-size         : 80%;
	font-weight       : bold;
}
#Form span.navy {
	color             : #1660A9;
}
#Form h2.OBpink {
	margin            : 0 0 10px 0;
	padding           : 5px 5px 5px 5px;
	display           : block;
	background        : #FFE3F8;
}
#Form h2.OBblue {
	margin            : 0 0 10px 0;
	padding           : 5px 5px 5px 5px;
	display           : block;
	background        : #D7EDFB;
}
#Form h2.OBorange {
	margin            : 0 0 10px 0;
	padding           : 5px 5px 5px 5px;
	display           : block;
	background        : #FFDAAF;
}
#Form h2 p {
	margin            : 0;
	padding           : 0;
	display           : block;
	color             : #8E8E8E;
	font-size         : 80%;
	line-height       : 140%;
	font-weight       : bold;
}
#Form .AnswerBlock {
	margin            : 0 0 30px 55px;
	padding           : 0;
	display           : block;
}
#Form .AnswerBlock p {
	margin            : 0;
	padding           : 0;
	display           : block;
	color             : #8E8E8E;
	font-size         : 75%;
	line-height       : 120%;
}
#Form a.TopLink, #Form a.TopLink:visited {
	color             : #FF84C1;
	text-decoration   : underline;
}
#Form a.TopLink:hover {
	color             : #FF84C1;
	text-decoration   : none;
}

/* ■━━━━━ PAPA ━━━━━■ */

#PAPA h1 {
	margin            : 0;
}
#PAPA h1.Block {
	margin                      : 20px 0 45px 0;
	padding                     : 0;
	width                       : 650px;
	display                     : block;
	text-align                  : left;
}
#PAPA h2 {
	margin                      : 0 0 15px 0;
	padding                     : 0;
	color                       : #00B6AC;
	font-size                   : 100%;
}
#PAPA h2.Block {
	margin                      : 0 0 25px 0;
	padding                     : 0;
	width                       : 540px;
	display                     : block;
	text-align                  : left;
	color                       : #00B6AC;
	font-size                   : 100%;
}
#PAPA h2.Block05 {
	margin                      : 0 0 25px 0;
	padding                     : 0;
	width                       : 560px;
	display                     : block;
	text-align                  : left;
	color                       : #2255DC;
	font-size                   : 100%;
}
#PAPA h2.Block05-02 {
	margin                      : 0 0 15px 0;
	padding                     : 0;
	width                       : 560px;
	display                     : block;
	text-align                  : left;
	color                       : #2255DC;
	font-size                   : 100%;
}
#PAPA h2.Block05-0202 {
	margin                      : 0 0 15px 0;
	padding                     : 0;
	width                       : 300px;
	display                     : block;
	text-align                  : left;
	color                       : #2255DC;
	font-size                   : 100%;
}
#PAPA h2.Block05-03 {
	margin                      : 0;
	padding                     : 0;
	width                       : 560px;
	display                     : block;
	text-align                  : left;
	color                       : #2255DC;
	font-size                   : 100%;
}
#PAPA h3.Block {
	margin                      : 0 0 15px 0;
	padding                     : 0;
	text-align                  : left;
	font-size                   : 100%;
}
#PageNaviPAPATop {
	margin                      : 5px 0 0 0;
	padding                     : 0;
	width                       : 690px;
	display                     : block;
	font-size                   : 10px;
	text-align                  : right;
}
#PageNaviPAPATop a {
	color                       : #8E8E8E;
}
#PageNaviPAPATop a:hover {
	color                       : #FF84C1;
}
#PageNaviPAPATop a.now {
	color                       : #FF84C1;
	font-weight                 : bold;
}
#PageNaviPAPABottom {
	margin                      : 5px 0 0 0;
	padding                     : 0;
	width                       : 690px;
	display                     : block;
	font-size                   : 10px;
	text-align                  : right;
}
#PageNaviPAPABottom a {
	color                       : #8E8E8E;
}
#PageNaviPAPABottom a:hover {
	color                       : #FF84C1;
}
#PageNaviPAPABottom a.now {
	color                       : #FF84C1;
	font-weight                 : bold;
}
#PAPA .Block {
	margin            : 0 0 20px 0;
	padding           : 0;
}

#PAPA .TextBlock {
	margin            : 0 0 0 40px;
	padding           : 0;
}

#PAPA .Coment {
	margin            : 0 0 10px 0;
	padding           : 0;
}
#PAPA .Coment p {
	margin            : 0;
	padding           : 0;
	color             : #8E8E8E;
	font-size         : 80%;
	line-height       : 120%;
}


/* ■━━━━━ circle ━━━━━■ */

#circle h1 {
	margin            : 0;
}
#circle h2 {
	margin            : 0;
}
#circleMenuTxt p {
	font-size         : 12px;
}
#circleMenuTxt a {
	color             : #8E8E8E;
}
#circleMenuTxt a:hover {
	color             : #fb011e;
}
#circleMenuTxt a.now {
	color             : #fb011e;
}
#circle #PageTop {
	margin            : 20px 0 10px 0;
	font-size         : 12px;
	text-align        : right;
}
#circle #PageTop a {
	color             : #8E8E8E;
}
#circle #PageTop a:hover {
	color             : #fb011e;
}



/* END */