/* @charset "Shift_JIS"; */
@charset "utf-8";


/* 数値を複数指定した場合
1. [上下左右]
2. [上下] [左右]
3. [上] [左右] [下]
4. [上] [右] [下] [左] */

* {
	margin: 0;
	padding: 0;
/* --------------------------
	font-size : 100%;
	font-size: 0.875em;
-------------------------- */
	color: #444;
}

body {
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	background-color: #FFF;
	background-image: url("./img/bg_or_wa4.png");
	text-align: center;
	word-wrap: break-word;
}

div#continer {
	position: relative;
	
	margin: 0 auto;
	
	min-height: 100%;
	width: 780px;
}

* html div#continer {
	height: 100%;
}

/* -------------------- ヘッダの設定 -------------------- */

/* ヘッダ全体を囲む部分 */
div#head {
	background-image: url("./img/headbar1.png");
	background-repeat: no-repeat;
	
	position: relative;
	
	top: 0px;
	
	width: 100%;
	height: 66px;
}

/* 左のロゴ部分 */
div#head_l {
	top: 0px;
	left: 0px;
	height: 66px;
	width: 252px;
	
	padding-top: 2px;
	padding-left: 5px;
	float: left;
}

/* 右のメニューバー部分 */
div#head_r1 {
	position: absolute;
	top: 0px;
	left: 252px;
	
	height: 40px;
	width: 528px;
	
	padding-top: 5px;
	
	text-align: left;
	overflow: hidden;
}

/* 曲線と本文上の余白 */
div#head_r2 {
	background-color: white;
	
	position: absolute;
	top: 40px;
	left: 295px;
	
	height: 26px;
	width: 475px;
	/* padding-right の値を増やすには、width の値を減らす（計305pxになるように）*/
	padding-right: 10px;
	padding-top: 10px;
	
	font-size: 1em;
	line-height: 1.0em;
	text-align: right;
	overflow: hidden;
	
	clear: right;
}

/* サイドバーの上部 */
div#head_r3 {
	background-image: url("./img/hb_r3.png");
	background-repeat: no-repeat;
	background-position: left top;
	
	position: absolute;
	top: 40px;
	left: 600px;
	
	height: 26px;
	width: 185px;
}

div#head_r3b {
	background-image: url("./img/shadow_r.png");
	background-repeat: repeat-y;
	background-position: left;
	
	position: absolute;
	top: 40px;
	left: 775px;
	
	height: 26px;
	width: 10px;
}

/* -------------------- 本文の設定 -------------------- */

div#main {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #666;
	
	background-color: #FFF;
	background-image: url("./img/shadow_r.png");
	background-repeat: repeat-y;
	background-position: right;
	
	padding: 12px;
	padding-right: 17px;
	
	width: 750px;
	min-height: 200px;
	
	position: relative;
	top: -2px;
	
	text-align: center;
	
	float: left;
}

div#content {
	background-color: #FFF;
	
	padding: 0px;
	
	width: 570px;
	
	text-align: center;
	
	float: left;
}

* html div#main {
	/* IEのみに適用 */
	height: 200px;
}

.search {
	background-color: #FFD;
	
	border-style: solid;
	border-width: 1px;
	border-color: #333 #AAA #AAA #333;
	
	text-align: center;
	padding: 20px 10px;
	/*	line-height: 1.5em;*/
}

/* ランキング */
ol#ranking {
	position: static;
	font-size: 0.8em;
	list-style-type: none;
}

li.rankitem {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px;
	padding-right: 8px;
}

