/* Imported Styles
@import"layout_left_clum.css";
@import"desgin_left_clum_var2.css";
@import"weblog.css";
@import"linkeg.css";
@import"info.css";
----------------------------------------------- */

@import"itemshoes.css";


/*baselayout
080609 bigbanner追加、
----------------------------------------------- */

@charset "Shift_JIS";

/*--Base------------------------------------------------------------*/
* {
 margin: 0;
 padding: 0;
}

html {
 height: 100%;
 overflow-y: scroll;
}

html,body {
 width: 100%;
 height: 100%;
}

body {
 text-align:center;
 margin: 0 auto;
 padding: 0px;
}

img {
 border: none;
 vertical-align: middle;
}

ul,ol {
 list-style: none;
}

li{   list-style: none;}

/* デフォルト：980px以上用（PC用）の記述 */

#container{
 margin: 0 auto;
 text-align:left;
 width: 780px;
position: relative;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

#container{
 width: auto;
}

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#container{
 width: auto;
}

/* ** */}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
.sp50w{
width:50%;
}

.img40w{width:100%;height:100%;}
/* ** */}

#header,
#contents,
#footer {
 width: 960px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

#header,
#contents,
#footer {
 width: auto;
}

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#header,
#contents,
#footer {
 width: auto;
}

/* ** */}


#sidebar {
 width: 260px;
 float: left;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

#sidebar {
 width: 100px;
 float: none;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#sidebar {
 width:100%;
 float:none;
}
/* ** */}


div{text-align:left;}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
/* ** */}



/* ---------- clearfix ----------- */

#container,
.clearfix {
 display: inline-block;
}
#container:after,
.clearfix:after {
 content: ".";
 font-size: 0.1em;
 line-height: 0;
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}
/* ここから Mac IE5 を除外 \*/
* html #container,
* html .clearfix {
 height: 1%;
}
#container,.clearfix {
 display:block;
}


//@media only screen and (max-width: 979px) {
///* 979px以下用（タブレット用）の記述 */
///* ** */}
//@media only screen and (max-width: 767px) {
///* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
///* ** */}

/* ===== Header Area ===== */

#header{
 padding:0px;
 margin:0px;
 width:100%;
 background-image: url(http://www.futsalex.com/img/header_bk.jpg);
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

 #header{
  padding:0px;
  margin:0px;
  width:100%;
 }

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */

 #header{
  padding:0px;
  margin:0px;
  width:100%;
 }

/* ** */}


#header:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    float:none;
}


#exlink{
 float:right;
}





/* ===== Main Area ===== */

#main {
 width: 700px;
// background: #d49fc2;
 float: left;
}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #main {
  width: auto;
  float:none;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #main {
  width: auto;
 // background: #d49fc2;
  float:none;
 }
/* ** */}



#main p,
#main h3{padding: 0;}

#main,#mainfoot,#info {
 margin: 0px;
 display: block;
 text-align: left;
 float: right;
 width: 560px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #main,#mainfoot,#info {
 float: none;
  width: auto;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #main,#mainfoot,#info {
 float: none;
  width: auto;
 }
/* ** */}

#nav {
 clear:left;
 float:left;
 width: 100%;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #nav {
  clear:both;
  width: 100%;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #nav {
  clear:both;
  width: 100%;
 }
/* ** */}




#subnavi{
 margin: 0px;
 width:210px;
 float:left;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #subnavi{
 float:none;
 width:auto;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #subnavi{
  float:none;
  width:auto;
 }
/* ** */}


#subnavi .blockspace{
 margin:0px;
}


.blockspace{
 padding: 0px 5px 0px 5px;
 margin:0px;
}


#main .blockspace{
 padding: 0px 0px 0px 0px;
 margin:0px;
}


#submain{
 margin: 0px;
 width:210px;
 float:left;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #submain{
  clear: both;
  width:auto;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #submain{
  clear: both;
  width:auto;
 }
/* ** */}




#footer{
 clear:both;
 text-align:left;
 width: 780px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
 #footer{
  width: auto;
 }
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
 #footer{
  width: auto;
 }
