@charset "utf-8";

/* ------------------------------------------
main-contents＞entry
--------------------------------------------- */


/* main/contens/content */
#content {

	width: 665px;
	height: auto;
	border-radius: 16px;		/* CSS3草案 */
	-webkit-border-radius: 16px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 16px;
	background: url(../img/bg-conbox.jpg);
	margin-bottom: 25px;
	margin-top:8px;
	padding:20px 0 20px 0;
}

#content .more_link {
	font-size:12px;
	text-align:right;
	margin-right:48px;
}
#content .more_link a {color:#666;}
#content .post {
	width:460px;
	margin:0 0 0 20px;
}
.entry {margin-bottom:35px;}
.entry h3 {
	font-size:15px;
	margin:0 0 6px 12px;
	padding:2px 0 2px 24px;
	background: url(../img/mark-subnavi.gif) left top no-repeat;
}
#main-entry .entry h3 {
	font-size:16px;
	background: url(../img/mark24px.gif) left top no-repeat;
	padding: 3px 0 3px 30px;
	color:olive;
	font-weight:bold;
	
}
.entry h3 a {
	color:olive;
	text-decoration:none;
	font-weight:bold;
}
.entry h3 a:hover {
	color:orange;
}
.entry .entry-con {
	width:100%;
	padding: 8px 8px 8px 8px;
	background-color: #fafaee;
	border:dotted 1px #ddd;
	border-radius: 12px;		/* CSS3草案 */
	-webkit-border-radius: 12px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 12px;

	-webkit-box-shadow:1px 6px 8px #ddd;
	-moz-box-shadow:1px 6px 8px #ddd;
	box-shadow:1px 6px 8px #ddd;
}
.entry .entry-con a {
	text-decoration:none;
	color:indianred;}
.entry .entry-con a:hover {text-decoration:underline;}
/*#main-entry .entry .entry-con h3, */
#main-entry .entry .entry-con h3,
.entry .entry-con h3 {
	background-image:none;
	padding-left:0;
	font-weight:bold;
	color:#555;
	font-size:16px;
	line-height:1.6;
}
.entry .entry-con h3 span {
	font-weight:normal;
	font-size:14px;
}
.entry h4 {
	color: darkblue;
	font-size:15px;
	line-height:1.6;
	margin: 0 0 10px 16px;
}
.entry h4 span {
	color:#555;
}
.entry p {
	width:100%;
	font-size:14px;
	margin-bottom:7px;
	line-height:1.6;
	text-align: justify;
	text-justify: inter-ideograph;
	color:#444;
}
.entry p img {
	display:inline;
	margin:5px;
}
.entry a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.entry ul {
	margin: 3px 0 1em 2em;
	list-style-type: none;
}
.entry ol {
	margin: 3px 0 1em 2.5em;
	list-style-type: decimal;
	list-style-position:outside;
}
.entry ul li,
.entry ol li {
	font-size:13px;
	line-height:1.5;
	margin-bottom:3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma,
	"HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", 
	"Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", sans-serif;	
}
.entry ul li,
.entry ol li {
	padding-left:12px;
}
.entry ul li {
	background: url(/houmon/images/whatsnew/li-mark8green.gif) left 4px no-repeat;
}
.entry ul li.no-mark,
.entry ul li.no-mark a,
.entry ul li ul li {background-image:none;
	}
.entry p.posted-date {
	font-size:10px;
	color:#666;
	text-align:right;
	margin-right:30px;
	margin-bottom:0;
}
.entry h5 {
	font-size:15px;
	color:#444;
	line-height:1.5;
	margin:10px 0 10px 0;
}
.entry dl {
	margin: 3px 0 1em 1.5em;
	font-size:13px;
	line-height:1.6;
}
.entry dl dt {
	width:7em;
	float:left;
	margin-bottom:5px;
}
.entry dl dd {
	width:340px;
	margin-left:7.5em;
	margin-bottom:5px;
}
 .entry blockquote {
	width:90%;
	margin:0 auto 16px auto;
	background-color:#eee;
	padding:6px 0;
	border:solid 1px;
}

