/* MemberContents */

#pageTop h2#MyIndexTitle{
width: 480px;
height: 71px;
background: url(../img/titMyIndex.gif) no-repeat;
}

#myNews{
height: 40px;
text-indent: -9999px;
background: url(../img/imgMynews.gif) no-repeat bottom;s
}

.newsArea{
width: 480px;
margin: 10px 0 0;
padding: 0 0 5px;
border-bottom: 1px solid #FFCED0;
}


.newsAreaLeft{
float:left;
width:160px;
}

.newsAreaRight{
padding:0;
width:310px;
float:right;
}

.newsAreaRight p{
margin:3px 0;
}

.newsTitle{
color:#006699;
text-decoration:underline;
margin:0;
padding:0;
}

#MyNewsArea, #MyBBSArea{
clear: both;
width: 478px;
margin: 20px 0 0;
padding: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 3px solid #999;
}
#MyNewsArea h3{
height: 37px;
margin: 0 0 8px 0;
padding: 0;
text-indent: -9999px;
background: url(../img/titMyInfo.gif) no-repeat;
}
#MyBBSArea h3{
height: 37px;
margin: 0 0 8px 0;
padding: 0;
text-indent: -9999px;
background: url(../img/titJimuBbs.gif) no-repeat;
}
#MyNewsArea p, #MyBBSArea p{
margin: 0 0 10px;
padding: 0;
}

#MyNewsArea ul, #MyBBSArea ul{
padding:5px 10px 10px;
margin:0;
}

#MyNewsArea li, #MyBBSArea li{
font-size:11px;
line-height:2.0em;
list-style:none inside;
padding:0;
margin:0;
}

#MyNewsArea li a, #MyBBSArea li a{
text-decoration:underline;
}

/* MemberLightbox */

#rightBoxLoginMy{
width: 207px;
margin: 0 auto 10px;
padding: 0 0 14px 0;
text-align: center;
border: 1px solid #666;
background: url(../img/bgRightLogin.gif) repeat-x bottom #cacaca;
}

#rightBoxLoginMy h4{
height: 24px;
margin: 0 auto 14px;
padding: 0;
text-indent: -9999px;
border-bottom: 1px solid  #666;
background: url(../img/titRightLoginMy.gif) no-repeat;
}



#rightBoxLoginMy p{
margin: 0;
padding: 0;
}

#rightBoxLoginMy p.rightBoxLoginMidashi{
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;
}


/* sidemenu */
/* bace */
ul#sideMenuMy{
margin: 20px 0;
padding: 0;
list-style: none;
}
ul#sideMenuMy li{
margin: 0 0 4px 0;
padding: 4px 4px 4px 10px;
list-style: none;
border-left: 3px solid #EE3E65;
border-bottom: 1px solid #999;
}
ul#sideMenuMy li.sideMenuFunVis{
margin: 0 0 4px 0;
padding: 4px 4px 4px 10px;
list-style: none;
color: #EE3E65;
border-left: 3px solid #EE3E65;
border-bottom: 1px solid #999;
}
ul#sideMenuMy li.sideMenuFunNoData{
margin: 0 0 4px 0;
padding: 4px 4px 4px 10px;
list-style: none;
border-left: 3px solid #999;
border-bottom: 1px solid #999;
}
/* inner */
ul#sideMenuMy li.sideMenuFunList{
margin: 0 0 4px 26px;
padding: 2px 4px 2px 10px;
list-style: none;
text-decoration: none;
border-left: 2px solid #EE3E65;
border-bottom: 2px dotted #CCC;
}
ul#sideMenuMy li.sideMenuFunListVis{
margin: 0 0 4px 26px;
padding: 2px 4px 2px 10px;
list-style: none;
text-decoration: none;
color: #EE3E65;
border-left: 2px solid #EE3E65;
border-bottom: 2px dotted #CCC;
}
ul#sideMenuMy li.sideMenuFunListNoData{
margin: 0 0 4px 26px;
padding: 2px 4px 2px 10px;
list-style: none;
border-left: 2px solid #999;
border-bottom: 2px dotted #CCC;
}
/* link */
ul#sideMenuMy li a{
display: block;
color: #000;
text-decoration: none;
}
ul#sideMenuMy li a:hover{
display: block;
color: #EE3E65;
text-decoration: none;
}
ul#sideMenuMy li.sideMenuFunVis a{
display: block;
color: #EE3E65;
text-decoration: none;
}
ul#sideMenuMy li.sideMenuFunVis a:hover{
display: block;
color: #000;
text-decoration: none;
}
ul#sideMenuMy li.sideMenuFunListVis a{
display: block;
color: #EE3E65;
text-decoration: none;
}
ul#sideMenuMy li.sideMenuFunListVis a:hover{
display: block;
color: #000;
text-decoration: none;
}

