/* 要素定義 */

H3 {
	display:block;
	margin-top:20px;
}

hr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width:100%;
}

img {
	display:block;
}

.msg {
	font-weight:bold;
	color:red;
}

/* 全体レイアウト */
html, body {
	background:url(images/bg.jpg);
	height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2rem;
}

#wrapper {
	width:100%;
	position:relative;
	height:auto !important;
	min-height:100%;
}

#header {
	background-image:url(images/bg_header.png);
	background-size:auto 100%;
	background-repeat:repeat-x;
	width:100%;
	top:0;
}

#container {
	margin:0 auto;
}

#footer {
	position:absolute;
	background-image:url(images/bg_footer.png);
	background-size:auto 100%;
	background-repeat:repeat-x;
	height:100px;
	width:100%;
	bottom:0;
}

/* width 320px */
@media screen and (max-width:768px) {

#container {
	padding-bottom: 50px;
}

#contents {
	width:320px;
	margin:0 auto;
	height:100%;
	font-size:0.7rem;
	line-height:180%;
}

#header {
	background-size:auto 100%;
	height:50px;
	top:0;
}

/* 要素レイアウト */
	  /* ヘッダー部 */
	  #title {
		  width:90%;
		  height:45px;
		  margin:5px auto 0;
	  }
	  
	  img#img_title {
		  margin:0 auto;
		  width:178px;
		  height:20px;
	  }
	  
	  img#img_logo {
		  margin:5px auto 0;
		  width:151px;
		  height:10px;
	  }

	  /* コンテンツ部 */
	  p#intro {
		  width:90%;
		  text-align:center;
		  margin:20px auto 20px auto;
	  }
	  
	  ul#freedial {
		  display:block;
		  width:100%;
		  height:200px;
		  margin:0 auto 20px;
	  }
	  
	  li#free_baby {
		  width:300px;
		  height:100px;
		  background-image:url(images/freedial_baby_sp.png);
		  background-size:100% auto;
		  margin:0 auto 5px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
	  }
	  
	  li#free_dog {
		  width:300px;
		  height:100px;
		  margin:0 auto;
		  background-image:url(images/freedial_dog_sp.png);
		  background-size:100% auto;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
	  }
	
			/* フォーム部 */
			#form {
				margin-top:20px;
			}
			
			H3.form_ttl {
				width:100%;
				height:20px;
				padding-left:25px;
				padding-top:2px;
				margin-bottom:20px;
				line-height:20px;
			}
			
			H3#no1 {
				background:url(images/no1.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no2 {
				background:url(images/no2.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no3 {
				background:url(images/no3.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no4 {
				background:url(images/no4.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no5 {
				background:url(images/no5.png)no-repeat left top;
				background-size:auto 100%;
			}
	
			H3#no6 {
				background:url(images/no6.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			ul#brand {
				width:100%;
				height:104px;
				margin:0 auto 20px;
			}
			
			#brand li {
				position: relative;
				display:block;
				width:316px;
				float:left;
				margin-bottom:2px;
			}
			
			#brand input {
				position:absolute;
				top: 0;
				opacity: 0;
				width: 100%;  
				height: 100%;
			}
			
			#brand label {
				display:block;
				height:100px;
				width:316px;
				text-indent:-99999px;
			}
				
			input#airbuggy[type="checkbox"] + label {
				background:url(images/btn_airbuggy_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#airbuggy[type="checkbox"]:checked + label {
				background:url(images/btn_airbuggy_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
				
			input#maxicosi[type="checkbox"] + label {
				background:url(images/btn_maxicosi_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#maxicosi[type="checkbox"]:checked + label {
				background:url(images/btn_maxicosi_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#quinny[type="checkbox"] + label {
				background:url(images/btn_quinny_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#quinny[type="checkbox"]:checked + label {
				background:url(images/btn_quinny_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#onya[type="checkbox"] + label {
				background:url(images/btn_onya_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#onya[type="checkbox"]:checked + label {
				background:url(images/btn_onya_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#dog[type="checkbox"] + label {
				background:url(images/btn_dog_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#dog[type="checkbox"]:checked + label {
				background:url(images/btn_dog_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
	
			input#britax[type="checkbox"] + label {
				background:url(images/btn_britax_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#britax[type="checkbox"]:checked + label {
				background:url(images/btn_britax_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#greentom[type="checkbox"] + label {
				background:url(images/btn_greentom_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#greentom[type="checkbox"]:checked + label {
				background:url(images/btn_greentom_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#veer[type="checkbox"] + label {
				background:url(images/btn_veer_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#veer[type="checkbox"]:checked + label {
				background:url(images/btn_veer_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}

			input#joolz[type="checkbox"] + label {
				background:url(images/btn_joolz_sp_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#joolz[type="checkbox"]:checked + label {
				background:url(images/btn_joolz_sp_on.gif) no-repeat;
				background-size:auto 100%;
			}
	
			#faq {
				width:100%;
				height:220px;
				margin-bottom:20px;
				background-color:#FFF;
				padding-top:10px;
			}
			
			#faq ul {
				position:relative;
				width:90%;
				margin:10px auto;
			}
			
			#faq li {
				position:relative;
				display:block;
				width:100%;
				height:40px;
				margin:0;
			}
			
			#faq input {
				position:absolute;
				opacity: 0;
				width: 20px;  
				height: 20px;
			}
			
			#faq label {
				display:block;
			}
			
			#faq p {
				display:block;
				height:20px;
				margin-left:25px;
			}
			
			#faq input[type="radio"] + label {
				background:url(images/check_off.png) no-repeat;
				background-size:auto 100%;
			}
			
			#faq input[type="radio"]:checked + label {
				background:url(images/check_on.png) no-repeat;
				background-size:auto 100%;
			}

			#note {
				width:100%;
				position:relative;
			}
			
			#note textarea {
				width:100%;
				height:140px;
				margin-bottom:20px;
				font-size:80%;
				padding:10px;
				border:solid 1px #CDCDCD;
				background-color:#FFF;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}
			
			input[type="text"] {
				width:100%;
				height:40px;
				padding:5px 0 5px 5px;
				border:solid 1px #CDCDCD;
				background-color:#FFF;
			}

			table {
				width:100%;
				margin-bottom:20px;
			}
			
			td.form_ttl {
				height:26px;
				text-align:left;
				float:left;
				font-weight:bold;
				line-height:1.8rem;
				margin-bottom:2px;
			}
			
			td.must {
				margin-top:3px;
				width:40px;
				height:20px;
				float:left;
				background-image:url(images/must_sp.png);
				background-size:100% auto;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
			}
			
			td.must_txt {
				width:100%;
				height:40px;
				float:right;
				margin-bottom:10px;
			}
			
			table#address {
				margin-top:20px;
			}
			
			td.form_ttl2 {
				width:100%;
				height:26px;
				text-align:left;
				float:left;
				font-weight:bold;
				line-height:1.8rem;
				margin-bottom:2px;
			}
			
			td.form_add {
				width:100%;
				height:40px;
				float:right;
				margin-bottom:10px;
			}
			
			.buton {
				width:146px;
				height:90px;
				margin:30px auto;
				text-align:center;
			}
			
			.buton2 {
				width:146px;
				height:43px;
				margin:30px auto;
			}
			
			#btn_back {
				margin:5px auto;
			}
			
			.fade {  
				-webkit-transition: 0.3s ease-in-out;  
				   -moz-transition: 0.3s ease-in-out;  
					 -o-transition: 0.3s ease-in-out;  
						transition: 0.3s ease-in-out;  
			}  
			
			input[type="submit"]#btn_ok {
				width:146px;
				height:43px;
				background:url(images/btn_ok.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
				margin-bottom:5px;
			}
			
			input[type="reset"] {
				width:146px;
				height:43px;
				background:url(images/btn_reset.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="submit"]#btn_submit {
				width:146px;
				height:43px;
				background:url(images/btn_submit_off.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="button"] {
				width:146px;
				height:43px;
				background:url(images/btn_back_off.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="submit"]#btn_ok:hover {
				background:url(images/btn_ok_on.png)no-repeat;
				background-size:100% auto;
			}
			
			#btn_reset:hover {
				background:url(images/btn_reset_on.png)no-repeat;
				background-size:100% auto;
			}
			
			input[type="submit"]#btn_submit:hover {
				background:url(images/btn_submit_on.png)no-repeat;
				background-size:100% auto;
			}
			
			#btn_back:hover {
				background:url(images/btn_back_on.png)no-repeat;
				background-size:100% auto;
			}

	  /* フッター部 */
	  
	  #footer {
		  height:50px;
	  }
	  
	  #footer img {
		  display:block;
		  position:relative;
		  width:287px;
		  height:15px;
		  bottom:-20px;
		  margin:0 auto;
	  }
	  
	  
	  
	  
	  /* 確認画面・エラー画面 */
	  
			#summary {
				width:100%;
				margin:20px auto 20px;
				border-collapse: collapse;
				border-top: solid 1px #CDCDCD;
			}
			
			#summary_th {
				width:100px;
				height:40px;
				border:1px 0;
				border-bottom: solid 1px #CDCDCD;
				border-right: solid 1px #CDCDCD;
				padding-right:20px;
			}
			
			#summary_td {
				width:220px;
				padding:10px;
				border-bottom: solid 1px #CDCDCD;
			}
			
			#send_ok {
				width:100%;
				font-size:180%;
				text-align:center;
				margin:50px auto;
				line-height:120%;
			}
}	
/* END Width 320px */