/*----------------------------------------------
サイドナビ（カテゴリーリスト／月別アーカイブリスト）
--------------------------------------------------*/
#side-navi {
	width:140px;
	margin: 0 0 0 0;
	padding: 20px 0 0px 8px;
	height:100%;
	float:right;
	border-left: solid 1px #fff;

}
#side-navi ul {
	margin:0 0 10px 0px;
}
#side-navi ul li h2 {
	font-size:12px;
	color:olive;
	margin:10px 0 5px 6px;
}
#side-navi ul li p {
	margin:0 30px 10px 0;
	font-size:11px;
	color:#333;
	text-align:right;
}
#side-navi ul ul { margin:0 0 20px 0px;}
#side-navi li li {
	width:140px;
	line-height:1.4;
	margin-bottom:6px;
	font-size:11px;
}
#side-navi li li a {
	color:#555;
	padding-left:12px;
	text-decoration:none;
}
#side-navi li li a:hover {
	color:chocolate;
	text-decoration:none;
}

#side-navi li li.current a {
	background: url(../img/mark-li10.gif) left 0px no-repeat;
	text-decoration:underline;
}
#side-navi li li span {
	font-size:10px;
	color:#888;
}

/* ---------------------------------
.entry-con 内
------------------------------ */

/* ぱんくず */
/* パン屑 */
#contents .pankuzu {
	width:3230px;
	margin:3px 0 0 30px;
	font-size:12px;
/*	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, "ＭＳ Ｐゴシック", "Osaka", verdana, arial, san-serif; */
}
#contents .pankuzu dl {
}
#contents .pankuzu dl dt {
	width:auto;
	float:left;
}
#contents .pankuzu dl dd {
	width:auto;
	font-size:12px;
	color:#009999;
}
#contents .pankuzu dl dt span,
#contents .pankuzu dl dd span {
	color:yellowgreen;
}

#contents .pankuzu dl dt a,
#contents .pankuzu dl dd a { 
	font-deroration:underline;
	color:olive;
}
#contents .pankuzu dl dt a:hover,
#contents .pankuzu dl dd a:hover { color:orange;}


/*個別記事 ナビボタン */
.navi-button {
	clear: both;
	width:640px;
	margin:0 auto ;
padding-bottom:30px;
	font-size:12px;
}
.navi-button a {
	color:#888;
}
.navi-button a:hover { color:orange;}
.navi-button #prev { 
	width:260px;
	float: left;
	background: url(../images/whatsnew/navi-btn-left.png) left 0px no-repeat;
	padding:10px 0 40px 40px;
}	
.navi-button #next {
 	width:260px;
	float: right;
	background: url(../images/whatsnew/navi-btn-right.png) right 0px no-repeat;
	padding: 10px 40px 40px 0;
	text-align:right;
}



/* pager */
.pager {
	clear:both;
	width:auto;
	font-size:12px;
	padding:30px 0 0 0px;
	text-align:center;
}
.pager a {
	padding:1px;
	color:#099;

}
.pager span.pager_item a {
	font-size:13px;
	border:solid 1px #099;
	padding:2px;
	
}
.pager span.pager_item a.current_page_number {
	background-color:#099; color:#fff;
}
.pager span.pager_item a:hover { color:chocolate;}


/* -----------------------------
959px 以下 
------------------------------- */
@media screen and (max-width:959px) {


	#content {
		width:85%;
		margin: 0px auto 24px auto;
		padding: 12px 3% 12px 3%;
	}


	#content .more_link {

	}

	#content .post {
		width:72%;
	margin:0 0 0 18px;
}
.entry {margin-bottom:32px;}
.entry h3 {
	font-size:14px;

}
#main-entry .entry h3 {
	font-size:14px;
	background: url(../img/mark24px.gif) left 2px no-repeat;
	padding: 3px 0 3px 30px;
	color:olive;
	font-weight:bold;
	
}
.entry h3 a {

}
.entry h3 a:hover {

}
.entry .entry-con {
	width:100%;
	padding: 8px 8px 8px 8px;
	background-color: #fafaee;
	border:dotted 1px #ddd;
	border-radius: 12px;		/* CSS3草案 */
	-webkit-border-radius: 12px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 12px;

	-webkit-box-shadow:1px 6px 8px #ddd;
	-moz-box-shadow:1px 6px 8px #ddd;
	box-shadow:1px 6px 8px #ddd;
}
.entry .entry-con a {
	text-decoration:none;
	color:indianred;}
