@import url("new_form_brown/brown_form.css") ;
@import url("http://www.blogdehp.net/css/02/form/form_main.css") ;
@import url("http://www.blogdehp.net/css/02/extra/table.css") ;

/* [0]全体設定----------------------------------------------- */


body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	font-size : 80% ;
	word-break : break-all ;
}

#container , #sub_container{
	margin: 15px auto 15px auto;
	padding:0px 0px 0px 0px ;
	width:768px;
	border-width : 1px ;
	border-style :solid ;
	position : relative ;
}

div , table , tr , td , th , li , dl , dt , dd , form{
	margin : 0px 0px 0px 0px ;
	padding : 0px 0px 0px 0px ;
}

ul  , dl{
	margin: 10px 10px 10px 18px ;
	padding: 0px 0px 0px 0px ;
}

ol {
	margin: 10px 10px 10px 26px ;
	padding: 0px 0px 0px 0px ;
}

li{
	padding : 3px 0px 3px 0px ;
}

dd{
	margin-left : 2em ;
}


a{	text-decoration: none;	}

a:hover{	text-decoration: underline;	}

/* [1-1]ヘッダー設定----------------------------------------------- */



/* [1-1-1]ヘッダーリンク */


div.header_link {
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 7px 0px;
    border-width: 1px;
    border-style:ridge;
    text-align: center;
    vertical-align:text-bottom;
    font-size: 13px;
    clear: both;
    width: 766px;
}

div.header_link img{
	vertical-align:text-bottom;
}


div.header_link a{
	text-decoration : none ;
	vertical-align:text-bottom;
}

div.header_link a:hover{
	text-decoration : underline ;
	vertical-align:text-bottom;
}


img.header_separator{
	display: inline ;
	margin : 0px 2px 0px 2px ;
}

/* [1-1-2]ブログ説明部分 */


div.title_description{
	height : 110px ;
	line-height : 130% ;
	padding : 14px 450px 12px 10px ;
	font-size : 13px ;
}

div.title_description p{
	margin : 0px 0px 0px 0px ;
}

div.title_description_simple{
	line-height : 130% ;
	padding : 4px 10px 4px 10px ;
	font-size : 13px ;
}

div.title_description_with_address{
	line-height : 130% ;
	padding : 4px 10px 4px 10px ;
	width : 450px ;
	float : left ;
	font-size : 13px ;
}

div.header_address{
	padding : 4px 10px 4px 10px ;
	text-align : right ;
	font-size : 12px ;
	letter-spacing:0px ;
	line-height : 15px ;
	}


div.header_data{
	position : absolute ;
	left : 0px ;
	top : 0px ;
	width : 748px ;
	padding : 10px ;
	text-align : right ; 
	z-index : 1 ;
	color : white ;
	font-size : 12px ;
}
/* 080919　追加修正 */

div.banner_color h1 img{
	border:none ;
	display:block;
}

div.banner_color img{
	border:none ;
}
/* [1-2]コンテンツ設定----------------------------------------------- */

/* [1-2-1]コンテンツ固定記事　 */

div.top_contents_2_contents{
	border-width : 1px ;
	border-top : 0px ;
	border-style : solid ;
	margin : 0px 10px 15px 15px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
}

div.top_contents_2_title{
	border-width : 1px ;
	border-bottom : 0px ;
	border-style : solid ;
	margin : 10px 10px 0px 15px ;
	padding : 7px 10px 7px 25px ;
	font-weight : normal ;
}

div.top_contents_contents{
	border-width : 1px ;
	border-top : 0px ;
	border-style : solid ;
	margin : 0px 10px 15px 15px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
}

div.top_contents_title{
	border-width : 1px ;
	border-bottom : 0px ;
	border-style : solid ;
	margin : 10px 10px 0px 15px ;
	padding : 7px 10px 7px 25px ;
	font-weight : normal ;
}

/* [1-2-2]見出し部分　 */

h1 {
	margin:0px 0px 0px 0px ;
	padding: 14px 10px 5px 30px;
	font-size: 160% ;
	font-weight : bold ;
	letter-spacing : 4px ;
	border-bottom-width : 6px  ;
	border-top-width : 6px ;
	border-bottom-style : solid ;
	border-top-style : solid ;
}

