@import url(http://fonts.googleapis.com/css?family=Passion+One:400,700);
body {
font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
margin: 0;
padding: 0;
background: #fff;}
/* ヘッダー */
body > header {border-bottom: solid 1px #aaa; box-shadow: 0px 0px 6px #aaa; border-top: solid 6px #003399;
background: #0099cc; padding-bottom: 0px;
overflow: hidden;}
body > header #header_inner01 {width: 980px; height: 60px; padding: 8px; margin: auto;}
body > header h1 {margin: 0px 0px 0;
line-height: 0;}
body > header h1 img {vertical-align: bottom;
height: 60px; float: left;}
body > header h2 {margin: 0px 0px 0; float: right; margin-right: 12px;
line-height: 0;}
body > header h2 img {vertical-align: bottom;
height: 60px; float: right;}
body > header #header_inner02 {width: 980px;
margin: auto;}
/* ナビゲーション */
nav ul {margin: 0px 0px 0px 0px;
padding: 0;
float: center;}
nav li { list-style-type: none; margin-top: 0px; border-radius: 0px 0px 4px 4px; background: #FFFFFF;
border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; border-left: solid 1px #aaa; line-height: 1.8;
float: left; margin-left: -1px;}
nav li a {display: block; background: #0099cc;
width: 154px; border: solid 2px #0099cc; border-radius: 0px 0px 4px 4px; margin-bottom: 1px;
height: 24px;
padding: 1px;
font-size: 14px;
color: black;
text-align: center;
text-decoration: none;
border-bottom: solid 4px #0099cc; color: #ffffff;}
nav li a[href] {display: block; background: #FFFFFF;
width: 154px; border: solid 2px #FFFFFF; border-radius: 0px 0px 4px 4px; margin-bottom: 1px;
height: 24px;
padding: 1px;
font-size: 14px;
color: black;
text-align: center;
text-decoration: none;
border-bottom: solid 4px #0099cc;}
nav li:nth-child(7) a[href] {display: block; background: #FFFFFF;
width: 154px; border: solid 2px #FFFFFF; border-radius: 0px 0px 4px 4px; margin-bottom: 1px;
height: 24px;
padding: 1px;
font-size: 14px;
color: black;
text-align: center;
text-decoration: none;
border-bottom: solid 4px #ff3399;}
nav li:first-child {border-left: solid 1px #aaa; margin-left: 1px;}
nav li:nth-child(1) {background: #ffffff;}
nav li a:hover {border-bottom: solid 4px #0099cc;}
nav li a:hover[href] {background: #0099cc; border-bottom: solid 4px #0099cc;
border-left: solid 2px #0099cc;
border-right: solid 2px #0099cc;
border-top: solid 2px #0099cc; color: #ffffff;}
nav li:nth-child(7) a:hover[href] {background: #ff3399; border-bottom: solid 4px #ff3399;
border-left: solid 2px #ff3399;
border-right: solid 2px #ff3399;
border-top: solid 2px #ff3399; color: #ffffff;}
/* メイン */
#main {width: 980px;
margin: 0px auto 10px;
overflow: hidden;}
.ad01 {text-align: center; padding: 40px;}
/* 記事 */
article {width: 640px; margin-top: 20px; font-size: 16px; margin-left: 1px;
float: left;
border: solid 0px #aaa;
background: white;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;}
article h1 {
font-size: 16px;
margin: 0;
background-color: white;}
article section h1 {font-size: 16px; height: 17px;
margin: 0px 0px 0px 0px;
border-left: solid 6px #0099cc;
line-height: 1.2;
padding: 3px 0 2px 6px;}
article section h3 {font-size: 16px;
margin: 0px 0px 0px 0px; width: 632px;
border: solid 1px #aaa;
padding: 3px 0 0px 6px;}
article section h4 {font-size: 16px; width: 627px;
margin: 0px 0px 0px 0px;
border-left: solid 6px #0099cc; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa;
border-right: solid 1px #aaa; padding: 3px 0 0px 6px; }
article section h5 {font-size: 16px; width: 640px;
margin: 0px 0px 0px 0px;
border-left: solid 0px #0099cc; border-top: solid 0px #aaa; border-bottom: solid 4px #0099cc;
border-right: solid 0px #aaa; padding: -2px 0px 2px 6px; }
article section h6 {font-size: 12px; width: 640px;
margin: 0px 0px 0px 0px;
border-left: solid 0px #0099cc; border-top: solid 0px #aaa; border-bottom: solid 0px #0099cc;
border-right: solid 0px #aaa; padding: 0px 0px 0px 0px; }
article section h8 {font-size: 12px; width: 640px; color: #fff;
margin: 0px 0px 0px 0px; background: #aaa;
border-left: solid 0px #0099cc; border-top: solid 0px #aaa; border-bottom: solid 0px #0099cc;
border-right: solid 0px #aaa; padding: 0px 0px 0px 2px; }
article section h2 {font-size: 16px; width: 640px;
margin: 0px 0px 0px 0px;
border-left: solid 0px #0099cc; border-top: solid 0px #aaa; border-bottom: solid 0px #0099cc;
border-right: solid 0px #aaa; padding: -2px 0px 2px 6px; }
article time {font-family: Verdana, Helvetica, sans-serif;
display: block;
margin: 10px 0;}
article p {text-align: left; font-size: 14px;
margin: 0px 0px 20px 0px;
line-height: 1.8; padding: 8px;
background-color: white;}
article section #nav01 { width: 640px; font-size: 12px; text-align: right; padding: 4px 0px 0px 0px; height: 40px;}
article section #nav02 { width: 640px; font-size: 12px; text-align: right; padding: 4px 0px 0px 0px; height: 40px; border-top: solid 1px #666; clear:left;}
article section #nav03 { width: 640px; font-size: 12px; text-align: right; padding: 4px 0px 0px 0px; height: 40px; border-top: dotted 1px #666; clear:left;}
article section #main01 { width: 640px; font-size: 12px; padding: 0px 0px 0px 0px;}
article section #main02 { width: 640px; font-size: 12px; padding: 0px 0px 0px 0px;}
article section #main03 { width: 650px; font-size: 12px; padding: 0px 0px 0px 0px;}
article section #spacer04 { padding: 2px; }
article section #spacer08 { padding: 4px; }
article section #spacer12 { padding: 12px; }
article section #spacer20 { padding: 10px; }
article section #spacer40 { padding: 20px; }
article section #spacer60 { padding: 30px; }
article section #spacer80 { padding: 40px; }
article section #sub_title01 { font-size: 12px; float: left;}
article section #sub_title03 { font-size: 12px; float: left;}
article section #sub_title03 a {text-decoration: underline;
color: #0099cc;}
article section #sub_title03 a:hover { text-decoration: underline;
}
article section #sub_title02 { font-size: 12px; float: right;}
article section #sub_title02a { font-size: 12px; float: left; background: #FFCCFF; padding: 0px 4px 0px 4px; }
article section #sub_title02b { font-size: 12px; float: left; background: #FFFFFF; padding: 0px 4px 0px 4px; }
article section #team01a { width: 620px; height: 160px; font-size: 12px;;}
article section #team01 { width: 155px; font-size: 12px; float: left; margin-left: -1px; margin-right: 8px; }
article section #team01 a {text-decoration: none;
}
article section #team01 a:hover { text-decoration: underline;
}
article section #team02a { font-size: 12px; float: left; margin-left: 0px; margin-right: 30px; }
article section #team02a1 { font-size: 12px; float: left; margin-left: 0px; margin-right: 12px; }
article section #team02b { font-size: 12px; margin-right: 0px; margin-left: 0px;}
article section #team02b1 { font-size: 12px; margin-right: 0px; margin-left: 0px;}
article section #team02 { font-size: 12px; float: left; margin-left: 0px; margin-right: 21px; }
article section a {text-decoration: underline;
color: #0099cc;
}
article section #team03a { width: 620px; height: 160px; font-size: 12px;}
article section #team03 { width: 155px; font-size: 12px; float: left;}
article section #team03 a {text-decoration: none; }
article section #team03 a:hover { text-decoration: underline; }
article section #team04a { width: 602px; height: 80px; font-size: 12px; }
article section #team04 { width: 180px; font-size: 14px; float: left; text-align: left; margin-left: 20px;}
article section #team04 a {text-decoration: none; }
article section #team04 a:hover { text-decoration: underline; }
article section a:hover { text-decoration: underline; color: #0099cc;
}
article section a:hover[href] { text-decoration: underline; color: #0099cc;
}
article section a[href] {text-decoration: underline;
color: #0099cc;
}
/* ゲーム */
article section #match01 { font-size: 12px; margin: 0px 0px 0px 14px; }
article section #team01 { width: 188px; font-size: 12px; float: left; }
article section #team02 { width: 188px; font-size: 12px; float: left; }
article section #emblem01 { width: 60px; float: left; margin: -8px 0px 0px 0px; text-align: left; }
article section #emblem02 { width: 60px; float: left; margin: -8px 0px 0px 0px; text-align: right;}
article section #club01a { width: 128px; font-size: 12px; float: left; margin: 9px 0px 0px 0px; text-align: center; font-weight: bold; }
article section #club01b { width: 128px; font-size: 12px; float: left; margin: -2px 0px 0px 0px; text-align: center; font-weight: bold; }
article section #club02a { width: 128px; font-size: 12px; float: left; margin: 9px 0px 0px 0px; text-align: center; font-weight: bold; }
article section #club02b { width: 128px; font-size: 12px; float: left; margin: -2px 0px 0px 0px; text-align: center; font-weight: bold; }
article section #score01 { width: 72px; font-size: 12px; float: left; margin: 3px 0px 0px 0px; text-align: right; font-weight: bold; }
article section #score02 { width: 72px; font-size: 12px; float: left; margin: 3px 0px 0px 0px; text-align: left; font-weight: bold; }
article section #score03 { width: 64px; font-size: 12px; float: left; margin: 0px 0px 0px 0px; text-align: center; font-weight: bold; }
}
/* チーム */
article section #seagulls01 {font-size: 16px; width: 640px;
margin: 0px 0px 0px 0px;
border-left: solid 0px #0099FF; border-top: solid 0px #aaa; border-bottom: solid 4px #0099FF;
border-right: solid 0px #aaa; padding: -2px 0px 2px 6px; }
/* サイドバー */
#sidebar {width: 300px; margin-right: 12px; margin-top: 2px;
float: right; }
aside {border: solid 0px #aaa;
background: white;
margin: 20px 0 20px 0;
padding: 0px;}
aside h1 {border-bottom: solid 2px #0099cc;
margin: 0;
padding: 0 0 0px 0;
font-size: 16px;
color: #0099cc;}
aside h2 {border-bottom: solid 0px #0099cc;
margin: 0;
padding: 0 0 0px 0;
font-weight: normal;
font-size: 16px;
color: #000000;}
/* アイコンメニュー */
aside #iconmenu {margin: 8px 0 0;
padding: 0;}
aside #iconmenu li {display: inline; BORDER-BOTTOM:
list-style-type: none;}
aside #iconmenu img {border: none;}
/* ランキングメニュー */
aside ol {margin: 0px 0 0;
padding: 0;}
aside ol li {list-style-type: none;
counter-increment: mycount; BORDER-BOTTOM: #0099cc 1px dotted;
margin: 0 0 0px 0;}
aside ol li::before {content: counter(mycount, decimal);
background: #FF399;
padding: 0px 6px;
margin: 0 8px 0 0;
font-weight: bold;
font-size: 14px;
color: white;}
/* 最新記事メニュー */
aside ul {margin: 4px 0 0 20px;
padding: 0;}
aside ul li {margin: 0 0 0px 0; width:300px; height: 22px;
color: #000000; font-size: 14px;}
aside a {text-decoration: none;
color: #0099cc;
}
aside a:hover { text-decoration: none; color: #0099cc;
}
aside a:hover[href] { text-decoration: underline; color: #0099cc;
}
aside a[href] {text-decoration: none;
color: #0099cc;
}
/* 年間記事メニュー */
aside #menu01 {margin: 0px 0 0;
padding: 0;}
aside #menu01 li {list-style-type: none;
BORDER-BOTTOM: #0099cc 1px dotted; width: 295px;
margin: 0 0px 0px 0; padding: 0px 0px 0px 4px;}
/* トピックス１ */
#section01a {font-size: 12px; width: 628px;
margin-bottom: 20px;
border: solid 2px #0099cc; border-radius: 0px 0px 4px 4px;
padding: 2px 0px 2px 8px;}
#section01b {font-size: 12px; width: 628px;
margin-bottom: 20px;
border: solid 2px #009966; border-radius: 0px 0px 4px 4px;
padding: 2px 0px 2px 8px;}
#section01c {font-size: 12px; width: 628px;
margin-bottom: 20px;
border: solid 2px #CC0000; border-radius: 0px 0px 4px 4px;
padding: 2px 0px 2px 8px;}
#section02a {font-size: 11px;
margin: 1px 0px 2px;
border: solid 0px #aaa; background: #fff;
padding: 12px 12px 4px 0px;}
article #topics01a {margin: 0px 0px 0px 0px;
padding: 0px;}
article #topics01a li {list-style-type: none; font-size: 12px;
BORDER-BOTTOM: #0099cc 1px dotted; width: 619px;
padding: 2px 0px 0px 0px;}
article #topics01a li a { text-decoration: none; }
article #topics01a li a:hover {text-decoration: underline;}
#topics_inner02a {width: 640px; height: 24px; margin-top: 64px; }
#topics_inner02a a { text-decoration: none; color: #FFFFFF;}
#topics_inner02a a:hover {text-decoration: underline;}
#topics_inner02b {width: 212px; margin: 2px 0px 0px 0px; height: 22px; color: #fff; background: #0099cc; border-bottom: solid 0px #FFFFFF; border-radius: 4px 4px 0px 0px; line-height: 2.0;
padding: 0px 0px; 0px; 0px; font-size: 12px; float: left; }
#topics_inner02c {width: 212px; margin: 2px 0px 0px 2px; height: 22px; color: #fff; background: #009966; border-bottom: solid 0px #FFFFFF; border-radius: 4px 4px 0px 0px; line-height: 2.0;
padding: 0px 0px; 0px; 0px; font-size: 12px; float: left; }
#topics_inner02d {width: 212px; margin: 2px 0px 0px 2px; height: 22px; color: #fff; background: #CC0000; border-bottom: solid 0px #FFFFFF; border-radius: 4px 4px 0px 0px; line-height: 2.0;
padding: 0px 0px; 0px; 0px; font-size: 12px; float: left; }
/* トピックス２ */
#section01 {font-size: 12px; width: 628px;
margin-bottom: 20px;
border: solid 2px #0099cc; border-radius: 0px 0px 4px 4px;
padding: 2px 0px 2px 8px;}
#section02 {font-size: 11px;
margin: 1px 0px 2px;
border: solid 0px #aaa; background: #fff;
padding: 12px 12px 4px 0px;}
article #topics01 {margin: 0px 0px 0px 0px; padding: 0px; overflow: auto; width: 627px; height: 240px; background-color: #ffffff;
border: 0px #c0c0c0 solid; color: #000000;}
article #topics01 li {list-style-type: none; font-size: 12px;
BORDER-BOTTOM: #666666 1px dotted; width: 600px; color: #FF0000;
padding: 2px 0px 0px 0px; }
article #topics01 li a { text-decoration: none; color: #000033;}
article #topics01 li a:hover {text-decoration: underline;}
#topics_inner03a01 {width: 640px; height: 24px; margin-top: -38px;}
#topics_inner03a {width: 640px; height: 24px;}
#topics_inner03b {width: 640px; margin: 2px 0px 0px 0px; height: 22px; color: #fff; background: #0099cc; border-bottom: solid 0px #FFFFFF; border-radius: 4px 4px 0px 0px; line-height: 2.0;
padding: 0px 0px; 0px; 0px; font-size: 12px; float: left;}
/* スライドショー */
#slides {
width: 640px; margin-top: 2px;
height: 342px;
text-align: left;
}
.slides_container {
width: 640px;
height: 320px;
overflow:hidden; position: relative; z-index: 1;
display:none; margin-bottom: 22px;
}
.slides_container a {
width:640px;
height:320px;
display:block;
}
.slides_container a img {
display:block;
}
.pagination {
margin-top: -40px; position: relative; z-index: 2;
margin-right: 6px;
float: right; }
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../slide/slide_img/pagination.png);
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}
x;
}
x;
}
#top_photo01 {width: 640px; margin-top: 0px;
}
#top_photo02 {
width:80px; margin-left: 10px;
height:44px; float: left;
}
#top_banner01 {width: 640px; margin-top: 0px; height: 120px; margin-left: 10px;
}
#top_banner02 {
width:180px; margin-left: 20px;
height:102px; float: left;
}
#section01s {font-size: 12px; width: 628px;
margin-bottom: 20px;
border: solid 2px #FFFFFF; border-radius: 0px 0px 4px 4px;
padding: 2px 0px 2px 8px;}
#section02s {font-size: 11px;
margin: 1px 0px 2px;
border: solid 0px #aaa; background: #fff;
padding: 2px 12px 0px 0px;}
#topics_inner03sa {width: 640px; height: 320px; }
#topics_inner03sb {width: 640px; margin: 2px 0px 0px 0px; height: 320px; color: #fff; line-height: 2.0;
padding: 0px 0px; 0px; 0px; font-size: 12px; float: left;}
/* フッター */
footer {border-bottom: solid 0px #aaa; text-align: center;
background: #0099cc; padding-bottom: 0px; margin-top: 40px; color: #FFFFFF;
overflow: hidden;}
figcaption {BORDER-BOTTOM: #ffffff 1px dotted; margin-bottom: 0px; text-align: left; color: #ffffff;
}
body > footer #footer_inner01 {width: 979px; height: 120px; margin: auto; font-size: 12px; text-align: center; line-height: 2.4;
margin-top: 20px; color: #ffffff;}
body > footer #footer_inner02 {height: 18px; background: #003399; font-size: 12px;
margin: auto; }
body > footer #footer_inner01 a {text-decoration: none;
color: #FFFFFF;
}
body > footer #footer_inner01 a:hover { text-decoration: underline; color: #FFFFFF;
}
iframe { border: none; margin-bottom: 20px; }
body > header #topics_inner01 {width: 640px;
margin: auto;}
.img08{
width:640px; height:280px;
border:0px #FFFFFF solid;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow:hidden;
}
.img09{
width:80px; height:44px;
border:0px #FFFFFF solid;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow:hidden;
}
.img10{
width:640px; height:320px;
border:0px #FFFFFF solid;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow:hidden;
}
.img280{
width:640px; height:280px;
border:0px #FFFFFF solid;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow:hidden;
}