/* ** */}


/*---banner_layout---*/

#skyscraper {
 text-align:center;
 display:block;
 width:130px;
// _width: 132px;/*IE*/
 position:absolute;
 top:150px;
 left:810px;
}


#bigbanner{
// width:470px;
 text-align:center;
 top:32px;
 right:0;
 position:absolute;
}

#skyscraper img{
 padding-top:3px;
}

/*AnalyticsTag*/
#Analytics{position:absolute; left:0; top:0;}


/* -----------------------------------------------
footerdesign
----------------------------------------------- */

#footer{
 background:#FFF;
 color:#FFF;
 font-size:10px;
 vertical-align:bottom;
 margin-top:10px;
 padding-top:10px;
/* padding-bottom:10px;*/
}

#footer #list dl { padding:0px;color:#777777; }
#footer #list dt { display:inline;font-weight:bold;background:none;margin-right:20px;}
#footer #list dd { display:inline; margin:0px;list-style:none;}

#footer a {
 text-decoration:underline;
}

#footer  #bottom a{
 color:#FFF;
}
#footer #bottom{
 padding:5px;margin-top:10px;
 background-image: url("/img/bk_bottom.jpg");
}


/*--Text------------------------------------------------------------*/

body {
 font-size: 88%;
 font-weight: normal;
 line-height: 1.5;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
 font-size: 100%;
}


body,td,th,iframe{
 font-size: 75%;
 line-height: 1.7;
 color:#464646;
}

img {
 vertical-align:text-bottom;
 align:middle;
 border-width: 0px;
}

p{
 margin: 0.5em;
}

form{
 margin: 0px;
}
iframe{border:none;}

h1{
 clear:both;
 font-size: 125%;
 line-height:48px;
 height:48px;
 color : #FFFFFF;
 background-image: url(../img/bk_h1_780.jpg);
 background-repeat:no-repeat; 
 padding: 0px;
 text-indent:10px;
 margin: 0px;
 position: absolute;
 top:130px;
 width:780px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
h1{
 float:none;
 font-size: 125%;
 line-height:48px;
 height:48px;
 color : #FFFFFF;
 background-image: url(../img/bk_h1_780.jpg);
 background-repeat:no-repeat; 
 padding: 0px;
 text-indent:10px;
 margin: 0px;
 position: absolute;
 top:130px;
 width:100%;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */

h1{
 float:none;
 font-size: 125%;
 line-height:48px;
 height:48px;
 color : #FFFFFF;
 background-image: url(../img/bk_h1_780.jpg);
 background-repeat:no-repeat; 
 padding: 0px;
 text-indent:10px;
 margin: 0px;
 position: absolute;
 top:130px;
 width:100%;
}
/* ** */}


h2{
 clear:both;
 font-size: 120%;
 color : #512800;
 background-repeat:no-repeat; 
 padding: 0.6em 0px 0.2em 3px ;
 margin: 10px 0px 0.5em 0px;
}

h3{
 clear:both;
 font-size: 120%;
 color : #512800;
 border-width : 0px 0px 1px 0px;
 border-style :solid;
 border-color: #3399CC;
 background-image: url(../img/top/bk_title.jpg);
 background-repeat:no-repeat; 
 padding: 0.6em 0px 0.2em 3px ;
 margin: 10px 0px 0.5em 0px;
}

h4{/*ページタイトルに使用*/
 clear:both;
 font-size: 110%;
 margin: 10px 0px 0.5em 0px;
 line-height: 1.5;
 border-bottom:1px solid #E0E0E0;
}

#cortnavi h4{
 border:none;
 margin: 0px;
}

h5{/*ページタイトルに使用*/
 clear:both;
 font-size: 105%;
 margin: 2px;
 line-height: 1.5;
}

h6{
 clear:both;
 font-size: 100%;
 margin: 2px;
 line-height: 1.5;
}

hr{
 display:none;
}


/* -----------------------------------------------
tagdesign
----------------------------------------------- */