h1 a, h1 a:hover{	text-decoration: none;}

h1 img{
	margin : -20px -10px -11px -30px ;
	border : none ;
	border-bottom-width : 0px ;
	border-bottom-style : solid ;
}

h2 {
	font-size : 110% ;
	font-weight : bold ;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

h3 {
	font-size : 110% ;
	font-weight : bold ;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

/* [1-2-3]ブログの各記事部分　 */


#content {
	float : right ;
	width : 598px ;
	margin : 0px 0px 0px -1px ;
	border-left : 1px solid ;
}
div.blog {
	margin : 5px 10px 20px 15px;
	padding : 20px 20px 20px 20px;
	border-width : 0px ;
	border-style : solid ;
}

.blogbody {
	padding:0px 0px 0px 0px ;
}

.date{
	margin : 10px 0px 0px 0px ;
	font-size : 90%}

h3.title{
	font-weight:bold;
	font-size : 110% ;
	border-bottom-width : 1px ;
	border-bottom-style :dashed ;
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
}

h2.title{
	font-weight:bold;
	font-size : 110% ;
	border-bottom-width : 1px ;
	border-bottom-style :dashed ;
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
	
}

h1.title{
	font-weight:bold;
	font-size : 110% ;
	border-bottom-width : 1px ;
	border-bottom-style :dashed ;
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
	border-width : 0px 0px 1px 0px;
	letter-spacing : 0px;
}

h1.title a{
	text-decoration : none;
}
h1.title a:hover{
	text-decoration : underline;
}

.title{
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
	font-weight:bold;
}

div.text{
	width : 98% ;
	padding:0px 0px 0px 0px;
	font-size : 105% ;
	line-height:140% ;
	letter-spacing:0px ;
	}

.posted{ 
	font-size: 90%; 
	padding:10px 10px 10px 0px;
	text-align:right;
}

.description {
	margin:0px 10px 10px 0px;
	font-size:90%;
}

.navi {
	font-size:90%;
	text-align:right;
	padding:10px 10px 10px 37px;
}

div.text img{
	margin : 3px 3px 3px 3px ;
	border : none ;
}

/* [1-2-4]コメント部分　 */

#comments {
	margin : 25px 0px 0px 35px ;
	font-size : 90% ;
}
#comments form{}

.comments-head{ 
	margin:0px 0px 0px 0px ;
	padding:3px 0px 10px 0px;
	font-weight:bold;
}

.comments-body {
	padding:5px 5px 5px 0px;
}
.comments-post{ 
	padding:10px 10px 10px 0px;
	text-align:right;
}
#trackback {
	font-size: 110%;
	padding:10px 10px 10px 30px;
	margin:0px 5px 10px 0px;
}


/* [1-2-5]記事内のテーブル部分　 */

div#content div.blogbody table , div.top_contents_contents table {
	border-style : solid ; 
	border-width : 1px  ;
	border-collapse : collapse ;
	margin : 10px 0px 10px 0px ;
	vertical-align : top ;
	font-size : 90% ;
	width : 95% ;
}


div#content div.blogbody table tr td , div.top_contents_contents table tr td {
	border-style : solid ;
	border-width : 1px  ;
	border-collapse : collapse ;
	padding : 5px 5px 5px 5px ;
	vertical-align : top ;
}

div#content div.blogbody table tr th , div.top_contents_contents table tr th {
	border-style : solid ;
	border-width : 1px  ;
	border-collapse : collapse ;
	padding : 5px 5px 5px 5px ;
	vertical-align : top ;
}


/* [1-2-6]記事内の見出しやリスト部分　 */


h4{
	padding : 10px 0px 0px 0px ;
	font-size : 105% ;
	font-weight : bold ;
	display : inline ;
}

h5{
	font-size : 90% ;
	font-weight :bold ;
	display : inline ;
}

h6{
	font-size : 105% ;
	font-weight :bold ;
	display : inline ;
}

div.text ul , ol{
	margin : 0.5em 3em ;
}

/* [1-2-7]記事内の画像部分　 */

img.migi{
	float : right ; 
	margin : 3px 0px 3px 6px !important ;
	display : block ;
}