.entry .entry-con a:hover {text-decoration:underline;}
/*#main-entry .entry .entry-con h3, */
#main-entry .entry .entry-con h3,
.entry .entry-con h3 {
	background-image:none;
	padding-left:0;
	font-weight:bold;
	color:#555;
	font-size:16px;
	line-height:1.6;
}
.entry .entry-con h3 span {
	font-weight:normal;
	font-size:14px;
}
.entry h4 {
	color: darkblue;
	font-size:15px;
	line-height:1.6;
	margin: 0 0 10px 16px;
}
.entry h4 span {
	color:#555;
}
.entry p {
	width:100%;
	font-size:14px;
	margin-bottom:7px;
	line-height:1.6;
	text-align: justify;
	text-justify: inter-ideograph;
	color:#444;
}
.entry p img {
	display:inline;
	margin:5px;
}
.entry a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.entry ul {
	margin: 3px 0 1em 2em;
	list-style-type: none;
}
.entry ol {
	margin: 3px 0 1em 2.5em;
	list-style-type: decimal;
	list-style-position:outside;
}
.entry ul li,
.entry ol li {
	font-size:13px;
	line-height:1.5;
	margin-bottom:3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma,
	"HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", 
	"Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", sans-serif;	
}
.entry ul li,
.entry ol li {
	padding-left:12px;
}
.entry ul li {
	background: url(/houmon/images/whatsnew/li-mark8green.gif) left 4px no-repeat;
}
.entry ul li.no-mark,
.entry ul li.no-mark a,
.entry ul li ul li {background-image:none;
	}
.entry p.posted-date {
	font-size:10px;
	color:#666;
	text-align:right;
	margin-right:30px;
	margin-bottom:0;
}
.entry h5 {
	font-size:15px;
	color:#444;
	line-height:1.5;
	margin:10px 0 10px 0;
}
.entry dl {
	margin: 3px 0 1em 1.5em;
	font-size:13px;
	line-height:1.6;
}
.entry dl dt {
	width:7em;
	float:left;
	margin-bottom:5px;
}
.entry dl dd {
	width:340px;
	margin-left:7.5em;
	margin-bottom:5px;

}
/*----------------------------------------------
サイドナビ（カテゴリーリスト／月別アーカイブリスト）
--------------------------------------------------*/
#side-navi {
	width:18%;
	margin: 0 0 0 0;
	padding: 20px 0 0px 8px;
	height:100%;
	float:right;
	border-left: solid 1px #fff;

}
#side-navi ul {
	margin:0 0 10px 0px;
}
#side-navi ul li h2 {
	font-size:12px;
	color:olive;
	margin:10px 0 5px 6px;
}
#side-navi ul li p {
	margin:0 30px 10px 0;
	font-size:11px;
	color:#333;
	text-align:right;
}
#side-navi ul ul { margin:0 0 20px 0px;}
#side-navi li li {
	width:140px;
	line-height:1.4;
	margin-bottom:6px;
	font-size:11px;
}
#side-navi li li a {
	color:#555;
	padding-left:12px;
	text-decoration:none;
}
#side-navi li li a:hover {
	color:chocolate;
	text-decoration:none;
}

#side-navi li li.current a {
	background: url(../img/mark-li10.gif) left 0px no-repeat;
	text-decoration:underline;
}
#side-navi li li span {
	font-size:10px;
	color:#888;
}

/* ---------------------------------
.entry-con 内
------------------------------ */

