@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,object,embed {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,table,td,th,iframe {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

html { overflow-y:scroll; }

body, input, textarea, select, option, table {
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1;
}

body {
	background:url(../img/head.gif) 0 125px repeat-x;
}

a {
	color:#05d;
}
a:visited {
	color:#639;
}
a:hover {
	color:#d50;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#head {
	position:relative;
	margin:0 auto;
	width:1000px;
	background:url(../img/head.gif) 0 bottom repeat-x;
}
h1 {
	float:left;
	padding:5px 0;
	height:115px;
	font-size:12px;
}
#unavi {
	position:absolute;
	top:0;
	right:0;
	padding:5px 0;
	font-size:12px;
	text-align:right;
}
#unavi li {
	display:inline;
	margin:0 0 0 3px;
	padding:0 0 0 3px;
}
#logo a {
	position:absolute;
	top:27px;
	left:0;
	display:block;
	height:90px;
	width:269px;
}
#logo img {
	height:88px;
	width:267px;
	border:solid 1px #bbb;
}
#big-banner {
	position:absolute;
	top:27px;
	left:50%;
	margin-left:-228px;
	height:90px;
	width:728px;
}
#big-banner img {
	height:90px;
	width:728px;
}

#gnavi {
	clear:both;
	\zoom:1;
	background:url(../img/gnavi.gif) 0 0 no-repeat;
}
#gnavi:after {
	content:"";
	display:block;
	clear:both;
}
#gnavi li {
	display:block;
	float:left;
	padding:0 0px 0 0;
}
#gnavi li a {
	display:block;
	overflow:hidden;
	float:left;
	color:#fff;
	font-size:10px;
	text-indent:-999em;
}
#g1 a { height:25px;width:89px; }
#g2 a { height:25px;width:58px; }
#g3 a { height:25px;width:92px; }
#g4 a { height:25px;width:83px; }
#g5 a { height:25px;width:110px; }
#g6 a { height:25px;width:98px; }
#g7 a { height:25px;width:106px; }
#g8 a { height:25px;width:56px; }
#g9 a { height:25px;width:96px; }
/* #g10 a { height:25px;width:46px; } */
#g1 a:hover, #g1 a.current { background:url(../img/gnavi.gif) 0px -25px no-repeat; }
#g2 a:hover, #g2 a.current { background:url(../img/gnavi.gif) -89px -25px no-repeat; }
#g3 a:hover, #g3 a.current { background:url(../img/gnavi.gif) -147px -25px no-repeat; }
#g4 a:hover, #g4 a.current { background:url(../img/gnavi.gif) -239px -25px no-repeat; }
#g5 a:hover, #g5 a.current { background:url(../img/gnavi.gif) -322px -25px no-repeat; }
#g6 a:hover, #g6 a.current { background:url(../img/gnavi.gif) -432px -25px no-repeat; }
#g7 a:hover, #g7 a.current { background:url(../img/gnavi.gif) -530px -25px no-repeat; }
#g8 a:hover, #g8 a.current { background:url(../img/gnavi.gif) -636px -25px no-repeat; }
#g9 a:hover, #g9 a.current { background:url(../img/gnavi.gif) -692px -25px no-repeat; }
/* #g10 a:hover, #g10 a.current { background:url(../img/gnavi.gif) -881px -25px no-repeat; } */

#body {
	\zoom:1;
	margin:0 auto;
	padding:0 0 10px;
	border-top:solid 10px #fff;
	border-bottom:solid 1px #eee;
	width:1000px;
	background:url(../img/sidebar.gif) right top repeat-y;
}
#body:after {
	content:"";
	display:block;
	clear:both;
}

#content {
	float:left;
	width:845px;
}
#content h2 {
	clear:both;
	margin:18px 0;
	padding:2px 0 1px 7px;
	border-left:solid 9px #FFC20C;
	font-size:23px;
	font-weight:bold;
	line-height:1.2;
}

#newsticker h2 {
	display:none;
}
#newsticker ul {
	background:url(../img/news-title.png) no-repeat left center;
	border-bottom:1px dotted #BBBBBB;
	height:30px;
	position:relative;
}
#newsticker ul li {
	position:absolute;
	top:0;
	left:53px;
	display:none;
	width:792px;
	background:#fff;
	font-size:13px;
	height:30px;
	line-height:30px;
}
#setting {
	margin:18px 0 8px;
	padding:6px 8px;
	border:solid 1px #ddd;
	font-size:12px;
	line-height:2;
}
#setting a, #setting b {
	margin:0 3px;
	padding:0 2px;
}
#setting b {
	background:#F9FFD0;
}
#date-box {
	display:none;
	position:absolute;
	margin-left:430px;
	padding:8px 11px;
	border:solid 1px #ddd;
	background:#f5f5f5;
	line-height:1;
}
#date-box h3 {
	padding:0 0 5px;
	font-weight:bold;
}
#date-box form {
	padding:8px 20px;
	background:#fff;
	text-align:center;
}
#date-box li {
	margin:0 0 3px;
}
#date-box li input {
	margin:0 3px;
}
#date-box ul {
	margin:0 0 2px 0;
}
#date-box form p {
	padding:0;
	text-align:center;
}
#date-box p {
	padding:5px 0 0;
	text-align:right;
}

