@charset "utf-8";
/******************************************                            2012 mamamokomo                                 ******************************************/

body { 
	behavior: url("../css/csshover.htc");/* hover Ie6*/
	font-family:Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper{
	/* summer background:url(../images/top_page/top_bg.jpg) repeat-x; */ 
	/* spring background:url(../images/top_page/top_bg_1405.png) repeat-x; */ 
	/* autumn background:url(../images/top_page/top_bg_autumn.jpg) repeat-x; */
	/* winter  background:url(../images/top_page/top_bg_winter.jpg) repeat-x;*/
	/* xmas ver background:url(../images/top_page/top_bg_xmas.png) repeat-x; */
	background:url(../images/background.jpg)
	
}
img {
	max-width:100%;
}
/****************************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
/*********************** main ********************/
#wrapper #contents #main {
	margin-bottom:50px;
}
#wrapper #contents #main .mamamocomo_main{/*border:1px solid #000;*/
	width:655px;
	font-size:14px;
	background:#fff;
	padding:10px;
	margin:10px 0 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}

/*********************** 最新動画 tv box ********************/

.box_tv{
}
.box_tv  ul.article{
}
.box_tv  ul.article li{
	width:120px;
	margin-right:10px;
	float:left;
}
.box_tv .article li a img{
	max-width:95%;
	margin:5px 0;
	border: solid 1px #ccc;
	padding: 1px;
}
.box_tv .article li a dl dt{
	font-size:90%;
	font-weight:bold;
	text-align:center;
}
.box_tv .article li a dl dd{
	font-size:90%;
}
.box{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(./pie/PIE.htc);
	margin:0px auto;
}
ul.article li dl{
	margin:0px auto;
}
.text_bold{
	font-weight:bold;
	line-height:30px;
}
img.centered{
	margin:0px auto;
	display:block;
}
.box .article li a, .category li a{
	text-decoration:none;
	color:#000;
}
.back_number {
	margin:10px 10px 10px 5px;
	float:left;
}
/************* 募集中　box　 オリジナルコンテンツ　box　共通設定**************/
ul.category{
	width:660px;
	margin:0px auto;
}
/* IE6  */
*html ul.category{
	width:666px;
	margin:0px auto;
}
ul.category li{
	width:318px;
	float:left;
	margin:10px 0px 0px 10px;
}
/*********************** article box ********************/
.box_category{
	width:316px;
	border:2px solid #000;
}
.box_category .photo{
	margin:10px 5px 10px 10px;
	float:left;
	display:block;
	height:100px;
}
.box_category dl{
	float:left;
	display:block;
	width:190px;
	margin:10px 5px 10px 2px;
}
.box_category dl dt img.title{
	/*border:1px solid #000;
	width:190px;*/
}
.box_category dl.large_photo{
	width:130px;
}
.box_category dl dd{
	margin-top:5px;
}
.box_category dl.double_title{
	margin-top:0px;
}
.box_category dl.double_top{
	margin-top:10px !important;
}

.box_category dl.double_title dt{
	margin-top:-10px;
	font-weight:bold;
}
.box_category dl.double_title dd{
	margin: 0px;
}

.category_title{
	margin:10px 0 15px !important;
}

.blog_theme{
	margin:30px 0 15px !important;
}
.new_mark{
	margin-top:-40px!important;
	margin-left:90px!important;
}

/*   IE6  */
*html .box_category {	width:314px; padding-bottom:10px !important;	}
*html .box_category dl{	margin:10px 0px 10px 0px;}
*html .box_category .photo{	margin:10px 5px 10px 4px;}
/*   IE7  */
*:first-child+html .box_category {padding-bottom:10px !important;	}



/***************************************** article ***************/
.article{ /*border:1px solid #000;*/
	width:650px;
	margin:5px auto;	
}

*html .article{
	width:670px;
	margin:5px auto;	
}
*:first-child+*html .article{
	width:670px;
	margin:5px auto 30px;	
}
/*.art_box{ border:1px solid #000;}*/
.article .box_left{/*border:1px solid #000;*/
	float:left;
}
.article .box_right{/*border:1px solid #000;*/
	float:right;
}

