@charset "utf-8";
/* CSS Document */

/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */


body {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	background: #F9929F url(http://m-living.com/b-img/bg.jpg) repeat-x fixed left top;
	color: #666;
	}
	
img{
	border: none;
}

a:link,a:visited { 
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

table{
}

p{
/*letter-spacing: 1px;*/
line-height: 18px;
}



/* ++++++ ブログの横幅設定 ++++++ */

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 804px;
	}


/* ++++++ ３段組の横幅設定 ++++++ */

	/* ブログの横幅設定 */
	#three #container {
		width: 804px;
		}

	/* 左サイドバーの横幅 */
	#three #left	{
		width: 180px;
		}

	/* 中央コンテンツ部分の横幅 */
	#three #center	{
		width: 444px;
		}

	/* 右サイドバーの横幅 */
	#three #right	{
		width: 180px;
		}




/* ++++++ その他設定 ++++++ */

#container {
background: #fff;
}

#left {
float: left;
}

#center {
float: left;
text-align: center;
}

#right {
float: right;
}

#footer{
clear: both;
width: 776px;
margin-top: 18px;
}




/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */


#main	{
	background: #fff;
	}




/* ++++++ 段の間隔 ++++++ */

/* 左サイドバーの左右の余白 */
#left div {
margin-left: 14px;
margin-right: 0px;
}

/* コンテンツ部分の左右の余白 */
.content div{
margin-left: 0px;
margin-right: 0px;
}

/* 右サイドバーの左右の余白 */
#right div	{
margin-left: 5px;
margin-right: 0px;
}

#left div div, .content div div, #right div div {
margin-left: 0;
margin-right: 0;
}



/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */

/* ++++++ ヘッダー部分のデザイン ++++++ */

/* ヘッダーバナー */
#banner	{
width:776px;
height: 60px;
background: url(http://m-living.com/b-img/imgHeader.jpg) no-repeat center top;
margin: 0 0 14px 14px;
}

#banner h1	{
font-size: 1.5em;
margin-bottom: 0;
}

#banner h1 a{
text-decoration: none;
color: #3366aa;
}

#banner h2	{
font-size: 0.75em;
margin-top: 3px;
}

#banner a { 
color: #fff; 
text-decoration: none; 
}

#banner a:hover {
color: #fff;
 text-decoration: underline;
}

.banner-inner{
padding: 11px 0 0 18px;
}


/* ++++++ レフトバー部分のデザイン ++++++ */

/* カレンダー */
#calendar table{
width: 160px;
font-size: 12px;
text-align: center;
}

#calendar td{
padding: 0px;
}

#calendar a{
text-decoration: none;
color: red;
}

#calendar caption	{
padding-top: 5px;
background-color: #FFFFFF;
}

/* メニュー */

#menu{
text-align: left;
margin-bottom: 10px;
}

#menu ul{
margin-left: 10px;
list-style-image: url(http://m-living.com/b-img/imgPinkBall.gif);
padding: 2px 0;
}

#menu li{
margin-left: 12px;
list-style-image: url(http://m-living.com/b-img/imgPinkBall.gif);
padding: 2px 0;
}

/* HOMES */

#homes{
width: 160px;
height: auto;
margin-bottom: 15px;
background-color: #ECECEC;
}

#homes a{
color: #C7606D;
}

.homes-in{
background-color: #ECECEC;
padding: 10px 0px 15px 0px;
}

.homes-content{
margin-top: 5px;
padding: 7px 6px;
line-height: 18px;
}

.homes-link{
text-align: right;
padding-right: 6px;
}

/* 美菜食彩ナビ */

#navi{
width: 160px;
height: auto;
margin: 10px 0;
}

#navi a{
color: #C7606D;
}

.navi-in{
padding: 10px 0px 10px 0px;
text-align:center;
}

.navi-content{
margin-top: 5px;
padding: 7px 6px;
line-height: 18px;
text-align:left;
}

.navi-link{
text-align: right;
padding-right: 6px;
}


/* ++++++ ライトバー部分のデザイン ++++++ */

/* 検索 */

#search{
	text-align: left;
	margin: 15px 0px 0px 0px;
}

/*#search p{
margin: 0px;
padding: 0px;
} */

#search input { 
	font-size: 10px; 
}

#search .search {
	width: 155px; 
}

#search .button {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0px;
}


/* サイトマップ */

#sitemap{
text-align: left;
margin: 0 0 10px 0;
padding: 0px;
}

