@charset "utf-8";

/*
スマホ: 320px - 480px 
タブレット: 480 - 768px
PC: 768px以上
*/

/* 共通の設定 */

body {
	color: #0000ff;
    font-family: "メイリオ","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    width: 95%;
    margin:0 auto;
	color:#0000FF;

}

#header {
background-color: #A6DFE7 ;
border-radius:30px 30px 0 0;
}

h1 {
	font-size: 200%;
	/* font-size: 514.2%; */
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

h2 {
	font-size: 150%;
	/* font-size: 514.2%; */
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

h3{
    font-size: 100%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
}

#tablespace{
	letter-spacing: 0.5em;
	line-height: 150%;
}

.clearLeft { 
clear: left; 
}

#globalnavi li{  
  float: left;  
  margin: 2% 2%;  
  padding: 0.25%;  
}



#footer {
	background-color: #A6DFE7 ;
	border-radius:0 0 30px 30px;
}

#container {
	background-color: #D1EEF2  !important;
	font-color:#0000FF;
}

#main {

}

#sub {

}

#footerNavLink {
    float: right;
}

#headerNav ul {
    list-style: none;
    overflow: hidden;
}

#headerNav li {
    float:left;
    width:11.11%;
    text-align: center;
}

img {
    max-width: 100%;
}

/* スマホのスタイル */
/* 20180208　コメント化@media only screen and (max-width:480px) { */

@media screen and (max-width: 480px){

/*2015.5.16 http://webutubutu.com/webdesign/2636 */
	.table-wrap{
	overflow: auto; position:relative;
	}

	#headerNav {
	    display: none;
	}

	table {
		border: none;
	}
	tr {
		display:block;
		margin-bottom: 10px;
	}
	th {
		display:block;
		width: 95%;
		margin: 0 auto 10px;
		background: #000000;
		color: #ffffff;
		border:none;
		border-radius: 3px;
	}
	td {
		display: list-item;
		list-style:none;
		width: 90%;
		margin-left: 20px;
		border:none;
	}

	/* 20180121 */
	#ul-disp {
	  list-style: none;
	}

}

/* タブレットのスタイル */

@media all and (min-width: 480px) {
    #footerNavLink {
        display: none;
    }
    #headerNav {
        display: block;
    }
    #footerNav {
        display: none;    
    }
}

/* PCのスタイル */

/*
all: 980px
sub: 200px
margin: 15px
main: 765px
*/

@media all and (min-width: 768px) {
    #container {
        overflow: hidden;
    }
    #main {
        float: left;
        width: 78.0612245%;
    }
    #sub {
        float: right;
        width: 20.4081633%; /* 200px / 980px * 100 */
    }
}