.box95{		width:94%;	}
.box90{		width:89%;	}
.box85{		width:84%;	}
.box80{		width:79%;	}
.box75{		width:74%;	}
.box70{		width:69%;	}
.box65{		width:64%;	}
.box60{		width:59%;	}
.box50{		width:49%;	}
.box40{		width:39%;	}
.box35{		width:34%;	}
.box30{		width:29%;	}
.box25{		width:24%;	}
.box20{		width:19%;	}
.box15{		width:14%;	}
.box10{		width:9%;	}
.box5{		width:4%;	}

.box33{ width:30%; margin:5px 10px; }
.art_box img{
	margin:5px;
	display:block;	
}
.box40 img{
	width:227px;
}
.box20 img{
	width:90px;
}
img.photo_art{
	padding:5px;
	margin:5px auto;
	display:block;
	border:1px solid #CCC;
}
.art_box img.photo_center{
	width:auto;
	margin:5px auto;
}
.art_box p{
	padding:5px;
}
.art_box p red{
	color:#ff0000;
}
.frame {
	border:2px solid #cccccc;
	padding:5px;
	margin:10px;
}

/* 縦並びリスト */
ul.column_v {
	display:block;
	margin:10px auto;
}
ul.column_v li{
	margin:5px 0px;
	/*display:block;*/
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
ul.column_v.no_border li{
	border:none;
}

/*   IE7  */
*:first-child+html ul.column_v li{
	min-height:200px;
}
/*   IE6  */
*html ul.column_v li{
	margin:5px 0px;
}
ul.column_v li a{
	text-decoration:none;
	color:#000;
	display:block;
	width:100%;
	height:110px;
}
ul.column_v li a img {
	width:140px;
	float:left;
	margin-right:20px;
	min-height:80px;
}
ul.column_v li a .list_date {
	text-align:left;
	padding-top:25px;
}
ul.column_v li a .list_title {
	text-align:left;
	font-size:120%;
}
ul.column_v li a .list_category {
	float:right;
	margin-top:30px;
}
ul.column_v li a .club_list_date {
	text-align:left;
	padding-top:25px;
	font-size:115%;
}
/* 横並び3カラム */
ul.column3, ul.family_3{
	display:block;
	margin:10px auto;
}
ul.column3 li, ul.family_3 li{
	width:218px;
	height:220px;
	margin:5px 0px;
	float:left;
	display:block;
}
/*   IE7  */
*:first-child+html ul.column3 li{
	min-height:200px;
}
/*   IE6  */
*html ul.column3 li, ul.family_3 li{
	margin:5px 2px 0px; 
	height:220px !important;
}
ul.column3 li a{
	text-decoration:none;
	color:#000;
}
ul.column3 li a img {
	width:195px;
}
p.list_text{
	width:95%;fwwww
	text-align:center;
	font-size:85%;
	margin:5px auto;
	padding:0px !important;
}
p.booth{
	margin-top:15px;
	margin-bottom:-7px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:125%;
}
/* レシピジャンル　募集　カテゴリー */
.category-1{
	width:130px;
	background-color:#f7a08c;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}
.category-2{
	width:130px;
	background-color:#ffe872;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}
.category-3{
	width:130px;
	background-color:#fca2c4;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}
.category-4{
	width:130px;
	background-color:#b48fdc;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}
.category-5{
	width:130px;
	background-color:#52b7ca;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}
.category-6{
	width:130px;
	background-color:#2fad4c;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(../pie/PIE.htc);
    text-align:center;
    padding:5px 0;
    font-size:110%;
	font-weight:bold;
}

/************************/
.bold{
	font-weight:bold;
	font-size:150%;
	line-height:110%;
}
.bold200{
	font-weight:bold;
	font-size:120% !important;
	line-height:180%;
	
}
.extra_bg{
	width:90%;
	margin:0 auto;
	background-color:#EEE;
	padding:10px 20px;
	font-weight:bold;
	font-size:100%;
	/* line-height:110%; */
}
.extra_bg dt{
	padding:0 10px;
}
.extra_bg dt.blk{
	color:#000;
}
#space dpk{
	color:#FF1493;
	font-size:105%;
}
#space red{
	color:#FF0000;
}


/*********************** center menu ********************/
#main ul.menu_center{
	width:650px;
	height:77px;
	margin:10px auto;
}
#main ul.menu_center li{
	float:left;
	height:77px;
	margin-right:15px;
	display:block;
}
#main ul li.no_margin{
	margin-right:0px;
}
#main h2 .bar{
	display:block;
	margin:30px 5px 15px;
}
/*******************  side  ****************************/
ul.mama_side_menu li, .mama_fb_page_btn{
	margin-bottom:5px;
}
ul.mama_side_menu li img{
	width:310px;
}
a.mama_fb_page_btn img{
	margin-bottom:10px !important;	
}
/*******************  Footer  ****************************/
#mama_footer{
	width:100%;
	margin:0px !important;
	padding:0px;
}
#mama_footer .bottom_character .arrow{
	width:76px;
	height:58px;
	position:absolute;
	top:0px;
	left:550px;
}