img.hidari{
	float : left ; 
	margin : 3px 6px 3px 0px !important  ;
	display : block ;

}

img.waku{
	border : 1px solid gray !important ;
}


/* [1-3]サイドバー設定----------------------------------------------- */


#links-left {
	width:169px;
	float:right;
	margin: -1px 0px 0px 0px;
	border-right-width : 1px ;
	border-right-style : solid ;
	font-size : 13px ;
}

#links {
	width:169px;
	float:right;
	margin: -1px 0px 0px 0px;
	border-right-width : 1px ;
	border-right-style : solid ;
	font-size : 13px ;
}

div.side_title , div.sidetitle {
	font-weight:bold;
	margin : 0px 0px 0px 0px ;
	padding:7px 4px 5px 8px;
	border-width : 1px 0px 1px 0px  ;
	border-style : solid ;
	font-size : 95% ;
}



div.side_contents , div.side {
	font-weight:normal;
	line-height:120%;
	margin : 0px 0px 10px 0px ;
	padding:5px 5px 5px 5px;
	text-align:left;
	border-bottom : 1px solid ;
}



/* [1-3-1]サイドバーリンク　第1階層 */

div.side_link{
	margin : 0px 0px 0px 0px ;
}

div.side_link a{
	display : block ;
	border-width : 1px 0px 0px 0px  ;
	border-left-width : 8px ;
	border-style : solid ;
	padding : 6px 6px 6px 7px ;
}


div.side_link a:hover{
	text-decoration : underline ;
}

/* [1-3-2]サイドバーリンク　第2階層 */


div.side_link_2{
	border-style :solid ;
	border-width : 1px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ;
	font-size : 100% ;
}

div.side_link_2 a{
    display: block;
    border-width: 0px 0px 0px 0px;
    border-left-style: solid;
    padding: 5px 6px 5px 30px;
    text-decoration: none;
    background-repeat:no-repeat;
    background-position:18px 6px ;
}


div.side_link_2 a:hover{
	text-decoration : underline ;
}



/* [1-3-3]カレンダー設定 */

#calendar {
	font-weight : normal ;
	width : 95% ;
	margin : 0px 0px 10px 0px ;
	padding :0px 0px 15px 0px ;
}

#calendar table {
	width: 95% ;
	margin : 0px auto 0px auto ;
	}

#calendar th{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding : 1px 1px 1px 1px ;
	background-repeat:no-repeat;
	background-position:center;
}
#calendar td{
	text-align : center ;
	font-size : 12px ;
	padding : 2px 1px 2px 1px ;
}
.calendarhead {
	font-size : 12px ;
	font-weight : bolder ;
	padding : 5px 6px 4px 10px;
	text-align : center ;
}

.calendarday {}


/* [1-4]フッター設定----------------------------------------------- */

#footer{
	clear:both ;
	margin : 0px 0px 0px 0px ;
	padding:0px 0px 5px 0px ;
	text-align:center;
	border-top-width : 0px ;
	border-top-style :dashed ;
	font-size : 12px ;
}

div.footer_element{
	margin : 10px 10px 10px 10px ;
}

.powered {padding:10px 10px 0px 0px;
	text-align:right;
	font-size : 8pt ;
}
.syndicate {
	font-size:80%;
	padding:5px 30px 10px 15px;
}

.copyright{
	width:100%;
	text-align:center;
}




/* [1-9]その他設定----------------------------------------------- */

#diet-container{
    padding : 5px 5px 5px 5px ;
}
.diet-title{
    padding : 2px 10px 2px 5px;
    font-size:80%;
    width:90px;
    margin : 5px 0px 0px 0px;
}
.diet-content{
    padding : 0px 0px 0px 10px;
	font-size:80%;
}
#diet-foods{
    padding:0px 0px 0px 10px;
    font-size:12px;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding : 10px 0px 0px 0px;
}


div.nodate .date{
	display : none ;
}


input.favorite{
	display : block ;
	padding : 1px ;
	margin : 7px auto ;
}

div.category{
	text-align : right ;
	position : relative ; 
	top : -33px ;
}

div.gotop{
	text-align : right ;
	margin : 10px 15px 20px auto ;	
}