article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

body{
    font-family:"MS PGothic", osaka, sans-serif,Tahoma,Helvetica,"Microsoft Yahei","”??‰ëüK",Arial,STHeiti;
    font-size: 10px;
    text-align: left;
    background-color: #EFEFEF;
	color: #494949;
	margin: 0px; padding: 0px; 
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html{ font-size: 62.5%; line-height: 23px;}
img{ max-width: 100%; height: auto; border: 0; vertical-align: bottom; width /***/:auto; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} 
sup { bottom: 1ex;} 
sub { top: .5ex;}
.clear{ margin: 0px 0px; padding: 0px 0px; width:100%; height:17px; clear: both;}

.clear02{ margin: 20px 0px; padding: 0px 0px; width:100%; height:1px; border-bottom: 1px dotted #1782CA; clear: both;}

#all_background01{ margin: 0px 0px; padding: 0px 0px; width:100%; background-color: #fff; border-top: 4px solid #E72420; text-align: center;}
#all_background02{ margin: 0px 0px; padding: 0px 0px; background: url(../images/white.png) top repeat-x; width:100%; height: auto; overflow: hidden;}
#header{ margin: 0px auto; padding: 0px 0px; width:100%; max-width:920px; text-align: center; overflow: hidden;}
#logo{ margin: 0px 0px; padding: 23px 0px 0px 20px; width:86%; max-width:283px; text-align: left; overflow: hidden; float: left;}
#gotourl{ margin: 10px 0px 0px 0px; padding: 0px 20px 0px 0px; width:115px; text-align: right; overflow: hidden; float: right;}
#gotourl a:hover{filter: alpha(opacity=60); opacity: 0.6;}
@media only screen and (max-width: 360px) { 
#gotourl{ margin: 0px 0px; padding: 0px 20px 0px 0px; width: 100%; height: auto; text-align: right; overflow: hidden; float: right;}
}
#logo02{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; width:81%; height: 100%; max-width:244px; vertical-align: sub; text-align: left; overflow: hidden; float: left; clear: both;}

#langege{ margin: 0px 0px 10px 0px; padding: 0px 0px; clear: both; height: 100%; overflow: hidden;}
ul#toplink{ width:100%; margin: 0px ; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
ul#toplink li.left{ margin: 0px 0px; padding: 0px 0px; border-left: 1px solid #E5E0D1; border-right: 1px solid #E5E0D1; width: 93px; height: auto; list-style-type: none; text-align: center; font-size: 1.2rem; line-height: 2rem; float: right; overflow: hidden;}
ul#toplink li.left a { padding: 0px; width: 100%; height: 100%; text-decoration:none; text-align: center; color: #494949; display: block;}
ul#toplink li.left a:hover { background-color:#fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; text-decoration:none; }
ul#toplink li.right{ margin: 0px 0px; padding: 0px 0px; border-right: 1px solid #E5E0D1; width: 93px; height: auto; list-style-type: none; text-align: center; font-size: 1.2rem; line-height: 2rem; float: right; overflow: hidden;}
ul#toplink li.right a { padding: 0px; width: 100%; height: 100%; text-decoration:none; text-align: center; color: #494949; display: block;}
ul#toplink li.right a:hover { background-color:#fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; text-decoration:none; }

#glmenu{ margin:0 auto; padding: 0px; background: url(../images/tool_back.png) bottom repeat-x; width:98%; max-width: 920px; height: 53px; border-top-left-radius:0.4em; -webkit-border-top-left-radius:0.4em; -moz-border-top-left-radius:0.4em; border-top-right-radius:0.4em; -webkit-border-top-right-radius:0.4em; -moz-border-top-right-radius:0.4em; clear: both;}
#nav { margin:-16px 0px 0px 0px; padding: 0px; font-size: 16px; font-size: 1.6rem; line-height: 1.9rem;}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative; list-style: none;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: # !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 45px; /* 60 */
			}
				#nav > ul > li
				{
					width: 19%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						line-height: 3.4em; /* 60 (24) */
						text-align: center;
						text-decoration:none;
						color: #fff;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #186AA8;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #; color: #72aad2;
						}


				/* second level */

				#nav li ul
				{
					background-color: #fff;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							border-top: 0px solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}

		@media only screen and ( max-width: 600px ) 
		{

			#nav
			{  margin:0px auto 0px auto; padding: 0px;
				position: relative;
				left: auto;
				 font-size: 16px; font-size: 1.6rem; line-height: 1.9rem;
				z-index: 111111;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 42px; /* 50 */
					text-align: left;
					text-indent: -9999px;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block; padding: 3px;
					background-color: #F9F9F9;
					border-bottom-left-radius:0.4em;
					-webkit-border-bottom-left-radius:0.4em;
					-moz-border-bottom-left-radius:0.4em;
					border-bottom-right-radius:0.4em;
					-webkit-border-bottom-right-radius:0.4em;
					-moz-border-bottom-right-radius:0.4em;
					filter:alpha(opacity=98);
					-moz-opacity: 0.98;
					opacity: 0.98;
					box-shadow: 0px 0px 10px rgba(0,0,0,0.50);
					-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.50);
					-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.50);
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
						color: #20506B;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #E2E2E2;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}


#contentsframe{ margin: 0px auto; padding: 0px 0px; width:96%; max-width:920px; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-heigh: 1.9rem; text-align: center; overflow: hidden;}
@media only screen and ( max-width: 480px ) 
		{
#contentsframe{ margin: 0px auto; padding: 0px 0px; width:96%; max-width:920px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-heigh: 1.6rem;text-align: center; overflow: hidden;}
}
#imegeframe{ margin: 12px 0px 28px 0px; padding: 0px 0px; width:100%; overflow: hidden;}
#imegeframe02{ margin: 12px 0px 0px 0px; padding: 0px 0px; width:100%; overflow: hidden;}
#pandust{ margin: 0px 0px; padding: 0px 0px; width:100%; font-size: 12px; font-size: 1.2rem; line-height: 28px; line-heigh: 2.8rem;text-align: left; color: #A5A5A5; overflow: hidden;}
#pandust a{ color: #1782CA;}
#pandust a:hover{ color: #A5A5A5;}
#contents_left{ margin: 0px auto; padding: 0px 0px; width:70%; max-width:828px; text-align: center; float: left; overflow: hidden;}
#contents_right{ margin: 0px auto; padding: 0px 0px; width:28%; max-width:270px; text-align: center; float: right; overflow: hidden;}
@media only screen and ( max-width: 600px ) 
		{
#contents_left{ margin: 0px 0px; padding: 0px 0px; width: 100%; text-align: center; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; clear: both;}
#contents_right{ margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 100%; max-width:828px; text-align: center; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; clear: both; border-top: 1px dotted #1782CA;}
}

.goodsbox{margin: 0px 0px 7px 0px; padding: 5px; width: 50%; max-width: 310; height: auto; background-color: #CCE4F3; list-style-type: none; text-align: center; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; position:relative; display: table-cell;}
.goodsbox a{ width:100%; height:100%; top:0; left:0; text-indent:-999px; display:block; position:absolute; overflow: hidden;}
#goodsbox a:hover{ background-color:#FFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.goodsbox div{ margin: 0px auto; padding: 0px; width: 98%; max-width: 310px; background-color: #CCE4F3; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);}
.goodsbox dl{ margin: 0px auto; padding: 0px; width: 100%; max-width: 310px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.goodsbox dt{ margin: 0px auto; padding: 0px; height: auto; list-style-type: none; text-align: center;}
.goodsbox dd.heightLine{margin: 0px auto; padding: 8px 10px; width: 100%; max-width: 310px; text-align: center; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.goodsbox dd.button{margin: 0px auto; padding: 10px; width: 100%; max-width: 310px; font-size: 19px; font-size: 1.9rem; line-height: 22px; line-heigh: 2.2rem; text-align: center; background: url(../images/tool_back.png) bottom repeat-x; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}


@media only screen and ( max-width: 480px ) 
		{
.goodsbox dd.goodsname{margin: 0px auto; padding: 10px; width: 100%; max-width: 310px; text-align: center; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.goodsbox dd.button{margin: 0px auto; padding: 10px; width: 100%; max-width: 310px; font-size: 14px; font-size: 1.4rem; text-align: center; background: url(../images/tool_back.png) bottom repeat-x; color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
}

#companymenu{ margin: 0px auto; padding: 0px 0px 10px 0px; background: url(../images/company_back.png) bottom repeat-x; width:98%; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); z-index: 2;}
#companymenu div.title{ margin: 0px 0px; padding: 8px 0px; width:100%; max-width: 270px; text-align: left;}
ul#companlink{ margin: 0px auto; padding: 0px 0px; width:87%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
ul#companlink li{ margin: 0px 0px; padding: 10px 0px 0px 0px; border-bottom: 1px dotted #fff; width: 100%; height: auto; list-style-type: none;  color: #72aad2; line-height: 30px; line-height: 3.0rem; text-align: left; background: url(../images/button_arrow02.png) bottom right no-repeat; overflow: hidden;}
ul#companlink li a { display: block; text-decoration: none; color: #fff; background: url(../images/button_arrow.png) bottom right no-repeat; }
ul#companlink li a:hover { display: block; text-decoration: none; color: #72aad2; background: url(../images/button_arrow02.png) bottom right no-repeat; }

#mainboxframe{ margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 98%; max-width:640px; height: auto; background-color: #fff; text-align: center; line-height: 22px; line-heigh: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.25); overflow: hidden;}
#mainboxframe div.title{ margin: 0px 0px; padding: 10px 0px; width:96%; text-align: left;}
#mainboxframe-box{ margin: 0px auto 0px auto; padding: 10px 0px 25px 0px; width: 94%; max-width:602px; height: auto; text-align: left; line-height: 30px; line-height: 3.0rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.mainboxframe-box02{ margin: 0px auto 0px auto; padding: 10px 0px 25px 0px; width: 94%; max-width:602px; height: auto; text-align: left; line-height: 24px; line-height: 2.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}

div .mainboxframe-box02 .leftbox{ margin: 0px 0px; padding: 0px 0px; width: 60%; max-width:374px; height: auto; text-align: justify; text-justify: inter-ideograph; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; float: left;}
div .mainboxframe-box02 .leftboxtitle{ margin: 0px 0px 10px 0px; padding: 0px 0px; width: 100%; height: 36px; background: url(../images/company_back.png) bottom repeat-x; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .leftboxtitle p{ margin: 10px 0px 0px 10px; padding: 0px 0px 0px 8px; width: 100%; height: 26px; border-left: 4px solid #fff;  color: #fff; text-align: left; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .rightbox{ margin: 0px 0px 5px 0px; padding: 0px 0px; width: 38%; max-width:294px; height: auto; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; float: right;}
div .mainboxframe-box02 .allboxtitle{ margin: 0px 0px 10px 0px; padding: 2px 2px 2px 4px; width: 100%; background: url(../images/business/business_back.png) top repeat-x; color: #fff; text-align: left; font-size: 18px; font-size: 1.8rem; line-height: 29px; line-height: 2.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .allbox_subtitle{ margin: 10px auto 5px auto; padding: 0px 0px; width: 98%; max-width:602px; background: url(../images/company_back.png) bottom repeat-x; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .allbox_subtitle p{ margin: 10px 0px 0px 10px; padding: 0px 0px 4px 8px; width: 96%; border-left: 4px solid #fff;  color: #fff; text-align: left; vertical-align: text-top; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.mainboxframe-box03{ margin: 0px auto 10px auto; padding: 5px 0px 10px 0px; width: 98%; max-width:602px; height: auto;  text-align: justify; text-justify: inter-ideograph; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; border-bottom: 1px dotted #BABABA;}
div.mainboxframe-box03 p{ margin: 0px 0px; padding: 0px 0px; padding-left:1.5rem; text-indent:-1rem;}

.business_subtitle{ margin: 0px auto 20px auto; padding: 0px 0px; width: 98%; max-width:602px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.business_subtitle p{ margin: 0px 0px; padding: 0px 0px 4px 8px; width: 96%; border-left: 4px solid #494949; color: #494949; font-weight: bold; text-align: left; vertical-align: text-top; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}


@media only screen and ( max-width: 480px ) 
		{
#mainboxframe-box{ margin: 0px auto 0px auto; padding: 10px 0px 25px 0px; width: 94%; max-width:602px; height: auto; text-align: left; line-height: 21px; line-height: 2.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.mainboxframe-box02{ margin: 0px auto 0px auto; padding: 10px 0px 25px 0px; width: 94%; max-width:602px; height: auto; text-align: left; line-height: 19px; line-height: 1.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .leftbox{ margin: 0px 0px; padding: 0px 0px; width: 100%; height: auto; text-align: justify; text-justify: inter-ideograph; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; clear: both; overflow: hidden;}
div .mainboxframe-box02 .leftboxtitle{ margin: 0px 0px 10px 0px; padding: 0px 0px; width: 100%; height: 36px; background: url(../images/company_back.png) bottom repeat-x; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .leftboxtitle p{ margin: 10px 0px 0px 10px; padding: 0px 0px 0px 8px; width: 100%; height: 26px; border-left: 4px solid #fff;  color: #fff; text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .rightbox{ margin: 0px 0px 5px 0px; padding: 10px 0px; width: 100%; max-width:602px; height: auto; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; clear: both; overflow: hidden;}
div .mainboxframe-box02 .allboxtitle{ margin: 0px 0px 10px 0px; padding: 2px 2px 2px 4px; width: 100%; background: url(../images/business/business_back.png) top repeat-x; color: #fff; text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .allbox_subtitle{ margin: 10px auto 5px auto; padding: 0px 0px; width: 98%; max-width:480px; background: url(../images/company_back.png) bottom repeat-x; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div .mainboxframe-box02 .allbox_subtitle p{ margin: 10px 0px 0px 10px; padding: 0px 2px 4px 8px; width: 96%; border-left: 4px solid #fff;  color: #fff; text-align: left; vertical-align: text-top; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
}
#form{ margin: 17px auto 20px auto; padding: 0px 0px; width:98%; background-color: #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 52x rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.25); z-index: 2;}
#form div.title{ margin: 0px 0px; padding: 8px 0px; width:100%; max-width: 270px; text-align: left;}
#tel{ margin: 0px auto; padding: 0px 0px; width:87%; border-bottom: 1px dotted #848484; color: #848484; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
#telnumber{ margin: 0px auto; padding: 5px 0px 10px 0px; width:85%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}

#formbox{margin: 0px 0px 10px 0px; padding: 0px 0px; width: 100%; height: auto; background-color: #CCE4F3; list-style-type: none; text-align: center; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; position:relative; display: table-cell;}
#formbox a{ width:100%; height:100%; top:0; left:0; text-indent:-999px; display:block; position:absolute; overflow: hidden;}
#formbox a:hover{ background-color:#FFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#formbox div{ margin: 0px auto; padding: 5px 0px; width: 100%; background-color: #d94d0e; box-shadow: 0px 0px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.25);}
#formbox dl{ margin: 0px auto; padding: 0px; width: 96%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
#formbox dt{ margin: 0px auto; padding: 0px; height: auto; list-style-type: none; text-align: center;}
#formbox dd.button{margin: 0px auto; padding: 10px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-heigh: 2.2rem; text-align: center; background: url(../images/tel_back.png) bottom repeat-x; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}

#footerframe{ margin: 30px auto 0px auto; padding: 0px 0px; width:96%; max-width:920px; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-heigh: 1.9rem; text-align: center; overflow: hidden;}
@media only screen and ( max-width: 480px ) 
		{
#footerframe{ margin: 30px auto 0px auto; padding: 0px 0px; width:96%; max-width:920px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-heigh: 1.6rem;text-align: center; overflow: hidden;}
}
#gototop{ margin: 0px auto; padding: 0px 0px; width:100%; max-width:78px; text-align: center; overflow: hidden;}
#gototop a:hover{filter: alpha(opacity=60); opacity: 0.6;}
#footermenu{ margin:0 auto; padding: 0px; background: url(../images/tool_back.png) bottom repeat-x; width:98%; max-width: 920px; height: 53px; font-size: 12px; font-size: 1.2rem; border-top-left-radius:0.4em; -webkit-border-top-left-radius:0.4em; -moz-border-top-left-radius:0.4em; border-top-right-radius:0.4em; -webkit-border-top-right-radius:0.4em; -moz-border-top-right-radius:0.4em; clear: both;}
ul#footerlink{ margin: 0px auto; padding: 0px 0px; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
ul#footerlink li{ margin: 0px 0px; padding: 10px 0px 0px 0px;  width: 20%; height: auto; list-style-type: none; color: #72aad2; line-height: 19px; line-height: 1.9rem; text-align: center; overflow: hidden; float: left;}
ul#footerlink li a { display: block; text-decoration: none; color: #fff; }
ul#footerlink li a:hover { display: block; text-decoration: none; color: #72aad2;}
#copyright{ margin: 0px auto; padding: 18px 0px 0px 0px; width:98%; max-width:920px; height: 39px; background-color: #cccccc; font-size: 10px; font-size: 1.0rem; line-height: 15px; line-heigh: 1.5rem; text-align: center; overflow: hidden;}


#tablefram{ margin: 10px auto; padding: 30px 0px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px solid #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.tablefram02{ margin: 0px auto; padding: 30px 0px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px dotted #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.blue{ color: #1782CA;}
#tablefram03{ margin: 0px auto; padding: 5px; width: 98%; max-width:602px; height: auto; text-align: left; border: 1px dotted #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.tablefram04{ margin: 0px auto; padding: 10px 0px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px dotted #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.tablefram05{ margin: 0px auto 20px auto; padding: 5px 0px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px dotted #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.tablefram06{ margin: 0px auto 30px auto; padding: 10px 10px; width: 98%; max-width:602px; height: auto; text-align: center; background-color: #F5F5F5; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div.tablefram06 .image01{ margin: 0px 0px; padding: 0px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div.tablefram06 .image02{ margin: 0px auto; padding: 0px 0px 10px 0px; max-width: 340px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div.tablefram06 .image03{ margin: 0px auto; padding: 0px 0px 10px 0px; max-width: 340px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div.tablefram06 .image04{ margin: 0px auto; padding: 0px 0px 10px 0px; max-width: 340px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
@media only screen and ( max-width: 600px ) 
		{
div.tablefram06 .image01{ display: none;}
}
@media only screen and ( min-width: 601px ) 
		{
div.tablefram06 .image02{ display: none;}
}
div.tablefram06 .text{ margin: 10px auto; padding: 0px 10px; width: 100%; height: auto; text-align: left; border-top: 1px dotted #BABABA; overflow: hidden;}
#imagefram{ margin: 0px auto; padding: 0px 0px 20px 0px; width: 98%; max-width:602px; height: auto; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
#imagefram02{ margin: 0px auto 10px auto; padding: 5px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px solid #BABABA; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div#imagefram02 .leftimage{ margin: 0px 0px; padding: 0px; width: 49%; max-width:331px; height: auto; text-align: center;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; float: left;}
div#imagefram02 .rightimage{ margin: 0px 0px; padding: 0px; width: 49%; max-width:331px; height: auto; text-align: center;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; float: right;}
.imagefram03{ margin: 0px auto 10px auto; padding: 5px; width: 98%; max-width:602px; height: auto; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
#mapfram{ margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 98%; max-width:602px; height: auto; text-align: center; border: 1px solid #BABABA; border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}

@media only screen and ( max-width: 360px ) 
		{
div#imagefram02 .leftimage{ margin: 0px auto; padding: 0px 0px 4px 0px; width: 100%; max-width:297px; height: auto; text-align: center;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
div#imagefram02 .rightimage{ margin: 0px auto; padding: 0px; width: 100%; max-width:297px; height: auto; text-align: center;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
}
/*----------------------------------------------------
    .profiletable
----------------------------------------------------*/
section table { margin: 0px auto; width: 90%; max-width:525px; border-collapse: collapse;}
section th, section td { background: #fff; padding: 6px 10px;}
section th  { background: #fff;}
.profiletable th { padding: 6px 10px 2px 10px; width: 20%; text-align: right; border-bottom: 1px solid #1782CA; color: #494949; font-weight: normal;}
.profiletable td { padding: 6px 10px 2px 10px; text-align: left; border-bottom: 1px solid #BABABA;}
.profiletable td a:link{ color: #EF6C00;}
.profiletable td a:hover{filter: alpha(opacity=60); opacity: 0.6;}
.companytable th { padding: 6px 10px 2px 10px; width: 35%; text-align: right; border-bottom: 1px solid #1782CA; color: #494949; font-weight: normal;}
.companytable td { padding: 6px 10px 2px 10px; text-align: left; border-bottom: 1px solid #BABABA;}
.companytable td a:link{ color: #EF6C00;}
.companytable td a:hover{filter: alpha(opacity=60); opacity: 0.6;}
.introductiontable th { padding: 2px 6px 2px 2px; width: 50%; text-align: right; border-bottom: 1px solid #1782CA; color: #494949; font-weight: normal;}
.introductiontable td { padding: 2px 2px 2px 6px; text-align: left; border-bottom: 1px solid #BABABA;}
@media only screen and (max-width: 350px) { 
.profiletable { width: 95%; max-width: 330px; margin: 0px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.profiletable tr { display:block; margin-bottom: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.profiletable th { display:block; width: 100%; background-color: #F0F4F9; border-bottom: 1px solid #F0F4F9; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.profiletable td { display: list-item; width: 100%; border:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; list-style: none;}
}
@media only screen and (max-width: 480px) { 
.companytable { width: 95%; max-width: 480px; margin: 0px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.companytable tr { display:block; margin-bottom: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.companytable th { display:block; width: 100%; background-color: #F0F4F9; border-bottom: 1px solid #F0F4F9; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.companytable td { display: list-item; width: 100%; border:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; list-style: none; }
}

.businesstable { width: 85%; max-width: 525px; margin: 0px auto; border: 1px solid #848484; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.businesstable th { padding: 6px 10px 2px 10px; width: 20%; max-width:100px; text-align: right; background-color: #71B3DF;  border-bottom: 1px solid #fff; color: #fff; font-weight: normal;}
.businesstable td { padding: 6px 10px 2px 10px; text-align: left; border-bottom: 1px solid #848484;}
@media only screen and (max-width: 350px) { 
.businesstable { width: 95%; max-width: 330px; margin: 0px auto; border: 1px solid #848484; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden;}
.businesstable th { display:block; width: 98%; max-width: 330px; padding: 6px 2px 2px 10px; text-align: left; background-color: #71B3DF; color: #fff; font-weight: normal;}
.businesstable td { display: list-item; width: 95%; padding: 6px 2px 2px 10px; text-align: left; border-bottom: 1px solid #848484; list-style: none;}
}

.frame {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

@media only screen and (max-width: 480px) { 
.frame {
  position: relative;
  width: 100%;
  padding-top: 150%;
}
}

.frame-container {
  position: absolute;
  top: -30px;
  left: 0px;
  right: 0;
  width: 600px;
  height: 100%;
  margin:auto auto;
}

/*----------------------------------------------------
    .TAB
----------------------------------------------------*/
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 10px 0px;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: left;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #ADADAD;
	border-bottom: none;
	background-color: #fff;
	font-size: 1.0em;
	margin: 0px 2px;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
	border: 1px solid #1782CA;
	box-shadow: inset 0 2px #003F98;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #1782CA;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #1782CA;
	display: block;
	padding: 5px 10px;
	white-space: nowrap;
	text-decoration: none;
}

.tabs nav a:hover {
	color: #66ACD3;
	text-decoration: none;
}

.tabs nav li.tab-current a {
	color: #fff;
	background: #1782CA;
}

/* Content */
.content section {
	margin: -6px auto 0px auto;
	padding: 5px;
	display: none;
	background: #1782CA;
	max-width: 581px;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #E15A1F;
}

.content section.content-current {
	display: block;
}

/* FORM */
.red { color: #ff0000;}
input {
    width: 100%;
	padding: 5px;
    max-width: 400px; /* ?ƒ?‚¹ãƒ?ƒ³ã‚·ãƒ–???´åˆ???ç­– */
    box-sizing: border-box; /* [borde-box]?§å³ã??›?³å‡ºã—?‚’?›ž?? */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
   -ms-border-radius: 2px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}

input[class="tel"],input[class="tel02"],input[class="tel03"]{
    width: 31%;
	padding: 5px;
    max-width: 400px; /* ?ƒ?‚¹ãƒ?ƒ³ã‚·ãƒ–???´åˆ???ç­– */
    box-sizing: border-box; /* [borde-box]?§å³ã??›?³å‡ºã—?‚’?›ž?? */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
   -ms-border-radius: 2px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}
input[class="fax"],input[class="fax02"],input[class="fax03"]{
    width: 31%;
	padding: 5px;
    max-width: 400px; /* ?ƒ?‚¹ãƒ?ƒ³ã‚·ãƒ–???´åˆ???ç­– */
    box-sizing: border-box; /* [borde-box]?§å³ã??›?³å‡ºã—?‚’?›ž?? */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
   -ms-border-radius: 2px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}
textarea {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
   -ms-border-radius: 2px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}

input[type="submit"]  {
    margin: 2px; width: 45%; max-width: 200px; background-image: linear-gradient(180deg, #0A80C1, #0F64AA); color:#fff;
}
input[type="reset"]  {
    margin: 2px;width: 45%; max-width: 200px; /*?€ä¿¡ãƒœ?‚¿ãƒ³ã??…?‚’?Œ‡å®š*/
}
input[type="button"]  {
    margin: 2px;width: 45%; max-width: 200px; /*?€ä¿¡ãƒœ?‚¿ãƒ³ã??…?‚’?Œ‡å®š*/
}
@media only screen and (max-width: 480px) { 
input[type="submit"]  {
    margin: 2px;width: 90%; max-width: 400px; background-image: linear-gradient(180deg, #0A80C1, #0F64AA); color:#fff;
}
input[type="reset"]  {
    margin: 2px;width: 90%; max-width: 400px;
}
input[type="button"]  {
    margin: 2px;width: 90%; max-width: 400px;
}
}

/*è£œè¶³ï?‰?ƒ?‚§ãƒƒ?‚?ƒœ?ƒƒ?‚?‚¹ã‚’CSS?§å¤§???™?‚‹è¨˜è¿°ä?‹*/
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 8px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
}

/* ?ƒ?‚§ãƒƒ?‚?™‚??ƒŒ?™?‰²ã‚’å¤‰?›? */
input[type="checkbox"]:checked {
    background: #9FB9D3;
}