#autochangepg,h5{position:absolute;font-weight:normal;}

a.btnshisetsu{
 text-indent:-9999px;
 display:block;
 width:200px;
 height:30px;
 background-image: url(../img/btn_newcort_s.gif);
 background-repeat:no-repeat; 
 margin-bottom:10px;
}

a.btnshisetsul{
 text-indent:-9999px;
 display:block;
 width:302px;
 height:44px;
 background-image: url(../img/btn_newcort_l.gif);
 background-repeat:no-repeat; 
 margin-bottom:10px;
}

a.btnboard{
 text-indent:-9999px;
 display:block;
 width:302px;
 height:44px;
 background-image: url(../img/bbs_bit.gif);
 background-repeat:no-repeat; 
 margin-bottom:10px;
}

#link_text{
 font-size: 75%;
 line-height: 1.7;
 color:#464646;
}
#cortnavi td{
 line-height: 1.2;
 padding:0;
}


/* -----------------------------------------------
container
----------------------------------------------- */
#container{
}

/* -----------------------------------------------
Links
----------------------------------------------- */
/*
a, .subnav a:visited {
 color:#6699CC;
  }
a:visited {
   color:#6699CC;
  }
a:link {
 color:#3333CC;
}
*/

a:hover, .subnav a:hover {
  color:#933;
}

/* -----------------------------------------------
headerdesign
----------------------------------------------- */

.slicknav_menu {
    display:none;
}

@media only screen and (max-width: 979px) {
/*@media screen and (max-width: 40em) {*/
    /* #menu is the original menu */
    #nav {
        display:none;
    }
     
    .slicknav_menu {
        display:block;
		z-index:99;
    }
}

#cse-search-box div{
 display:block;
 position:absolute;
 width:350px;
    left:250px;
    top: 50px;
}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
#cse-search-box div{
 display:block;
 position:absolute;
 width:350px;
 left:0px;
 top: 50px;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#cse-search-box div{
 display:block;
 position:absolute;
 width:auto;
 left:0px;
 top: 90px;
}
/* ** */}


#header{
 background-image: url("../img/header_bk.jpg");
 background-color:#FFF;
 position:absolute;
 top:0px;
}

#top #header{
 background-image: url("../img/header_bk.jpg");
 background-color:#FFF;
 position:relative; top:0px;
}

#titlelogo{
 position:relative;top:0px;
 float:left;
 margin:0px;
 text-indent:-9999px; display: block; text-decoration:none;
 background:url(/img/logo.jpg) no-repeat;
 width: 180px;
 height: 63px;
}


div#header ul{
 list-style:none;
 text-algin:right;
 margin-top:5px;
 float:right;
}

div#header li{
 float:left;
 margin:2px;
 padding:0px 5px 0px 10px;
 font-size:90%;
 line-height:normal;
 border-left:1px solid #87A6A6;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
div#header ul{
 list-style:none;
 text-algin:right;
 margin-top:5px;
 float:right;
}

div#header li{
 float:left;
 margin:2px;
 padding:0px 5px 0px 10px;
 font-size:90%;
 line-height:normal;
 border-left:1px solid #87A6A6;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
div#header ul{
 list-style:none;
 text-algin:right;
 margin-top:0px;
 float:right;
}

div#header li{
 float:left;
 margin:2px;
 padding:0px 5px 0px 10px;
 font-size:90%;
 line-height:normal;
 border-left:1px solid #87A6A6;
}
/* ** */}

div#header li a:link,div#header li a:visited{
  color:#87A6A6;
  text-decoration:none;
}

div#header li a:hover{
  color:#FFF;
}

/* -----------------------------------------------
navi design
----------------------------------------------- */

#nav {
 background-color:#000;
 margin:0px;
 padding:0px;
 height:30px;
 margin-bottom:48px;
 overfow:hidden;
 position:absolute;
 top:100px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */

#nav {
 background-color:#000;
 margin:0px;
 padding:0px;
 height:30px;
 margin-bottom:48px;
 overfow:hidden;
 position:absolute;
 top:100px;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */

#nav {
 background-color:#000;
 margin:0px;
 padding:0px;
 height:30px;
 margin-bottom:48px;
 overfow:hidden;
 position:absolute;
 top:120px;
}
/* ** */}
#nav ul {
  margin:0px;
  padding:0px;
  list-style:none;
  text-transform:lowercase;
}

#nav li{
 float:left;
 vertical-align:middle;
 height:30px;
}

#nav li a{
 font-size: 12px;
 padding:0 10px;
 background-repeat:no-repeat;
 background-image: url(../img/bk_navi.jpg);
 border-right: 1px solid #666;
 display:block;
 float:left;
 line-height:30px;
 white-space:nowrap;
 color: #FFF;
}

#nav li#current a{
 background-image: url(../img/bk_navinow.jpg);
}


#nav a:link,#nav a:visited {
 text-decoration:none;
}

#nav li a:hover {
 background-image: url(../img/bk_navion.jpg);
}

#breadnavi{
 margin: 0px;
 padding: 2px 7px 0px 7px;
}

#breadnavi{
 font-size:85%;
/* background-color: #EFEFEF;*/
 border-bottom: 1px dashed #999999;
 padding-bottom:5px;
/* margin-bottom:0.5em;
 margin-bottom:10px;*/
 position:relative;
 display:block;
 top:180px;
 left:220px;
 width:550px;
 z-index:10;

}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
#breadnavi{
 left:0;
 width:auto;
}

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#breadnavi{
 width:auto;
 top:180px;
}

/* ** */}

/* -----------------------------------------------
contwrap
----------------------------------------------- */
#contwrap{
 z-index:1;
 background-image:url("../img/bk_container_l.gif");
 background-repeat: repeat-y;
 position:relative;
 top:185px;
}

div#map{
width:auto;
//min-height: 50px;
//height: auto !important;
//height: 30%;
}


@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
#contwrap{
 background:none;
}

table{width:auto;}

/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#contwrap{
 background:none;
 top:200px;
}
table{width:100%;}

/* ** */}



/* -----------------------------------------------
submenudesign
----------------------------------------------- */
#subnavi{
 font-size:11px;
}
#subnavi .blockspace{
 padding:0px 5px 0px 5px;
}

#subnavi dl{
  margin:0px;
  padding:5px 0px 15px 0px;
  text-transform:lowercase;
}

#subnavi dt{
 font-weight:bold;
 color:#666600;background:#DADCD0;
 padding:5px 0px 5px 0px;
}

#subnavi dd{
 border-bottom: 1px solid #cccccc;
 text-indent:20px;
/* padding:3px 0px 3px 20px;*/
 margin:0px;
 background-image: url(../img/bk_subnavi_p.gif);
 background-repeat:no-repeat;
}

#subnavi dd a{
 _width:100%;
 font-size: 11px;
 padding:5px 10px 5px 0;
/* background-repeat:no-repeat;*/
/* background-image:none;*/
 display:block;
 margin:0px;

}

#subnavi dl dd a:hover{
 display:block;
 background-color:#E5FFBF;
/* background-image: url(../img/bk_subnavi_p.gif);
 background-repeat:no-repeat;*/
}


#subnavi dl ul{
 list-style:none;
 padding-left:5px;
/*list-style-position: inside;*/
}

#subnavi dl ul li{
 border-top:1px dotted #cccccc ;
 background-repeat:no-repeat;
 background-image:none;
}

#subnavi dl ul li a{
 font-size: 12px;
 padding:0px;
 text-indent:0;
}

#subnavi ul li a:hover{
 background-color:none;
 background-repeat:no-repeat;
 background-image:none;
}

#SubBanner{border:1px solid #CCCCCC;width:200px;text-align:center;padding:0;}
#SubBanner a{width:196px;display:block;line-height:30px;}







/* -----------------------------------------------
maincontentsdesign
----------------------------------------------- */

.reach{float:right;width:430px;}
.reach ul li{list-style:none;}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
.reach{float:none;width:auto;}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
.reach{float:none;width:auto;}
/* ** */}



