@charset "utf-8";

#contents div.article {
    background: url("../common/bg_beige_box_bottom.gif") no-repeat scroll left bottom;
    margin: 0 0 1em;
    padding: 0 15px 15px;
}

#contents div.articleOdd {
    background: url("../common/bg_brown_box_bottom.gif") no-repeat scroll left bottom;
}

#contents div.article dl {
    background: #f1ebdc url(../common/bg_beige_box_top.gif) no-repeat scroll left top;
    display: inline-block;
    margin: 0 -15px;
    padding: 12px 15px 12px 20px;
    _width:545px;
}

#contents div.article dt {
    color: #300;
    font-size: 110%;
    font-weight: bold;
    display: block;
float:left;
background:url("../common/point_beige_dt.gif") no-repeat 0 3px;
padding-left:20px;
width:430px;
}

#contents div.article dd {
    color: #300;
    font-size: 100%;
float:left;
padding-right:20px;
width:60px;
}

#contents div.article dt a{
    color: #300;
    text-decoration: none;
}

#contents div.article dt a:hover{
    text-decoration: underline;
}



#contents div.articleOdd dl {
    background: #4e1c14 url("../common/bg_brown_box_top.gif") no-repeat scroll left top;
}

#contents div.articleOdd dt {
color: #ffa506;
background:url("../common/point_brown_dt.gif") no-repeat 0 3px;
}

#contents div.articleOdd dt a{
color: #ffa506;
}

#contents div.articleOdd dd {
color: #ffa506;
}


#contents div.article p {
    margin: 5px 0 0;
}

#contents div.article p.detail {
    text-align: right;
}

#contents div.article p.detail a {
color:#300;
    background: url("../common/arrow_big.gif") no-repeat scroll left 0.6em;
    display: inline-block;
    padding: 0.2em 0 0.2em 27px;
    text-decoration: none;
}

#contents div.article p.detail a:hover {
    text-decoration: underline;
}

#contents div.articleOdd p.detail a {
    background: url("../common/arrow_big.gif") no-repeat scroll left 0.6em;
}


/*
*/

#contents ul.pagenation {
    background: url("../common/dotted.gif") repeat-x scroll left top;
    margin: 3em 0;
    padding: 1em 0 0;
    position: relative;
    text-align: center;
    width: 580px;
}
#contents ul.pagenation li {
    background: none repeat scroll 0 0;
    margin: 0 auto;
    padding: 0;
    width: 500px;
}
#contents ul.pagenation li a {
    display: inline-block;
}
#contents ul.pagenation li ol {
    text-align: center;
}
#contents ul.pagenation li ol li {
    display: inline;
    margin: 0 3px;
    padding: 0.2em 3px;
    font-size:110%;
color:#d70b2e;
}

#contents ul.pagenation li ol li a {
    line-height: 1.65;
    margin: 0 -3px;
    padding: 0 3px;
color:#300;
text-decoration:none;
}

#contents ul.pagenation li ol li a:hover {
text-decoration:underline;
}

#contents ul.pagenation li.prev {
    left: 5px;
    position: absolute;
    top: 1em;
    width: auto;
}
#contents ul.pagenation li.prev a {
    padding: 0.2em 0 0.2em 10px;
}
#contents ul.pagenation li.next {
    position: absolute;
    right: 5px;
    top: 1em;
    width: auto;
}
#contents ul.pagenation li.next a {
    padding: 0.2em 10px 0.2em 0;
}

#contents ul.pagenation li.list {
    width: auto;
}
#contents ul.pagenation li.list a {
    padding: 0.2em 0;
}



/*-----------------------------------------------
 BLOGside
-----------------------------------------------*/
#blogNav {
    background: url("../common/bg_local_nav_middle.gif") repeat-y scroll left top transparent;
    left: -3px;
    margin: 0 0 10px 7px;
    position: relative;
}

#blogNav h3 {
margin:5px 0;
}

#blogNav #category ,
#blogNav #recent ,
#blogNav #archives {
margin:0 23px 0 12px;
}

#blogNav #category ul ,
#blogNav #recent ul ,
#blogNav #archives ul {
border:1px solid #ede7d5;
    background:#FFF;
    margin: 0 auto 15px auto;
    padding: 10px 10px 5px 7px;
}

#blogNav #category ul li ,
#blogNav #recent ul li ,
#blogNav #archives ul li {
    margin: 0 0 0.5em;
border-bottom:1px dotted #c5c4c4;
}

#blogNav #category ul li.last ,
#blogNav #recent ul li.last ,
#blogNav #archives ul li.last {
border:0;
margin-bottom:0;
}


#blogNav #category ul li a ,
#blogNav #recent ul li a ,
#blogNav #archives ul li a {
    background: url("../common/arrow.gif") no-repeat scroll 0.3em 0.5em transparent;
    display: inline-block;
    padding: 0 0 0 18px;
    text-decoration: none;
}
#blogNav #category ul li a span.anchorIn ,
#blogNav #recent ul li a span.anchorIn ,
#blogNav #archives ul li a span.anchorIn {
    text-decoration: none !important;
}




#blogNav #calendar {
margin:0 23px 0 12px;
    padding: 0;
    position:relative;
}

#blogNav #calendar h3 {
    left: 0;
    margin: 3px 0 0;
    text-align: center;
    top: 13px;
    width: 100%;
}

#blogNav #calendar ul {
    height: 20px;
    margin: 8px auto 15px;
    position: absolute;
    width: 176px;
left:4px;
top:0;
}




