@charset "utf-8";

/*============リセット============*/
html,body,
div,dl,dd,li,
form,fieldset,legend,label,
embed,object {margin:0; padding:0;}

/*
 77% = 10px | 122% = 16px | 167% = 22px
 85% = 11px | 129% = 17px | 174% = 23px
 92% = 12px | 136% = 18px | 182% = 24px 
100% = 13px | 144% = 19px | 189% = 25px 
107% = 14px | 152% = 20px | 197% = 26px 
114% = 15px | 159% = 21px |
*/

html          {height:100%; overflow-y:scroll;}
body          {background:#222 url("/img/bg/conteiner.jpg"); font:13px/1.6 Verdana, Helvetica, Tahoma, Arial, sans-serif; *font-size:small; *font:x-small;}

* html body   {font-family:'ＭＳ Ｐゴシック', sans-serif; behavior:url("http://winning-eleven.rivaty.com/css/csshover2.htc");}

ul,ol,p,table,
.textBody div     {margin:0 0 1.6em; padding:0;}

ul            {list-style:none;}
ul.lstd       {margin-left:1.5em; list-style-position:outside;}
ul.lstd li    {list-style-type:disc;}
ol            {padding-left:2em; list-style-type:decimal; list-style-position:outside;}
*:first-child+html ol,
* html body ol{zoom:1;}
ol li         {padding:0 0 0 0.7em; border-left:solid 1px #ccc;}

h1            {font-size:17px; margin:0 0 1em;}
h2,h3,h4      {margin:3.2em 0 1.6em;}
h2            {font-size:114%;}
h3            {font-size:107%;}
h4            {font-size:107%;}

hr                     {height:0px; margin:1em 0; padding:0; line-height:0; display:block; border:none; visibility:hidden;}
*:first-child+html hr,
* html hr              {margin:0;}

/*============clearfix============*/
.fix            {display:inline-block;}
.fix:after      {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .fix     {height:1%;}
.fix            {display:block;}

/*============リンク============*/
a:link,a:visited    {color:#2b6697;}
a:active,a:hover    {color:#000;}
a:focus             {outline:none;}

/*============テーブル============*/
table      {border-collapse:collapse; font-size:inherit; font:100%; line-height:1.5; width:100%;}
th,td      {padding:3px 5px; border:#ddd 1px solid; font-weight:normal; text-align:left;}

/*============イメージ／オブジェクト============*/
img               {vertical-align:middle; border:none; display:inline;}
.photo            {text-align:center; font-size:11px;}
.photo img        {background:#f8f8f8; padding:4px; border:solid 1px #ddd;}
.main a img       {border:1px solid #ddd;}
.main a img:hover {border-color:#0b4871;}

embed,
object     {vertical-align:top;}
div.video  {text-align:center; margin:1.6em auto;}

/*============テキスト============*/
em           {font-style:normal; font-weight:bold; color:#333;}
strong       {color:#963100;}
address,cite {font-style:normal;}

.fs-xs     {font-size:77%!important;}
.fs-s      {font-size:92%!important;}
.fs-l      {font-size:122%!important;}
.fs-xl     {font-size:136%!important;}

del,.strike{text-decoration:line-through;}
.fwb       {font-weight:bold;}
.hot       {color:#963100; font-weight:bold;}
.cool      {color:#888888;}

table.tc td,
.tc        {text-align:center;}
.tl        {text-align:left;}
.tr        {text-align:right;}
.dn        {display:none;}
.db        {display:block;}

/*============フロート============*/
.fl        {float:left; display:inline;}
.fr        {float:right; display:inline;}
.cb        {display:block; clear:both;}
.cl        {display:block; clear:left;}
.cr        {display:block; clear:right;}
.img_L     {margin-right:1em!important; float:left; display:inline;}
.img_R     {margin-left:1em!important; float:right; display:inline;}


.mgt       {margin-top:2.5em!important;}
.mgb       {margin-bottom:2.5em!important;}
.mgtb      {margin-top:2.5em!important; margin-bottom:2.5em!important;}


blockquote {color:#505050; margin:1em; border:solid #ccc 1px; padding:1em 1em 0;}
pre        {font-size:92%;}
ins        {text-decoration:none; display:block; font-size:92%; margin:1em 2em; padding:0 1em;}

/*============フォーム============*/
form               {}
select,input,
button,textarea    {font-size:99%;}

fieldset           {padding:10px; border:none;}
legend             {display:none;}
input,label        {display:inline; vertical-align:middle; position:relative;}
* html input,
* html label       {zoom:1;}
input.text,
textarea           {padding:2px; margin:6px 0; border:#bfc0c1 1px solid; background:#fff;}
input.radio        {background:transparent; border:none;}

input.submit       {text-align:center; cursor:pointer; color:#fff; background:url(/img/bg/submit.png) no-repeat left top; width:180px; height:31px; line-height:31px; border:none!important; margin:0; padding:0;}
input.submit:hover {background-position:left bottom;}

input.text:hover,
input.text:focus,
textarea:hover,
textarea:focus     {border-color:#333;}



#container {position:relative; width:990px; margin:0 auto; text-align:left; padding-bottom:20px;}

/* ヘッダー
============================================================*/
dl#rivaty       {height:250px; font-size:12px!important;}
dl#rivaty a     {text-decoration:none!important;}
dl#rivaty a img {border:none!important;}

/* ロゴ */
dl#rivaty dt,
.description h1 {position:absolute; top:0; left:10px; width:275px; height:200px;background:url("/img/bg/logo.jpg"); margin:0; padding:0; display:block; text-indent:-7777em;}
dl#rivaty dt a  {width:275px; height:200px; margin:0; padding:0; display:block;}

/* メニュー */
dl#rivaty ul.fix,
.description p           {background:url("/img/bg/trans-333.png"); position:absolute; top:200px; left:0; width:970px; margin:0; padding:10px;}

* html dl#rivaty ul.fix,
* html .description p     {background:#333;}

dl#rivaty ul.fix li                 {float:left; display:inline; line-height:30px; width:auto; text-align:center;}
dl#rivaty ul.fix li a               {border-left:1px solid #555; border-right:1px solid #000; min-width:4em; width:auto!important; padding:0 24px; display:block; color:#eee;}
dl#rivaty ul.fix li a:hover         {color:#000; background-color:#ddd;}
dl#rivaty ul.fix li a.current,
dl#rivaty ul.fix li a.parentsLink,
dl#rivaty ul.fix li.current a       {color:#000; background-color:#fff;}

/* 検索フォーム */
form#search            {position:absolute; top:82px; right:105px; background:#000; white-space:nowrap; text-align:center; padding:8px; border:dashed 1px #333;}
form#search input.text {width:240px; height:18px; line-height:18px; margin:0; border:none!important;}
form#search input.img  {background:url(/img/bg/button.gif) no-repeat; text-indent:-9999em; cursor:pointer; width:25px; height:22px; border:none!important; margin:0; padding:0;}

/* RSS */
.rss          {width:75px; height:70px; float:right; position:absolute; top:65px; right:10px; text-indent:-7000em;}
.rss a        {display:block; position:relative; width:75px; height:70px; background:url(/img/bg/rss.png) no-repeat top left;}
.rss a:hover  {background-position:bottom left!important;}
* html .rss a {background:url(/img/bg/rss.jpg) no-repeat top left;}


/* コンテンツ
============================================================*/
#content        {display:inline-block; background:#fff; border:10px solid #333; border-top:none; padding:15px;}

#content:after  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #content {height:1%;}
#content        {display:block;}


/* 左サイド
============================================================*/
.main {background:#fff; font-size:107%; float:left; width:602px; margin-left:7px;}

#content h1         {margin:0 auto 1.5em -25px; padding:10px 10px 10px 50px; color:#fff0d4; background:#333 url(/img/bg/h1.png) no-repeat 6px 50%;}
* html #content h1  {background:#333; margin:0 auto 1.5em; padding:10px;}

.main dl {margin:0 0 1.6em;}
.main dt {margin:1em 0 0; font-weight:bold;}
.main dd {margin:0.5em 0 0;}

ul.controls              {font-size:11px; color:#888; margin:25px 0; padding:6px 0 0; border-top:1px dotted #ccc; text-align:right;}
ul.controls li           {display:inline; margin-left:15px; line-height:16px; padding:3px 0 3px 20px;}
ul.controls li.date      {background:url(/img/list/date.png) no-repeat left 50%; margin-left:0;}
ul.controls li.category  {padding-left:24px; background:url(/img/list/category.png) no-repeat left 50%;}
ul.controls li.tags      {background:url(/img/list/tag_green.gif) no-repeat left 50%;}
ul.controls li.comments  {background:url(/img/list/comments.png) no-repeat left 50%;}
ul.controls li.reply     {background:url(/img/list/reply.png) no-repeat left 50%;}
ul.controls li.edit      {background:url(/img/list/edit.png) no-repeat left 50%;}
ul.controls li.permalink {background:url(/img/list/permalink.png) no-repeat left 50%;}

span.date     {font-size:11px; color:#888; padding-left:20px; background:url(/img/list/date.png) no-repeat left 50%; margin-right:5px;}
span.comments {font-size:11px; padding-left:20px; background:url(/img/list/comments.png) no-repeat left 50%; margin-left:15px;}
span.category {font-size:11; padding-left:24px; background:url(/img/list/category.png) no-repeat left 50%;}

div.textBody  {padding:0;}
.textBody h2  {padding:2px 0 1px 7px; border-left:16px solid #555; border-bottom:#ddd 1px dotted;}
.textBody h3  {color:#333;}

.add    {color:#333; font-size:85%; background-color:#f8f8f8; border:1px solid #ccc; padding:0.5em 1em;}
div.add {padding:1em 1em 0; margin:1.6em 0;}
dl.add  {padding:1em; margin:1.6em 0;}

dl.qa dt      {border-bottom:1px dotted #ddd;}
dl.qa dt span {color:#555; font-weight:normal; font-size:12px;}
dl.qa dd      {margin:1em 1em 2em; padding:0 1em; border-left:2px solid #ddd; border-right:2px solid #ddd;}

/* カテゴリ／アーカイブ
============================================================*/
.archive dl.entrylist             {margin-top:50px!important;}
.archive dl.entrylist dt          {font-size:114%; margin-top:30px;}
.archive dl.entrylist dd          {border-bottom:1px solid #eee; padding-bottom:30px;}
.archive dl.entrylist dd p        {font-size:100%; margin:6px 0;}
.archive dl.entrylist dd img      {background:#f8f8f8; padding:3px; border:solid 1px #ddd;}
.archive dl.entrylist ul.controls {border:none; margin:1em 0 0;}

/* Navigation
============================================================*/
.navigation      {margin:30px 0 0; padding:10px; font-size:12px; border:1px solid #ccc;}
.navigation a    {padding-right:15px; margin-right:5px; background:url(/img/bg/sep.gif) no-repeat center right;}
.navigation span {color:#888;}

dl.flip          {margin:30px 0; font-size:12px; border:1px solid #ccc;}
dl.flip dt       {padding:10px 10px 5px; font-weight:normal!important;}
dl.flip dt span  {color:#888;}
dl.flip dt a     {padding-right:15px; margin-right:5px; background:url(/img/bg/sep.gif) no-repeat center right;}
dl.flip dd       {padding:7px 12px; border-top:1px dotted #ccc;}
dl.flip dd ul    {margin:0; color:#888;}
dl.flip dd ul li {margin:4px 0;}

dl.flip dd ul li.hear,
dl.flip dd ul li a       {padding-left:24px;}
dl.flip dd ul li.newer a {background:#fff url(/img/list/arrow-blue-left.png) no-repeat left center;}
dl.flip dd ul li.older a {background:#fff url(/img/list/arrow-blue-right.png) no-repeat left center;}



/*
サイドバー
============================================================*/
.sidebar     {background:#fff; width:300px; float:right; font-size:12px;}
.sidebar a   {text-decoration:none;}
.sidebar div {margin-bottom:20px;}

.sidebar dl.navi    {margin:0 0 20px; background:#f8f8f8 url("/img/bg/sidebar_dl.gif") repeat-x left bottom; border:1px solid #ddd;}
.sidebar dl.navi dt {line-height:30px; padding:0 1em; margin:0; color:#eee; background:#222; border-bottom:1px #888 dashed;}
.sidebar dl.navi dd {margin:0; padding:10px; background:#f8f8f8 url("/img/bg/sidebar_dd.gif") repeat-x left top;}

.sidebar dl.navi ul      {margin:0;}
.sidebar dl.navi ul li   {border-top:solid 1px #fff; border-bottom:solid 1px #ddd;}
.sidebar dl.navi ul li a {padding:3px 10px; display:block;}
.sidebar dl.navi ul li a:hover,
.sidebar dl.navi ul li a.current  {background-color:#888; color:#fff!important;}


/*
フッター
============================================================*/
.pagetop        {height:40px; background:#232323;}
.pagetop p      {display:block; width:976px; padding:7px 0; margin:0 auto;}
.pagetop a      {display:block; width:95px; height:26px; float:left; padding:0; text-decoration:none; line-height:26px; text-indent:-7777px; background:url("/img/home-top.png")}
.pagetop a.home {margin-right:410px; background-position:left top;}
.pagetop a.top  {background-position:left bottom;}

#footer         {color:#eee; margin:20px 0 0; padding:25px; font-size:12px; background:url(/img/bg/trans-333.png);}
* html #footer  {background:#333;}
#footer a       {color:#b0c4de;}
#footer a:hover {color:#fff;}

#footer dl          {width:420px; float:left;}
#footer dl dt       {border-bottom:dotted 1px #ccc; padding:0 0 2px 10px;}
#footer dl dd       {margin:0 0 0 15px;}
#footer dl dd ul    {margin:0; padding:10px 0 8px;}
#footer dl dd ul li {float:left; margin-right:10px;}

#footer .copy   {margin:0;}
#footer .copy a {color:#fff; text-decoration:none; cursor:text;}


/*============ コメント トラックバック ============*/
#comments      {margin:20px 0; padding-top:60px; background:url(/img/title/comment.jpg) no-repeat left top;}
#comments form {border:1px solid #ccc; background:#f0f0f0;}

/* ログ */
ol.log    {border:none; margin:0; padding:0 0 0 40px;}
ol.log li {margin:0 0 1em 0; padding:0; border-left:2px dotted #888; font-size:20px; font-family:georgia;}

ol.log li dl             {font-size:13px; padding:5px 0 5px 10px; margin:0; font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;}
* html body ol.log li dl {font-family:'ＭＳ Ｐゴシック'}

ol.log li dt      {padding:2px 8px 3px; margin:0; background:#f0f0f0; border-top:1px dotted #ddd; border-bottom:1px solid #ccc;}
ol.log li dt span {margin-left:11px; color:#999; font-size:11px; font-weight:normal!important;}
ol.log li dd      {margin-top:1em; padding:0 10px;}

/* フォーム */
dl#name-email             {font-size:13px; margin:1em 0;}
dl#name-email dt          {margin:0; padding:4px 0 2px; font-weight:bold; border-top:1px solid #fff;}
dl#name-email dd          {margin:0; padding:2px 0 4px; margin:0; border-bottom:1px solid #ccc;}
dl#name-email input.text  {width:300px; margin:0;}
dl#name-email input.radio {padding:0; margin:0;}
dl#name-email textarea    {width:98%; margin:0;}

/* WDP AJAX Comments */
.wdpajax-error   {margin:1em; background:#fff; border:1px solid #f9d9c9; padding:5px; color:#ff3311;}
.wdpajax-success {margin:1em; background:#fff; border:1px solid #339933; padding:5px; color:#339933;}
.wdpajax-loading {margin:1em; background:#fff; border:1px dotted #ccc; padding:5px;}
label.error      {background:#fff; float:none !important; padding-left:5px; color:#ff3311;}


/*============ ページナビ ============*/
.wp-pagenavi              {text-align:center; margin:30px 0;}
.wp-pagenavi a,
.wp-pagenavi span         {padding:2px 8px; margin:0 4px; border:1px solid #000;}
.wp-pagenavi a            {text-decoration:none!important; color:#eee!important; background:#333;}
.wp-pagenavi a:hover      {background:#888;}
.wp-pagenavi span         {color:#000; background:#fff;}
.wp-pagenavi span.pages   {border-color:#000;}
.wp-pagenavi span.current {border-color:#888; color:#888;}
.wp-pagenavi span.extend  {border-color:#000;}


/*============ Google Map ============*/
div.mapp-div       {margin:1.5em auto; text-align:center; min-height:350px; height:auto!important; background:url(/js/ajaxtabs/loading.gif) no-repeat center 100px;}
div.mapp-poweredby {text-align:right; font-size:11px;}


/*============ *広告 ============*/
/* Google */
.text-250x250      {overflow:hidden; text-align:center; width:300px; height:300px; background:#fff url(/img/bg/ad-google-300.png) no-repeat; margin:1em 0 5px;}
.text-250x250 p    {overflow:hidden; text-align:center; margin:0; padding:15px 25px 35px;}
.img-300x250       {width:300px; height:250px; overflow:hidden; margin:0 auto 20px;}
.link-468x15       {overflow:hidden; width:468px; height:15px; margin:30px auto;}
.text-468x60       {overflow:hidden; width:468px; height:60px; margin:50px auto; padding:15px 15px 13px; background:#fff url(/img/bg/text-468x60.png) no-repeat;}
.text-468x60-30    {width:468px; height:60px; float:right; margin:0; padding:10px; border:solid 1px #000; background-color:#333;}
.text-336x280      {padding:8px 25px; margin:40px; border:1px solid #ccc;}


/*============ アンケート ============*/
.wp-polls            {}
.wp-polls form {font-size:100%!important;}
.wp-polls form label {cursor:pointer;}

.wp-polls dl    {margin:20px 0;font-size:92%!important; padding:0 30px 14px; border:1px solid #ccc; background-color:#f0f0f0;}
.wp-polls dt    {font-size:114%; line-height:40px; text-indent:50px; font-weight:bold; border-bottom:1px dotted #888; background:url("/img/icon/poll.jpg") no-repeat left top;}

.wp-polls-ul {padding:10px 0 10px 20px!important; border-left:#ccc solid 5px;}
wp-polls-ul li        {margin:5px 0; display:block;}
wp-polls-ul li span   {margin-left:6px; color:#888;}

/* バー部分 */
.wp-polls .pollbar {margin:1px; font-size:10px; line-height:12px; height:12px; background-image: url("/wp-content/plugins/wp-polls/images/default/pollbg.gif"); border:1px solid #ddd;}
.wp-polls-loading  {background-color:#fff; border:solid 1px #333; width:138px; color:#888; z-index:1000; position:relative; left:238px; bottom:150px; display:none; text-align:center; height:24px; line-height:24px;}

/* Polls Archive Paging */
.wp-polls-paging a            {padding:2px 4px; margin:2px; text-decoration:none!important;}
.wp-polls-paging a:link       {border:1px solid #0066cc; color:#0066cc;}
.wp-polls-paging a:visited    {border:1px solid #0066cc; color:#0066cc;}
.wp-polls-paging a:hover      {color:#000;}
.wp-polls-paging a:active     {border: 1px solid #0066cc; color:#0066cc;}
.wp-polls-paging span.pages   {padding:2px 4px; margin:2px; color:#000; border:1px solid #000;}
.wp-polls-paging span.current {padding:2px 4px; margin:2px; font-weight: bold; border:1px solid #000; color:#000;}
.wp-polls-paging span.extend  {padding:2px 4px; margin:2px; border:1px solid #000; color:#000;}