@media screen and (min-width:769px) {

#container {
	padding-bottom: 100px;
}

H3 {
	margin-top:50px;
}

#contents {
	width:768px;
	margin:0 auto;
	height:100%;
	font-size:1rem;
}

/* 要素レイアウト */
	  /* ヘッダー部 */
	  
	  #header {
		  height:100px;
	  }
	  
	  #title {
		  width:90%;
		  height:100%;
		  margin:0 auto;
	  }
	  
	  img#img_title {
		  margin:25px auto 0 0;
		  float:left;
		  width:356px;
		  height:40px;
	  }
	  
	  img#img_logo {
		  margin:36px 0 0 auto;
		  float:right;
		  width:302px;
		  height:22px;
	  }


	  /* コンテンツ部 */
	  p#intro {
		  width:100%;
		  text-align:center;
		  margin:40px auto 50px auto;
	  }
	  
	  ul#freedial {
		  display:block;
		  width:100%;
		  height:126px;
		  margin:0 auto 50px auto;
	  }
	  
	  li#free_baby {
		  width:376px;
		  height:126px;
		  float:left;
		  margin-right:0;
		  background-image:url(images/freedial_baby.png);
		  background-size:100% auto;
		  text-indent:100%;
		  white-space:nowrap;
		  overflow:hidden;
	  }
	  
	  li#free_dog {
		  width:376px;
		  height:126px;
		  float:right;
		  margin-left:0;
		  background-image:url(images/freedial_dog.png);
		  background-size:100% auto;
		  text-indent:100%;
		  white-space:nowrap;
		  overflow:hidden;
	  }
	  
			/* フォーム部 */
			#form {
				margin:50px auto;
			}
			
			H3.form_ttl {
				width:100%;
				height:40px;
				padding-left:60px;
				padding-top:10px;
				margin-bottom:25px;
				line-height:20px;
			}
			
			H3#no1 {
				background:url(images/no1.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no2 {
				background:url(images/no2.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no3 {
				background:url(images/no3.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no4 {
				background:url(images/no4.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			H3#no5 {
				background:url(images/no5.png)no-repeat left top;
				background-size:auto 100%;
			}
	
			H3#no6 {
				background:url(images/no6.png)no-repeat left top;
				background-size:auto 100%;
			}
			
			ul#brand {
				width:100%;
				height:80px;
				margin:0 auto 50px;
			}
			
			#brand li {
				position: relative;
				display:block;
				width: 384px;
				float:left;
			}
			
			#brand input {
				position:absolute;
				top: 0;
				opacity: 0;
				width: 100%;  
				height: 100%;
			}
			
			#brand label {
				display:block;
				height:80px;
				width:382px;
				text-indent:-99999px;
			}
				
			input#airbuggy[type="checkbox"] + label {
				background:url(images/btn_airbuggy_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#airbuggy[type="checkbox"]:checked + label {
				background:url(images/btn_airbuggy_on.gif) no-repeat;
				background-size:auto 100%;
			}
				
			input#maxicosi[type="checkbox"] + label {
				background:url(images/btn_maxicosi_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#maxicosi[type="checkbox"]:checked + label {
				background:url(images/btn_maxicosi_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#quinny[type="checkbox"] + label {
				background:url(images/btn_quinny_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#quinny[type="checkbox"]:checked + label {
				background:url(images/btn_quinny_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#onya[type="checkbox"] + label {
				background:url(images/btn_onya_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#onya[type="checkbox"]:checked + label {
				background:url(images/btn_onya_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#dog[type="checkbox"] + label {
				background:url(images/btn_dog_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#dog[type="checkbox"]:checked + label {
				background:url(images/btn_dog_on.gif) no-repeat;
				background-size:auto 100%;
			}
	
			input#britax[type="checkbox"] + label {
				background:url(images/btn_britax_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#britax[type="checkbox"]:checked + label {
				background:url(images/btn_britax_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#greentom[type="checkbox"] + label {
				background:url(images/btn_greentom_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#greentom[type="checkbox"]:checked + label {
				background:url(images/btn_greentom_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#veer[type="checkbox"] + label {
				background:url(images/btn_veer_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#veer[type="checkbox"]:checked + label {
				background:url(images/btn_veer_on.gif) no-repeat;
				background-size:auto 100%;
			}
	
			input#joolz[type="checkbox"] + label {
				background:url(images/btn_joolz_off.gif) no-repeat;
				background-size:auto 100%;
			}
			
			input#joolz[type="checkbox"]:checked + label {
				background:url(images/btn_joolz_on.gif) no-repeat;
				background-size:auto 100%;
			}
			
			#faq {
				width:100%;
				height:200px;
				margin-bottom:50px;
				background-color:#FFF;
				background-size:auto 100%;
				padding-top:20px;
			}
			
			#faq ul {
				position: relative;
				widows: 760px;
				height: 180px;
				margin: 0 auto 0 8px;
			}
			
			#faq li {
				position:relative;
				display:block;
				width:50%;
				height:40px;
				float:left;
				margin:0 0 20px 0;
			}
			
			#faq input {
				position:absolute;
				opacity: 0;
				width: 40px;  
				height: 40px;
			}
			
			#faq label {
				display:block;
			}
			
			#faq p {
				display:block;
				width:210px;
				height:40px;
				margin-left:40px;
				line-height:2.7em;
			}
			
			#faq input[type="radio"] + label {
				background:url(images/check_off.png) no-repeat;
				background-size:auto 100%;
			}
			
			#faq input[type="radio"]:checked + label {
				background:url(images/check_on.png) no-repeat;
				background-size:auto 100%;
			}
			
			#note {
				width:100%;
				position:relative;
			}
			
			#note textarea {
				width:100%;
				height:230px;
				margin-bottom:50px;
				font-size:100%;
				padding:10px;
				border:solid 1px #CDCDCD;
				background-color:#FFF;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-size:100%;
			}
			
			input[type="text"] {
				width:100%;
				height:50px;
				padding-left:10px;
				border:solid 1px #CDCDCD;
				background-color:#FFF;
			}

			table {
				width:768px;
				margin-bottom:10px;
			}
			
			td {
				margin-bottom:30px;
				height:80px;
			}
			
			td.form_ttl {
				width:180px;
				height:50px;
				text-align:right;
				line-height:3.2rem;
			}
			
			td.must {
				position:relative;
				top:27px;
				width:50px;
				height:30px;
				float:left;
				background-image:url(images/must_sp.png);
				background-size:100% auto;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
			}
			
			td.must_txt {
				width:523px;
				padding:0;
			}
			
			#address td {
				height:50px;
				margin-bottom:30px;
			}
			
			td.form_ttl2 {
				width:180px;
				text-align:right;
				line-height:3rem;
				padding:10px 0;
			}
			
			td.form_add {
				width:588px;
			}
			
			.buton {
				width:590px;
				height:86px;
				margin:50px auto;
				text-align:center;
			}
			
			.buton2 {
				width:292px;
				height:86px;
				margin:50px auto;
			}
			
			.fade {  
				-webkit-transition: 0.3s ease-in-out;  
				   -moz-transition: 0.3s ease-in-out;  
					 -o-transition: 0.3s ease-in-out;  
						transition: 0.3s ease-in-out;  
			}  
			
			input[type="submit"]#btn_ok {
				width:292px;
				height:86px;
				background:url(images/btn_ok.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="reset"] {
				width:292px;
				height:86px;
				background:url(images/btn_reset.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="submit"]#btn_submit {
				width:292px;
				height:86px;
				background:url(images/btn_submit_off.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="button"] {
				width:292px;
				height:86px;
				background:url(images/btn_back_off.png)no-repeat;
				background-size:100% auto;
				border:none;
				text-indent:-99999px;
			}
			
			input[type="submit"]#btn_ok:hover {
				background:url(images/btn_ok_on.png)no-repeat;
				background-size:100% auto;
			}
			
			#btn_reset:hover {
				background:url(images/btn_reset_on.png)no-repeat;
				background-size:100% auto;
			}
			
			input[type="submit"]#btn_submit:hover {
				background:url(images/btn_submit_on.png)no-repeat;
				background-size:100% auto;
			}
			
			#btn_back:hover {
				background:url(images/btn_back_on.png)no-repeat;
				background-size:100% auto;
			}

	  /* フッター部 */
	  
	  #footer {
		  height:100px;
		  position:absolute;
		  bottom:0;
	  }
	  
	  #footer img {
		  display:block;
		  position:relative;
		  width:287px;
		  height:15px;
		  bottom:-40px;
	  }
	  
	  
	  
	  
	  /* 確認画面・エラー画面 */
	  
			#summary {
				width:100%;
				margin:50px auto 80px;
				border-collapse: collapse;
				border-top: solid 1px #CDCDCD;
			}
			
			#summary_th {
				width:180px;
				border:1px 0;
				text-align:left;
				border-bottom: solid 1px #CDCDCD;
				border-right: solid 1px #CDCDCD;
				padding-left:20px;
			}
			
			#summary_td {
				width:588px;
				padding:10px 20px 10px 20px;
				border-bottom: solid 1px #CDCDCD;
			}
			
			#send_ok {
				width:100%;
				font-size:180%;
				text-align:center;
				margin:100px auto;
			}
}