#sitemap ul{
margin-left: 10px;
list-style:none;
padding: 2px 0;
}

#sitemap li{
margin-left: 12px;
list-style:none;
padding: 2px 0;
}

/* 天気予報、クイックアンケート */

#right-module{
width: 160px;
height: auto;
margin-bottom: 15px;
background-color: #ECECEC;
}

#right-module a{
}

.right-module-in{
background-color: #ECECEC;
padding: 5px 0px 10px 0px;
text-align:center;
}

/* サイトマップ */

#sitemap{
text-align: left;
margin-bottom: 10px;
padding: 0px;
}

#sitemapul{
list-style: none;
margin: 0px;
padding: 2px 0;
}

#sitemap li{
list-style: none;
margin: 0px;
padding: 2px 0;
}



/* ++++++ レフト・ライト共通モジュール ++++++ */

/* イベント*/

#module-event{
width: 160px;
height: auto;
margin-bottom: 15px;
padding: 15px 0px;
background-color: #ECECEC;
text-align: center;
}

.module-event-in{
}


/* キャンペーン、バナー */

#module-banner{
width: 160px;
height: auto;
margin-bottom: 15px;
padding: 15px 0px;
background-color: #ffffff;
text-align: center;
}

#module-banner p{
margin: 2px 0 3px 0;
padding: 0px;
}

.module-banner-in{
}

/* 井戸端会議 */

#module-list{
width: 160px;
height: auto;
margin-bottom: 15px;
background-color: #ECECEC;
}

#module-list a{
color: #C7606D;
}

.module-list-in{
background-color: #ECECEC;
padding: 5px 5px 8px 5px;
}

.module-list-in ul{
margin: 0 0 0 5px;
padding-left: 0px;
list-style-type: none;

}

.module-list-in li{
margin-left: 2px;
padding-left: 0px;
list-style-type: none;
padding: 0;
}

/* ++++++ センター部分のデザイン ++++++ */



/* インクルード部分 */

#include{
clear: both;
width: 436px;
height: auto;
margin: 10px 0 10px 4px
}

/* サイトマップ */

#map{
text-align: left;

}

#map h3{
margin: 0 4px 20px 4px;
padding: 3px 0 2px 5px;
font-size: 16px;
background: #F9929F;
color: #fff;
}

#map ul{
margin-left: 30px;
}

/* エントリー＆カテゴリー */

#entry{
text-align: left;
margin-top: 5px;
padding: 0px 10px;
}

#entry h3{
margin: 0px 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#entry h4{
margin: 0 0 5px 0;
padding: 2px 0 2px 0px;
font-size: 14px;
}

#entry a{
color: #8393CA;
}

#entry p{
padding-top: 10px;
}

#entry ul{
margin-bottom: 20px;
}

/* 今週の一面部分 */

#issue-header{
both: clear;
width: 436px;
height: 24px;
margin-top: 0px;
padding: 0px;
background: url(http://m-living.com/b-img/imgThisWeekIssue.gif) left top no-repeat;
}

.issue-header-title{
width: 410px;
text-align: left;
padding: 4px 0 0 26px;
color: #fff;
font-weight: bold;
}

#issue{
width: auto;
height: auto;
padding: 5px;
text-align: left;
}

#issue h2{
color: #4DB670;
border-bottom: 1px dashed #4DB670;
/*margin-right: 65px;*/
}

#issue p{
font-size: 14px;
}

#issue img{
border: 1px solid #999999;
padding: 4px;
}

#issue a{
color: #8393CA;
}

#issue-bn{
text-align: left;
padding: 0px 10px;
}

#issue-bn h4{
font-size: 14px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#issue-bn ul{
font-size: 14px;
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

#issue-bn li{
list-style: none;
margin-left: 0px;
padding-left: 5px;
padding-bottom: 3px;
}

#issue-bn a{
color: #8393CA;
}

.issue-bn-title{
text-align: left;
padding: 6px 0 0 26px;
color: #fff;
font-weight: bold;
}

/* トピックス部分 */

#topics-header{
width: 436px;
height: 24px;
margin-top: 10px;
background: url(http://m-living.com/b-img/imgTopics.gif) no-repeat;
}

#topics{
background: url(http://m-living.com/b-img/topics-bg.jpg) repeat-y;
width: 423px;
height: auto;
padding: 10px 5px 10px 10px;
text-align: left;
}

#topics p{
margin-top: 2px;
padding: 0px;
}

#topics a{
color: #8393CA;
}