/***********************************************/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.red{
	color:#f00;
}
.blue{
	color:#00F;
}
.black{
	color:#000;
}
.right_text{
	text-align:right;
}
.mb10{	margin-bottom:10px !important;	}
.mb20{	margin-bottom:20px !important;	}
.mb30{	margin-bottom:30px !important;	}
.mb40{	margin-bottom:40px !important;	}
.mb50{	margin-bottom:50px !important;	}

p{
	font-size:110%;
	padding:10px;
}


/***************  背景 ***********************/

.frame {
	font-size: 100%;
	border:1px solid #cccccc;
	padding:10px;
	position:relative;
	margin:10px;
	line-height:150%;
}
.evidence{
	width:95%;
	background-color:#9FCC57;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	margin:5px 0px;
	display:block;
	padding:8px 5px;
	font-weight:bold;
}
.evidence_coral{
	width:95%;
	background-color:#f79c91;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	margin:5px 0px;
	display:block;
	padding:8px 5px;
	font-size:120%;
	font-weight:bold;
}


.evidence_92{
	width:92%;
	background-color:#9FCC57;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	margin:10px auto;
	display:block;
	padding:10px;
	font-size:120%;
	font-weight:bold;	
}

.pnkbg{
	width:92%;
	background-color:#fda6d1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(./pie/PIE.htc);
	margin:10px auto;
	display:block;
	padding:10px;
}

.pnkbg li{
	padding:10px;
	font-size:120%;
	font-weight:bold;
}

.yelbg{
	width:93%;
	background-color:#FFFF66;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(./pie/PIE.htc);
	margin:10px auto;
	display:block;
	padding:2px;
}

.yelbg p{
	font-size:120%;
	font-weight:bold;
}


.mamabg{
	width:87%;
	background-color:#FAFAD2;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(./pie/PIE.htc);
	margin:3px auto;
	display:block;
	padding:3px;
}
.mamabg p{
	margin-top:20px;
	font-size:120%;
	font-weight:bold;
}


.evidence_pink{
	width:100%;
/*	border:1px solid #FE5BAC;
	background-color:#FE5BAC;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	margin:5px 0px;
	display:block;
	padding:5px 0px;
	font-weight:bold;	
}

.evidence_yellow{
	width:95%;
	background-color:#f6cf08;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	margin:5px 0px;
	display:block;
	padding:8px 5px;
	font-weight:bold;	
}

.pink_text{
	color:#FE5BAC;
	border-left:10px solid #FE5BAC;
	border-bottom:1px dashed #FE5BAC;
	line-height:10px;
	width:95%;
	margin:0px auto;
}
.evidence_text {
	text-indent: 1em;
}
.evidence_centered_text{
	width:100%;
	background-color:#9FCC57;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./pie/PIE.htc);
	line-height:150%;
	margin:5px 0px;
	display:block;
	padding:5px 0px;
	font-weight:bold;	
	text-align:center;
}

.font120{
	font-size:120% !important;
}
.font110{
	font-size:110% !important;
}
*html .evidence{
	padding-top:10px;
	padding-bottom:0px;
}

.profile_text{
	padding:0 8px;
	line-height:150%;
}






/***************  [ 1 2 3 4 5 6 ] navigation bar ***********************/
.page_navigator{
	width:90%;
	margin:10px auto;
}
.page_navigator ul{
	margin:5px 10px;
}
.page_navigator ul li{
	float:left;
	display:block;	
	
}
.page_navigator ul li a{
	padding:5px 10px;
	line-height:22px;
	font-size:150%;
	text-decoration:none;
}
.page_navigator ul li a:link, .page_navigator ul li a:visited, .page_navigator ul li a:hover{
	color:#000;
}
.page_navigator ul li a.this_page{
	font-size:200%;
	font-weight:bold;
	color:#FFF !important;
}



/************ パンくず***************/
#breadcrumb{
	font-size:90%;
	margin:15px 0;
}