/* ぱんくず */
/* パン屑 */
#contents .pankuzu {
	width:3230px;
	margin:3px 0 0 30px;
	font-size:12px;
/*	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, "ＭＳ Ｐゴシック", "Osaka", verdana, arial, san-serif; */
}
#contents .pankuzu dl {
}
#contents .pankuzu dl dt {
	width:auto;
	float:left;
}
#contents .pankuzu dl dd {
	width:auto;
	font-size:12px;
	color:#009999;
}
#contents .pankuzu dl dt span,
#contents .pankuzu dl dd span {
	color:yellowgreen;
}

#contents .pankuzu dl dt a,
#contents .pankuzu dl dd a { 
	font-deroration:underline;
	color:olive;
}
#contents .pankuzu dl dt a:hover,
#contents .pankuzu dl dd a:hover { color:orange;}


/*個別記事 ナビボタン */
.navi-button {
	clear: both;
	width:640px;
	margin:0 auto ;
padding-bottom:30px;
	font-size:12px;
}
.navi-button a {
	color:#888;
}
.navi-button a:hover { color:orange;}
.navi-button #prev { 
	width:260px;
	float: left;
	background: url(../images/whatsnew/navi-btn-left.png) left 0px no-repeat;
	padding:10px 0 40px 40px;
}	
.navi-button #next {
 	width:260px;
	float: right;
	background: url(../images/whatsnew/navi-btn-right.png) right 0px no-repeat;
	padding: 10px 40px 40px 0;
	text-align:right;
}



}

/* ------------------------------------------
スマフォ縦 〜599px-iPhone6c
------------------------------------------- */
@media screen and (max-width:599px) {
#content {

	width: 100%;
	height: auto;
	border-radius: none;	
	background-image: none;
	margin-bottom: 25px;
	margin-top:8px;
	padding:20px 0 20px 0;
}

#content .more_link {
	font-size:12px;
	text-align:right;
	margin-right:48px;
}
#content .more_link a {color:#666;}
#content .post {
	width:90%;
	margin:0 auto;
}
.entry {margin-bottom:35px;}
.entry h3 {
	font-size:15px;
	margin:0 0 6px 12px;
	padding:2px 0 2px 24px;
	background: url(../img/mark-subnavi.gif) left top no-repeat;
}
#main-entry .entry h3 {
	font-size:14px;
	background: url(../img/mark24px.gif) left top no-repeat;
	padding: 3px 0 3px 20px;
	color:olive;
	font-weight:bold;
	
}
.entry h3 a {
	color:olive;
	text-decoration:none;
	font-weight:bold;
}
.entry h3 a:hover {
	color:orange;
}
.entry .entry-con {
	width:92%;
	padding: 8px 4% 8px 4%;
	background-color: #fafaee;
	border:dotted 1px #ddd;
	border-radius: 12px;		/* CSS3草案 */
	-webkit-border-radius: 12px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 12px;

	-webkit-box-shadow:1px 6px 8px #ddd;
	-moz-box-shadow:1px 6px 8px #ddd;
	box-shadow:1px 6px 8px #ddd;
}
.entry .entry-con a {
	text-decoration:none;
	color:indianred;}
.entry .entry-con a:hover {text-decoration:underline;}
/*#main-entry .entry .entry-con h3, */
#main-entry .entry .entry-con h3,
.entry .entry-con h3 {
	background-image:none;
	padding-left:0;
	font-weight:bold;
	color:#555;
	font-size:16px;
	line-height:1.6;
}
.entry .entry-con h3 span {
	font-weight:normal;
	font-size:14px;
}
.entry h4 {
	color: darkblue;
	font-size:15px;
	line-height:1.6;
	margin: 0 0 10px 16px;
}
.entry h4 span {
	color:#555;
}
.entry p {
	width:100%;
	font-size:14px;
	margin-bottom:7px;
	line-height:1.6;
	text-align: justify;
	text-justify: inter-ideograph;
	color:#444;
}
.entry p img {
	display:inline;
	margin:5px;
}
.entry a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.entry ul {
	margin: 3px 0 1em 2em;
	list-style-type: none;
}
.entry ol {
	margin: 3px 0 1em 2.5em;
	list-style-type: decimal;
	list-style-position:outside;
}
.entry ul li,
.entry ol li {
	font-size:13px;
	line-height:1.5;
	margin-bottom:3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma,
	"HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", 
	"Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", sans-serif;	
}
.entry ul li,
.entry ol li {
	padding-left:12px;
}
.entry ul li {
	background: url(/houmon/images/whatsnew/li-mark8green.gif) left 4px no-repeat;
}
.entry ul li.no-mark,
.entry ul li.no-mark a,
.entry ul li ul li {background-image:none;
	}