/* login */

#pageTop h2#LoginTitle{
width: 480px;
height: 71px;
background: url(../img/titLogin.gif) no-repeat;
}

#formLogin{
text-align:center;
padding-top:20px;
}

#loginComment{
color:#EE3E65;
padding: 60px 20px;
margin:45px 0;
border-top:3px solid #F4869E;
border-bottom:3px solid #F4869E;
border-left:1px solid #F4869E;
border-right:1px solid #F4869E;
}

/* logout  relogin*/

#pageTop h2#LogoutTitle{
width: 480px;
height: 71px;
background: url(../img/titLogout.gif) no-repeat;
}

#pageTop h2#ReloginTitle{
width: 480px;
height: 71px;
background: url(../img/titRelogin.gif) no-repeat;
}

#lofoutBtn{
text-align:center;
padding-top:50px;
}

/* Recipe*/
#pageTop h2#RecipeTitle{
width: 480px;
height: 71px;
background: url(../img/titMyrecipeIndex.gif) no-repeat;
}

#recipeAreaTop{
margin: 0 0 30px;
padding: 0;
}

ul.recipeAreaTopList{
margin: 0 auto 20px;
padding: 0;
list-style: none;
color: #EE3E65;
text-align: center;
}

#recipeAreaTop h3{
font-size:14px;
color:#EE3E65;
letter-spacing: 0.5em;
margin: 0 0 10px 10px;
padding: 3px 0 3px 6px;
text-align: left;
border-left: 4px solid #EE3E65;
border-top: 1px solid #C8C8C8;
border-bottom: 1px solid #C8C8C8;
}

#recipeAreaTop p{
margin: 0 0 20px 10px;
padding: 0 0 0 6px;
text-align: left;
}

.recipeAreaLeft{
clear: both;
width:180px;
float:left;
text-align: left;
}

.recipeAreaRight{
width:250px;
float:right;
text-align: left;
}

.recipeAreaNormal{
clear:both;
}

.recipeAreaBoder{
border-top: 1px solid #C8C8C8;
clear:both;
}

ul.howtomade{
margin: 0 0 20px 50px;
list-style: decimal;
text-align: left;
}

ul.howtomadeTa{
margin: 0 0 20px 40px;
padding: 0;
list-style: decimal;
text-align: left;
}

li.howtomade2{
padding-bottom:10px;
}

ul.point{
margin: 0 0 20px 50px;
list-style: disc;
text-align: left;
}

/*recipe_detail 080428ÇÁ*/
.partslist{
margin: 0;
padding: 5px;
}
.partslistLeft{
width: 120px;
padding: 5px 20px 5px 5px
}

/* Recipe_view*/
#tableRecipeView{
margin-bottom: 20px;
padding: 0;
border: 0;
border-collapse: collapse;
text-align: left;
}

#tableRecipeView th{
width: 100px;
padding: 10px 0 ;
font-weight: normal;
vertical-align: top;
border-bottom: 1px solid #CCC;
}
#tableRecipeView td{
width: 380px;
padding: 10px 0 ;
border-bottom: 1px solid #CCC;
color: #006699;
}

/* memberEdit*/
#pageTop h2#MemberEditTitle{
width: 480px;
height: 71px;
background: url(../img/titMyMemberEdit.gif) no-repeat;
margin-bottom:50px;
}