li.rank1 {
	background-image: url("./img/rank1.jpg");
	background-color: #F6DF41;
	font-size: 150%;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

li.rank2 {
	background-image: url("./img/rank2.jpg");
	background-color: #D4D5CE;
	font-size: 130%;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}

li.rank3 {
	background-image: url("./img/rank3.jpg");
	background-color: #F0AA8C;
	font-size: 110%;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

li.odd { background-color: #F4F4F4; }
li.even { background-color: #E8E8E8; }

li.odd2 {
	background-color: #F0FFF0;
	background-image: url("./img/rank_bg.png");
}
li.even2 {
	background-color: #F0F8FF;
	background-image: url("./img/rank_bg.png");
}

li.odd3 { background-color: #FFF0E0; }
li.even3 { background-color: #FFFFE0; }

li.odd5 { background-color: #E0FFE0; }
li.even4 { background-color: #FEE0FF; }

span.ranknum {
	font-size: 12px;
	font-weight: normal;
}

.ranklink {
	position: relative;
	left: 10px;
}

/* ランキング（大） */
ol.rankingbig {
	position: static;
	font-size: 1.5em;
	list-style-type: none;
}

li.rankitembig {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px;
	padding-right: 8px;
}

.rank1big {
	background-image: url("./img/rank1b.jpg");
	background-color: #F6DF41;
	font-size: 130%;
}

.rank1waku {
	border-style: solid;
	border-width: 3px;
	border-color: #888;
}

.rank2big {
	background-image: url("./img/rank2b.jpg");
	background-color: #D4D5CE;
	font-size: 120%;
}

.rank2waku {
	border-style: solid;
	border-width: 0px 3px;
	border-color: #888;
}

.rank3big {	
	background-image: url("./img/rank3b.jpg");
	background-color: #F0AA8C;
	font-size: 110%;
}

.rank3waku {
	border-style: solid;
	border-width: 3px;
	border-color: #888;
}

span.ranknumbig {
	font-size: 16px;
	color: #008;
	font-weight: bold;
}

span.rankapp {
	position: relative;
	display: block;
	margin-left: 60px;
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

.hani{
	color: #00F;
	font-weight: bold;
}

.syokuzai {
	margin: 2px 0px 7px 0px;
	padding: 2px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #888;
	background-color: white;
	font-size: 90%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.kanrenkw {
	font-size: 1.4em;
	font-weight: bold;
}

/* 検索エラー */
.serr {
}

/* 「エラー」の文字 */
strong.err {
	color: red;
	font-weight: bold;
}

/* -------------------- サイドバーの設定 -------------------- */

div#side {
	text-align: left;
	width: 171px;
	margin: 0px;
	position: relative;
	top: -2px;
	float: right;
}

div#ssiiddee22 {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #888;
	background-color: #FFF;
	background-image: url("./img/shadow_r.png");
	background-repeat: repeat-y;
	background-position: right;
	text-align: left;
	padding-left: 10px;
	height: 100px;
	width: 170px;
	float: right;
}

img#sidetop {
	position: relative;
	width: 171px;
}

img#sidebg {
	width: 171px;
	height: 143px;
}

img#sidefot {
	position: relative;
	top: -4px;
	width: 171px;
}

div#sidebody {
	font-size: 0.8em;
	padding-left: 15px;
	padding-top: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.sideitem {
	margin-bottom: 1em;
}

/* -------------------- フッタの設定 -------------------- */

div#footer {
	background-image: url("./img/footbar1.png");
	background-repeat: no-repeat;
	
	height: 32px;
	
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 2px;
	
	position: relative;
	top: -2px;
	
	clear: both;
}

div#footmenu {
	text-align: left;
	float: left;
}

div#credit {
	margin-top: 3px;
	text-align: right;
	float: right;
}

/* -------------------- タグ毎の設定 -------------------- */

.waku {
/*	background-image: url("./img/bg_or_wa3.png"); */
	background-color: #FFFDF8;
	
	border-style: solid;
	border-width: 1px;
	border-color: #333 #AAA #AAA #333;
	
	text-align: left;
	padding: 3px;
	margin: 3px;
}

h1x {
	background-image: url("./img/h1_01.png");
	background-repeat: no-repeat;
	background-position: center top;
	
	height: 40px;
	width: 100%;
	margin-bottom: 0.3em;
	
	text-align: center;
	font-size: 1.9em;
	letter-spacing: 0.5em;
	
	clear: both;
}

h1 {
	font-size: 180%;
	letter-spacing: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 30px;
	width: 500px;
	background-color: #F5DDC5;
	border-style: double;
	border-width: 4px;
	display: block;
	clear: both;
	text-align: center;
}

h2 {
	background-image: url("./img/h2_01.png");
	background-repeat: no-repeat;
	background-position: center top;
	
	height: 32px;
	width: 100%;
	margin-bottom: 0.3em;
	
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.3em;
	
	clear: both;
}

h3 {
	background-image: url("./img/restitle1.png");
	background-repeat: repeat-y;
	
	border-style: solid;
	border-width: 1px 0px 0px 5px;
	border-color: #FFA000;
	
	padding-top: 2px;
	padding-left: 5px;
	
	text-align: left;
	
	/* width: 535px; */
}

h4 {
	background-image: url("./img/h4_01.png");
	background-repeat: no-repeat;
	background-position: center top;
	
	height: 26px;
	width: 100%;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-top: 3px;
	
	text-align: center;
	font-weight: bold;
}

/* Twitter公式ブログパーツ表示異常対策 */
div.twtr-hd > h3 {
	background-image: none;
	border-style: none;
}

div.twtr-hd > h4 {
	background-image: none;
	border-style: none;
}

div.leftline {
	border-style: solid;
	border-left-width: 5px;
	border-color: #FFA000;
	
	padding-top: 2px;
	padding-left: 5px;
}

img {
	border-style: none;
}

ul {
	list-style-image: url("./img/li_marker.png");
	margin-left: 20px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

li {
}

table, td, th {
	/* border-style: solid dashed solid dashed; */
	border-style: solid;
}

table {
	empty-cells: show;
	
	background-color: transparent;
	margin: 5px;
	
	border-color: #FFA000 #FFF #FFF #FFA000;
	border-width: 0px;
}

td, th {
	/* background-color: #FFF8F0; */
	background-color: #FFF;
	padding: 5px;
	
	border-color: #FFA000 #FFF #FFF #FFA000;
	border-width: 2px 0px 0px 1px;
}

table.nb td, table.nb th {
	border-style: none;
	border-width: 0px;
	border-color: transparent;
	background-color: transparent;
}

/* 単語の途中でも改行させる */
.wr {
	 word-wrap: break-word;
	 word-break: break-all;
}

.flattext {
	border-style: solid;
	border-width: 1px;
	border-top-color: #000;
	border-left-color: #000;
	border-bottom-color: #888;
	border-right-color: #888;
}

.flatbutton {
	border-style: solid;
	border-width: 1px;
	border-top-color: #888;
	border-left-color: #888;
	border-bottom-color: #000;
	border-right-color: #000;
}

textarea {
	scrollbar-face-color: #EEE;
	scrollbar-shadow-color: #CCC;
	scrollbar-track-color: #EEE;
	scrollbar-arrow-color: #333;
	scrollbar-highlight-color: #EEE;
	scrollbar-3dlight-color: #888;
	scrollbar-darkshadow-color: #333;
	
	font-family: 'ＭＳ Ｐゴシック';
}

input.text {
	font-family: 'ＭＳ Ｐゴシック';
	
	height: 1.35em;
	
	position: relative;
	top: 1px;
}

input.button {
	background-color: #EEE;
	background-image: url("./img/button1.png");
	background-position: center 0px;
	
	border-style: solid;
	border-width: 1px;
	border-top-color: #888;
	border-left-color: #888;
	border-bottom-color: #000;
	border-right-color: #000;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	height: 1.6em;
}

.bdrrad, h1 {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* 中央に配置 */
.cn {
	text-align: center !important;
}
/* 左に配置 */
.lf {
	text-align: left !important;
}
/* 右に配置 */
.ri {
	text-align: right !important;
}

/* 上を開ける */
.tm {
	margin-top: 20px !important;
}
/* 下を開ける */
.bm {
	margin-bottom: 20px !important;
}
/* 左を開ける */
.lm {
	margin-left: 15px !important;
}
/* 右を開ける */
.rm {
	margin-right: 15px !important;
}

/* 文字サイズを一回り小さく */
.smallfont {
	font-size: 0.8em !important;
}

/* 文字サイズを一回り大きく */
.largefont {
	font-size: 1.3em !important;
}

/* 非表示（画像のプリロードなどに） */
/* 本来表示されるスペースが詰められる */
.none {
	display: none !important;
}
/* 本来表示されるスペースが詰められない */
.hidden {
	visibility: hidden !important;
}

/* ブロック要素として表示 */
.block {
	display: block !important;
}

/* -------------------- リンクの設定 -------------------- */

a:link {
	color: #840;
	text-decoration: none;
}

a:visited {
	color: #840;
	text-decoration: none;
}

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

a:active {
	color: #F00;
	text-decoration: underline;
}

/* -------------------- ヘッダのリンク -------------------- */

a.hmenu {
	background-repeat: no-repeat;
	
	width: 107px;
	height: 23px;
	
	margin-left: 10px;
	padding-top: 4px;
	
	text-align: center;
	
	display: block;
	float: left;
}

a.hmenu:link {
	background-image: url("./img/a_menu.png");
}

a.hmenu:visited {
	background-image: url("./img/a_menu.png");
}

a.hmenu:hover {
	background-image: url("./img/a_menu_hover.png");
	text-decoration: none;
}

a.hmenu:active {
	background-image: url("./img/a_menu_active.png");
	color: #F00;
	
	padding-top: 5px;
	padding-left: 1px;
}

/* -------------------- フッタのリンク -------------------- */

a.fmenu {
	background-repeat: no-repeat;
	
	width: 107px;
	height: 23px;
	
	margin-right: 10px;
	padding-top: 4px;
	
	text-align: center;
	
	display: block;
	float: left;
}

a.fmenu:link {
}

a.fmenu:visited {
}

a.fmenu:hover {
	background-image: url("./img/a_menu_hover.png");
	text-decoration: none;
}

a.fmenu:active {
	background-image: url("./img/a_menu_active.png");
	color: #F00;
	
	padding-top: 5px;
	padding-left: 1px;
}


/* s.cgi */

div#sres {
	width: 100%;
}

div.resitem {
	background-image: url("./img/resitem2.png");
	background-repeat: repeat-x;
	background-color: #FFF4E1;
	
	border-style: solid;
	border-width: 1px;
	border-color: #AAA;
	
	padding: 3px;
	margin-bottom: 20px;
}

div.resitem b {
	margin: 0ex 0.5ex;
	font-family: Arial;
	font-weight: bold;
}

div.restitle {
	background-image: url("./img/restitle1.png");
	/* background-color: rgb(255,250,240); */
	background-repeat: repeat-y;
	
	border-style: none;
	
	padding: 3px;
	padding-top: 5px;
	padding-left: 8px;
	
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

div.resbody {
	border-style: none;
	
	padding: 3px 5px;
	margin-bottom: 6px;
	
	font-size: 0.9em;
	line-height: 150%;
	text-align: left;
}

div.reshonbun {
	width: 344px;
	padding: 2px 3px 3px 3px;
	background-color: white;
	background-image: url("./img/reshonbun.png");
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}

div.resitem div.resurl {
	border-style: none;
	padding: 5px;
	font-size: 0.8em;
	text-align: right;
	color: #808080;
	clear: both;
}

.thumbnail {
	border-style: solid;
	border-width: 1px;
	border-color: silver gray gray silver;
	background-color: white;
	padding: 4px;
	box-shadow: 2px 2px 3px #808080;
		-moz-box-shadow: 2px 2px 3px #808080;
		-webkit-box-shadow: 2px 2px 3px #808080;
/*	margin-right: 5px; */
/*	width: 180px; */
}

div.link span {
	background-color: #FFE1AB;
	background-image: url("./img/restitle2.png");
	padding: 4px;
/*	vertical-align: middle; */
	font-size: 1.8em;
	font-weight: bold;
}

span.linknum {
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-align: center;
}

span.linkprv {
	padding: 5px;
	padding-left: 0.5em;
	text-align: left;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}

/* IE9
span.linkprv:not(:target) {
    top: 0px\9;
    position: relative\9;
} */

span.linkfwd {
	padding: 5px;
	padding-right: 0.5em;
	text-align: right;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

/* IE9
span.linkfwd:not(:target) {
    top: 8px\9;
    position: relative\9;
} */

b.curnum {
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #888;
	text-decoration: none;
}

.num {
	padding-left: 1px;
	padding-right: 1px;
}

div.inarea {
	padding: 5px 0px 10px 0px;
	text-align: center;
}

div.ingui {
	background-color: #FFF8F0;
	
	border-style: solid;
	border-width: 0px 0px 1px 5px;
	border-color: #FFF8F0 #FFA000;
	
	margin-bottom: 10px;
	padding: 5px 10px 3px 10px;
	text-align: left;
	
	/* width: 520px; */
}

div.inerr {
	background-color: #FDD !important;
}

a.totop {
	position: fixed;
	top: 0%;
	right: 0%;
	z-index: 100;
}

a.tobottom {
	position: fixed;
	bottom: 0%;
	right: 0%;
	z-index: 99;
}

a.fttotop {
	position: absolute;
	bottom: 34px;
	right: 5px;
	z-index: 98;
	
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}

a.fttotop:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

div#choicebanner {
	display: none;
	position: absolute;
	padding: 10px;
	width: 312px;
	height: 230px;
	background-color: #EEE;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-color: #DDD #888 #888 #DDD;
	border-style: solid;
	border-width: 2px;
}

a.comlink {
	padding: 1px 20px 0px;
	margin-top: 3px;
	border: 1px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: white;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ---------- ソーシャルボタン類 ---------- */
iframe.twitter-count-horizontal {
	margin-top: -2px;
	float: left;
}

iframe.iine {
	height: 20px;
	width: 120px;
	margin: -2px 0px 0px 5px;
	vertical-align: bottom;
	float: left;
}

iframe.topiine {
	border: none;
	overflow: hidden;
	
	height: 62px;
	width: 70px;
	margin: 10px 0px 0px 11px;
	padding: 5px 44px;
	background-color: #8EC1DA;
	border-width: 1px;
	border-style: solid;
	border-color: #2E619A;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.twtr-doc {
	border-color: #2E619A;
	border-width: 1px;
	border-style: solid;
}

div.lf p iframe.twitter-follow-button {
	margin-left: 15px !important;
/*	border: 10px solid #2E619A !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
}

/* div#sidebody p iframe.twitter-follow-button { */
iframe.twitter-follow-button {
	display: inline !important;
	width: 65px !important;
}

p.twfollow {
	font-size: 200%;
/*	background: #8EC1DA;
	border: 1px solid #2E619A;
	color: white;*/
	background: #EEF9FD;
	border: 1px solid #C5DEEF;
	margin: 0px 30px;
	padding: 10px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* ---------- ツイッターコメント ---------- */
div.twcom_sotowaku {
	color: white;
	background-color: #8EC1DA;
	border: 1px solid #2E619A;
	margin: 10px;
	padding: 5px 5px 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

div.twcom_uchiwaku {
	background-color: white;
	margin: 0px 10px 10px;
	padding: 3px 0px 3px 3px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

a.twcom_icon {
	margin: 5px 0px 0px 5px;
	display: block;
	float: left;
}

a.twcom_aulink {
	margin-left: 15px;
	display: block;
	float: left;
}

a.twcom_pmlink {
	margin-right: 13px;
	display: block;
	float: right;
}

div.twcom_body {
	color: #444;
	border-color: #8EC1DA;
	border-width: 3px 0px 0px;
	border-style: dotted;
	margin-left: 58px;
	padding: 0px 8px 0px 5px;
	text-align: left;
	clear: right;
}

p.twcom_title {
	margin: 0px 0px 3px 15px;
	color: white;
	text-align: left;
	font-weight: bold;
}

strong.twcom_nojs {
	background-color: white;
	padding: 3px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}