.attention {
	margin:0 0 8px;
}
.attention li {
	margin:0 0 1px;
	padding:7px 8px;
	background:#FFFEEB;
	border:solid 1px #EBEAD9;
	color:#000;
	font-size:12px;
}
.attention em {
	font-weight:bold;
}

#entryinfo {
	position:relative;
	border:1px solid #DDDDDD;
	margin:18px 0 8px;
	padding:12px 12px 12px 194px;
	min-height:110px;
	height:auto !important;
	height:110px;
}
#entryinfo h3 {
	margin:0 0 3px;
	padding:2px 0 2px 7px;
	border-left:solid 7px #DFDFDF;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
}
#entryinfo p {
	margin:10px 0;
	font-size:14px;
	line-height:1.4;
}
#entryinfo p a {
	border-bottom:dotted 1px #ccc;
	color:#333;
	text-decoration:none;
}
#entryinfo strong a {
	border-bottom:0;
	color:#05D;
	font-weight:bold;
	text-decoration:underline;
}
#entryinfo strong a:hover {
	color:#D50;
}
#entryinfo ul {
	border-top:dashed 1px #bbb;
	padding:8px 0 0;
}
#entryinfo li {
	display:inline;
	margin:0 3px 0 0;
	font-size:13px;
}
#entryinfo .thumbnail {
	position:absolute;
	top:12px;
	left:12px;
	margin:0;
}
#entryinfo .thumbnail img {
	border:solid 5px #E5DAB9;
	vertical-align:bottom;
}

#pager-head {
	float:left;
	height:18px;
	color:#666;
	font-size:13px;
	line-height:18px;
}
#style {
	float:right;
	margin:0 0 5px;
	font-size:12px;
	text-align:right;
}

#error {
	padding:5px 0 0;
	font-size:14px;
}

#content table {
	clear:both;
	width:100%;
	font-size:13px;
	table-layout:fixed;
}
#content th {
	padding:5px 0;
	background:#eee;
	border-top:dotted 1px #c8c8c8;
	border-bottom:dotted 1px #c0c0c0;
	text-align:center !important;
}
#content td {
	padding:5px 3px 5px 0;
	border-top:dotted 1px #c8c8c8;
	border-bottom:dotted 1px #c0c0c0;
	vertical-align:top;
	line-height:1.4;
}
#content .date-column {
	width:80px;	
	white-space:nowrap;
}
#content .hatena-column {
	width:60px;	
	white-space:nowrap;
}
#content .twitter-column {
	width:71px;
	white-space:nowrap;
}
#content .site-column {
	width:130px;
	white-space:nowrap;
}
#content td.date-column {
	padding-left:3px;
}
#content td.hatena-column {
	padding-top:8px;
	text-align:right;
}
#content td.twitter-column {
	padding-top:8px;
	text-align:right;
}
#content table h3 {
	border:0;
	font-weight:normal;
	overflow-x:hidden;
	margin:0;
	padding:0;
	height:auto;
	width:506px;
	background:transparent;
	line-height:inherit;
}
#content table .recommended h3 {
	font-weight:bold;
}
#content td p {
	padding:3px 0 0;
	text-align:right;
}
#content td p.description {
	display:none;
	overflow-x:hidden;
	margin:0;
	padding:0 0 3px;
	width:506px;
	font-size:12px;
	text-align:left;
}
#content td.hatena-column a {
	margin:0 5px 0 0;
	background:#FFF0F0;
	color:#FF6666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}
#content td.twitter-column a {
	margin:0 5px 0 0;
	background:#F0FFF0;
	color:#009C9C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}
#pager-foot {
	\zoom:1;
	padding:15px 0 0;
}
#pager-foot:after {
	content:"";
	display:block;
	clear:both;
}
#pager-foot dt, #pager-foot dd {
	float:left;
}
#pager-foot dt {
	padding:0 6px;
	border:solid 1px #ccc;
	height:25px;
	font-size:13px;
	line-height:25px;
}
#pager-foot a, #pager-foot span {
	display:inline-block;
	margin:0 0 0 5px;
	padding:0 6px;
	border:solid 1px #ccc;
	height:25px;
	font-size:13px;
	line-height:25px;
}
#pager-foot a:hover {
	background:#eee;
}

