@charset "utf-8";
/* CSS Document */

.parent { font-size:14px;}
.rightText { float:right; text-align:right; margin:0 0 20px 0; }
.nomber ,
.nomber2 ,
.nomber3 {
	margin-bottom:20px;
	padding:0 2px 3px 0;
	font-weight:bold;
}
dd .ddNo{
	margin:0 10px 0 0;
	padding:0 2px 1px 0;
	float:left;
	display:block;
	clear:both;
}
dd .ddNo2{
	margin:0 10px 0 30px;
	padding:0 2px 1px 0;
	float:left;
	display:block;
	clear:both;
}
.nomber {
	float:left;
	display:block;
	margin:0 8px 0 0 ;
	width:16px;
}
li , dt , dd { line-height:1.5em; }

#rule2 dl .bottom1{
	padding:0 0 5px 0;
}/* ----------------------------------------
				rule
   ---------------------------------------- */
#rule1 {
	float:right;
	width:51%;
	margin:-80px 0 50px 0;
	display:block;
}
#rule2 {
	float:left;
	padding:25px 0 10px 0;
	width:100%;
	display:block;
	clear:both;
}
#rule2 dl {
	padding:0 0 20px 0;
}
#rule2 dt {
	padding:0 0 5px 0;
}
#rule2 dd {
	margin:0 0 0 20px;
}

#rule2 .ddNoText {
	margin:0 0 0 47px;
}
#rule2 .ddNoText2 {
	margin:0 0 0 102px;
	padding:0 0 5px 0;
}

#rule2 .ddindt{
	margin-top:10px;
}

#rule3 {
	float:left;
	padding:25px 0 10px 0;
	width:100%;
	display:block;
	clear:both;
}
#rule3 dl {
	padding:0 0 20px 0;
}
#rule3 dt {
	padding:0 0 5px 0;
}
#rule3 dd {
	margin:0 0 0 20px;
}

#rule3 .ddNoText {
	margin:0 0 0 53px;
}
#rule3 .ddNoText2 {
	margin:0 0 0 102px;
	padding:0 0 5px 0;
}

#rule3 .ddindt{
	margin-top:10px;
}

/* ----------------------------------------
				consultation 01
   ---------------------------------------- */
#consultation ,
#application {
	float:left;
	clear:both;
	background:#fdd;
}
#consultation { width:70%; padding: 0 0 10px 20px; }
#application { width:100%; padding:10px ;}
#consultation dt ,
#application dt {
	color:#bd1a20;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	margin:0;
}
#application dd {
	margin:0;
	padding:0;
}
#privacymark a{
	float:left;
	width:24%;
	padding-top:25px;
	text-align:center;
}
/* ----------------------------------------
				yellow menu
   ---------------------------------------- */

#contactMenu  {margin:70px 0 0 0;}
#contactMenu2 {margin:20px 0 0 0;}
#contactMenu li ,
#contactMenu2 li {
	float:left;
	margin:0 3% 0 0;
	padding:15px 2%;
	text-align:center;
	border:2px #ffca12 solid;
    -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; -ms-transition:1s;}
#contactMenu .on ,
#contactMenu2 .on {
	background-color:#ffca12;
	color:#000;
	padding:auto 10px;
}
	#contactMenu .off ,
	#contactMenu2 .off {
		background:#fff;
		color:#000;
	}
	#contactMenu .off:hover ,
	#contactMenu2 .off:hover {
		background:#ffca12;
	}
#contact2 {
	clear:both;
}
#contact2 dl {
	padding:3%;
	background-color:#e4f0d4;
}
#contact2 dt {
	color:#bd1a20;
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#contact2 dd {
	display: list-item;
	list-style: disc outside;
	margin:0 0 0 20px;
}

@media screen and (max-width: 705px) {
#contactMenu , #contactMenu2 { width:100%; margin:10px 0 0 0;}
#contactMenu li ,
#contactMenu2 li {
	float:none;
	width:94%;
	margin:0 0 15px 0;
}
#rule2 {
	float:none;
	padding:10px 0 10px 0;
}
}

@media screen and (max-width: 680px) {
h2 { padding:20px 0 10px;}
}