#topics-in{
background: url(http://m-living.com/b-img/topics-bg.jpg) repeat-y;
/*background: #fff;
border: 1px solid #F47584;*/
width: 420px;
height: auto;
padding: 10px 5px 10px 8px;
text-align: left;
}

#topics-in p{
margin-top: 2px;
padding: 0px;
}

#topics-in a{
color: #8393CA;
}

.topics-box{
float: left;
margin: 0px 10px 0 10px;
padding: 5px;
}

.topics-img-box{
float: left;
width: 45px;
height: 45px;
padding: 5px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #F2F2E5;
}

.topics-text-box{
float: left;
width: 135px;
height: 50px;
margin-right: 5px;
padding: 5px 5px 0 0;
line-height: 14px;
overflow: hidden;
text-align: left;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #F2F2E5;
}

#t-entry{
text-align: left;
margin-top: 5px;
padding: 0px 10px;
}

#t-entry strong{
color: #448CCB;
}


#t-entry h3{
margin: 0 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#t-entry h4{
margin: 0 0 5px 0;
padding: 2px 0 2px 0px;
font-size: 14px;
}

#t-entry a{
color: #F5989D;
}

#t-entry img{
float: left;
margin-right: 10px
}

/*#t-entry p{
padding-top: 10px;
}*/

#e-entry{
text-align: left;
margin-top: 20px;
padding: 0px 10px;
}

#e-entry h3{
margin: 0 0 5px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#e-entry h4{
margin: 0 0 5px 0;
padding: 2px 0 2px 0px;
font-size: 14px;
}

#e-entry a{
color: #F5989D;
}

/* 特集 */

#special-header{
width: 436px;
height: 24px;
margin-top: 10px;
background: url(http://m-living.com/b-img/imgSpecial.gif) no-repeat;
}

#special{
background: url(http://m-living.com/b-img/special-bg.jpg) repeat-y;
width: 416px;
height: auto;
padding: 10px;
text-align: left;
}

#special p{
margin: 0px;
padding: 0px;
}

#special a{
color: #8393CA;
}

.special-box{
float: left;
width: 125px;
height: 130px;
text-align: center;
margin: 5px 10px 5px 10px;
padding: 5px;
border: 1px solid #fff;
background: #E5F2FF;
overflow: hidden;
}

/* エリアニュース */

#area-header{
width: 436px;
height: 24px;
margin-top: 10px;
background: url(http://m-living.com/b-img/imgArea.gif) no-repeat;
}

#area{
background-color: #ECECEC;
width: 416px;
height: auto;
padding: 5px 10px;
text-align: center;
}

.area{
text-align: left;
}

.area p{
margin:0px;
padding: 0px;
}

.area h3{
margin: 15px 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

.area h4{
margin: 5px 0 5px 0;
padding: 2px 0 2px 5px;
border-bottom: 2px #F9929F dotted;
font-size: 14px;
}

.area p{
padding-top: 10px;
}

.area ul{
text-align: left;
font-size: 14px;
margin-left: 20px;
margin-bottom: 20px;
padding: 2px 0;
}

.area li{
font-size: 14px;
margin-left: 12px;
padding: 2px 0;
}

.area-bi-header{
width: 436px;
height: 24px;
margin-top: 10px;
margin-bottom: 10px;
background: url(http://m-living.com/b-img/imgNakaBarBi.gif) no-repeat;
}

.area-header-title{
width: 410px;
text-align: left;
padding: 5px 0 0 26px;
color: #fff;
font-weight: bold;
}

.area-bi a{
color: #FC96A7;
}

.area-bi img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
}

/*.area-bi p{
float: left;
margin: 0px;
padding: 0px;
}*/

.area-bi a:visited{
color: #FC96A7;
}

.area-shoku-header{
width: 436px;
height: 24px;
margin: 10px 0;
background: url(http://m-living.com/b-img/imgNakaBarShoku.gif) no-repeat;
}

.area-shoku img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}

.area-shoku a{
color:#FF8A00;
}

.area-shoku a:visited{
color:#FF8A00;
}

.area-yu-header{
width: 436px;
height: 24px;
margin: 10px 0;
background: url(http://m-living.com/b-img/imgNakaBarYu.gif) no-repeat;
}

.area-yu img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}

.area-yu a{
color: #754C24;
}

.area-yu a:visited{
color: #754C24;
}


.area-shu-header{
width: 436px;
height: 24px;
margin: 10px 0;
background: url(http://m-living.com/b-img/imgNakaBarShu.gif) no-repeat;
}

.area-shu img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}

.area-shu a{
color: #00AEEF;
}

.area-shu a:visited{
color: #00AEEF;
}

.area-i-header{
width: 436px;
height: 24px;
margin: 10px 0;
background: url(http://m-living.com/b-img/imgNakaBarI.gif) no-repeat;
}

.area-i a{
color: #605CA8;
}

.area-i img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}

.area-i a:visited{
color: #605CA8;
}

.area-bo-header{
width: 436px;
height: 24px;
margin: 10px 0;
background: url(http://m-living.com/b-img/imgNakaBarBo.gif) no-repeat;
}

.area-bo img{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}

.area-bo a{
color: #00A651;
}

.area-bo a:visited{
color: #00A651;
}

/* バナースペース */

#living-banner{
clear: both;
width: auto;
text-align: center;
margin: 15px 0px;
padding-left: 0 0 0 3px;
}

.living-banner-box{
float: left;
width: 136px;
height: 70px;
text-align: center;
margin: 0px;
padding: 2px 6px 3px 6px;
overflow: visible;
}

.living-banner-box p{
margin: 0px;
padding: 0px;
}

/* カレンダー中身 */

#cal{
text-align: left;
margin-top: 5px;
padding: 0px 10px;
}