.entry p.posted-date {
	font-size:10px;
	color:#666;
	text-align:right;
	margin-right:30px;
	margin-bottom:0;
}
.entry h5 {
	font-size:15px;
	color:#444;
	line-height:1.5;
	margin:10px 0 10px 0;
}
.entry dl {
	margin: 3px 0 1em 1.5em;
	font-size:13px;
	line-height:1.6;
}
.entry dl dt {
	width:7em;
	float:left;
	margin-bottom:5px;
}
.entry dl dd {
	width:340px;
	margin-left:7.5em;
	margin-bottom:5px;

}
/*----------------------------------------------
サイドナビ（カテゴリーリスト／月別アーカイブリスト）
--------------------------------------------------*/
#side-navi {
	display:none;
	float:rnone;
	border;none;

}
#side-navi ul {
	margin:0 0 10px 0px;
}
#side-navi ul li h2 {
	font-size:12px;
	color:olive;
	margin:10px 0 5px 6px;
}
#side-navi ul li p {
	margin:0 30px 10px 0;
	font-size:11px;
	color:#333;
	text-align:right;
}
#side-navi ul ul { margin:0 0 20px 0px;}
#side-navi li li {
	width:140px;
	line-height:1.4;
	margin-bottom:6px;
	font-size:11px;
}
#side-navi li li a {
	color:#555;
	padding-left:12px;
	text-decoration:none;
}
#side-navi li li a:hover {
	color:chocolate;
	text-decoration:none;
}

#side-navi li li.current a {
	background: url(../img/mark-li10.gif) left 0px no-repeat;
	text-decoration:underline;
}
#side-navi li li span {
	font-size:10px;
	color:#888;
}

/* ---------------------------------
.entry-con 内
------------------------------ */

/* ぱんくず */
/* パン屑 */
#contents .pankuzu {
	width:3230px;
	margin:3px 0 0 30px;
	font-size:12px;
/*	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, "ＭＳ Ｐゴシック", "Osaka", verdana, arial, san-serif; */
}
#contents .pankuzu dl {
}
#contents .pankuzu dl dt {
	width:auto;
	float:left;
}
#contents .pankuzu dl dd {
	width:auto;
	font-size:12px;
	color:#009999;
}
#contents .pankuzu dl dt span,
#contents .pankuzu dl dd span {
	color:yellowgreen;
}

#contents .pankuzu dl dt a,
#contents .pankuzu dl dd a { 
	font-deroration:underline;
	color:olive;
}
#contents .pankuzu dl dt a:hover,
#contents .pankuzu dl dd a:hover { color:orange;}


/*個別記事 ナビボタン */
.navi-button {
	clear: both;
	width:640px;
	margin:0 auto ;
padding-bottom:30px;
	font-size:12px;
}
.navi-button a {
	color:#888;
}
.navi-button a:hover { color:orange;}
.navi-button #prev { 
	width:260px;
	float: left;
	background: url(../images/whatsnew/navi-btn-left.png) left 0px no-repeat;
	padding:10px 0 40px 40px;
}	
.navi-button #next {
 	width:260px;
	float: right;
	background: url(../images/whatsnew/navi-btn-right.png) right 0px no-repeat;
	padding: 10px 40px 40px 0;
	text-align:right;
}

}