#tableMemberEdit{
margin-bottom: 20px;
padding: 0;
border: 0;
border-collapse: collapse;
text-align: left;
}

#tableMemberEdit th{
width: 150px;
padding: 5px 0 ;
font-weight: normal;
vertical-align: top;
border-bottom: 1px solid #CCC;
}

#tableMemberEdit td{
width: 330px;
padding: 5px 0 ;
border-bottom: 1px solid #CCC;
}

#tableMemberEdit p{
padding-left: 10px ;
margin:0;
border-left: 3px solid #EE3E65;
color:#EE3E65;
}

.textPink{
color:#EE3E65
}

/* newsEdit*/
#pageTop h2#NewsEditTitle{
width: 480px;
height: 71px;
background: url(../img/titMyMemberNews.gif) no-repeat;
margin-bottom:20px;
}

.kome{
color:#333;
font-size:11px;
}

/* Support*/
#pageTop h2#SupportTitle{
width: 480px;
height: 71px;
background: url(../img/titMySupport.gif) no-repeat;
margin-bottom:20px;
}

#support h3{
width:462px;
background:url(../img/bgMySupport.gif) repeat-x;
color:#EE3E65;
font-size:14px;
line-height:26px;
margin-bottom:15px;
padding-left:15px;
border-left:3px solid #EE3E65;
text-decoration:none;
letter-spacing: 0.1em;
}

#support .waku{
border-top:3px solid #EE3E65;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:10px;
margin-bottom:10px;
}

#support .waku a{
color: #006699;
text-decoration:underline;
}

.marginBottom50px{
margin-bottom:50px;
}

#supportBtm{
display: block;
height: 1%;
margin: 30px 0 50px;
padding:15px 0;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
#supportBtm p.left{
float:left;
width:350px;
color: #006699;
text-decoration:underline;
}

#supportBtm p.left a{
width:350px;
color: #006699;
text-decoration:underline;
float:left;
}

#supportBtm p.right{
width:130px;
float:right;
text-align:center;
}

/* Dec*/
#pageTop h2#DecTitle{
width: 480px;
height: 71px;
background: url(../img/titDec.gif) no-repeat;
}

/* Web*/
#pageTop h2#WebTitle{
width: 480px;
height: 71px;
background: url(../img/titMyWeb.gif) no-repeat;
margin-bottom:50px;
}
ul.recipeAreaTopList li.ribbonText{
margin: 0 50px 40px;
padding: 0;
list-style: none;
color: #333;
text-align:left;
}

ul.ribbonDetail1{
margin: 0 0 10px 30px;
list-style: circle;
text-align: left;
color:#EE3E65;
}
ul.ribbonDetail1 li{
padding-bottom:10px;
}

ul.ribbonDetail2{
margin: 0 0 10px 10px;
list-style: decimal;
text-align: left;
color:#333;
}

/* NewsDetail*/
#pageTop h2#NewsDetailTitle{
width: 480px;
height: 71px;
background: url(../img/titMyNewsDetail.gif) no-repeat;
margin-bottom:50px;
}
#pageTop h2#BbsDetailTitle{
width: 480px;
height: 71px;
background: url(../img/titMyJimuBbs.gif) no-repeat;
margin-bottom:50px;
}

#tableNewsDetail{
margin-bottom: 20px;
padding: 0;
border: 0;
border-collapse: collapse;
text-align: left;
}

#tableNewsDetail th{
width: 100px;
padding: 20px 0 ;
font-weight: normal;
vertical-align: top;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}
#tableNewsDetail td{
width: 380px;
padding: 20px 0 ;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}

#tableNewsDetail td p.midashi{
color:#DF5B78;
}

/* CONTEST 2011 */

#contest2011 {
	margin: 20px 0;
	padding: 2px;
	border: 2px solid #e17db1;
}

#contest2011 div {
	padding: 15px 15px 10px;
	border: 1px solid #ccc;
}

#contest2011 h2 {
	margin: 0.8em 0;
	color: #e17db1;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#contest2011 p {
	margin-bottom: 0.4em;
	font-size: 12px;
}