/*** 20190226 問い合わせフォーム更新 ***/

ul {list-style:none;}

#notice { 
	width:100%;
	height:320px;
	position:relative;
	margin:20px auto;
	background:#FFF;
	text-align:center;
}
#notice *,#chat *.freedial * {position:relative; } 

@media screen and (min-width:769px) {
	#notice H3 {
		font-size:1.2em;
		font-weight:bold;
		top:30px;
		margin-bottom:20px;
	}
	#notice img {
		top:30px;
		width:180px;
		height:180px;
		margin-left:60px;
		float:left;
	}
	#notice section {
		top:30px;
		display:block;
		width:468px;
		margin-left:240px;
		height:200px;
		text-align:center;
	}
	#notice H4 {
		margin-bottom:10px;
	}
	#notice p {
		margin-bottom:20px;
		padding:0;
	}
	#chat {
		height:470px;
	}
	#chat H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	#chat p {
		width:600px;
		top:20px;
		margin:30px auto 15px;
		text-align:center;
	}
	#chat img {
		top:30px;
		width:500px;
		margin:0 auto;
	}
	#chat img:hover {
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity:0.5;
		-webkit-transform:scale(1.05);
		-ms-transform:scale(1.05);
		transform:scale(1.05)
	}
	#chat div.time p {
		position:relative;
		top:-30px;
	}
	.freedial {
		height:420px;
	}
	.freedial H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	.freedial p {
		margin:30px auto 30px;
		text-align:center;
	}
	#form H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	#form p#form_intro {
		margin:30px auto 30px;
		text-align:center;
	}
}
@media screen and (max-width:768px) {
	#notice { 
	height:300px;
	}
	#notice H3 {
	font-size:1.2em;
	top:15px;
	margin-bottom:10px;
	}
	#notice img {
	top:15px;
	width:100px;
	height:100px;
	margin:0 auto 30px;
	}
	notice section {
	width:350px;
	height:100px;
	text-align:center;
	}
	#notice H4 {
	margin-bottom:10px;
	}
	#notice p {
	margin-bottom:10px;
	padding:0;
	}
	#chat {
		height:360px;
	}
	#chat H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	#chat p {
		margin:30px auto 30px;
		text-align:center;
	}
	#chat img {
		width:320px;
	}
	#chat img:hover {
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity:0.5;
		-webkit-transform:scale(1.05);
		-ms-transform:scale(1.05);
		transform:scale(1.05)
	}
	#chat div.time p {
		position:relative;
		top:-30px;
	}
	.freedial {
		height:440px;
	}
	.freedial H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	.freedial p {
		margin:30px auto 30px;
		text-align:center;
	}
	#form H2 {
		font-size:1.4em;
		text-align:center;
		margin-top:30px;
	}
	#form p#form_intro {
		margin:30px auto 30px;
		text-align:center;
	}
}