/* レイアウトの設定*/
* {
margin: 0;
padding: 0;
}
html, body {
height:100%;
}
body{
color:#333300;
background:#E7E0DA url(/share/menu_bg.gif) repeat-y top left;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Osaka";
}
body,td,th { font-size:9pt }
a { outline:none; }
/* wrapの設定 */
#wrap {
width:780px;
}
/* 左側の設定 */
#menu {
float:left;
color:#FFFFFF;
width:155px;
padding:0px 7px 15px 23px;
}
/* ▼トップページのみ */
#wrap_tp {
width:595px;
float:left;
padding:0px; margin:0px;
}
/* 上側の設定 */
#mainhead {
width:580px;
float:left;
padding:10px 0 10px 15px;
}
/* 中央の設定 */
#main {
width:405px;
float:left;
padding:5px 15px 15px;
margin:0px;
}
/* 右側の設定 */
#sub {
width:147px;
float:right;
border-left:3px solid #333300;
padding-left:10px;
padding-top:5px;
}
/* 下側の設定 */
#foot,#foot2 {
clear:both;
width:580px;
overflow:hidden;
padding:0px 0px 15px 15px;
}
#foot2 {
padding:0px 0px 15px 0;
}
* html #foot,* html #foot2 {
margin-right:-3px;
}
/* ▲トップページのみ */
/* 他ページ：中央の設定 */
#main2 {
float:left;
width:580px;
padding:20px 0 20px 15px;
}
#main,#main2,#sub {
line-height:1.3em;
}
a:link	{ color:#CC3300; text-decoration:none; }
a:visited	{ color:#663300; text-decoration:none; }
a:active	{ color:#CC3300; text-decoration:none; }
a:hover	{ color:#006699; text-decoration:underline; }
#menu a:link	{ color:#FFFFFF; text-decoration:none; }
#menu a:visited	{ color:#FFFFFF; text-decoration:none; }
#menu a:active	{ color:#FFFFFF; text-decoration:none; }
#menu a:hover	{ color:#FF9900; text-decoration:underline; }
.site a	{ font-size:12pt; }
.site a:link	{ color:#CC3300; text-decoration:none; }
.site a:visited	{ color:#663300; text-decoration:none; }
.site a:active	{ color:#CC3300; text-decoration:none; }
.site a:hover	{ color:#006699; text-decoration:underline; }
#top{ margin-top:0; }
#menu ul {
list-style-type:none;
width:100%;
padding:0px;
margin:0px 0px 5px;
}
#menu li {
list-style-type:none;
padding:1px 0px 0px 13px;
margin:0px 0px 2px 2px;
background:url(/image/listmark.gif) no-repeat left center;
}
img{ border:0; vertical-align:middle; }
.chk{ padding:1px 8px;border-left:6px solid #FF6600; }
.tips {
font-weight:bold;
font-size:10pt;
margin:10px 0 5px;
padding:3px;
border-style:none none solid solid;
border-width:0px 0px 1px 5px;
border-color:#AFA592
}
.small { font-size:10px; }
.small2 { font-size:10px; line-height:120%; }
h2 {
font-size:14pt;
border-left:5px solid #333300;
padding:15px 6px;
}
h3 {
font-size:10pt;
background:url(/image/listmark.gif) no-repeat left center;
border-width:1px 0px 1px 0px;
border-style:solid none solid none;
border-color:#333300;
padding:2px 2px 2px 13px;
margin:1em 0 5px;
}
h4 {
font-size:11pt;
background:#FFFFFF url(/image/h4mark.gif) no-repeat left center;
border-top:1px solid #333300;
border-bottom:1px solid #333300;
padding:4px 2px 3px 18px;
margin:1em 0 10px;
text-align:left;
}
div.unknown h5 {
color:#CC3300;
font-size:10pt;
margin-bottom:5px;
padding:3px 0 3px 5px;
border-left:4px solid #CC3300;
}
#pfoot {
border-top:4px double #333300;
margin-top:15px;
padding:8px 3px 0;
text-align:center;
}
#pfoot a{ font-weight:bold; }
.point{ color:#FF0000; }
.point2{ color:#FF0000;font-size:11px; }
.point3{ color:#FF0000;font-size:10px; }
.t_style { 
border-collapse:collapse;
background-color:#FFFFFF;
border:1px #666666 solid;
} 
.t_style td { 
border:1px #666666 solid;
padding:3px;
} 
.t_style th { 
border:1px #666666 solid;
background-color:#EEE8AA;
padding:3px;
} 
.txt_ad {
text-align:left;
border-top:1px #AFA592 solid;
border-bottom:1px #AFA592 solid;
margin-bottom:10px;
padding:3px 0 2px;
}
.txt_ad2 {
text-align:left;
border-left:6px #333300 solid;
margin:10px 0;
padding:3px 0 2px 6px;
}
blockquote {
border-top:1px solid #ACA899;
border-bottom:1px solid #ACA899;
padding:5px;
margin:10px 15px;
background-color:#F5F2EF;
}
hr {
color:#AFA592;
background-color:#AFA592;
height:1px;
border:0px;
}
html>body hr {
margin:5px 0;
}
/* ▼検索結果のサイト一覧用 */
div.rouded-r {
background-color:#FFFFFF;
margin:0px;
padding:0px;
font-size:12px;
}
div.rounded-box {
position:relative;
width:300px;
background-color:#E6E6E6;
margin:3px;
font-size:16px;
font-family:Georgia;
}
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {
position:absolute;
width:20px; height:20px;
background-color:#FFF;
overflow:hidden;
}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {
position:relative;
font-size:150px;
font-family:arial;
color:#E6E6E6;
line-height:40px;
}
div.top-left-corner{ top:0px; left:0px; }
div.bottom-left-corner{bottom:0px; left:0px;}
div.top-right-corner{top:0px; right:0px;}
div.bottom-right-corner{bottom:0px; right:0px;}
div.top-left-inside{left:-8px;}
div.bottom-left-inside{left:-8px; top:-17px;}
div.top-right-inside{left:-25px;}
div.bottom-right-inside{left:-25px; top:-17px;}
div.box-contents {
position:relative; padding:8px; color:#000;
font-size:12px;
font-family :"ＭＳ Ｐゴシック",Osaka,"MS Gothic",verdana,sans-serif;
}
/* ▲検索結果のサイト一覧用 */
div.category h5 {
font-size:10pt;
background:url(/image/listmark.gif) no-repeat left center;
border-bottom:1px dotted #333300;
padding:0 2px 2px 13px;
margin:0 0 5px;
}
div.category1 {
float:left;
width:100px;
line-height:1.4;
}
div.category1 ul {
padding:0;
margin:0;
}
div.category ul {
list-style-type:none;
padding:0;
margin:0;
float:left;
width:100px;
line-height:1.4;
}
div.category li {
list-style-type:none;
padding:0 0 0 13px;
margin:0;
background:url(/image/listmark2.gif) no-repeat left center;
}
div.category li.star {
list-style-type:none;
padding-left:13px;
margin:0;
background:url(/img/star.gif) no-repeat left center;
}
div.category2 {
width:405px;
}
div.category2 ul {
padding:0; margin:0;
margin-right:-5px;
}
div.category2 li {
list-style-type:none;
padding:0; margin:0;
padding-left:13px;
margin-right:5px;
background:url(/image/listmark2.gif) no-repeat left center;
float:left;
white-space:nowrap;
}
div#catmenu {
border-top:2px solid #333300;
border-bottom:2px solid #333300;
padding:6px 5px 4px; margin:7px 0;
background-color:#FFFFFF;
text-align:right;
}
#catmenu a { font-weight:bold; }
ul {
list-style-type:none;
padding:0; margin:0;
}
ul li {
list-style-type:none;
padding:0; margin:0;
padding-left:13px; margin-bottom:5px;
background:url(/image/listmark2.gif) no-repeat left 3px;
}
ol {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
ol li {
padding:0; margin:0;
margin-bottom:5px;
}
.rsimg {
float:left;
margin:0 10px 5px 0;
}
.rstxt {
float:left;
}
dl {
margin:0;
}
dt {
font-weight:bold;
padding-left:13px; margin:0;
background:url(/image/listmark2.gif) no-repeat left center;
}
dd {
margin:0 10px 1em;
padding-left:21px;
background:url(/image/ddmark.gif) no-repeat left -2px;
}
#narou dl {
width:95%;
border-top:1px solid #ACA899;
border-bottom:1px solid #ACA899;
padding:5px 5px 0;
margin:10px 1.2em 0;
background-color:#F5F2EF;
}
#cal ul { height:6.5em; }
form { margin:0; padding:0; }
.clearfix:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
#sitemap li {
float:left;
width:125px;
}
#path {
margin:10px 0;
padding:5px 7px;
border:1px solid #AFA592;
}
#path li {
display:inline;
list-style-type:none;
font-weight:bold;
}
#path li a {
padding-right:9px;
margin-right:1px;
background:url(/img/topicpath.gif) no-repeat right center;
font-weight:normal;
}
/* スポンサー */
div#foot,div#foot2 { width:580px; }
div#foot ul,div#foot ul {
list-style-type:none;
padding:0; margin:0;
width:590px;
margin-right:-10px;
line-height:1.3;
}
div#foot li,div#foot2 li {
font-size:10px;
list-style-type:none;
padding:0; margin:0;
padding-left:12px;
margin-right:10px;
background:url(/image/listmark2.gif) no-repeat left center;
float:left;
white-space:nowrap;
color:#CC3300;
}
.ad1 {
border: 1px solid #663300;
padding: 3px 5px;
margin-top: 5px;
text-align: left;
}
/* 画像に中央揃え */
img.mdl { vertical-align:middle; }
/* hidden */
div.hidden { display: none; }
/* 左上ロゴ */
#menu h1 {
display: block;
text-indent: -9999px;
width: 152px;
height: 89px;
background-image: url(/share/menu_logo.png);
margin: 0px 0px 5px;
padding: 0px;
}
#menu h1 a {
display:block;
width: 152px;
height: 89px;
}
#menu h1 a:hover {
background-image: url(/share/menu_logo_hover.png);
}
/* アクセスランキング */
table.rankTbl th {
padding-top:2px;
}
table.rankTbl td {
padding:2px 3px 0;
}
/* SiteSearch Google */
#searchGoogle {
margin:10px 0 0;
padding:3px;
border-top:1px solid #AFA592;
border-bottom:1px solid #AFA592;
clear:both;
}
/* 季節別メッセージ */
#greeting { font-size:10px; }
#greeting img { margin-right:3px; }
/* プリロード */
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(/share/menu_bg.gif);
background-image: url(/share/menu_logo.png);
background-image: url(/share/menu_logo_hover.png);
background-image: url(/image/h4mark.gif);
background-image: url(/image/listmark.gif);
background-image: url(/image/listmark2.gif);
background-image: url(/img/star.gif);
background-image: url(/image/space.gif);
}
/* ランキング表示 */
div#rank p {
font-size:10px;
margin:2px auto 0;
text-align:right;
}
/* 検索結果リスト */
table.searchTbl {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table.searchTbl td {
padding:4px;
}
/* Webフライヤー */
div.webFlyer {
width:390px;
height:200px;
margin-bottom:1em;
}
div.webFlyer p,
div.webFlyer dl,
div.webFlyer dt,
div.webFlyer dd {
margin:0;padding:0;
}
div.webFlyer p {
width:150px;
font: 200% Impact;
border-top:2px solid #333300;
padding-left:2px;
}
div.webFlyer dl {
float:left;
width:150px;
}
div.webFlyer dt, div.webFlyer dd {
background-image:none;
}
div.webFlyer dt {
margin:0 0 4px;
padding:5px 0 2px;
border-top:2px solid #333300;
border-bottom:1px dotted #333300;
line-height:1.2;
}
div.webFlyer img {
border:0;
float:right;
width:230px;
height:200px;
}
/* RSS */
div#rss {
margin-top:4px;
}
div#rss dt, div#rss dd {
margin:0; padding:0;
background-image:none;
}
div#rss dt {
border-top:1px dotted #333300;
margin-top:3px;
padding-top:3px;
font-size:10px;
font-weight:normal;
}
div#rss p {
border-top:1px dotted #333300;
margin:0; padding:0;
margin-top:3px;
padding-top:3px;
font-size:10px;
text-align:right;
}

