/*
* CSS Reset Base Settings
*/
@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ul { list-style: disc; margin:10px 0 10px 25px; }
ol { list-style:decimal; margin:10px 0 10px 25px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@media print, screen and (min-width: 641px){
.sp { display: none!important; }
.pcdb { display: block; }
}

@media screen and (max-width: 640px){
.pc { display: none!important; }
.spdb { display: block; }
img { width:100%; }
}



/****************************************************************
ALL
*****************************************************************/
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/******************************************************************
IE6 Bug Fix
*******************************************************************/
em { text-indent: -9999px; }

/******************************************************************
IE Print
*******************************************************************/
@media print{
	*html body{ zoom:60%; }
}
/*****************************************************************
Re-Settings
******************************************************************/
img {
	border-style: none;
	border:none;
	border:0;
	font-size: 0%;
	line-height: 0%;
	vertical-align:top;
}

a img {
	border: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	}

a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	text-decoration:none;

	}

input { vertical-align: middle; }

br { letter-spacing: 0; } /* IE No <br/> hack */

/*----------------------------------------------------------------
Font, a hover
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height:140%; }


h1 { font-size: 31px; color:#003399; border-left:4px solid #3e6496; padding:10px 0 10px 10px; letter-spacing:1px; margin:20px; }
.h1Area { border-bottom:1px solid #cbcbcb; margin-bottom:20px; }

h2 { font-size: 24px; color:#003399; font-weight:bold; margin-bottom:30px; }

h3 {
	font-size: 18px;
	color:#003399;
	font-weight:bold;
	margin:0 0 20px 0;
    position:relative;
	padding:0 5px 0 20px ;
	display:inline-block;
	}
h3:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    left: 0px;
    top: 1px;
    background: transparent;
    border-color: #003399 ;
    border-style:solid;
    border-width:9px;
    }


.sitemap h3 {
	margin:0 0 0 0;
	}


h4 {
	font-size: 18px;
	font-weight:bold;
	color:#003399;
	margin:0 0 20px 0;
    position:relative;
	}
h4 img {
	vertical-align:middle;
	margin:0 10px 0 0;
	}


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

h4:after { /* for modern browser */
    height: 0;
    visibility: hidden;
    content:"";
    display: block;
    clear: both;
}

h4 { /* for IE5.5-7 */
    zoom: 1;
    display: inline-block;
}

/* exlude MacIE5 ?_*/
* html h4 { height: 1% }

h4 { display: block; }

h4 img {
	width:20%;
	float:left;
	}
}


h4.circleH4 {
	padding: 3px 0 0 25px;
	}
h4.circleH4:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 4px;
    background: transparent;
	height:15px;
 	width: 15px;
 	border-radius: 50%;
    border-color: #003399 ;
    border-style:solid;
    border-width:2px;
    }
	
h5 {
	font-size: 16px;
	margin:0 0 10px 0;
    position:relative;
	padding: 5px 0 0 20px;
	}
h5:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 8px;
    background: transparent;
	height:12px;
 	width: 12px;
 	border-radius: 50%;
    border-color: #333 ;
    border-style:solid;
    border-width:2px;
    }