#blogNav #calendar ul li.prev {
    float: left;
}
#blogNav #calendar ul li.next {
    float: right;
}
#blogNav #calendar table {
    margin: 0 auto;
    table-layout: fixed;
    width: 180px;
}
#blogNav #calendar table th, #blogNav #calendar table td {
    color: #490a00;
    font-family: Verdana,Geneva,sans-serif;
    text-align: center;
}
#blogNav #calendar table thead th {
    font-size: 8px;
    font-weight: bold;
    padding: 0 0 3px;
    text-transform: uppercase;
}
#blogNav #calendar table thead th.sunday {
    color: #d9111e;
}
#blogNav #calendar table td {
    background: url("../common/bg_calendar_cell.gif") no-repeat scroll left top transparent;
    font-size: 80%;
    padding: 0 3px 1px 2px;
}
#blogNav #calendar table td a {
    color: #d6000e;
    display: inline-block;
    margin: 0 -3px -1px -2px;
    padding: 0 3px 1px 2px;
}
#blogNav #calendar table td a {
    display: block;
}




#blogNav #archives h3.noCalendar {
    background: url("../common/bg_local_nav_top.gif") no-repeat scroll left top transparent;
    border: 0 none;
    margin: 0 -8px 5px;
    padding: 15px 8px 0;
}


#blogNav #archives ul li a span.anchorIn {
    text-decoration: none !important;
}
#blogNav #archives ul li a {
    display: block;
}
#blogNav #archives ul li a:hover, #blogNav #archives ul li a:hover span.anchorIn {
    text-decoration: underline !important;
}


/*-----------------------------------------------
 TOPICS
-----------------------------------------------*/
#main #entry h3 {
    background: url("../common/bg_h3_bottom.gif") no-repeat scroll left bottom transparent;
    display: inline-block;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em;
}
#main #entry h3 span {
    background: url("../common/bg_h3_top.gif") no-repeat scroll left top transparent;
    color: #FFA506;
    display: inline-block;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.45em 10px 0 30px;
}
#main #entry h3, #main #entry h3 span {
    display: block;
}
#main #entry p, #main #entry ul, #main #entry ol, #main #entry table {
    margin: 0;
}

#main #entry p.entryInfo {
    font-size: 80%;
    margin: 0 0 2em;
    text-align: right;
}


#topicPath {
    margin: -15px 0 1.5em;
    position: relative;
    z-index: 2;
	overflow: hidden;
}
#topicPath li {
    display: inline;
    float: left;
    font-size:80%;
    margin: 0 6px 0 0;
}
#topicPath li a {
    background: url("../common/arrow_topic_path.gif") no-repeat scroll right center transparent;
    color: #d6000e;
    padding: 0 15px 0 0;
}


/*-----------------------------------------------
 CLEARFIX
-----------------------------------------------*/

#topicPath ol:after,
#contents div.article dl:after,
#contents div.articleOdd dl:after,
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
/*overflow:hidden;*/
}

#topicPath ol,
#contents div.article dl,
#contents div.articleOdd dl,
.clearfix{display:inline-block;zoom:1;}

/* HIDE FROM MAC IE */
* html #topicPath ol,
* html #contents div.article dl,
* html #contents div.articleOdd dl,
* html .clearfix{height:1%;}

#topicPath ol,
#contents div.article dl,
#contents div.articleOdd dl,
.clearfix{
display:block;
}
/* END HIDE FROM MAC IE */


/*-----------------------------------------------
 宮本さんの受講日記　フードジャーナリスト、料理研究家　宮本さやか
-----------------------------------------------*/

#contents.miyamotoDiary {
}


#contents.miyamotoDiary #foreword { 
	background: url(../miyamoto_diary/img/bk_foreword.gif) no-repeat right top; margin-bottom:30px; 
}
#contents.miyamotoDiary #foreword h2 { 
	margin-bottom:14px; 
}
#contents.miyamotoDiary #foreword p { 
	border-top:1px solid #f18655; 
	border-bottom:1px solid #f18655; 
	padding:8px 0;
	color:#833030; 
	font-size:0.95em; 
}

#contents.miyamotoDiary #backnumber1 { 
	margin-left:20px; 
}
#contents.miyamotoDiary #backnumber2 { 
	margin-right:20px; 
	width: 310px;
}
#contents.miyamotoDiary #backnumber1 p,
#contents.miyamotoDiary #backnumber2 p { 
    margin-bottom: 4px;
    border: none;
    padding: 0;
}
#contents.miyamotoDiary #backnumber1 form { 
	padding:8px 0;
	border-top:1px solid #600;
	border-bottom:1px solid #600; 
}
#contents.miyamotoDiary #backnumber2 form { 
	padding:8px 0; 
	border-top:1px solid #600; 
}
#contents.miyamotoDiary #backnumber1 select { 
	width:170px; 
}
#contents.miyamotoDiary #backnumber2 select { 
	width:310px; 
}

#contents.miyamotoDiary #theme { 
	margin-bottom:0px; 
}
#contents.miyamotoDiary #theme h4 { 
	margin-bottom:10px; 
}
#contents.miyamotoDiary #theme p { 
	padding-bottom:4px; 
	border-bottom:1px solid #f18655;
	margin-bottom:10px; 
}

#contents.miyamotoDiary #report { 
	margin-bottom:30px;
}
#contents.miyamotoDiary #report h3 { 
	font-weight:bold; 
	font-size:small;
	color:#f18655;
	padding:4px;
	background-color:#fbe1d4;
	margin-bottom:0.7em;
}
#contents.miyamotoDiary #report p { 
	margin-bottom:1em; 
}

#contents.miyamotoDiary #btn_j_taikenki { 
	padding-bottom:7px; 
}

#contents.miyamotoDiary #taikenki { 
	float:right; 
}