/* モバイルレイアウト : 480 px およびそれ以下. */

body{font: 14px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ' , Meiryo ,"ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
background-color:#fff;
}

.th-w { width:48px;
}

.td-r { width:44px;
    border-right-style:none; 
}

.td-l { width:40px;
    border-left-style:none; 
}

.td-lr { 
    border-left-style:none; 
    border-right-style:none; 
}
table{
max-width:98%;
table-layout: auto;
word-break: break-all;
word-wrap: break-all;
}

img {
max-width : 100% ;
height : auto ;
}

/*動画
---------------------------------------------------------------------------*/
.movie {
    position: relative;
  padding-bottom: 56.25%;
     height: 0;
     overflow: hidden; 
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    width: 100%;
    height: auto;
}

/* タブレット・デスクトップレイアウト : 481 px ～最大 1232 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 481px) {

html 			{overflow-y:scroll;
}
																						
body			{ font-size:16px;
border-top:3px solid #134D99;
margin: 0;
padding: 5px;
color: #2e2e2e;
line-height: 1.6em;
}

#container		{width:980px;
margin:0 auto;
background-color:#fff;
}

table{
max-width:980px;
}

.th-w { width:100px;
}

.td-l { width:50px;
    border-left-style:none; 
}

/*動画
---------------------------------------------------------------------------*/
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
	width:600px;
	height:338px;
}

video {
	position: relative;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	width:600px;
	height:337px;
}
}