/*************角丸**************/
.radius{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radius2{
	border:2px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radius_topleft{
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}
.radius_topright{
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
.radius_bottomright{
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
.radius_bottomright{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
.point_start{
	text-indent:-15px;
	margin-left:30px;
}


/************* タイトル背景 ***********************/

/* h2 タイトル */
.scroll {
	margin:30px 0 15px;
}
.scroll h2{
	width:530px;
	height:62px;
	margin:0px auto;
	padding:5px 60px;
	line-height:150%;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	background:url(/mamamocomo/images/title_page.png) no-repeat;
	display:table-cell;
	vertical-align:middle;
}
* html .scroll h2 {
	display:inline;
	zoom:1;
}

*:first-child+html .scroll h2 {
	display:inline;
	zoom:1;
}

.scroll h2 bold{
	font-size:125%;
}

.scroll h2 span{
	vertical-align:50%;
}


h3.title_4 {
	background:url(/mamamocomo/images/title_section_4.png) no-repeat;
	width:650px;
	height:44px;
	margin:20px auto 10px;	
	padding:17px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}
h3.title_3 {
	background:url(/mamamocomo/images/title_section_3.png) no-repeat;
	width:650px;
	height:44px;
	margin:25px auto 10px;	
	padding:20px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}
h3.title_2 {
	background:url(/mamamocomo/images/title_section_2.png) no-repeat;
	width:650px;
	height:44px;
	margin:20px auto 10px;	
	padding:15px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}
h3.title_1 {
	background:url(/mamamocomo/images/title_section_1.png) no-repeat;
	width:650px;
	height:44px;
	margin:20px auto 10px;	
	padding:15px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}
/* タイトル2行の時 */
h3.title_w1 {
	background:url(/mamamocomo/images/title_section_W1.png) no-repeat;
	width:650px;
	height:65px;
	margin:20px auto 10px;	
	padding:10px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}
h3.title_w2 {
	background:url(/mamamocomo/images/title_section_W2.png) no-repeat;
	width:650px;
	height:65px;
	margin:20px auto 10px;	
	padding:10px 0px 0px 70px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}

/* * * *  * * *  * * *  * * *  * * *  * * *  * * * */
.linee_bird{
	background:url(/mamamocomo/images/title_section_1.png) no-repeat;
	width:650px;
	height:44px;
	margin:20px auto 10px;	
	padding:17px 0px 0px 70px;
	line-height:120%;
	text-align:left;
	font-size:120%;
	font-weight:bold;
}

/* gold BG_color */
.linee_bird_next{
	background:url(../images/pages/linee_bird_next.jpg) no-repeat;
	width:590px;
	height: 28px;
	margin:10px auto;	
	padding:22px 0px 0px 60px;
	line-height:130%;
	text-align:left;	
	font-size:130%;
	font-weight:bold;
	margin-top:20px;
}

/* gold BG_color 2行見出し */
.linee_bird_2{
	background:url(../images/pages/linee_bird_2.jpg) no-repeat;
	width:590px;
	height: 50px;
	margin:10px auto;	
	padding:22px 0px 0px 60px;
	line-height:130%;
	text-align:left;	
	font-size:130%;
	font-weight:bold;
	margin-top:20px;
}

/* pnk BG_color 2行見出し */
.linee_bird_3{
	background:url(../images/pages/linee_bird_3.jpg) no-repeat;
	width:590px;
	height: 50px;
	margin:10px auto;	
	padding:22px 0px 0px 60px;
	line-height:130%;
	text-align:left;	
	font-size:130%;
	font-weight:bold;
	margin-top:20px;
}
/* yellow BG_color 2行見出し */
.linee_bird_yellow{
	background:url(../images/pages/linee_bird_yellow.jpg) no-repeat;
	width:590px;
	height: 50px;
	margin:10px auto;	
	padding:22px 0px 0px 60px;
	line-height:130%;
	text-align:left;	
	font-size:130%;
	font-weight:bold;
	margin-top:20px;
}


.linee_sakura{
	background:url(../images/pages/line_sakura.png) no-repeat;
	width:590px;
	height: 50px;
	margin:10px auto;	
	padding:22px 0px 0px 60px;
	line-height:130%;
	text-align:left;	
	font-size:130%;
	font-weight:bold;
	color:#000;
	margin-top:20px;
}