@charset "utf-8";

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

/* 共通の設定 */

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

}

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

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

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

h3{
    font-size: 100%;
	font-family: "Roboto","ヒラギノ明朝 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%;  
  list-style: none;
}

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

#container {
//background-image: url(small_steps.png);
    //margin:1;
background-color: #f4fcd4;
font-color:#0000FF;
}


}

#main {
    //background: orange;
	//background-image: url(small_steps.png);
}

#sub {
    //background: yellow;
	//background-image: url(small_steps.png);
}

#footerNavLink {
    float: right;
}

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

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

img {
    max-width: 100%;
}

#fonttitle {
    font-family:  "メイリオ","ヒラギノ明朝 Pro W6",  "ＭＳ Ｐ明朝", serif;
    font-size: 3.0em;
    color: blue;
	font-weight:bold;
}


/* スマホのスタイル */
@media only 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;
		width: 90%;
		margin-left: 20px;
		border: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 */
    }
}