h6 { font-size: 1.10em; padding:0 0 5px 0; letter-spacing:5px; border-bottom: 1px dotted #c20f2d; margin:0 0 20px 0; }
small { font-size: smaller; }
b { font-weight: bold; }
sup { font-size: smaller; vertical-align: super; }
sub { font-size: smaller; vertical-align: sub; }
strong { font-weight: bold; }



a { text-decoration: none; color:#343434; }
a:hover{ text-decoration:underline; }

.mainContents a { text-decoration:underline; color:#003399; }
.mainContents a:hover { text-decoration:none; }

.sitemap h3 a { text-decoration:none; }
.sitemap li a { text-decoration: none; color:#343434; }
.sitemap li a:hover{ text-decoration:underline; }
/*
a { text-decoration: underline; color:#1684ca; }
a:hover{ text-decoration:none; } */




/******************************************************************
Comment
*******************************************************************/
.comment_post {
    clear: both;
    position: relative;
    margin: 20px 0 0;
    padding: 10px;
    display: block;
    background: #FFF;
    border: 3px solid #EEE;
    border-radius: 3px;
    color: #5a5a5a;
    font-size: 1.4rem;
    z-index: 0;
}

.comment_post:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 10%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #FFF transparent;
    z-index: 0;
}

.comment_post:after {
    content: "";
    position: absolute;
    top: -12px;
    left: 10%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #EEE transparent;
    z-index: -1;
}




/******************************************************************
Clearfix and Clear
*******************************************************************/
.clearfix:after { /* for modern browser */
    height: 0;
    visibility: hidden;
    content:"";
    display: block;
    clear: both;
}

.clearfix { /* for IE5.5-7 */
    zoom: 1;
    display: inline-block;
}

/* exlude MacIE5 ?_*/
* html .clearfix { height: 1% }

.clearfix { display: block; }

.clear{
  width:0%;
  clear:both;
  font-size:0px;
  margin:0px;
  padding:0px;
 }

.absClear { clear:both; }



/**********************************************************************
Other Useful
***********************************************************************/
.tex_none {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.taC { text-align: center; }
.taL { text-align: left; }
.taR { text-align: right; }

.red { color: #cc0000; }
.blue { color: #0000cc; }
.black { color: #333; }
.white { color: #fff; }
.orange { color: #eb6100; }
.purple { color: #ae5da1; }
.brown { color: #a84200; }
.aqua { color: #00a0e9; }
.green { color: #009944; }

.jus {
	text-align:justify;
	}


.nowrap {
	white-space:nowrap;
	}



/**********************************************************************
Font-Size
***********************************************************************/
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs32 { font-size: 32px; }
.fs33 { font-size: 33px; }
.fs34 { font-size: 34px; }
.fs35 { font-size: 35px; }
.fs36 { font-size: 36px; }
.fs37 { font-size: 37px; }
.fs38 { font-size: 38px; }
.fs39 { font-size: 39px; }
.fs40 { font-size: 40px; }



/**********************************************************************
Background Color 
***********************************************************************/
.bcBlack { background-color:#000; }
.bc333 { background-color: #333; }
.bcWhite { background-color: #fff; }
.bcGray { background-color: #E8E8E8; }
.bcf3 { background-color: #f3f3f3; }
.bcRed { background-color: #ff0000; }

.bgWhite {
	background:#ffffff;
	}

.bgefefef {
	background:#efefef;
	}

.bgf0f0f0 {
	background:#f0f0f0;
	}

.bg88C34B {
	background:#88C34B;
	}

.bg66a02b {
	background:#66a02b;
	}

.bgffb442 {
	background:#ffb442;
	}
.bgffe0b2 {
	background:#ffe0b2;
	}



/**********************************************************************
Line height
***********************************************************************/
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }

/****************************************************************
display
*****************************************************************/
.inline { display: inline; }
.block { display: block; }
.inblock { display: inline-block; }

/****************************************************************
Float
*****************************************************************/
.fL { float: left; }
.fR { float: right; }

@media print, screen and (min-width: 641px){
.fLpc { float: left; }
.fRpc { float: right; }
}

@media screen and (max-width: 640px){
.fLsp { float: left; }
.fRsp { float: right; }
}



/****************************************************************
Wordpress class
*****************************************************************/

/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}


/****************************************************************
Position
*****************************************************************/
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }



/****************************************************************
Vertical Align
*****************************************************************/
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }




/****************************************************************
Table
*****************************************************************/
.tlfixed {
	table-layout: fixed;
}

table {
	width:100%;
	}

	table th {
		text-align:center;
		padding:10px;
		font-weight:bold;
		border:2px solid #b4b4b4;
		background:#e6e6e6;
		}

	table td {
		padding:10px;
		border:2px solid #b4b4b4;
		}


		.cellleft th {
			text-align:left;
			}


.normalTable {
	width:100%;
	}

	.normalTable th {
		text-align:left;
		vertical-align:middle;
		padding:10px;
		border:1px solid #CCCCCC;
		background:#2584CB;
		color:#fff;
		}

	.normalTable td {
		padding:10px;
		border:1px solid #CCCCCC;
		vertical-align:middle;
		}





/****************************************************************
Form
*****************************************************************/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bdbdbd;
    background: #fff;
	padding:2%;
    text-indent: 5px;
    color: #7d7d7d;
}

select {
    background: url(../../images/contact/arrow.png) right 50% no-repeat;
    cursor: pointer;
}
textarea {
	height:150px;
	}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999999;
    background: #e6e6e6;
	width:90px;
	padding:1% 0;
	margin:0 20px;
	outline:0;
	cursor:pointer;
}





/****************************************************************
List
*****************************************************************/
.disc {
	list-style-type:disc;
	margin-left:25px;
	}

.decimal {
	list-style-type:decimal;
	margin-left:25px;
	}

.circle {
	list-style-type:circle;
	margin-left:25px;
	}




/****************************************************************
Border
*****************************************************************/

.bdbn {
	border-bottom:none!important;
	}

.bdall {
	border:1px solid #ccc;
	}

.bdbs {
	border-bottom:1px solid #cbcbcb;
	}
.bdbd {
	border-bottom:1px dotted #cbcbcb;
	}
.bdbda {
	border-bottom:1px dashed #cbcbcb;
	}

.bd5pxblue {
	border:5px solid #1684CA;
	}




/****************************************************************
Font 1em left
*****************************************************************/
.txt_sif {
	text-indent: -1.0em;
	padding-left: 1.0em;
}

/****************************************************************
Margin
*****************************************************************/
.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
.m25 { margin:25px; }
.m30 { margin:30px; }
.m35 { margin:35px; }
.m40 { margin:40px; }
.m45 { margin:45px; }
.m50 { margin:50px; }

.ma0 { margin: 0 auto; }

.mtb5 { margin: 5px auto; }
.mtb10 { margin: 10px auto; }
.mtb15 { margin: 15px auto; }
.mtb20 { margin: 20px auto; }
.mtb25 { margin: 25px auto; }
.mtb30 { margin: 30px auto; }
.mtb35 { margin: 35px auto; }
.mtb40 { margin: 40px auto; }
.mtb45 { margin: 45px auto; }
.mtb50 { margin: 50px auto; }

.mrl5 { margin: 0 5px; }
.mrl10 { margin: 0 10px; }
.mrl15 { margin: 0 15px; }
.mrl20 { margin: 0 20px; }
.mrl25 { margin: 0 25px; }
.mrl30 { margin: 0 30px; }
.mrl35 { margin: 0 35px; }
.mrl40 { margin: 0 40px; }
.mrl45 { margin: 0 45px; }
.mrl50 { margin: 0 50px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

/****************************************************************
Padding
*****************************************************************/
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }
.p35 { padding:35px; }
.p40 { padding:40px; }
.p45 { padding:45px; }
.p50 { padding:50px; }

.prl5 { padding: 0 5px; }
.prl10 { padding: 0 10px; }
.prl15 { padding: 0 15px; }
.prl20 { padding: 0 20px; }
.prl25 { padding: 0 25px; }
.prl30 { padding: 0 30px; }
.prl35 { padding: 0 35px; }
.prl40 { padding: 0 40px; }
.prl45 { padding: 0 45px; }
.prl50 { padding: 0 50px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }



/****************************************************************
Width
*****************************************************************/
.w5per { width:5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w48per { width:48%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w85per { width:85%; }
.w90per { width:90%; }
.w95per { width:95%; }
.w100per { width:100%; }


@media screen and (min-width: 641px){
.w5perPC { width:5%; }
.w10perPC { width:10%; }
.w15perPC { width:15%; }
.w20perPC { width:20%; }
.w25perPC { width:25%; }
.w30perPC { width:30%; }
.w35perPC { width:35%; }
.w40perPC { width:40%; }
.w45perPC { width:45%; }
.w48perPC { width:48%; }
.w50perPC { width:50%; }
.w55perPC { width:55%; }
.w60perPC { width:60%; }
.w65perPC { width:65%; }
.w70perPC { width:70%; }
.w75perPC { width:75%; }
.w80perPC { width:80%; }
.w85perPC { width:85%; }
.w90perPC { width:90%; }
.w95perPC { width:95%; }
}

@media screen and (max-width: 640px){
.w5perSP { width:5%; }
.w10perSP { width:10%; }
.w15perSP { width:15%; }
.w20perSP { width:20%; }
.w25perSP { width:25%; }
.w30perSP { width:30%; }
.w35perSP { width:35%; }
.w40perSP { width:40%; }
.w45perSP { width:45%; }
.w48perSP { width:48%; }
.w50perSP { width:50%; }
.w55perSP { width:55%; }
.w60perSP { width:60%; }
.w65perSP { width:65%; }
.w70perSP { width:70%; }
.w75perSP { width:75%; }
.w80perSP { width:80%; }
.w85perSP { width:85%; }
.w90perSP { width:90%; }
.w95perSP { width:95%; }


.w5perPC { width:100%; }
.w10perPC { width:100%; }
.w15perPC { width:100%; }
.w20perPC { width:100%; }
.w25perPC { width:100%; }
.w30perPC { width:100%; }
.w35perPC { width:100%; }
.w40perPC { width:100%; }
.w45perPC { width:100%; }
.w48perPC { width:100%; }
.w50perPC { width:100%; }
.w55perPC { width:100%; }
.w60perPC { width:100%; }
.w65perPC { width:100%; }
.w70perPC { width:100%; }
.w75perPC { width:100%; }
.w80perPC { width:100%; }
.w85perPC { width:100%; }
.w90perPC { width:100%; }
.w95perPC { width:100%; }
}

/****************************************************************
Sitemap
*****************************************************************/



/*--------------------------------------------------------
共通部分のレイアウト
--------------------------------------------------------*/
body{
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	color:#343434;
	position:relative;
	background:#efefef;
	width:100%;
	overflow-x:hidden;
	line-height: 160%;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

/*--------------------------------------------------------
Header
--------------------------------------------------------*/


@media print, screen and (min-width: 641px){
.headerWrapper {
	width:100%;
	line-height: 100%;
	background:#fff;
	}

.header {
	width:960px;
	height:90px;
	margin: 0 auto;
	position:relative;
	line-height:0;
}

	.logo {
		position:absolute;
		left:0;
		top:13px;
	}

	.btnRecruit {
		position:absolute;
		right:0;
		bottom:16px;
	}

	.linkSitemap {
		position:absolute;
		right:102px;
		top:16px;
		}

	.linkInquiry {
		position:absolute;
		right:0;
		top:16px;
		}

}

@media screen and (max-width: 640px){
.header {
	width:100%;
	background:#efefef;
}

	.logo {
		display:block;
		width:55%;
		padding:3% 0 3% 2%;
		float:left;
	}

	.btnRecruit,
	.linkSitemap,
	.linkInquiry {
		display:none;
	}
	.spMenu {
		float:right;
		display:block;
		width:15%;
		padding:3% 2% 0 4%;
		border-left:1px solid #727272;
		}
	.head-link {
    	clear: both;
    	display: none;
	}

}


/*--------------------------------------------------------
Global Nav
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.gNav {
	position:absolute;
	left:325px;
	top:47px;
}

	.gNav ul li {
		display:inline-block;
		padding:0 20px;
	}

}

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


.gNav {
	width:100%;
}

	.gNav ul {
		margin:0;
	}

	.gNav ul li {
		display:block;
		padding:3%;
		font-size:16px;
		background:#3f6497;
		border-bottom:1px solid #fff;
	}

		.gNav ul li a{
			color:#fff;
		}
}


/*--------------------------------------------------------
Breadcrumbs
--------------------------------------------------------*/


@media print, screen and (min-width: 641px){

.breadcrumbs {
	background:#efefef;
	padding:10px 0;
	}
	.breadcrumbs div {
		width:960px;
		margin:0 auto;  
		display: block;
		}


		.breadcrumbs ul li {
			display: inline;
			padding:0 20px 0 0;
			background:url(../../images/common/breadcrumbsArrow.png) right center no-repeat;
		}


		.breadcrumbs ul li a {
			color:#000;
		}

		.breadcrumbs li:first-child {
			padding:0 20px 0 0;
		}

		.breadcrumbs li:last-child {
			padding:0;
			background:none;
		}

}

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

.breadcrumbs {
		display: none;
	}
	.breadcrumbs div {
		display: none;
		}  
}


/*--------------------------------------------------------
Main
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.main {
	width: 960px;
	margin: 30px auto;
}
}

@media screen and (max-width: 640px){
.main {
	width: 94%;
	margin: 5% auto;
}
}
	.arrowRed {
		padding:2px 0 2px 13px;
		background:url(../../images/common/arrowRed.png) left 2px no-repeat;
		}

	.arrowBlue {
		padding:2px 0 2px 13px;
		background:url(../../images/common/arrowBlue.png) left 8px no-repeat;
		display:block;
		}


/*--------------------------------------------------------
Sidebar -aside
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.aside {
	width: 200px;
	background:#f9f9f9;
	float:left;
}
	.asideTit {
		color:#fff;
		background:#3f6497;
		padding:10px;
		text-align:center;
		}

	.aside ul {
		list-style:none;
		margin: 0 10px 10px 10px;
	}
	.aside ul li {
		padding: 10px 0;
		border-bottom:2px solid #e0e0e0;
	}
}

@media screen and (max-width: 640px){
.aside {
	width: 100%;
	background:#f9f9f9;
	padding:2% 0;
	margin:5% 0 0 0;
	float:none;
}
	.asideTit {
		color:#fff;
		background:#3f6497;
		padding:10px;
		text-align:center;
		}

	.aside ul {
		list-style:none;
		margin: 0 10px 10px 10px;
	}
	.aside ul li {
		padding: 10px 0;
		border-bottom:2px solid #e0e0e0;
	}
}


/*--------------------------------------------------------
Section  -Article
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.article {
	width: 720px;
	float:right;
	background:#fff;
	}
	.mainContents {
		padding:30px 70px;
		}

}

@media screen and (max-width: 640px){
.article {
	width: 100%;
	background:#fff;
	padding:2% 0 0 0;
	}
	.mainContents {
		padding:5% 10%;
		}
		.btnMap {
			width:25%;
			}

.scrollBox {
    overflow-x: auto;
    padding-bottom: 10px;
    clear: both;
    margin-top: 5px;
    margin-bottom: 15px;
    white-space: nowrap;
}
}

/*--------------------------------------------------------
Footer
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.pageTop {
	width: 960px;
	margin: 0 auto;
}
}

@media screen and (max-width: 640px){
.pageTop {
	width: 100%;
	margin: 0 auto;
}
}

.arrowTop {
	background:url(../../images/common/arrowTop.png) #3f6497 10px center no-repeat;
	padding:3px 10px 3px 25px;
	margin: 20px 0 0 0;
	display:inline-block;
	color:#fff;
	float:right;
	}


.footerWrapper {
	width: 100%;
	position: relative;
	background:#3f6497;
	margin: 0;
}

@media print, screen and (min-width: 641px){

.footer {
	width: 960px;
	margin: 0 auto;
	padding:30px 0;
	display:table;
}
	.footer01 {
		display:table-cell;
		width:15%;
	}
	.footer02 {
		display:table-cell;
		width:25%;
	}
	.footer03 {
		display:table-cell;
		width:15%;
	}
	.footer04 {
		display:table-cell;
		width:15%;
	}
	.footer a {
		color:#fff;
	}


	.footer01 ul,
	.footer02 ul,
	.footer03 ul,
	.footer04 ul {
		margin:10px 0 0 0;
		list-style:none;
	}


	.footer ul li {
		padding:0 0 10px 0;
		font-size:12px;
	}

	.footer ul li a {
		background:url(../../images/common/footerBar.png) left 10px no-repeat;
		padding:0 0 0 15px;
		display:block;
	}
}

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

.footer {
	width: 100%;
	margin: 0 auto;
	padding:10% 0 0 0;
}
	.footer01,
	.footer02,
	.footer03,
	.footer04 {
		display:block;
		padding:0 5% 5% 5%;
		margin-bottom:5%;
		border-bottom:1px solid #314f79;
	}
	.footer a {
		color:#fff;
	}


	.footer01 ul,
	.footer02 ul,
	.footer03 ul,
	.footer04 ul {
		margin:5% 0 0 0;
		list-style:none;
	}


	.footer ul li {
		padding:0 0 10px 0;
		font-size:12px;
	}

	.footer ul li a {
		background:url(../../images/common/footerBar.png) left 10px no-repeat;
		padding:0 0 0 5%;
		display:block;
	}


	.head-link2,
	.head-link3,
	.head-link4,
	.head-link5 {
    	clear: both;
    	display: none;
	}

}


@media print, screen and (min-width: 641px){
.copyrightArea {
	width: 960px;
	margin: 0 auto;
	padding:20px 0;
}
	.copyrightArea ul {
		list-style:none;
		display:table;
		width:100%;
		}
	.copyrightArea ul li {
		display:table-cell;
		color:#fff;
		}
	.copyrightArea ul li a {
		color:#fff;
		}
	.copyrightArea ul li:last-child {
		text-align:right;
		}
}

@media screen and (max-width: 640px){
.copyrightArea {
	padding:0 5% 5% 5%;
	}
	.copyrightArea ul {
		list-style:none;
		display:block;
		width:100%;
		}
	.copyrightArea ul li {
		display:block;
		color:#fff;
		padding: 0 0 5% 0;
		}
	.copyrightArea ul li a {
		color:#fff;
		}
	.copyrightArea ul li:last-child {
		text-align:center;
		padding-top:5%;
		}
}