@charset "utf-8";

body {
    font-size:14px;
    line-height:140%;
    color:#333;
    font-family: "メイリオ","Meiryo","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック";
	-webkit-text-size-adjust: 100%;
}

h1 {
    margin: 10px 0;
}
h2 {
    margin-bottom: 10px;
}

p {
    margin:0px;
    padding:0px;
}

#FormStyle {
    width: 670px;
    display: block;
    margin: 10px auto;
}

#entrycol {
    border: solid 1px #DFDFDF;
    padding: 1px;
}

img {
    border: none;
}
ul.atteintion {
    list-style:none;
	padding:0;
	background-color:#FDE8E7;
	padding:10px;
}
ul.atteintion li {
	font-size:14px;
	/*background:url(http://www.tsm.ac.jp/common/img/arrow_path.gif) no-repeat left 5px;
	padding-left:17px;*/
	
}
/* テーブル設定 */
#entrycol table.box {
    border-collapse: collapse;
    width: 100%;
}

#entrycol th.cell,
#entrycol td.cell {
    border: solid 1px #B4BAC6;
    padding:10px;
}

#entrycol th.cell {
    text-align: left;
    background-color: #f0f0f0;
    width: 150px;
    padding-left: 10px;
}

/* フォーム内設定 */
#entrycol input,
#entrycol select {
    font-size: 14px;
    padding:10px;
}

#entrycol input[name="familyname"],
#entrycol input[name="firstname"],
#entrycol input[name="familyname_kana"],
#entrycol input[name="firstname_kana"],
#entrycol input[name="school"],
#entrycol input[name="email"] {
    width: 50%;
}

#entrycol input[name="tel"],
#entrycol input[name="mobile_tel"] {
    width: 25%;
}

#entrycol input[name="mobile_tel"] {
    margin: 10px 5px 10px 0;
}

#entrycol input[name="friends"],
#entrycol input[name="families"] {
    width: 50%;
    margin: 0 5px;
}

#entrycol select[name="num_friends"],
#entrycol select[name="num_families"] {
    margin-left: 5px;
}

#entrycol select {
    line-height:100%;
}

#entrycol input[name="zip"] {
    width: 15%;
    margin-right: 5px;
}

#entrycol input[name="address2"] {
    width: 95%;
    margin-top:5px;
}

#entrycol hr {
    border-width: 4px 0 0 0;
    border-style: dotted;
    border-color: #cccccc;
    height: 4px;
}

.faction {
    width: 150px;
    height: 30px;
    margin: 20px auto;
    padding: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repat;
    text-transform:uppercase;
    text-indent: -5000px;
    display: block;
    border-width: 0;
    _font-size:0px;
}

input[id="corp_nextbtn"] {
    background-image: url(../images/btn_02_off.jpg);
}
input[id="corp_nextbtn"]:hover{
    background-image: url(../images/btn_02_on.jpg);
}

input[id="corp_backbtn"] {
    background-image: url(../images/btn_01_off.jpg);
}
input[id="corp_backbtn"]:hover{
    background-image: url(../images/btn_01_on.jpg);
}

input[id="corp_finishbtn"] {
    background-image: url(../images/btn_03_off.jpg);
}
input[id="corp_finishbtn"]:hover{
    background-image: url(../images/btn_03_on.jpg);
}

#entrycol table.table_accompanying {
    width: 95%;
    text-align: left;
}

/* 凡庸設定 */
.pl3 {
    padding-left: 3px;
}
.pl5 {
    padding-left: 5px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.fs10{
    font-size:10px;
}
.bold_orange {
    font-weight : bold;
    color: #FF6600;
}
.attention {
    font-weight:normal;
    color: #F00;
    padding-left: 5px;
}
div.error {
    border: none;
    color: #ff0000;
    text-align: left;
    font-weight: bold;
	
	
}

.title {
	padding:10px;
	font-size:20px;
	font-weight:bold;
	background-color:#E71A0F;
	color:#FFF;
}


/*スマートフォン*/
@media screen and (max-width: 768px) {
.title {
	line-height:1.6;
	text-align:left;
}
#FormStyle {
    width: 100%;
	padding:5px;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.box {
	width: 100%;
	overflow: hidden;
}
table.box th,
table.box td {
	display: block;
	border: none;
	text-align:left;
	width:100%;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#entrycol th.cell {
	width:100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#entrycol th.table_title {
	background-color:#333;
	color:#FFF;
	text-align:left;
}
#liveEv , #familyname , #familyname_kana , #grade , #school , #address , #address2 , #tel , #email , #friends , #question {
	width:100% !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zip {
	width:50%;
	
}

}