/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
div.blog {
	margin:   0px  0px  0px  0px;
	padding: 20px 40px 20px 40px;
	width: 400px;
}


/* ブログメニュー */
div.blog-menu {
	margin:  20px 10px 20px 10px;
	padding:  0px  0px  0px  0px;
}

/* ブログメニュー */
p.blog-menu {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	font-size: 19px;
	line-height: 1.3em;
	text-align: right;
}

/* ブログ連動表示 */
div.blog-comment {
	margin:  10px  0px 30px  0px;
	padding:  0px  0px  0px  0px;
}




/* 新着情報 (本文・写真付き) */
dl.news {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	background-color: #f3f9ff;
	width: 400px;
	color: #444;
	font-size: 19px;
	line-height: 1.3em;
}



/* ***** １行目 ***** */

/* 年月日１行目 */
dt.news-top {
	margin:   0px  0px  0px  0px;
	padding: 10px 20px 10px  0px;
	width: 380px;
}

/* サムネイル写真１行目 */
dd.news-img-top {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 108px;
}

dd.news-img-top img {
	width:  100%;
	height: 100%;
}

/* タイトル１行目 */
dd.news-title-top {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  3px  0px;
	width: 400px;
}

/* 本文１行目(写真表示) */
dd.news-body-top {
	margin:   0px  0px  0px  0px;
	padding:  3px  0px 10px  0px;
	width: 400px;
}

dd.news-body-top img {
	width:  100%;
	height: 100%;
}

/* 本文１行目 nifty・アメブロ専用 */
dd.news-body-top p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 本文１行目(写真非表示) */
dd.news-body-top-nophoto {
	margin:   0px  0px  0px  0px;
	padding:  3px  0px 10px  0px;
	width: 400px;
}

/* 本文１行目 nifty・アメブロ専用 */
dd.news-body-top-nophoto p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

dd.news-body-top-nophoto img {
	display: none;
}



/* ***** ２行目 ***** */

/* 年月日２行目以降 */
dt.news {
	margin:   0px  0px  0px  0px;
	padding: 10px 20px  0px  0px;
	width: 380px;
	border-top: 1px dotted #999;
}

/* サムネイル写真２行目以降 */
dd.news-img {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 108px;
}

dd.news-img img {
	width:  100%;
	height: 100%;
}

/* タイトル２行目以降 */
dd.news-title {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  5px  0px;
	width: 400px;
}

/* 本文２行目以降(写真表示) */
dd.news-body {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px 10px  0px;
	width: 400px;
}

dd.news-body img {
	width:  100%;
	height: 100%;
}

/* 本文２行目以降 nifty・アメブロ専用 */
dd.news-body p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 要約または本文２行目以降(写真非表示) */
dd.news-body-nophoto {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px 10px  0px;
	width: 400px;
}

/* 本文２行目以降 nifty・アメブロ専用 */
dd.news-body-nophoto p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

dd.news-body-nophoto img {
	display: none;
}


/* 装飾禁止 */
dl.news a {
	text-decoration: none;
}

/* マウスが載ったときアンダーライン表示 */
dl.news a:hover {
	text-decoration: underline;
}
}






/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
div.blog {
	margin:  10px  0px 10px  0px;
	padding: 20px 20px 20px 20px;
	border: 2px solid #cadef7;
	border-radius: 8px;
	width: 916px;
	overflow: hidden;  /* float 解除 */
}


/* ブログメニュー */
div.blog-menu {
	margin:  20px 10px 20px 10px;
	padding:  0px  0px  0px  0px;
}

/* ブログメニュー */
p.blog-menu {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	font-size: 15px;
	line-height: 1.3em;
	text-align: right;
}

/* ブログ連動表示 */
div.blog-comment {
	margin:  10px 50px 30px 50px;
	padding:  0px  0px  0px  0px;
}




/* 新着情報 (本文・写真付き) */
dl.news {
	margin:  10px  10px 10px  10px;
	padding: 20px 137px 20px 137px;
	background-color: #f3f9ff;
	width: 622px;
	color: #333;
	font-size: 15px;
	line-height: 1.3em;
	overflow: hidden;  /* float 解除 */
}



/* ***** １行目 ***** */

/* 年月日１行目 */
dt.news-top {
	margin:   0px  0px  0px  0px;
	padding: 10px 20px  0px  0px;
	width: 120px;
	float: left;
}

/* サムネイル写真１行目 */
dd.news-img-top {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 108px;
	float: right;
}

dd.news-img-top img {
	width:  100%;
	height: 100%;
}



/* タイトル１行目 */
dd.news-title-top {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  3px  0px;
	width: 482px;
	float: right;
}

/* 本文１行目(写真表示) */
dd.news-body-top {
	margin:   0px  0px  0px   0px;
	padding:  3px  0px 10px 140px;
	width: 482px;
	float: left;
}

dd.news-body-top img {
	width:  100%;
	height: 100%;
}

/* 本文１行目 nifty・アメブロ専用 */
dd.news-body-top p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 要約または本文１行目(写真非表示) */
dd.news-body-top-nophoto {
	margin:   0px  0px  0px   0px;
	padding:  3px  0px 10px 140px;
	width: 482px;
	float: left;
}

/* 本文１行目 nifty・アメブロ専用 */
dd.news-body-top-nophoto p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

dd.news-body-top-nophoto img {
	display: none;
}



/* ***** ２行目 ***** */

/* 年月日２行目以降 */
dt.news {
	margin:   0px  0px  0px  0px;
	padding: 10px 20px  0px  0px;
	width: 120px;
	border-top: 1px dotted #ccc;
	float: left;
	clear: both;
}

/* サムネイル写真２行目以降 */
dd.news-img {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	border-top: 1px dotted #ccc;
	width: 108px;
	float: right;
}

dd.news-img img {
	width:  100%;
	height: 100%;
}

/* タイトル２行目以降 */
dd.news-title {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  5px  0px;
	border-top: 1px dotted #ccc;
	width: 482px;
	float: right;
}

/* 本文２行目以降(写真表示) */
dd.news-body {
	margin:   0px  0px  0px   0px;
	padding:  5px  0px 10px 140px;
	width: 482px;
	float: left;
}

dd.news-body img {
	width:  100%;
	height: 100%;
}

/* 本文２行目以降 nifty・アメブロ専用 */
dd.news-body p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 要約または本文２行目以降(写真非表示) */
dd.news-body-nophoto {
	margin:   0px  0px  0px   0px;
	padding:  5px  0px 10px 140px;
	width: 482px;
	float: left;
}

/* 本文２行目以降 nifty・アメブロ専用 */
dd.news-body-nophoto p {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

dd.news-body-nophoto img {
	display: none;
}


/* 装飾禁止 */
dl.news a {
	text-decoration: none;
}

/* マウスが載ったときアンダーライン表示 */
dl.news a:hover {
	text-decoration: underline;
}
}