@import url("http://www.blogdehp.jp/sestyle/form/form_main.css") ;
@import url("http://www.blogdehp.jp/sestyle/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 : 85% ;
	word-break : break-all ;
}

#container , #sub_container{
	margin: 10px auto 0px auto;
	padding:0px 6px 0px 5px ;
	width:768px;
	border-width : 0px ;
	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]ヘッダー設定----------------------------------------------- */

div#banner{
	position : relative ;
	top : -1px ;
}

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


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

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


div.header_link a{
	text-decoration : none ;
	vertical-align:middle;
	padding : 0px 3px 0px 14px ;
}

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


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

span.header_separator{
	font-size : 22px ;
	vertical-align:middle;
}

/* [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_contents{
	border-width : 1px ;
	border-style : solid ;
	margin : 3px 10px 15px 15px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
}

div.top_contents_title{
	margin : 10px auto 0px 20px ;
	font-weight : bold ;
}

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 10px ;
	font-weight : bold ;
}


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

h1 {
	margin:0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	font-size: 160% ;
	font-weight : bold ;
	letter-spacing : 4px ;
	border : none ;
}

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

h1 img{
	border : none ;
}

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 : 597px ;
	margin : 0px 0px 20px 0px ;
}
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:normal !important;
	font-size : 100% ;
	line-height : 120% ;
	letter-spacing : 1px ;
	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 : 120% ;
	line-height : 120% ;
	letter-spacing : 1px ;
	border-bottom-width : 1px ;
	border-bottom-style :dashed ;
	margin : 10px 0px 15px -10px ;
	padding : 0px 0px 2px 0px ;
	
}

h1.title{
	font-weight:bold;
	font-size : 140% ;
	line-height : 120% ;
	letter-spacing : 1px ;
	border-bottom-width : 1px ;
	border-bottom-style :dashed ;
	margin : 10px 0px 15px -10px ;
	padding : 0px 0px 2px 0px ;
	border-width : 0px 0px 1px 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 : 0px 0px 0px 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 ;
	width : 20% ;
}


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


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

div.text h5{
	padding : 0px 0px 0px 0px ;
	margin : 2em 0px 0px 0px ;
	font-size : 100% ;
	font-weight : bold ;
	display : block ;
}

div.text h6{
	padding : 10px 0px 0px 0px ;
	font-size : 100% ;
	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 ;
}

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


}

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

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


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

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

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



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



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

div.side_link{
	border-style : solid ;
	border-width : 1px 1px;
	margin : 0px 0px 1px 0px ;
}

div.side_link a{
	display : block ;
	border-left-width : 2px ;
	border-left-style : solid ;
	padding : 5px 6px 5px 10px ;
}


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

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


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

div.side_link_2 a{
	display : block ;
	border-width : 0px 0px 0px 0px ;
	border-left-style : solid ;
	padding : 4px 3px 5px 25px ;
	text-decoration : none ;
}


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 ;
	width : 100% ;
	padding:0px 0px 5px 0px ;
	text-align:center;
	border-top-width : 1px ;
	border-top-style :solid ;
	font-size : 12px ;
}

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

.powered {
	padding:10px 0px 0px 0px;
	text-align:center;

}
.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 35px 20px auto ;	
}


/*------------- New Form Style ------------*/

/*--- Honbun Form ---*/

div.fm_cntn{
	border-left:1px solid gray; 
	border-right:1px solid gray;
	border-bottom:1px solid gray;
    border-top:medium none;
    font-size : 10pt ;
	background-image: url('images/fm_bg_l_silver.gif') !important;
	background-color : RGB(255,255,255) ;
	background-repeat:repeat-y;
	background-position: left top ;
	width : 96%  ; margin-left:10px; margin-right:auto; margin-top:10px; margin-bottom:10px 
}

div.fm_clmn{
	border-top : 1px solid gray ;
	clear : both ;
}

div.fm_submit_clmn{
	border-top: 1px solid gray ;
	text-align : center ;
	clear : both ;
	padding : 3px 10px ;
	background-color:white;
}

div.fm_submit_clmn p{
	margin : 3px 0px ;
}

div.fm_label{ float : left ; width : 80px ;  padding : 4px 5px ; }
div.fm_field{ float : left ; width : auto ; padding : 4px 10px ;}

.hissu{
	color : red ;
}

div.fm_clmn input{
	vertical-align : middle ;
}

div.fm_clmn .input_text{
	width : 97% ;
	margin : 0px ;
}