/*------------------- COLOR CSS  -------------------*/

.blue  { color: #0000ff; }  .red  { color: #ff0000; }
.wine  { color: #993366; }  .bro  { color: #660000; }
.con   { color: #000066; }  .sky  { color: #0066ff; }
.clim  { color: #ffffcc; }  .mizu { color: #ccccff; }
.lgray { color: #f2f2f2; }  .gray { color: #333333; }
.siro  { color: #ffffff; }  .kuro { color: #000000; }
.kiro  { color: #ffff00; }  .orange{ color: #ff6600; }
.green { color: #008B45; }  .purple{ color: #9400D3; }

.bblue  { color: #0000ff; font-weight:700; }  .bred  { color: #ff0000; font-weight:700; }
.bwine  { color: #993366; font-weight:700; }  .bbro  { color: #660000; font-weight:700; }
.bcon   { color: #000066; font-weight:700; }  .bsky  { color: #0066ff; font-weight:700; }
.bclim  { color: #ffffcc; font-weight:700; }  .bmizu { color: #ccccff; font-weight:700; }
.blgray { color: #f2f2f2; font-weight:700; }  .bgray { color: #666666; font-weight:700; }
.bsiro  { color: #ffffff; font-weight:700; }  .bkuro { color: #000000; font-weight:700; }
.bkiro  { color: #ffff00; font-weight:700; }  .borange{ color: #ff6600; font-weight:700; }
.bgreen { color: #008B45; font-weight:700; }  .bpurple{ color: #9400D3; font-weight:700; }

/*----------------- BG COLOR CSS  ------------------*/

.bgsiro  { background-color: #ffffff; } 
.bgcon   { background-color: #000066; } 
.bgblue  { background-color: #0000ff; } 
.bglblue { background-color: #87cefa; }
.bgkiiro { background-color: #ffff00; } 
.bgclim  { background-color: #ffffcc; } 
.bglgray { background-color: #f2f2f2; }
.bgmizu  { background-color: #afeeee; } 
.bgpink  { background-color: #ff69b4; } 
.bglpink { background-color: #ffb6c1; } 
.bggreen { background-color: #90ee90; } 
.bglgreen { background-color: #9AFF9A; } 

/*--------------  FONT SIZE CSS  -------------------*/

.size-2s  { font-size: 10px; }
.size-ss  { font-size: 12px; }
.size-s  { font-size: 15px; }
.size-sb  { font-size: 15px; font-weight: 900; }
.size-m  { font-size: 18px; }
.size-l  { font-size: 20px; }
.size-2l { font-size: 24px; }
.size-3l { font-size: 30px; }
.size-4l { font-size: 32px; }

/*-------------------  SPACE CSS  ------------------*/

.ma-10{ margin-bottom: 10px; }
.ma-20{ margin-bottom: 20px; }
.ma-30{ margin-bottom: 30px; }
.ma-50{ margin-bottom: 50px; }
.ma-80{ margin-bottom: 80px; }
.ma-100{ margin-bottom: 100px; }
.ma-150{ margin-bottom: 150px; }
.ma-200{ margin-bottom: 200px; }

/*--------------------------------------------------*/

html{ height:100%; }

body{
position: relative;
margin: 0px;
padding : 0px;
height: 100%;
background: #fdf5e6;
background-position: center top;
background-attachment: fixed;
font-style : normal;
font-variant : normal;
font-weight : normal; 
font-size: 15.5px;
line-height : 1.8;
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
text-align : center;
}

p { margin: 10px 0px 20px 0px; }

a { text-decoration:underline; }
a:link{ color: #00f; }
a:visited{ color: #00f; }
a:hover{ color: #ff0033; }
a:active { color: #0066ff; }

strong { font-weight: 400; }
img { border : 0px; }

.l { float: left; margin: 0px 10px 10px 0px; }
.r { float: right; margin: 0px 0px 10px 10px; }
.b { font-weight : 900; }
.bb { font-size: 18px; font-weight: 900; }
.c { text-align: center; vertical-align: center; }
.s { font-size: 10px; color: #666666; }
.s a:link{ color: #808080; }
.s a:visited{ color: #808080; }
.s a:hover{ color: #daa520; }

#container
{
position: relative;
margin: 0 auto;
width: 1045px;
height: auto;
background-color: #fff;
background-image:url(../images/bgk.png);
background-repeat: repeat-y;
background-position: 0px 0px;

}

/*-------------------  HEADER CSS  ------------------*/

#header
{
position: absolute;
top: 0px;
left: 22.5px;
width: 1000px;
height: 85px;
text-align: left;
z-index: 0;
}

#lastdate
{
position: absolute;
top: 5px;
right: 10px;
color: #808080;
text-align: right;
font-size: 10px;
}

/*-----------------グローバルメニュー---------------------*/

#global-menu{
position: absolute;
top: 116px;/*▲ページ最上部からの距離*/
left: 0;
height: 56px;
width: 1000px;
background: url(../images/nav-bg.png) left top repeat-x;
}

#global-menu ul{
margin-top: 0px;
margin-bottom: 0px;
}

#global-menu li{
float: left;
height: 56px;
overflow: hidden;
background: url(../images/navmenu-bg.png) left top repeat-x;
border-right: 1px solid #8B4513;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}

#global-menu li a{
display: block;
padding: 19px 18px 8px 18px;
height: 56px;
text-decoration: none;
color: #000000;
}

/*IE6対策*/
* html #global-menu ul li a{ height: auto; }

/*グローバルメニューを幅指定にする場合は下記を使用）*/
/*#global-menu ul li a{
padding: 8px 29px 8px 29px;
}*/


/*各エリアの幅を指定します。合計が全体のサイズ-20pxになるようにして下さい
（例：140+300+200+150+140 = 950-20）*/
/*#global-menu li.menu01{ width: 140px; }
#global-menu li.menu02{ width: 160px; }
#global-menu li.menu03{ width: 190px; }
#global-menu li.menu04{ width: 150px; }*/

#global-menu ul li a:hover{
height: 56px;
background: url(../images/navmenu-bg.png) left bottom repeat-x;
background-position:0 -56px;
color: #fff;
}

/*IE6対策*/
* html #global-menu ul li a:hover{ height: auto; }

/*-----------------------  PR ZONE  ----------------------*/

.center-pr
{
text-align: center;
}

/*-------------------  CENTER CONTENTS  ------------------*/

#center
{
position: static;
height : auto;
text-align : left;
margin : 0px 330px 50px 25px;
padding : 330px 0px 0px 0px;
overflow : hidden;
}

.center-new,
.center-new1,
.center-new2,
.center-new3,
.center-new4,
.center-new5,
.center-new6,
.center-new7,
.center-new8,
.center-new9
{
width: 650px;
line-height: 2;
margin-bottom : 20px;
padding-bottom : 30px;
font-size: 13px;
}

.center-content
{
width: 630px;
left: 25px;
height : auto;
line-height: 1.8;
color : #333;
margin-bottom : 20px;
padding-bottom : 30px;
}

.center-content p { line-height: 1.4; }
.more { text-align : left; margin-right : 10px; }
.entry-more { margin : 20px 0px; }

.entry-footer
{
border-top-width : 1px;
border-top-color : #ccc;
border-top-style: dashed;
margin-bottom : 30px;
}

.entry-footer p { margin : 5px 0px 20px 10px; }
.entry-footer img { vertical-align: middle; }
.entry-tag { margin : 5px 20px 5px 0px; padding : 20px; }
.entry-tag ul { list-style-type: none; }
.entry-tag li { display : inline; font-size: 14px; padding-right : 10px; }

#center-more
{
width: 630px;
height : auto;
margin-bottom : 50px;
}

/* 野球観枠 */
.yakyukan {
	font-size: 20px;
	margin:0 0 20px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#C6485B;
	border-style:solid;
	background:#fff;
	color:#A73445;
	line-height:140%;
	font-weight:bold;
	margin-top : 35px;
}

.danraku,
.danraku2,
.danraku3,
.danraku4
{
font-size: 19px;
color : #8b3e2f;
width: 630px;
height: auto;
font-weight: 900;
margin-bottom : 15px;
margin-top : 50px;
padding : 8px 5px 8px 10px;
background-color: #faebd7;
text-decoration : none;
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;

border-left-width : 8px;
border-left-style : solid;
border-left-color : #cd6839;

border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #b5b5b5;
}

.topic,
.relation,
.relation2,
.relation3
{
font-size: 18px;
color : #8b3e2f;
width: 630px;
height: auto;
font-weight: 900;
margin-bottom : 15px;
margin-top : 15px;
padding : 8px 5px 8px 10px;
background-color: #faebd7;
text-decoration : none;
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;

border-left-width : 8px;
border-left-style : solid;
border-left-color : #cd6839;

border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #b5b5b5;
}

#center dt
{
width: auto;
height: auto;
font-size: 16px;
font-weight: 900;
color : #cd5c5c;
margin : 10px 0px;
padding : 5px 5px;

border-left-width : 5px;
border-left-style : solid;
border-left-color : #fc0;
}

#center dd { font-size: 13px; }

.dd-date,
.commentid a
{
font-size: 13px;
font-weight: 400;
color : #333;
text-decoration : none;
}

#cat-rss
{
width: 630px;
text-align : center;
margin-bottom : 10px;
padding-top : 15px ;
text-align: right;

border-bottom-width : 3px;
border-bottom-style : double;
border-bottom-color : #ccc;
}

#cat-rss p
{
margin : 0px;
padding : 3px 10px;
}

#cat-rss img { vertical-align: middle; }

#writing { font-size: 13px; }

.writing-title
{
font-size: 13px;
font-weight: 900;
color: #ffffdd;
margin-bottom : 10px;
padding : 3px ;
background-color: #cd5c5c;

border-left-width : 5px;
border-left-style : solid;
border-left-color : #fc0;
}

#writing textarea { width: 530px; }
#comment-date { text-align: right; margin-right : 50px; }
#comment-date p { margin-bottom : 10px; }
#comment-date input { width: 250px; }
#twitter { text-align: left; padding : 20px 20px 20px 10px; }

.writing-box {width : 630px;}

.writing-box p
{
margin : 0px 10px 15px 10px;
padding : 5px 15px;

border-width : 3px;
border-color : #cd5c5c;
border-style: double;
}

.comment-box form
{
margin : 0px 10px 30px 10px;
padding : 5px 15px ;

border-width : 3px;
border-color : #cd5c5c;
border-style: double;
}

.tag-title,
.commenter,
.tb-title
{
font-size: 13px;
font-weight: 900;
color : #cd5c5c;
margin : 10px 0px;
padding : 2px 5px;

border-left-width : 5px;
border-left-style : solid;
border-left-color : #fc0;
text-decoration:none;
}

.commenter a { text-decoration:underline; }
.commenter a:link{ color: #00f; }
.commenter a:visited{ color: #00f; }
.commenter a:hover{ color: #ff0033; }
.commenter a:active { color: #0066ff; }

.comment-body,
.tb-body
{
font-size: 14px;
color : #333;
}

.comment-footer,
.tb-footer
{
font-size: 13px;
color : #333;
padding-top : 3px;
text-align: right;

border-top-width : 1px;
border-top-color : #ccc;
border-top-style: dashed;
}


#list,
#list2,
#list3,
#list4,
#list5
{
margin : 10px 0px 10px 0px;
}

#list ul,
#list2 ul,
#list3 ul,
#list4 ul,
#list5 ul
{
margin : 10px 0px 10px 0px;
text-align: left;
list-style-type : none;
}

#list li,
#list2 li,
#list3 li,
#list4 li,
#list5 li
{ 
background:url(../images/list2.gif) 2px 0.6em no-repeat;
line-height: 120%;
text-indent:15px;
padding : 4px 0px 4px 0px;
}

#list-yoko,
#list2-yoko,
#list3-yoko,
#list4-yoko,
#list5-yoko
{
margin : 10px 0px 10px 0px;
}

#list-yoko ul,
#list2-yoko ul,
#list3-yoko ul,
#list4-yoko ul,
#list5-yoko ul
{
margin : 10px 0px 10px 0px;
text-align: left;
list-style-type : none;
}

#list-yoko li,
#list2-yoko li,
#list3-yoko li,
#list4-yoko li,
#list5-yoko li
 { 
text-indent:15px;
padding : 0px 0px 5px 0px;
display : inline;
}

/* 引用枠の設定 */
blockquote{
font-size: 14px;
background-color : #fdfcf9;
line-height: 1.8;
padding-top : 10px; padding-left : 15px; padding-right : 15px;
padding-bottom: 10px;
margin : 5px 15px 20px 7px; 
border-width : 1px 1px 1px 1px; border-style : solid solid solid solid;
border-color : #bfb6ab #bfb6ab #bfb6ab #bfb6ab;}

blockquote p {
display: block;
line-height: 1.8;
margin : 5px 0px 15px 0px;
}

blockquote cite {
text-align: right;
display: block;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 10px;
margin: 0px;
}

blockquote cite a { text-decoration:underline; }
blockquote cite a:link{ color: #808080; }
blockquote cite a:visited{ color: #808080; }
blockquote cite a:hover{ color: #daa520; }
blockquote cite a:active { color: #808080; }


/* 引用枠 グレー */
.waku,
.waku-o1,
.waku-o2,
.waku-o3,
.waku-o4,
.waku2,
.waku-g1,
.waku-g2,
.waku-g3,
.waku-g4
 {
font-size: 14px;
background-color : #fdfcf9;
line-height: 1.8;
padding-top : 10px; padding-left : 15px; padding-right : 15px;
padding-bottom: 10px;
margin : 5px 15px 20px 7px; 
border-width : 1px 1px 1px 1px; border-style : solid solid solid solid;
border-color : #bfb6ab #bfb6ab #bfb6ab #bfb6ab;
 }

.waku p,
.waku-o1 p,
.waku-o2 p,
.waku-o3 p,
.waku-o4 p,
.waku2 p,
.waku-g1 p,
.waku-g2 p,
.waku-g3 p,
.waku-g4 p
{
display: block;
line-height: 1.8;
margin : 5px 0px 15px 0px;
}

.waku cite,
.waku-o1 cite,
.waku-o2 cite,
.waku-o3 cite,
.waku-o4 cite,
.waku2 cite,
.waku-g1 cite,
.waku-g2 cite,
.waku-g3 cite,
.waku-g4 cite
{
text-align: right;
display: block;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 10px;
margin: 0px;
}

.waku cite a,
.waku-o1 cite a,
.waku-o2 cite a,
.waku-o3 cite a,
.waku-o4 cite a,
.waku2 cite a,
.waku-g1 cite a,
.waku-g2 cite a,
.waku-g3 cite a,
.waku-g4 cite a
{ text-decoration:underline; }

.waku cite a:link,
.waku-o1 cite a:link,
.waku-o2 cite a:link,
.waku-o3 cite a:link,
.waku-o4 cite a:link,
.waku2 cite a:link,
.waku-g1 cite a:link,
.waku-g2 cite a:link,
.waku-g3 cite a:link,
.waku-g4 cite a:link,
.waku cite a:visited,
.waku-o1 cite a:visited,
.waku-o2 cite a:visited,
.waku-o3 cite a:visited,
.waku-o4 cite a:visited,
.waku2 cite a:visited,
.waku-g1 cite a:visited,
.waku-g2 cite a:visited,
.waku-g3 cite a:visited,
.waku-g4 cite a:visited,
.waku cite a:active,
.waku-o1 cite a:active,
.waku-o2 cite a:active,
.waku-o3 cite a:active,
.waku-o4 cite a:active,
.waku2 cite a:active,
.waku-g1 cite a:active,
.waku-g2 cite a:active,
.waku-g3 cite a:active,
.waku-g4 cite a:active
{ color: #808080; }


.waku cite a:hover,
.waku-o1 cite a:hover,
.waku-o2 cite a:hover,
.waku-o3 cite a:hover,
.waku-o4 cite a:hover,
.waku2 cite a:hover,
.waku-g1 cite a:hover,
.waku-g2 cite a:hover,
.waku-g3 cite a:hover,
.waku-g4 cite a:hover
{ color: #daa520; }


/* 引用枠の設定 ドット枠 */
.waku1,
.waku-d1,
.waku-d2,
.waku-d3,
.waku-d4
{
font-size: 14px;
line-height: 1.8;
background-color : #f0ffff;
padding-top: 10px; padding-left: 10px; padding-right: 10px;
padding-bottom: 10px;
margin : 5px 15px 25px 7px; 
border-width : 2px 2px 2px 2px;border-style : dotted dotted dotted dotted;
border-color : #c1cdcd #c1cdcd #c1cdcd #c1cdcd;}

.waku1 p, 
.waku-d1 p,
.waku-d2 p,
.waku-d3 p,
.waku-d4 p
{
display: block;
line-height: 1.5;
margin : 5px 0px 15px 0px;
}

.waku1 cite,
.waku-d1 cite,
.waku-d2 cite,
.waku-d3 cite,
.waku-d4 cite
{
text-align: right;
display: block;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 10px;
margin: 0px;
}

.waku1 cite a,
.waku-d1 cite a,
.waku-d2 cite a,
.waku-d3 cite a,
.waku-d4 cite a
{ text-decoration:underline; }

.waku1 cite a:link,
.waku-d1 cite a:link,
.waku-d2 cite a:link,
.waku-d3 cite a:link,
.waku-d4 cite a:link
{ color: #808080; }

.waku1 cite a:visited,
.waku-d1 cite a:visited,
.waku-d2 cite a:visited,
.waku-d3 cite a:visited,
.waku-d4 cite a:visited
{ color: #808080; }

.waku1 cite a:hover,
.waku-d1 cite a:hover,
.waku-d2 cite a:hover,
.waku-d3 cite a:hover,
.waku-d4 cite a:hover
{ color: #daa520; }

.waku1 cite a:active,
.waku-d1 cite a:active,
.waku-d2 cite a:active,
.waku-d3 cite a:active,
.waku-d4 cite a:active
{ color: #808080; }


/* TW 表示領域の大枠 */
#topsy-tweet-search-results {
    font-size:12px;
    border-top:2px solid #ddf6ff;
    border-bottom:2px solid #ddf6ff;
    background:#eefbff;
    margin-top:8px;
    padding-left:6px;
}
/* TW 表示領域の見出し */
#topsy-tweet-search-results .topsy-tweet-search-results-header {
    font-size: 18px;
    color:#4169e1;
    font-weight:bold;
}
/* TW 個々のツイート領域 */
#topsy-tweet-search-results .topsy-tweet-search-result {
    clear:both;
    padding:6px 0;
    border-bottom:2px solid #fff;
    overflow:hidden;
}
/* TW ユーザー名 */
#topsy-tweet-search-results .topsy-tweet-name {
    font-weight:bold;
}
/* TW アイコン領域 */
#topsy-tweet-search-results .topsy-tweet-image {
    float:left;
    width:48px;
    height:48px;
    margin-right:12px;
}
/* TW アイコン画像 */
#topsy-tweet-search-results .topsy-tweet-image img {
    width:48px;
    height:48px;
}
/* TW ツイート */
#topsy-tweet-search-results .topsy-tweet-text {
    float:left;
    width:520px;
    background:#fff;
    padding:4px;
}
/* TW 日付 */
#topsy-tweet-search-results .topsy-tweet-date a {
    color:#999;
}
/* TW 「すべて表示」の操作テキスト */
#topsy-tweet-search-results #topsy-show-more-tweets {
    color:#1d3994;
    cursor:pointer;
    text-align:right;
    font-weight:bold;
    padding-right:4px;
}
/* TW アイコン形式の表示でのアイコンサイズ */
#topsy-tweet-search-results img.topsy-profile-image-small {
    width:24px;
    height:24px;
    margin:4px;
}  


hr.type1 {
border: none;
height: 0.5px;
border-bottom: 0.5px dashed #999999;
margin-bottom: 1em;
}

hr.type2 {
    border: 0;
    border-bottom: 0.5px dashed #ccc;
    background: #999;
    margin-bottom: 1em;
}

hr.type3 {
    border: 0;
    height: 0.5px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
    margin-bottom: 1em; 
}

hr.type4 {
    border: none;
    height: 0.5px;
    border-bottom: 0.5px dotted #999999;
    margin-bottom: 1em;
}

/*-------------------  HEADER ADS  ------------------*/

.header-ads
{
position: absolute;
top: 224px;
left: 22px;
width: 970px;
height: 90px;
text-align: center;
}

/*-------------------エリア新着-------------------*/
#erianew1,
#erianew2,
#erianew3,
#erianew4
{
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
}
#erianew1 table,
#erianew2 table,
#erianew3 table,
#erianew4 table
 {
    border: 1px solid #BEBEBE;
    border-collapse: collapse;
    border-spacing: 0;
}
#erianew1 th,
#erianew2 th,
#erianew3 th,
#erianew4 th
 {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    background: #cd5c5c;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    width:10px;
}
#erianew1 td,
#erianew2 td,
#erianew3 td,
#erianew4 td
 {
    font-size: 12px;
    padding: 5px;
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
}
#erianew1 tr:nth-child(2n+1),
#erianew2 tr:nth-child(2n+1),
#erianew3 tr:nth-child(2n+1),
#erianew4 tr:nth-child(2n+1)
{
    background: #fdf5e6;
}
#erianew tr:nth-child(5n)
 {
    border-bottom: 2px solid #BEBEBE;
}

/*-------------------ランキング-------------------*/

#ranking1,
#ranking2,
#ranking3
{
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
}
#ranking1 table,
#ranking2 table,
#ranking3 table
 {
    border: 1px solid #BEBEBE;
    border-collapse: collapse;
    border-spacing: 0;
}
#ranking1 th,
#ranking2 th,
#ranking3 th
 {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    background: #cd5c5c;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    width:10px;
}
#ranking1 td,
#ranking2 td,
#ranking3 td
 {
    padding: 5px;
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
}
#ranking1 tr:nth-child(2n+1),
#ranking2 tr:nth-child(2n+1),
#ranking3 tr:nth-child(2n+1) 
{
    background: #fdf5e6;
}
#ranking tr:nth-child(5n)
 {
    border-bottom: 2px solid #BEBEBE;
}


/*-------------------  RIGHT CONTENTS  ------------------*/

#right
{
position: absolute;
top: 340px;
left: 717px;
width: 300px;
height: auto;
text-align: left;
font-size: 14px;
}

#info              /* ### フラッシュ ### */
{
width: 300px;
height: 160px;
}

#info p
{
margin : 0px 0px 10px 0px;
padding : 0px;
}

.right-title
{
margin : 0px 0px 10px 0px;
padding : 5px;
font-size: 15px;
color: #f5f5f5;
background: #fff url(../images/sidetitleback-r.png) ;
background-repeat: no-repeat;

border-left-width : 5px;
border-left-style : solid;
border-left-color : #cd5c5c;
}

#right ul
{
margin : 5px 0px 15px 5px;
text-align: left;
list-style-type : none;
}

#right li
{
margin-left : 0px;
padding-left : 0px;
}

/*--------------------------------------------------*/

#navi
{
position: absolute;
top : 182px;
left : 22.5px;
width : 1000px;
line-height: 1.1;
background-color: #e6e6fa;
text-align: left;
font-size: 12px;
}

#navi ul { margin : 0px; padding : 5px ; }

#navi li
{
margin-right : 3px;
display : inline;
}

#navi a { text-decoration:underline; }
#navi a:link{ color: #808080; }
#navi a:visited{ color: #808080; }
#navi a:hover{ color: #daa520; }
#navi a:active { color: #808080; }

/*-------------------  BOTTOM CONTENTS  ------------------*/

#bottom
{
position: relative;
left: 5px;
width: 1035px;
height: 280px;
text-align: center;
background-image:url(../images/bottom.png);
background-repeat: repeat;
background-position: bottom;
}


#bottom p
{
position: relative;
top: 35px;
left: 15px;
font-size: 12px;
color: #000;
}

#bottom a
{
color: #000;
text-decoration:none;
}

.bottom-link
{
height : 20px;
padding :8px 0px 5px 0px;
border-top-width : 1px;
border-top-style : solid;;
border-top-color : #000;

border-bottom-width : 1px;
border-bottom-style : solid;;
border-bottom-color : #000;
}

.copyright
{
position: relative;
width : 746px;
margin: 100px 2px 0px 2px;
padding-top: 5px;
padding-bottom: 5px;

font-size : 12px;
color : #000;
text-align: center;

border-top-width : 2px;
border-top-style : solid;
border-top-color : #ccc;
}


/*------------------------------------------*/

h1
{
position: absolute;
top : 5px;
left : 25px;
font-size : 11px;
font-weight : 400;

line-height: 1.2em;
color : #696969;
z-index: 1;
}

h2
{
position: absolute;
top : 13px;
left : 25px;
right: 25px;
font-size : 9px;
font-weight : 400;
text-align: left;
line-height: 1.2em;
letter-spacing : 1px;
color : #696969;
z-index: 3;
height: 1px;
overflow:hidden;
}

h3,h4,h5,h6,.midashi,.midashi1,.midashi2,.midashi3,.midashi4,.midashi5
{
font-size: 23px;
color: #8b3e2f;
width: 630px;
line-height: 1.3;
margin-bottom : 10px;
padding : 10px ;
background-color: #faebd7;
text-decoration : none;
font-family: "メイリオ",Meiryo,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;

border-left-width : 8px;
border-left-style : solid;
border-left-color : #cd6839;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #b5b5b5;
}

h3 a,h4 a,h5 a,h6 a,.midashi a { text-decoration : none; }


#entry-date
 {
 text-align: right;
 font-size: 10px;
 color: #696969;
 width: 640px;
 line-height : 100%;
 }

#entry-date1
 {
 text-align: right;
 font-size: 10px;
 color: #696969;
 width: 640px;
 line-height : 100%;
 }

#entry-date2
 {
 text-align: right;
 font-size: 10px;
 color: #696969;
 width: 640px;
 line-height : 100%;
 }

#entry-date3
 {
 text-align: right;
 font-size: 10px;
 color: #696969;
 width: 640px;
 line-height : 100%;
 }

#entry-date4
 {
 text-align: right;
 font-size: 10px;
 color: #696969;
 width: 640px;
 line-height : 100%;
 }

#entry-date5 { font-size: 10px; }

#twitter-button
 {
 text-align: right;
 width: 640px;
 }

#yt,
#yt2,
#yt3 
{ position:relative; }

#yt a,
#yt2 a,
#yt3 a 
{
/*枠付リンクテキストの背景の設定*/
position:absolute;
top: 10px;
left: 10px;
background:#000000;
height:30px;
width:450px;

/*リンクテキストの設定*/
color:#ffd700;
font-size:14px;
text-align:center;
font-weight:bold;
line-height:30px;
letter-spacing:1px;
display:block;
}

#yt a:hover,
#yt2 a:hover,
#yt3 a:hover 
{
/*マウスをテキストリンク上にもってきたときの設定*/
color:#0000ff;
background:#ffb6c1;
}

/*-------------------カレンダー-------------------*/

#calendar {
line-height: 1.6;
color: #003300;
font-family: Verdana, Arial, sans-serif;
padding: 0px;
text-align: center;
margin-bottom: 5px;
}

#calendar table {
font-size: 90%;
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 270px;
}

#calendar caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #333333;
text-align: center;
background-color: #ffffff;
padding-top: 2px;
padding-bottom: 5px;
}

#calendar th {
text-align: center;
font-weight: normal;
background-color: #ebe8e1;
}

#calendar .sunday { background-color:#ffe6cc; }
#calendar .saturday { background-color:#ccffcc; }
#calendar td { text-align: center; }

#calendar a:link {
text-decoration: none;
color: #0033ff;
border-bottom: 1px solid #d97f26;
}

#calendar a:link:hover {
text-decoration: underline;
color: #ff3300;
border-bottom: 1px solid #d97f26;
}

#calendar a:link:active {
text-decoration: underline;
color: #0033ff;
border-bottom: 1px solid #d97f26;
}

#calendar a:visited {
text-decoration: none;
color: #0033ff;
border-bottom: 1px solid #d97f26;
}

#calendar a:visited:hover {
text-decoration: underline;
color: #ff3300;
border-bottom: 1px solid #d97f26;
}

#calendar a:visited:active {
text-decoration: underline;
color: #0033ff;
border-bottom: 1px solid #d97f26;
}

/* 上合わせ */
.top{vertical-align : super;}

#back-forth
{
left: 215px;
width: 610px;
height: auto;
font-size : 13px;
text-align: left;
padding : 3px 3px 3px 10px;
background-color: #eefbff;
border-width : 1px;
border-style : solid;
border-color : #11c4ff;
}

#kanren
{
font-size : 17px;
text-align: left;
font-weight: bold;
line-height : 2;
}

#kanren2
{
font-size : 17px;
text-align: left;
font-weight: bold;
line-height : 2;
}

/*----------フォーム----------*/

.input-box
 {
 width : 480px;
 height : auto;
 border-width : 3px;
 border-style : double;
 border-color : #666;
 }

.input-title
 {
 padding : 5px ;
 font-size : 13px;
 font-weight : 600;
 color : #666;
 background-color : #ff9;
 }

.input-box form
 {
 font-size : 13px;
 color : #333;
 padding : 10px ;
 }

.input-box label
 {
 font-weight : 900;
 float: left;
 }

.input-box textarea { width : 100%; } 
 

/*----------問い合わせフォーム----------*/

#inquiry {
    width: 500px;
}

#inquiry table
 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 5px solid #3EC5EB;
border-right: 1px solid #ccc;
font-size: 13px;
width: 100%;
 }

#inquiry td
 {
border-top: none;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;
padding: 10px;
 }
 
#inquiry th
 {
border-top: none;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;
background-color: #F0ECD3;
font-weight: normal;
padding: 10px;
width: 120px;
 } 

#inquiry p
{
padding : 0px;
margin: 0px;
}

.type
{
 font-weight : 900;
 text-align: center;
 background-color: #ADD0DB;
 }

#lay
{ width: 550px; }

#lay table
 {
 margin-left : 0px;
 width : 490px;
 height : auto;
 font-size : 13px;
 font-weight : 400;
 background-color : #fff;
 border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
 }

#lay td
 {
 padding: 0px 0px 0px 0px;
 font-size : 13px;
 font-weight : 400;
 background-color : #fff;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
 }
 

#lay th
 {
 padding: 0px 30px 0px 0px;
 background-color : #fff;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
 }

/*--------------table------------------*/

table
 {
 margin-left : 0px;
 width : 480px;
 height : auto;
 font-size : 12px;
 font-weight : 400;
 background-color : #fff;
 border-width : 2px;
 border-style : solid;
 border-color : #ccc;
 border-collapse: collapse;
 }

td
 {
 border-width : 1px;
 border-style : solid;
 border-color : #ccc;
 padding: 5px;
 }
 
 th
 {
 border-width : 1px;
 border-style : solid;
 border-color : #ccc;
background-color: #F0ECD3;
font-weight: normal;
padding: 5px;
width: 100px;
 }

#hyou
{ width: 480px; }

#hyou table
 {
 margin-left : 0px;
 width : 480px;
 height : auto;
 font-size : 12px;
 font-weight : 400;
 background-color : #fff;
 border-width : 2px;
 border-style : solid;
 border-color : #ccc;
 border-collapse: collapse;
 }

#hyou td
 {
 border-width : 1px;
 border-style : solid;
 border-color : #ccc;
 padding: 5px;
 }
 
#hyou th
 {
 border-width : 1px;
 border-style : solid;
 border-color : #ccc;
background-color: #F0ECD3;
font-weight: normal;
padding: 5px;
width: 100px;
 }

#hyou p
{
padding : 0px ;
margin: 0px;
}
 
#hyou ul
{
margin : 0px;
text-align: left;
}

#hyou li
{
margin : 0px;
}

/*-----分割ページリスト-----*/

p.pagelist {
font-size:13px;
width: 650px;
clear:both;
padding-top:10px;
text-align:right;
}

p.pagelist a{
text-decoration:none;
padding:4px;
border:1px solid #000080;
background:#f8f8ff;
color:#000080;
}

p.pagelist a:hover{
text-decoration:none;
padding:4px;
background:#0066cc;
color:#fff;
}

p.pagelist b{
font-weight:bold;
text-decoration:none;
padding:4px;
border:1px solid #0066cc;
background:#0066cc;
color:#fff;
}

/*------entry-info-----*/

#extra {
background : url(../img/exbg.jpg) repeat-x;
position : fixed;
bottom : 0;
left : 0;
width : 100%;
z-index : 100;
display : none;
overflow : hidden;
}

#extra .close {
margin : 5px 10px 0 0;
text-align : right;
}

#extra .close a {
border : 1px solid #fff;
color : #fff;
font-size : 10px;
padding : 5px 10px;
}

#extra .inner {
background : url(../img/extra_bg.jpg) no-repeat 0% 100%;
font-size:13px;
margin : 0 auto;
text-align : left;
padding : 0 25px 10px;
width : 1000px;
}

#extra .inner .ttl {
border-bottom : 1px solid #fff;
margin : 0 0 10px;
padding : 0 0 10px;
}

#extra .inner .ttl span {
margin-right : 20px;
}

#extra .inner ul li {
line-height : 1.8;
display : inline;
margin-right : 10px;
}

#extra .inner ul li a { color : #fff; }

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

#extra .inner .block {
font-size:13px;
display : inline-block;
margin-bottom : 12px;
}

#extra .inner .block {
display : block;
}

#extra .inner .block ul {
margin : 0 0 0 10px;
}

#extra .inner .extraNav {
margin-right : 140px;
text-align : right;
}

#extra .inner .extraNav li {
font-size:12px;
display : inline;
border-left : 1px solid #fff;
margin : 0 0 0 5px;
padding : 0 0 0 5px;
}

#extra .inner .extraNav li.first-child {
border : none;
padding : 0;
margin : 0;
}

/*-----新着画像エントリ-----*/

#whats-news ul {
margin:0;
padding:0;
list-style:none;
width:100%;
}

#whats-news ul li {
margin:0px;
padding: 10px 5px 10px 0px;
line-height:1.8em;
border-bottom:1px dotted #999999;
vertical-align:middle;
font-size: 12px;
margin-left: 1em;
margin-right: 1em;
}

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

.clearfix {
display: inline-block;
}

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