/* Common 1
------------------------------------------------------- */

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,section,summary{
	display:block;
}

@font-face { 
	font-family: uzura;
	src: url(/fonts/uzura.eot);
	src: local('‚¤‚¸‚çƒtƒHƒ“ƒg'), url(/fonts/uzura.woff) format('woff'), url(/fonts/uzura.ttf) format('truetype');
}

body {
	background:#4169e1; /* royalblue */
	font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', serif;
	color:#FFFACD; /* lemonchiffon */
	margin:20px auto;
	text-align:center;
	line-height:1.3em;
}

/* for smart phone
------------------------------------------------------- */
@media only screen and (max-width: 670px) {

	body {				width: 98%; }
	nav {				width: 88%; }
	section {			width: 88%; }
	#recent{			width: 81%; }
	table#rssreader {	width: 98%; }
	td#rssdatetime {	width: 40%; }
	td#rsstitle {		width: 65%; }
	nav#menu{			display: none; }
	nav#fixed{			display: block; }
}

/* PC
------------------------------------------------------- */
@media only screen and (min-width: 671px) {

	body {				width: 960px; }
	nav {				width: 200px; }
	section {			width: 656px; }
	#recent{			width: 500px; }
	table#rssreader {	width: 500px; }
	td#rssdatetime {	width: 180px; }
	td#rsstitle {		width: 320px; }
	nav#menu{			display: block; }
	nav#fixed{			display: none; }
}

/* Common 2
------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:"Hiragino Kaku Gothic Pro", Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	font-weight:lighter;
}
a:link, a:visited {
	color:#00ffff; /* cyan */
	text-decoration:none;
}
a:hover {
	color:#ff1493; /* deeppink */
	text-shadow: 0px 0px 4px #ff1493; /* deeppink */
}
header h1 a:link, header h1 a:visited, header h1 a:hover {
	color:#ffffff; /* white */
}
header, nav, section, footer {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	border: solid 1px #fffacd; /* lemonchiffon */
	background-color: #191970; /* midnightblue */
	margin:5px;
	padding: 0 20px 10px 20px;
	font-size: 12pt;
	color:#fffacd; /* lemonchiffon */
	text-align: left;
}
header {
	text-align:center;
	padding:10px;
	padding-bottom:20px;
	background-image: -moz-linear-gradient(top, #888, #333);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #888), color-stop(1.0, #333));
	background-color: #444444;
	border:none;
	color:#fff;
	text-shadow: 0px 0px 16px #008b8b; /* darkcyan */
}
header h1, header h2, header h3, header h4, header h5, header h6, header li, header p {
	font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', serif;
}
header h1 {
	font-size:24px;
	text-transform:none;
	letter-spacing:0em;
}
header h2 {
	margin:-10px 0px 20px;
	font-size:16px;
}
header ul {
	padding:0px;
	list-style-type:none;
	display:inline;
}
header li {
	margin:0px 10px;
	padding:0px;
	list-style-type:none;
	display:inline;
}
nav {
	float: right;
}
nav h1 {
	font-size:14px;
}
article h1 {
	font-size:14px;
}
nav ul {
	list-style-type:none;
}
nav li {
	list-style-type:none;
	font-size: 12px;
	margin-left: -30px;
	margin-right: -10px;
	padding-left: 0px;
	padding-right: 0px;
	text-indent: 8px;
	border-bottom: solid 1px #1e90ff; /* dodgerblue */
}
section {
	float:right;
	text-align:left;
	margin-bottom:10px;
}
section h1, nav h1 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#444;
	color:#fff;
	padding:10px;
	margin:10px -10px;
	text-shadow:1px 1px 5px #000;
}
section ul {
	padding:0px;
	list-style:none;
	border-top:1px solid #e7e2d7;
	margin:14px 0px;
}
section li {
	margin:0px;
	padding:0px;
	list-style:none;
}
section li a:link, section li a:visited {
	float:left;
	width:96%;
	padding:3px 1%;
	border-bottom:1px solid #e7e2d7;
}
section li a:hover {
	background:#f2f1ec;
}
section p {
	font-size:12px;
}
article {
	margin:0 0 30px 0;
}

footer {
	clear:both !important;
	padding:10px;
	background-color: #444;
	border:none;
	color:#FFFACD; /* lemonchiffon */
	font-size:11px;
	text-align:center;
	line-height:1.2em;
}
footer a {
	margin:0px 5px;
}

#recent{
	border:#cccccc solid 1px;
	height:150px;
	padding-left:10px;
	font-size: 11px;
	overflow:auto;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	scrollbar-face-color:#eae7ef;
	scrollbar-highlight-color: #eae7ef;
	scrollbar-shadow-color: #eae7ef;
	scrollbar-3dlight-color: #bdb1d6;
	scrollbar-arrow-color: #bdb1d6;
	scrollbar-track-color: #fdfdff;
	scrollbar-darkshadow-color: #bdb1d6;
}

table#rssreader {
	font-size: 11px;
}
table#rssreader th {
	border-top: solid 3px #1e90ff; /* dodgerblue */
	border-bottom: solid 1px #1e90ff; /* dodgerblue */
	border-left: solid 30px #1e90ff; /* dodgerblue */
	padding-left: 8px;
}
td#rssdatetime {
	border-right: solid 1px #fffacd; /* lemonchiffon */
	border-bottom: solid 1px #1e90ff; /* dodgerblue */
	text-align: center;
}
td#rsstitle {
	border-bottom: solid 1px #1e90ff; /* dodgerblue */
	padding-left: 8px;
}

.cute {
	font-family: uzura, Georgia, 'Hiragino Mincho Pro', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', serif;
	font-size: 14px;
}
.beauty {
	font-family: 'Noto Sans Japanese', Georgia, 'Hiragino Mincho Pro', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', serif;
	font-size: 12px;
}