#main ul#makerlist{
 margin:0px;padding:0px;
 list-style:none;
}
#main ul#makerlist li{float:left;}
#main ul#makerlist li a{width:250px;border:1px solid #666666;margin:1px;padding-top:5px;padding-bottom:5px;display:block;

}

#football #main{
/* height:180px;
 background:no-repeat url(../img/football/bk_h1_mini.jpg);
 border:none;
 padding-top:190px;*/
}


/* -----------------------------------------------
subcontentsdesign
----------------------------------------------- */
#submain {
 text-align:center;
 font-size:96%;
}

#submain h4{
 border-width : 2px 0px 1px 0px;
 border-left-style :solid;
 border-style :solid;
 border-color: #003300;
 background-color: #EEEEEE;
 padding: 0.2em 2px 0.2em 2px ;
 margin: 0px;
}

#submain .title{
 display: block;
 width: 100%;
 font-size: 105%;
 margin: 2px;
 line-height: 1.5;
 border-width : 2px 0px 1px 0px;
 border-left-style :solid;
 border-style :solid;
 border-color: #003300;
 background-color: #EEEEEE;
 padding: 0.2em 2px 0.2em 2px ;
 margin: 0px;
 font-weight:bold;
}

/* -----------------------------------------------
footerdesign
----------------------------------------------- */

#footer{
 background:#FFF;
 border-top:2px #999999 solid;
 color:#FFF;
 font-size:10px;
 vertical-align:bottom;
 margin-top:10px;
 padding-top:10px;
/* padding-bottom:10px;*/
}

#footer #list dl { padding:0px;color:#777777; }
#footer #list dt { display:inline;font-weight:bold;background:none;margin-right:20px;}
#footer #list dd { display:inline; margin:0px;list-style:none;}

#footer a {
 text-decoration:underline;
}

#footer  #bottom a{
 color:#FFF;
}
#footer #bottom{
 padding:5px;margin-top:10px;
 background-image: url("../img/bk_bottom.jpg");
}

/* -----------------------------------------------
action pagedesign
----------------------------------------------- */
#action #main table,#team #main table{
 border-width:1px 1px 0px 0px;
 border-color:#339900;
 border-style:solid;
 align:center;
 width:98%;
}
#action #main th,#team #main th{
 border-width: 0px 0px 1px 1px;
 border-color: #339900;
 border-style:solid;
 background:#99CCCC;
}

#action #main td,#team #main td{
 border-width: 0px 0px 1px 1px;
 border-color: #339900;
 border-style:solid;
}

/* -----------------------------------------------
classdesign
----------------------------------------------- */

.stext{
 font-size: 80%;
}

.hr{
 width:100%;
 height:3px;
 background-image: url("../img/hr.gif");
 margin:2px 0px 5px 0px;
 clear:both;
 /* display:none;*/
}

.mbody{
 margin: 0px;
 padding: 0px 0px 20px 0px;
 border-width : 0px 0px 0px 0px;
 border-style :solid;
 border-top-color: #CCFFCC;
 border-bottom-color: #003300;
}

.footer{
 clear:both;
 margin-top: 10px;
}

.rssicon {
 color: #FFFFFF;
 background-color: #FF6600;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #FFCC00;
 border-right-color: #CC3300;
 border-bottom-color: #CC3300;
 border-left-color: #FFCC00;
 padding: 2px;
}
.rssicon a, .rssicon a:visited,.rssicon a:hover,.rssicon a:link{
 color:#FFFFFF;
}

.aft{
 text-align:center;
 width:250px;
 padding:5px 0px 5px 0px;
 background-color: #ffffff;
}

.contentsblock {
/* width:234px;*/
 border: #b3b3b3 1px solid;
 padding: 2px;
 margin: 5px 0px 0px 0px;
 background: #ffffff;
 text-align:left;
}

#submain .contentsblock h2 {
 padding:5px 0px 5px 5px;
 margin:0px;
 font-size: 100%;
