@charset "UTF-8";


/* Styles for general */

html		{font-size: 62.5%; /* sets the base font to 10px for easier math */}
body		{-webkit-text-size-adjust: 100%;font-size: 14px;font-size: 1.4rem;color: #333333;margin: 0;padding: 0;}
body		{font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
img		{border: 0px;margin: 0px;padding: 0px;}
div		{border-width: 0px;}
.clear		{clear: both;margin: 0;padding: 0;}


a:link		{color: #333333;text-decoration: underline;}
a:visited		{color: #333333;text-decoration: underline;}
a:hover		{color: #999999;text-decoration: underline;}
a:active		{color: #333333;text-decoration: underline;}
a:hover img	{opacity:0.7;filter:alpha(opacity=70);-ms-filter: “alpha( opacity=70 )”;}


h1 		{font-size: 200%;line-height: 1.0em;font-weight: normal;margin:10px 0 15px 5px;;padding-bottom: 2px;}
h2 		{font-size: 120%;line-height: 0.85em;font-weight: normal;margin:15px 0 20px 5px;padding-left: 8px;}
h2 		{border-width: 14px;border-style: none none none solid;border-color: #FFE100;}
h3 		{font-size: 115%;line-height: 1.5em;font-weight: normal;margin: 0 20px;}

.box5 h2 	{margin:15px 0 10px 5px;padding-left: 8px;}
.box6 h2 	{margin:0;}




#container 	{width: 100%;margin: 0;}



@media only screen and (min-width:781px) {
body		{font-size: 15px;font-size: 1.5rem;}
}




.t-80		{margin-top:0}
.t0		{margin-top:0}
.t20		{margin-top:15px}
.t40		{margin-top:30px}
.t200		{margin-top:100px}
.b0		{margin-bottom:0}
.b10		{margin-bottom:10px}
.b20		{margin-bottom:20px}
.b30		{margin-bottom:30px}
.b180		{margin-bottom:100px}
.b240		{margin-bottom:120px}




@media only screen and (min-width:781px) {
.t-80		{margin-top:-80px}
.t20		{margin-top:20px}
.t40		{margin-top:40px}
.t200		{margin-top:200px}
.b180		{margin-bottom:180px}
.b240		{margin-bottom:240px}
}


/* Styles for topnavi */
#pagetopbase	{display: block;width: 100%;background-color: rgba(255,255,255,0.8);}
#pagetop 	{width: 100%;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#pagetop a:link		{color: #333333;text-decoration: none;}
#pagetop a:visited	{color: #333333;text-decoration: none;}
#pagetop a:hover	{color: #999999;text-decoration: none;}
#pagetop a:active	{color: #333333;text-decoration: none;}
#pagetop-left 	{text-align:left;float:left;}
#pagetop-right 	{float:right;text-align:right;vertical-align:bottom;padding:0 6px 0 0;font-size:1.2em;line-height:1.5em;}
#logoimage 	{margin-bottom: 0px;margin-left: 5px;height:45px;}
#navi 		{width: 100%;max-width: 1200px;margin: 0 auto;margin-top:6px;font-size:1.25em;line-height:1.0em;text-align:right;}
#navi a:link	{color: #333333;text-decoration: none;}
#navi a:visited	{color: #333333;text-decoration: none;}
#navi a:hover	{color: #999999;text-decoration: none;}
#navi a:active	{color: #333333;text-decoration: none;}
.homeimage 	{margin-bottom: -1px;height:18px;}
.navitxt	{margin-left:5px;margin-right:3px;}

@media only screen and (min-width:481px) {
#pagetop-right 	{padding:8px 8px 0 0;font-size:1.35em;line-height:1.3em;}
#logoimage 	{height:55px;}
#navi 		{font-size:1.5em;margin-top:2px;}
.homeimage 	{margin-bottom: -1px;height:20px;}
.navitxt	{margin-left:10px;}
}

@media only screen and (min-width:781px) {
#pagetop-right 	{padding:13px 8px 0 0;font-size:1.4em;line-height:1.2em}
#logoimage 	{height:60px;}
#navi 		{font-size:2.0em;margin-top:8px;}
.homeimage 	{margin-bottom: -1px;height:26px;}
.navitxt	{margin-left:20px;}
}



/* Styles for footer */
#homefoot	{position: fixed !important;position: absolute;bottom:0;width: 100%;}  
#footer-base	{width: 100%;background-color: rgba(0,0,0,0.7);}
#footer		{width: 100%;height: 20px;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#footer-left 	{float:left;text-align:left;margin: 0 8px;color: #FFFFFF;font-size: 65%;}
#footer-right 	{float:right;text-align:right;margin: 0 8px;color: #FFFFFF;font-size: 65%;}


@media only screen and (min-width:781px) {
#footer-left	{font-size: 80%;}
#footer-right	{font-size: 80%;}
}





/* Styles for main */

#main 		{width: 100%;max-width: 1200px;margin: 0 auto;}

.box2		{padding-left:5px}
.box2 table	{margin: 10px auto;width:100%;font-size:1.1em;line-height:1.6em;text-align: left;}
.box2 table th	{display:block;background: none;color:#333333;font-weight:bold;padding-left:4px;margin-right:6px;}
.box2 table td	{display:block;padding-bottom:8px;padding-top:4px;padding-left:4px;}
.box3		{padding-left:5px}
.box3 table	{margin: 10px auto;width:100%;font-size:1em;line-height:1.6em;text-align: left;}
.box3 table th	{display:block;background: none;color:#333333;font-weight:bold;padding-left:4px;margin-right:6px;}
.box3 table td	{display:block;padding-bottom:8px;padding-top:4px;padding-left:4px;}


@media only screen and (min-width:781px){
.box2 table	{width:740px;margin: 20px auto;font-size:1em;line-height:1.6em;}
.box2 table th	{display:inline-block;width:10em;background: none;color:#333333;font-weight:normal;vertical-align: top;}
.box2 table td	{display:inline-block;color:#000;padding-top:0;}
.box3 table	{width:740px;margin: 20px auto;font-size:1em;line-height:1.6em;}
.box3 table th	{display:block;background: none;color:#333333;font-weight:bold;vertical-align: top;}
.box3 table td	{display:block;color:#000;padding-top:0;}
.mailf		{width:500px;}
textarea	{width:500px;}
}

@media only screen and (min-width:1001px){
.box5 table	{width:920px;}
}








/* Styles for contact */
.lead-cont	{margin-left:5px;margin-bottom:30px;}
.mailf		{width:95%;height:24px;background: #FFFFDD;}
textarea	{width:95%;height:8em;background: #FFFFDD;}

@media only screen and (min-width:781px){
.lead-cont	{margin-left:40px;margin-bottom:50px;}
.mailf		{width:500px;background:none;}
textarea	{width:500px;background:none;}
}




table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td{
	border:1px solid #ccc;
	padding:5px;
}
table.formTable td{
	background:#FFFFDD;
	text-align:left;
}

@media only screen and (min-width:781px){
table.formTable td{
	background:none;
	text-align:left;
}
}




p.error_messe{
	margin:5px 0;
	color:red;
}