/* ALL
------------------------------------------------------------ */
body {
	height: 100%;
	background-color: #FFF;
}


/* HEADER
------------------------------------------------------------ */
body header h1,
body header p {
	max-width: 1000px;
	margin: 0px auto;
}

body header h1 {
	font-size: 80%;
}


/* GLOBAL NAVI
------------------------------------------------------------ */
nav {
	background-color: #464646;
}

nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active {
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
}

nav ul li a:hover {
	background-color: #666;
}

nav ul li span {
	font-size: 80%;
	color: #a6a8d2;
}


/* MAIN
------------------------------------------------------------ */
main {
}

main p {
	margin-bottom: 15px;
}

main h2 {
	margin: 0 0 30px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 250%;
	line-height: 1.3;
	background: url(../img/bg_h2.jpg) bottom center no-repeat;
}

main h2 span {
	font-size: 50%;
}

main h3 {
	margin: 60px 0 40px;
	text-align: center;
	font-size: 180%;
	line-height: 1.4;
}

main section {
	padding: 30px 0;
	max-width: 1000px;
	margin: 0 auto;
}

main #con {
	padding: 20px 0;
	background-color: #e9f7d4;
	text-align: center;
}

main #con p {
	margin: 0 auto 15px;
}

main #con .contact {
	margin-bottom: 40px;
}

main #con .contact a {
	padding: 10px;
	display: block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	background-color: #d08f41;
}


main #con .contact a:hover {
	background-color: #6B8536;
}


/*  TOP MAIN
------------------------------------------------------------ */
main #main {
	background-color: #f7e9d4;
	text-align: center;
}

main #main p {
}

main #box {
	background-color: #FFF;
}

main #box div.box1,
main #box div.box2,
main #box div.box3 {
	text-align: center;
}

main #box div.box1 h3 {
	margin-bottom: 20px;
	font-size: 160%;
	color: #101266;
}

main #box div.box2 h3 {
	margin-bottom: 20px;
	font-size: 160%;
	color: #8b1156;
}

main #box div.box3 h3 {
	margin-bottom: 20px;
	font-size: 160%;
	color: #236d0f;
}

main #box ul {
	text-align: left;
}

main #box ul li {
	margin-bottom: 10px;
}

main #box div.box1 ul li {
	padding-left: 25px;
	background: url(../img/top_ico1.jpg) top left no-repeat;
}

main #box div.box2 ul li {
	padding-left: 25px;
	background: url(../img/top_ico2.jpg) top left no-repeat;
}

main #box div.box3 ul li {
	padding-left: 25px;
	background: url(../img/top_ico3.jpg) top left no-repeat;
}


main #box section a {
	color: #000;
	text-decoration: none;
	display: block;
}

main #box .service a,
main #box .flow a,
main #box .contact a {
	margin: 15px 5%;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	font-size: 120%;
}

main #box .service a {
	background-color: #ccd0f1;
}

main #box .flow a {
	background-color: #f1c6e1;
}

main #box .contact a {
	background-color: #d5ecc1;
}

main #box .service a:hover {
	background-color: #9098d7;
}

main #box .flow a:hover {
	background-color: #e195c5;
}

main #box .contact a:hover {
	background-color: #98c473;
}


/*  SERVICE MAIN
------------------------------------------------------------ */
main #ser {
	background-color: #edf4fd;
}

main #ser h3 {
	margin-bottom: 10px;
	font-size: 130%;
}

main #ser div.box1,
main #ser div.box2,
main #ser div.box3 {
	text-align: center;
}

main #ser div.box1 p,
main #ser div.box2 p,
main #ser div.box3 p {
	text-align: left;
}

main #ser div.box1 img,
main #ser div.box2 img,
main #ser div.box3 img {
	max-width: 280px;
	width: 90%;
}

main table#about {
	margin-bottom: 30px;
	width: 100%;
}

main table#about th,
main table#about td {
	border: 1px solid #DDD;
	padding: 10px;
	text-align: left;
}

main table#about th {
	white-space: nowrap;
    background: #F9F9F9;
}


/*  FLOW MAIN
------------------------------------------------------------ */
main #flow {
	background-color: #edf4fd;
}

main #flow dl dd:first-line {
	font-weight: bold;
	line-height: 2.5;
}

main #prise {
}

main #prise table {
	width: 100%;
	margin-bottom: 20px;
}

main #prise table th,
main #prise table td {
	padding: 10px;
	border: 1px solid #CCC;
}

main #prise table th {
	background-color: #E6D2DD;
	text-align: center;
}

main #prise table tr:nth-child(even) {
    background: #FFF;
}

main #prise table tr:nth-child(odd) {
    background: #F9F9F9;
}


/*  WORK MAIN
------------------------------------------------------------ */
main #work {
	background-color: #edf4fd;
}

main #work table {
	margin-bottom: 30px;
}


main #work table th,
main #work table td {
	padding: 5px 15px;
	border: 1px solid #CCC;
}

main #work table th {
    background: #EEE;
	text-align: left;
}

main #work table td {
	background-color: #F9F9F9;
}

/*  CONTACT MAIN
------------------------------------------------------------ */
main #contact {
	background-color: #edf4fd;
}


/* FOOTER
------------------------------------------------------------ */
footer {
	padding: 10px 0;
	background-color: #bbb;
}

footer ul {
	margin: 40px auto 30px;
	max-width: 1000px;
}

footer ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0 15px;
	background: url(../img/ico_footer.png) center left no-repeat;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: #000;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

address {
	padding: 7px 0;
	background-color: #262626;
	text-align: center;
	color: #FFF;
	font-size: 82%;
}

#social {
	margin: 0 auto 20px;
	max-width: 1000px;
}

#social img {
	margin-right: 10px;
	float: left;
}


/* BASE
------------------------------------------------------------ */
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}
.ml100 { margin-left: 100px !important;}

.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !important;}
.mr60 { margin-right: 60px !important;}
.mr70 { margin-right: 70px !important;}
.mr80 { margin-right: 80px !important;}
.mr90 { margin-right: 90px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}

.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}

.txtC { text-align:center;}
.txtR { text-align: right;}
.txtL { text-align:left;}

.txtM { vertical-align: middle;}

.txtsmall { font-size: 82%;} 
.txtxsmall { font-size: 75%;} 
.txtbig { font-size: 120%;} 

.indent1 { padding-left: 1em; text-indent: -1em;}
.indent2 { padding-left: 2em; text-indent: -2em;}
.indent3 { padding-left: 3em; text-indent: -3em;}
.indent4 { padding-left: 4em; text-indent: -4em;}
.indent5 { padding-left: 5em; text-indent: -5em;}
.indent6 { padding-left: 6em; text-indent: -6em;}
.indent7 { padding-left: 7em; text-indent: -7em;}
.indent8 { padding-left: 8em; text-indent: -8em;}
.indent9 { padding-left: 9em; text-indent: -9em;}


.red { color: #C00;}

.blue { color: #03C;}

.green { color: #090;}

.floatl { float: left;}
.floatr { float: right;}

.txtbold { font-weight: bold;}
.txtnomal { font-weight: normal}
.txtunderline {text-decoration: underline:}

.tablecenter { margin: 0 auto;}

.underRed { border-bottom: 1px solid #C00;}
.underBulue { border-bottom: 1px solid #006;}
.underBrack { border-bottom: 1px solid #000;}


.clear { clear: both;}

@media print {
	#subnav,#navigation,div#mainarea #menu,div#footer {
		display: none;
	}

  	div#mainarea #contents {
		width: 100%
	}
	.print_none {
		display:none;
	}
}