/* * * * * * * * * * * * * * * * * * * *
 * oki ftop.css
 * * * * * * * * * * * * * * * * * * * */

/* �¡�¡�¡�¡ body�Ý’è �¡�¡�¡�¡ */
body {
background-color : #333000;
}

/* �¡�¡�¡�¡ ƒRƒ“ƒeƒi�[ �¡�¡�¡�¡ */
#container {
background-color : #333333;
background-image : url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Foki.pga.jp%2Fi.cgi%3Fn%3D%2Fspbg%26decrypt%3D1");
background-repeat : repeat;
color : #9D9C79;
position : relative;
margin : 0 auto;
padding : 5px;
max-width : 380px;
box-shadow : 0px 0px 10px 10px #b7844f;
-webkit-box-shadow : 0px 0px 10px 10px #b7844f;
}

/* �¡�¡�¡�¡ ƒRƒ“ƒeƒ“ƒc�iƒ^ƒCƒgƒ‹—L�j �¡�¡�¡�¡ */
.ftop_box {
margin : 8px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 1000px;
height: auto;
background-color : #000000;
color : #EAB942;
padding : 2px;
padding-top : 5px;
text-align : center;
border : solid 1px #000000;
border-radius : 6px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}
.ftop_box .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #484724;
color : #FFE459;
margin : 0 auto;
margin-top : 2px;
padding : 2px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}

.ftop_box2 {
margin : 8px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 1000px;
height: auto;
background-color : #000000;
color : #EAB942;
padding : 2px;
padding-top : 5px;
text-align : center;
border : solid 1px #000000;
border-radius : 6px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}
.ftop_box2 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #ECC75D;
color : #FFE459;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}

/* �¡�¡�¡�¡ ƒŠƒXƒg�i‰¡•�100%�j �¡�¡�¡�¡ */
.ftop_list01 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : none;
}

.ftop_list01 li {
position : relative;
border-bottom : solid 1px #EAB942; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list01 li:first-child {
border-top : solid 1px #484724;
}

.ftop_list01 li:last-child {
border-bottom : none;
}

.ftop_list01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list01 li a .ftop_date{
font-size : 12px;
color : #336699;
}
.ftop_list01 li a .ftop_cn{
font-size : 12px;
color : #a30000;
}
.ftop_list01 li a .ftop_menu{
font-size : 12px;
color : #654423;
}







.ftop_list02 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : none;
}

.ftop_list02 li {
position : relative;
border-bottom : solid 1px #EAB942; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list02 li:first-child {
border-top : solid 1px #484724;
}

.ftop_list02 li:last-child {
border-bottom : none;
}

.ftop_list02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list02 li a .ftop_date{
font-size : 12px;
color : #336699;
}
.ftop_list02 li a .ftop_cn{
font-size : 12px;
color : #a30000;
}
.ftop_list02 li a .ftop_menu{
font-size : 12px;
color : #654423;
}

/* �¡�¡�¡�¡ Šî–{�«Šiƒ^ƒCƒgƒ‹ �¡�¡�¡�¡ */
.ftop_basictitle {
height : auto;
margin-top : 5px;
padding : 5px;
text-align : center;
vertical-align : bottom;
}

/* �¡�¡�¡�¡ ƒŠƒXƒg�i‰¡•�100%�j �¡�¡�¡�¡ */
.ftop_list01 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : 15px;
}

.ftop_list01 li {
position : relative;
border-bottom : solid 1px #353530; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list01 li:first-child {
border-top : solid 1px #484724;
}

.ftop_list01 li:last-child {
border-bottom : none;
}

.ftop_list01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list01 li a .ftop_cap{
font-size : 12px;
color : #336699;
}
.ftop_list01 li a .ftop_cn{
font-size : 12px;
color : #FFE459;
}
.ftop_list01 li a .ftop_menu{
font-size : 12px;
color : #484724;
}

/* �¡�¡�¡�¡ ƒVƒ`ƒ…ƒG�[ƒVƒ‡ƒ“—pƒŠƒXƒg�i‰¡•�100%�j �¡�¡�¡�¡ */
.ftop_list02 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : 15px;
}

.ftop_list02 li {
position : relative;
border-bottom : solid 1px #484724; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list02 li:first-child {
border-top : solid 1px #484724;
}

.ftop_list02 li:last-child {
border-bottom : none;
}

.ftop_list02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list02 li a .ftop_cap{
font-size : 12px;
color : #336699;
}
.ftop_list02 li a .ftop_cn{
font-size : 12px;
color : #FFE459;
}
.ftop_list02 li a .ftop_menu{
font-size : 12px;
color : #484724;
}

/* �¡�¡�¡�¡ ŠÄ�CŽÒ�Љî—pƒŠƒXƒg�i‰¡•�100%�j �¡�¡�¡�¡ */
.ftop_list03 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : 15px;
}

.ftop_list03 li {
position : relative;
border-bottom : solid 1px #484724; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list03 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list03 li:first-child {
border-top : solid 1px #484724;
}

.ftop_list03 li:last-child {
border-bottom : none;
}

.ftop_list03 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #EAB942; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list03 li a .ftop_cap{
font-size : 12px;
color : #336699;
}
.ftop_list03 li a .ftop_cn{
font-size : 12px;
color : #FFE459;
}
.ftop_list03 li a .ftop_menu{
font-size : 12px;
color : #484724;
}

/* �¡�¡�¡�¡ �VƒŠƒXƒg20171013 �¡�¡�¡�¡ */

.ftop_list04 {
border-bottom : none; /*ˆê”ÔŠO‚̘g�F*/
width : 90%;
margin-top : 5px;
margin-right: auto;
margin-left: auto;  
list-style : none;
margin-bottom : none;
box-shadow: 0px 0px 10px;
}

.ftop_list04 li {
position : relative;
border-bottom : solid 1px #F2F2F2; /*ƒŠƒXƒg“à‚Ì‹æ�Ø‚è�ü‚Ì�F*/
height : auto;
}

.ftop_list04 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color: #000000;
background-color: #DFDFDF;
font-size: 16px;
margin-top: 6px;
font-weight: bold;  
text-decoration : none;
-webkit-box-sizing : border-box;
}

.ftop_list04 li:first-child {

}

.ftop_list04 li:last-child {
border-bottom : none;
}

.ftop_list04 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
border-right : solid 2px #E6B543; /*‰E’[�@>�@‚Ì�F*/
-webkit-transform : rotate(45deg);
}

.ftop_list04 li a .ftop_date{
font-size : 12px;
color : #336699;
}
.ftop_list04 li a .ftop_cn{
font-size : 12px;
color : #a30000;
}
.ftop_list04 li a .ftop_menu{
font-size : 12px;
color : #654423;
}