/* Twitter */
div#twitter_div {
width:100%;
height:120px;
overflow:auto;
}
div#twitter_div ul, div#twitter_div li {
margin:0; padding:0;
background-image:none;
}
div#twitter_div ul li,
#twitter_div ul#twitter_update_list li a {
font-size:10px;
line-height:1.2;
}
div#twitter_div ul li {
border-bottom:1px dotted #333300;
margin-bottom:0;
padding:4px 0;
}
#twitter_div ul#twitter_update_list li a {
font-family:"Arial";
text-decoration:none;
}
#twitter_div a#twitter-link {
font-size:10px;
font-family:"Arial";
text-decoration:none;
text-align:right;
display:block;
}

div#info .button {
	display:inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:12pt/100% Arial, Helvetica, sans-serif;
	padding:.5em 0 .55em;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em; 
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	width:577px;
}
div#info .button:hover {
	text-decoration:none;
}
div#info .button:active {
	position:relative;
	top:1px;
}

div#info .orange {
	border:solid 1px #da7c0c;
	color:#fef4e9;
	background:#f47c20;
	background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background:-moz-linear-gradient(top,  #f88e11,  #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
div#info .orange:hover {
	background:#f78d1d;
	background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background:-moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
div#info .orange:active {
	color:#fcd3a5;
	background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background:-moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
p.greeting {
	background:#CC3300 url(/img/ka_moti02.gif) no-repeat 6px center;
	color:#FFF;
	line-height:1;
	padding:7px 5px;
	padding-left:26px;
	margin-bottom:1em;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	behavior:url(PIE.htc);
}