/*==============================================
  共通CSS 画面の横幅を問わず適用
===============================================*/
#main {
	width: 95%;
	max-width: 950px;
	margin-top: 15px;
	margin-left: auto;
	padding-top: 0;
	padding-left: 0;
	overflow: hidden;
	margin-right: auto;
}

#main .mainTop{
	text-align: center;
}

#main #containerLeft {
	width: 45%;
	max-width: 460px;
	float: left;
}

#main #containerLeft .ball{
	margin-top: 50px;
}

#main #containerLeft img{
	float: right;
}

#main #containerRight {
	width: 45%;
	max-width: 460px;
	float: right;
}

#main #containerRight img{
	float: right;
}

#main #containerRight .ball{
	margin-top: 50px;
}

#main2 {
		width: 95%;
		max-width: 950px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-left: 0;
	border-top: medium solid black;
	overflow: hidden;
}

section.misc{
	width: 30%
	max-width: 300px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}

.frame{
	width: 95%;  /* 古いブラウザ、一部モバイルブラウザ対応 */
	width: calc(98% - 2px);
	max-width: 938px;
	height: 580px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 1px solid #999999;
	padding: 1%;
	position: relative
}
/*=============== 共通CSS ここまで ===============*/

/*==============================================
  携帯端末用CSS 画面の横幅がmax480px 共通CSSを上書き
===============================================*/
/* @media screen and (max-width: 480px) {

} */
/*============ 携帯端末用CSS ここまで ============*/


/*==============================================
  PC用CSS 画面の横幅がmin481px
===============================================*/
/* @media print, screen and (min-width: 481px) {

} */
/*=============== PC用CSS ここまで ===============*/