@import url("new_form_orange/orange_form.css") ;
@import url("/css/02/form/form_main.css") ;
@import url("/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{
	margin: 70px auto 30px auto;
	padding: 0px;
	background-position: 0px 60px;
	background-repeat: repeat-y;
	width:778px;
	position : relative;
}

#sub_container{
	margin: 10px auto 30px auto;
	padding: 0px;
	background-position: 0px 60px;
	background-repeat: repeat-y;
	width:778px;
	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 {
   	background-position: 0 0;
	margin : 0px 7px 0px 7px;
	padding : 5px 10px;
	border-style: solid;
	border-width: 1px;
	text-align : center ;
	vertical-align:text-bottom ;
	font-size : 13px ;
	clear : both ;
}

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 ;
}

/* [1-2]コンテンツ設定----------------------------------------------- */

/* [1-2-1]コンテンツ固定記事　 */

div.top_contents_contents{
	border-width : 1px ;
	border-style : solid ;
	margin : 0px 10px 15px 10px  ;
	padding : 10px 9px 10px 9px ;
	line-height : 160% ;
}

div.top_contents_title{
	background-position: 10px 8px;
	padding: 5px 9px 5px 21px;
	margin : 10px 10px 0px 10px;
	font-weight : bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}

/* [1-2-2]見出し部分　 */

div#banner div.banner_color img{
margin:0px 0px 0px 5px ;
padding:0px 0px 0px 0px ;
}

div#banner h1 {
	margin:0px 0px 0px 0px ;
	padding: 0px;
	position: absolute;
	top: -60px;
	left: 5px;
	width: 768px;
	height: 60px;
}

h1 a, h1 a:hover{text-decoration: none;}

h1.title a{
	text-decoration: none;
}

h1.title a:hover{
	text-decoration: underline;
}

div#banner div.banner_color h1 img{
	border : none ;
	border-bottom-width : 0px ;
	border-bottom-style : solid ;
	margin: 0px;
	padding: 0px;
}

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;
}

/*デザインセット見出し
---------------------------------------------------------------------*/

h2{
 border-style: solid;
 border-width: 0px 0px 0px 20px;
 margin:25px 0px;
 padding: 5px;
 font-size: 120%;
}

h3{
 border-style: solid;
 border-width: 0px 0px 0px 15px;
 margin:20px 0px;
 padding: 5px;
 font-size:120%;

}
 
h4{
 border-style: solid;
 border-width: 0px 0px 0px 10px;
 margin:15px 0px;
 padding:5px;
 font-size:120%
}

h5{
 border-style: solid;
 border-width: 0px 0px 0px 5px;
 margin:10px 0px;
 padding:5px;
 font-size:120%
}

h6{
 border-style: solid;
 border-width: 0px 0px 0px 3px;
 margin:5px 0px;
 padding:5px;
 font-size:120%;
}



/* [1-2-3]ブログの各記事部分　 */


#content {
	float : right ;
	width : 603px ;
	margin: 1px 7px 20px 0px;
	_margin : 1px 3px 20px 1px ;
}
div.blog {
	margin : 13px 6px 20px 6px;
	padding : 0px;
	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-width : 1px ;
	border-style :solid;
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
}

h1.title , h2.title{
  	background-position: 10px 8px;
	font-weight:bold;
	font-size : 110% ;
	border-left: 0px none;
	border-width : 1px ;
	border-style :solid;
	margin : 0px 0px 20px 0px;
	padding : 5px 0px 5px 21px ;
	
}

.title{
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 2px 0px ;
	font-weight:bold;
}

div.text{
	width : 96% ;
	margin: 0 auto;
	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-3]サイドバー設定----------------------------------------------- */


#links-left {
	width:158px;
	float:left;
	margin: 1px 2px 2px 6px;
	_margin: 1px 2px 2px 3px;/*ie6 hack*/
	padding: 1px 0px 0px 0px;
	border-style: solid;
	border-width: 1px;
	font-size : 13px ;
}

#links {
	width:154px;
	float:left;
	margin: 0px 1px 0px 1px;
	font-size : 13px ;
}

div.side_title , div.sidetitle {
    	background-position: 0 0;
	font-weight:bold;
	margin : 1px 1px 0px 1px;
	padding:7px 10px;
	border-width : 1px;
	border-style : solid ;
}



div.side_contents , div.side {
	font-weight:normal;
	line-height:120%;
	margin : 0px 1px 10px 1px ;
	padding:10px 15px 10px 15px;
	text-align:left;
	border-width : 0px 1px 1px 1px;
	border-style : solid ;
	overflow: auto;
}



/* [1-3-1]サイドバーリンク　第1階層 */

div.side_link{
	margin : 0px 1px 0px 1px ;
	width: 154px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

div.side_link a{
	display : block ;
	background-position: 10px 5px;
	padding : 5px 6px 5px 27px ;
}


div.side_link a:hover{
	text-decoration : underline ;
}

/* [1-3-2]サイドバーリンク　第2階層 */


div.side_link_2{
	border-style :solid ;
	border-width : 0px 1px 1px 1px ;
	margin : 0px 1px;
	font-size : 100% ;
	width: 154px;
}

div.side_link_2 a{
  	background-position: 15px 5px;
	display : block ;
	padding : 4px 4px 3px 24px ;
	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{
 	width: 778px;
	background-position: 0 bottom;
	clear:both ;
	margin : 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	text-align:center;
	font-size : 12px ;
}

div.footer_element{
	margin : 10px 10px 10px 10px ;
}

.powered {
   	 padding:10px 10px 10px 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 ;
}

/*カラーデザインセット
--------------------------------------------*/

.w_blue{
  margin: 5px;
  padding:5px;
  border: 1px dashed;
}
.w_green{
  margin: 5px;
  padding:5px;
  border: 1px dashed;
}

.w_red{
  margin: 5px;
  padding:5px;
  border: 1px dashed;
}

.w_yellow{
  margin: 5px;
  padding:5px;
  border: 1px dashed;
}

.h_blue{
  margin:5px;
  padding:5px;
  border-style: solid;
  border-width:1px;
}

.h_green{
  margin:5px;
  padding:5px;
  border: 1px solid;
}

.h_red{
  margin:5px;
  padding:5px;
  border: 1px solid;
}

.h_yellow{
  margin:5px;
  padding:5px;
  border: 1px solid;
}


.migi{
 float:right;
 }
 
 .hidari{
  float:left;
}