#cal h3{
margin: 0 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#cal p{
}

#cal ul{
font-size: 14px;
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

#cal li{
list-style: none;
margin-left: 0px;
padding-left: 5px;
}

#cal a{
color: #F47585;
}

/* コラム中身 */

#colum-bn{
text-align: left;
margin-top: 5px;
padding: 0px 10px;
}

#colum-bn h3{
margin: 0 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#colum-bn h4{
margin: 30px 0 10px 0;
padding: 2px 0 2px 5px;
border-bottom: 2px #F9929F dotted;
font-size: 14px;
}

#colum-bn p{
padding-top: 10px;
}

#colum-bn ul{
font-size: 12px;
}

#colum-bn li{
margin-left: 0px;
padding-left: 5px;
padding-bottom: 3px;
}

#colum-bn a{
color: #8393CA;
}

/* 井戸端会議中身 */

#idobata-bn{
text-align: left;
margin: 5px 10px 5px 0;
padding: 0px 10px 20px 10px;
}

#idobata-bn h3{
margin: 0px 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

#idobata-bn h4{
margin: 5px 0 5px 0;
padding: 2px 0 2px 5px;
border-bottom: 2px #F9929F dotted;
font-size: 14px;
}

#idobata-bn a{
}

#idobata-bn p{
padding-top: 10px;
}

#idobata-bn ul{
font-size: 12px;
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

#idobata-bn li{
list-style: none;
margin-left: 0px;
padding-left: 5px;
}

#idobata-bn a{
color: #8393CA;
}

.idobata-com{
text-align: left;
margin-top: 10px;
padding: 0px 10px;
}

.idobata-com h3{
margin: 0 0 10px 0;
padding: 2px 0 2px 5px;
border-left: 10px #F9929F solid;
border-bottom: 1px #F9929F solid;
font-size: 16px;
}

.idobata-com h4{
width: 96%;
margin: 5px 0 5px 0;
padding: 2px 0 2px 5px;
border-bottom: 2px #F9929F dotted;
font-size: 14px;
}

.idobata-com a{
}

.idobata-com p{
padding-top: 10px;
}

.comment-header{
font-size: bold;
}

.m{
text-align: center;
}


/* ++++++ フッター部分のデザイン ++++++ */

#footer{
width: 776px;
background: url(dotLine.gif) no-repeat left top;
margin-top: 18px;
}

#footer-inner{
padding-bottom: 16px;
}

#footer-inner p{
padding-top: 11px;
font: 10px Verdana, osaka, Arial, sans-serif;
text-align: center;
}

#copyright{
width: 804px;
text-align: right;
margin-right: auto;
margin-left: auto;
font: 10px Verdana, Arial, sans-serif;
color: #FFFFFF;
height: 20px;
}


/* ++++++ その他 ++++++ */


/* Movable Type情報 */
#powered	{
font-family: Verdana, Arial, sans-serif;
font-size: 0.75em;
color: #666666;
margin-top: 50px;
}

/* コピーライト情報 */
#copyright{
width: 804px;
text-align: right;
margin-right: auto;
margin-left: auto;
font: 10px Verdana, Arial, sans-serif;
color: #FFFFFF;
height: 20px;
}