#about .content-section {
	padding:0 0 10px;
}
.content-section h3 {
	margin:0 0 10px;
	padding:0 0 0 5px;
	height:30px;
	line-height:30px;
	border-left:solid 8px #c0e0e0;
	font-weight:bold;
}
#about .content-section h3 {
	background:#f5f5f5;
}
#about .content-section table {
	table-layout:auto;
}
.content-section p {
	margin:10px 0;
	font-size:14px;
	line-height:1.5;
}
.content-section ul {
	font-size:14px;
	line-height:1.6;
	list-style:inside circle;
}
#about .content-section ul {
	margin:0 0 8px;
}
.content-section ul ul {
	margin-left:2em;
	list-style:disc inside;
}
.content-section ul.kome {
	list-style:none;
	font-size:13px;
}
#content .about-table th, #content .about-table td {
	padding:10px;
	border:solid 1px #ccc;
}
#content .about-table form th, #content .about-table form td {
	padding:5px;
}
#content .content-section form p {
	margin:10px 0;
	padding:5px;
	border:solid 1px #FFD760;
	background:#FFF7E0;
	font-size:13px;
}
#content .content-section form p input {
	margin-right:10px;
	padding:5px;
}
#content ul.readmore {
	padding:6px 0 0;
	font-size:13px;
	text-align:right;
}
#content ul.readmore li {
	display:inline;
	margin:0 0 0 6px;
	padding:0 0 0 6px;
	border-left:solid 1px #999;
}
#content ul.readmore li:first-child {
	padding:0 0 0 63px;
	border:0;
	background:url(../img/readmore.gif) left center no-repeat;
}
.content-bigbanner {
	margin:20px auto 10px;
	border:solid 5px #eee;
	width:728px;
	text-align:center;
}

#sidebar {
	float:right;
	padding:10px;
	width:125px;
	background:#eee;
}
.sidebar-section {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:solid 1px #c0c0c0;
}
#sidebar h2 {
	padding:0 0 3px 0;
	color:#006b9c;
	font-size:13px;
	font-weight:bold;
}
#sidebar form p {
	border:solid 1px #c0c0c0;
	background:#fff;
	font-size:12px;
}
#sidebar input {
	outline:0;
	border:0;
	vertical-align:middle;
}
#search-text {
	width:101px;
}
.sidebar-section li {
	font-size:12px;
	line-height:1.7;
}
#foot {
	margin:0 auto;
	width:1000px;
	font-size:12px;
}
#foot a:link {
	/*	color:#6e6e6e;	*/
}
#foot h2 {
	padding:0 0 8px;
	color:#006B9C;
	font-weight:bold;
}
#calendar, #archive, #copyright {
	overflow:hidden;
	float:left;
	padding:15px 0 10px 15px;
}
#calendar {
	padding-left:0;
	width:280px;
}
#calendar caption, #calendar th, #calendar td {
	border:solid 1px #ddd;
}
#calendar caption {
	border-bottom:0;
	height:25px;
	width:252px;
	background:#fff;
	font-weight:bold;
	text-align:center;
	line-height:25px;
}
#calendar th {
	height:25px;
	width:33px;
	background:#eee;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}
#calendar td {
	color:#666;
	font-weight:bold;
	font-size:13px;
}
#calendar td a, #calendar td span {
	display:block;
	height:28px;
	width:35px;
	line-height:28px;
	text-align:center;
}
#calendar td.last-month, #calendar td.next-month {
	font-weight:normal;
	color:#999;
}

#archive {
	border:solid 1px #eee;
	border-width:0 1px;
	width:465px;
}
#archive ul:after {
	content:"";
	display:block;
	clear:both;
}
#archive li {
	float:left;
	display:block;
	margin:0 0 5px 0;
	width:73px;
	line-height:1;
	white-space:nowrap;
}
#archive li a {
	margin:0 6px 0 0;
	padding:0 6px 0 0;
	border-right:solid 1px #ddd;
}
#copyright {
	width:223px;
}
#copyright h2 {
	padding:0 0 4px;
}
#copyright p {
	padding:0 0 10px;
	line-height:1.5;
}
#riceballman a {
	display:block;
	padding:8px 8px 4px;
	border:solid 2px #9495FF;
	color:#333;
	text-align:center;
	text-decoration:none;
}
#riceballman a:hover {
	border-color:#f00;
}
#riceballman img {
	padding:0 0 4px;
}
#fnavi {
	clear:both;
	border-top:solid 1px #eee;
	padding:15px 0 0;
}
#fnavi p {
	float:right;
}
#fnavi ul {
	padding:0 0 25px;
}
#fnavi li {
	display:inline;
	padding:0 5px 0 0;
	list-style:none;
}

#socialbox {
	list-style:none;
	margin-left:-95px;
	width:70px;
	padding:1px 5px;
	border:solid 1px #ddd;
	background:#fff;
	text-align:center;
}
#socialbox li {
	margin:7px 0;
}
.socialbox {
	position:absolute;
	top:209px;
}
.socialbox-fixed {
	position:fixed;
	top:200px;
}
#socialbox .twitter-share-button {
	width:70px !important;
}

#for-smartphone {
	margin:0 0 5px;
	padding:10px 0 9px;
	border-bottom:solid 1px #ddd;
	background:#eee;
	text-align:center;
}
#for-smartphone a {
	display: inline-block; 
	background: #222; 
	padding: 0 30px; 
	height:2em;
	color: #fff;
	font-size:1.6em;
	font-weight:bold;
	line-height:2em; 
	text-decoration: none;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}