/* color:#666600;
 background:#DADCD0;*/
 background:#006699;
 color:#FFF;
 border:none;
}

.blockbody{
 /*padding:3px;*/
 margin:0px;
/* background-color: #EFEFDE;*/
}

.contentsblock dl {
 margin:0px 0px 5px 0px;
 padding-top:10px;
}

.contentsblock dt {
 font-weight:bold;
}

.contentsblock dd{
 text-indent:0;
 line-height:1.2%;
 margin:0px 0px 25px 0px;
 font-size:80%;
}
.mainitem{
width:165px;border-bottom:1px solid #666666;border-right:1px solid #999999;text-align:center;
float:left;height:200px;margin:2px;font-size:80%;

}


#cortnavi #japanmap{
width:500px;
display:block;
background:url(/cortnavi/img/japanmap.gif) no-repeat;
position:relative;
height:400px;
}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
#cortnavi #japanmap{
 position:static;
 width:auto;
 height:auto;
}
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#cortnavi #japanmap{
 position:static;
 width:auto;
 height:auto;
}
/* ** */}


#cortnavi #hokkaido{
	position:absolute;
	top:0px;
	left:400px;
}
#cortnavi #kanto{
	position:absolute;
	top:180px;
	left:330px;
}

#cortnavi #chubu{
	position:absolute;
	top:0px;
	left:250px;
}

#cortnavi #kinki{
	position:absolute;
	top:200px;
	left:180px;
}

#cortnavi #chugoku{
	position:absolute;
	top:50px;
	left:140px;
}

#cortnavi #shikoku{
	position:absolute;
	top:200px;
	left:100px;
}

#cortnavi #area7{
	position:absolute;
	top:200px;
	left:0px;
}

#cortnavi dt{font-weight:bold;}

@media only screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
/* ** */}

@media only screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン 5s用）の記述 */
#japanmap #hokkaido{
	position:static;
}
#japanmap #kanto{
	position:static;
}

#japanmap #chubu{
	position:static;
}

#japanmap #kinki{
	position:static;
}

#japanmap #chugoku{
	position:static;
}

#japanmap #shikoku{
	position:static;
}

#japanmap #area7{
	position:static;
}

#japanmap dl:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
#japanmap dd{	float:left;white-space:nowrap;padding:2px 0;}
/* ** */}



/*
    Mobile Menu Core Style
*/

.slicknav_btn { 
	position: relative; 
	display: block; 
	vertical-align: middle; 
	float: right; 
	/*padding: 0.438em 0.625em 0.438em 0.625em;*/
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em; 
	cursor: pointer;
	z-index: 100;
}

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { 
	display: block; 
	width: 1.125em; 
	height: 0.125em; 
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
	/*margin-top: 0.188em;*/
}
.slicknav_btn { 
	margin-top: 0.188em;
}
.slicknav_icon-bar {
	margin-top: 3px;
}
.slicknav_icon-bar {
}

.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	width: 100%;
	position: absolute;
	top: 5px;
	z-index: 100;	
	font-size: 24px;
	font-weight: 500;
}
/* Button */
.slicknav_btn {
	margin: 8px;
	text-decoration:none; 
	color: #e791c2;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	font-weight: bold;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	color: #000;
	background: #000;
}

.slicknav_menu {
	/*background: rgba(153,153,153,0.3);*/
	/*background: #e791c2;*/
}
.slicknav_nav {
	color: #ffffff;
	margin:0;	
	padding:0;
	font-size: 16px;
	background: rgba(255,255,255,0.9);
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding: 15px 20px;
}
.slicknav_nav a {
	padding: 15px 30px;
	text-decoration:none;
	color: #5e5e5e;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	/*background:#ccc;*/
	/*background: rgba(153,153,153,0.5);*/
	/*border: 5px solid #000000;*/
	color: #000000;	
}
.slicknav_nav a:hover{
	/*background:#ccc;*/
	color: #ffffff;	
	background: #000000;
}
.slicknav_nav a.active {
	color: #fff100;;
	background: #000000;
}