
@import url("http://maxx.jp/css/itou/css/form_main.css") ;

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


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

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

div , table , tr , td , th , li , dl , dt , dd , form{
	margin : auto ;
	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 8px 0px ;
	border-width : 1px 0px 1px 0px ;
	text-align : center ;
	font-size : 13px ;
	clear : both ;
	width : 100% ;
}

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{
	text-align : right ;
	font-size : 12px ;
	position : absolute ;
	top : 25px ;
	width : 100% ;
	}


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{
	margin : 0px 20px 0px 20px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
}

div.top_contents_title{
	font-weight:bold;
	font-size : 120% ;
	margin : 20px 0px 0px 20px ;
	padding : 0px 0px 20px 10px ;
	background-repeat:no-repeat;
	background-position: 0px 20px ;
	
}


div.top_banner_pix{
	margin : 0px 20px 0px 20px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
	border-width : 10px 10px 10px 10px ;
	
}


div.top_osusume_contents{
	margin : 0px 20px 0px 20px ;
	padding : 10px 10px 10px 10px ;
	line-height : 160% ;
	border-width : 0px 1px 1px 1px ;
	
}

div.top_osusume_title{
	font-weight:bold;
	font-size : 100% ;
	margin : 20px 20px 0px 20px ;
	padding : 5px 10px 4px 10px ;
	border-width : 1px 1px 0px 1px ;
}

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

h1 {
	margin:0px 0px 0px 0px ;
	padding: 14px 10px 5px 30px;
	font-size: 10px ;
}

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 , h3 {
	font-size : 110% ;
	font-weight : bold ;
	margin:0px 0px 0px 0px;
	padding:0px 0px 16px 0px;

}


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


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

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

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


h2.title , h3.title {
	letter-spacing:0px ;
	font-weight:bold;
	font-size : 120% ;
	margin : 10px 0px 15px 0px ;
	padding : 0px 0px 20px 10px ;
	background-repeat:no-repeat;
	background-position: 0px 20px ;
}


div.text{
	width : 98% ;
	padding:0px 0px 0px 10px;
	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 ;
}


div.top_new_kiji{
	padding : 0px 5px 0px 5px ;
	margin : 30px 24px 30px 24px ;
	border-width : 1px  ;
}

div.top_new_kiji div.blog {
	margin : 0px 10px 10px 10px;
	padding : 15px 0px 20px 0px;
	border-bottom : 1px dashed RGB(215,191,111) ;
}

div.top_new_kiji_title{
	margin : 0px -5px 0px -5px ;
	padding : 7px 10px 6px 10px ;
	font-weight : bold ;
	border-width : 0px 0px 1px 0px ;
	letter-spacing:1px ;
	font-size : 115% ;
}

div.button01{
	width : 161px ;
	height : 38px ;
	min-height : 34px ;
	margin : 5px auto ;
	font-size : 12px ;
	line-height : 14px ;
	padding : 10px 9px 4px 11px ;
}


/* [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 ;
}


div#content div.blogbody table.nostyle , div.top_contents_contents table.nostyle {
	border-width : 0px  ;
	margin : 0px ;
	vertical-align : top ;
}


div#content div.blogbody table.nostyle tr td , div.top_contents_contents table.nostyle tr td {
	border-width : 0px  ;
	padding : 0px ;
	vertical-align : top ;
}

div#content div.blogbody table.nostyle tr th , div.top_contents_contents table.nostyle tr th {
	border-width : 0px  ;
	padding : 0px ;
	vertical-align : top ;
}





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


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

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

div.side_title , div.sidetitle {
	font-weight:bold;
	margin : 0px 2px 0px 2px ;
	padding:4px 7px 3px 7px;
	border-width : 3px 3px 1px 3px  ;
}



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

div.side_title_strong {
	font-size : 90% ;
	font-weight:bold;
	margin : 0px 2px 0px 2px ;
	padding:5px 7px 4px 7px;
	border-width : 3px 3px 1px 3px  ;
}



div.side_contents_strong {
	font-weight:normal;
	line-height:120%;
	margin : 0px 2px 10px 2px ;
	padding:10px 7px 10px 7px;
	text-align:left;
	border-width : 0px 3px 3px 3px  ;
}



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

div.side_link{
	text-align:left;
	border-style : solid ;
	border-width : 1px ;
	margin : 1px 2px 1px 2px ;
}

div.side_link a{
	display : block ;
	padding : 6px 6px 6px 20px ;
}


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

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

div.link_2{
	text-align:left;
	border-width : 1px  ;
	border-style : solid ;
	background-color : RGB(0,0,0) ;
	margin : 0px 2px 0px 2px ;
}

div.side_link_2{
	text-align:left;
	border-style :dashed ;
	border-width : 0px 0px 1px 0px ;
	margin : 0px 0px 0px 0px ;
	font-size : 100% ;
}

div.side_link_2 a{
	text-align:left;
	display : block ;
	padding : 5px 6px 4px 24px ;
	text-decoration : none ;
}


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



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

div.side_link_3{
	text-align:left;
	border-style : solid ;
	font-size : 130% ;
        text-align:center;
        
}

div.side_link_3 a{
	display : block ;
	padding : 6px 6px 6px 20px ;
}


div.side_link_3 a:hover{
	text-align:left;
	text-decoration : underline ;
}

/* [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 ;
}

/*--------2段組スタイル----------*/

div.nidan_hidari{
	width : 46% ;  
	float : left ;
	clear : both ;
}

div.nidan_migi_sen{
	width : 46% ;
	padding-left : 2% ; 
	float : left;
}


div.nidan_hidari_sen{
	width : 46% ;  
	float : left ;
	clear : both ;
}

div.nidan_migi_sen{
	width : 44% ;
	padding-left : 2% ; 
	border-left : 1px dashed silver ; 
	margin-left : 2% ;
	float : left;
}


