@charset "utf-8";
/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset + Font Face
/*-------------------------------------------------------------------------*/
* { -webkit-text-size-adjust: none; }
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}


:focus {
		outline: 0;
}

input[type=submit] {
   /*-webkit-appearance: none;*/
	font-size: 18px;
	line-height: 1.4;
	position: relative;
	display: inline-block;
	color: #ffffff;
	background: #3A98FA;
	border-radius: 0;
	padding: 10px 23px;
	cursor:pointer;
}
input[type="submit"]:hover {
	color: #ffffff;
	background: #00006F;
	opacity:1.0;
}

html {
	overflow-x: hidden;
	max-width:   100%;

}

body {
	max-width: 100%;
	margin:0;
	padding:0;
font-family: "メイリオ", sans-serif;
	overflow: hidden;
}

ol, ul {
		list-style: none;
}

input[type=text]::-ms-clear {
    display: none;
}

sup {
	font-size: 10px;
	vertical-align: super;
}

sub {
	font-size: 10px;
	vertical-align: sub;
}

p:empty {
	display: none;
}

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

pre{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
border-radius:3px;
padding:1em 1.5em;
margin:0 0 1em 0;
}


/*-------------------------------------------------------------------------*/
/*	2. Globally Applied Styles
/*-------------------------------------------------------------------------*/

body {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
 line-height: 1.7em;
    position: relative;
}
.sticky { margin-bottom: 50px }
.sticky .content-inner {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    border-bottom: 0px!important;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 25px!important;
    position: relative;
}
a {
    color: #006;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}
.light a {
    color: #fff;
    /* text-decoration: underline; */
}
.light a:hover {
    color: #fff;
    text-decoration: none;
}
a.link,
.link a { color: #222 }
a.link:hover,
.link a:hover { color: #171717 }
a:hover { color: inherit }
a.nolink{
	cursor: inherit;
	color: #333;
}
a.nolink:hover{
	cursor: inherit;
	color:#555!important;
}

em {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.5px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    margin: 2em 0 0.67em 0;
    line-height: 1.35;
}
h1 {
    font-size: 170%;
    margin: 0 0 14px;
    font-weight: 700;

}
.main-header h1{
	font-family: YuMincho, "Hiragino Mincho ProN", "MS PMincho", "Hiragino Mincho Pro", serif;
	margin: 0;
	font-size: 1.75rem;
	color: #fff;
	letter-spacing: 0.2em;
}
h2, .h2 {
     padding-bottom: .4em;
  border-bottom: 1px solid #6f6fb7;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.2;
}
h2.title{
  padding: .6em 0 .5em .7em;
  border-left: 5px solid #337;
  width: 100%;
  color: #337;
  background: #ececec repeat-y 0 50%;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
  vertical-align: middle;
  font-weight: 500;
  background-image: url(/images/h2-title.png);
}


h2:first-child { margin-top: 0 }
h1+h2 { margin-top: 1em }
h3 {
   padding-left: .5em;
  border-left: 2px solid #4f4f9a;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.2;
}

h2 i {
    color: #171717;
    margin-right: 13px;
    font-size: 30px;
    line-height: 30px!important;
}
h4 { font-size: 15px;
color:#171717; }
h5 { font-size: 13px }
h6 { font-size: 13px }
.bold,
strong,
b { font-weight: bold }
.uppercase {
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
p.light {
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
h1.light {
    font-size: 34px;
    margin-bottom: 30px;
}
h2.light {
    font-size: 28px;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}
h3.light {
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}
h4.light {
    font-size: 18px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h5.light {
    font-size: 16px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h6.light {
    font-size: 14px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h1.uppercase { letter-spacing: 3px }
h2.uppercase { letter-spacing: 2.5px }
h3.uppercase { letter-spacing: 2px }
h4.uppercase { letter-spacing: 2px }
h5.uppercase { letter-spacing: 1.3px }
h6.uppercase { letter-spacing: 1.3px }

.balloon {
    position: relative;
    border-bottom: 1px solid #BD0000;
    /* margin: 10px 10px 21px 10px; */
    padding-bottom: 0.75em;
    /* border-radius: 10px; */
    margin-top: 54px;
}
.balloon:after, .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.balloon:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
.balloon:before {
    left: 50%; 
    /* border: 11px solid transparent; */
    /* border-top: 11px solid #BD0000; */
}


.text-align-center { text-align: center }
p {
    margin: 0 0 1em 0;
}
.row .col p:last-child { padding-bottom: 0px }
.container .row:last-child { padding-bottom: 0px }
blockquote {
    padding-left: 0px;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}
.main-content ul,
.main-content ol {
    margin-left: 30px;
    margin-bottom: 30px;
}
.main-content ul li {
    list-style: none;
    list-style-position: inside;
}
.main-content ol li {
    list-style: decimal;
    list-style-position: inside;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.main-body img{
	margin-bottom:10px;
}

.ie8 img { width: auto }
.main-content .col.span_4 .col.span_2 img,
.main-content .col.span_3 .col.span_2 img,
.main-content .col.span_2 .col.span_2 img,
.main-content .col.span_6 .col.span_2 img { top: -4px }
object,
object embed {
    display: block;
    height: auto;
    max-width: 100%!important;
}
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
a.nohover:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
/***************** Footer ******************/
#footer{
	clear:both;
	padding: 0;
	margin-top: 0px;
	background: #171717;
	/* background: rgba(13,94,168,0.85); */
	/* height: 200px; */
}
#footer h4{
	margin-top:15px;
}
.to-top {
	position: fixed;
	right: 0px;
	clear: both;
	margin: 0;
	text-align: right;
	font-size: 10px;
	z-index: 1000;
	line-height:32px;
	bottom: 0px;
	height: 34px;
}
.to-top a {
    display:block;
    color: #fff;
    color:rgba(255,255,255,0.5);
    background: #171717;
    background: rgba(0,0,0, 0.4);
    text-align: center;
    border-radius: 2px 0 0 0;
    -moz-border-radius:2px 0 0 0;
    -o-border-radius:2px 0 0 0;
    z-index: 1000;
    bottom: 0;
    right: 0px;
    position:fixed;
    font-size: 10px;
    text-transform: uppercase;
    padding: 12px 19px;
    }
.to-top a:hover {
	color:rgba(255,255,255,1);
}
.to-top a{
	line-height: 20px;
}
.to-top i {
	font-size: 26px;
	margin-bottom: 0px;
	line-height: 22px;
}


#copyright{
	text-align: center;
	margin: 0;
	padding: 12px;
	font-size: 13px;
}

#copyright p{
margin:0;
line-height: 30px;
}


/***************** SNS ******************/

.post-share{
	background-image:none;
	list-style:none;
	margin: 30px 0 0;
	overflow: hidden;
	padding: 0 0 30px;
}
.post-share li{
	display: inline;
	float:left;
	position: relative;
	margin-right: 18px;
	margin-left: 0px;
	padding: 5px 0;
}
.post-share .facebook{
	width:150px;
}
.post-share .twitter {
	margin-top: 2px;
}

#post-share{
	background-image:none;
	list-style:none;
	margin: 10px 0;
	float: left;
}
#post-share li{
	display: inline;
	float:left;
	margin-right: 18px;
}
iframe.twitter-share-button {}
#post-share .twitter {
	margin-top: 2px;
}
#post-share .facebook {
}

a.btn-twitter {
	background: #00acee;
	padding: 1em 0px;
	display:inline-block;
	text-align: center;
	color:#fff;
	width:240px;
	margin:auto;
	font-size:18px;
}
a.btn-twitter:hover {
color:#fff;
background: #00c1f2;
}

a.btn-facebook {
	background: #3b5998;
	padding: 1em 0;
	display:inline-block;
	text-align: center;
	color:#fff;
	width:240px;
	margin:auto;
	font-size:18px;
}
a.btn-facebook:hover {
color:#fff;
background: #4a6fb2;
}



.twitter-share-button {
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }



/*---------------------------------
	Home
-----------------------------------*/
.section-title{
	padding: 10px;
	margin-bottom: 1px;
	border-top: #fff;
	background: #222;
	color: #fff;
}
.home h2 img{
}


/*---------------------------------
	Color
-----------------------------------*/
.bg-dark {
	background: #185B9D!important;
	color: #fff;
}

.bg-gray {
	background: #E3EEF9!important;
}

.red{
	color:#DE373A;}
/*---------------------------------
	Dl
-----------------------------------*/



/*---------------------------------
	Section
-----------------------------------*/
.section{
	display: block;
	/* background-color: #FFFFFF; */
	clear:both;
	padding: 60px 0;
}
.section-inner .inner{
	display: block;
	background-color: #FFFFFF;
	overflow: hidden;
}
.section-inner .inner .inner{
	background-color:transparent;
	-webkit-box-shadow:none;
	box-shadow: none;
	}
	
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin: 0px 0 -1px 0;
padding: 0px 1px 1px 0;
/* width:100%; */
float:left;
font-size:0;
background: #D6E7F7;
text-align: center;
}
ul.tabs.vertical{
border-bottom:none;
margin-top:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	list-style-type:none;
	margin: 0;
	padding:0;
	display: inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	/* float: left; */
	margin: 1px 1px 0 0;
}
	ul.tabs.vertical li{
	padding-left: 0!important;
	display: block;
	border-style: none;
	margin-right: 0px;
	float:left;
	width:100%;
	/* font-size: 16px; */
	overflow: hidden;
}
	ul.tabs.vertical li a:hover,ul.tabs.vertical li.current a{
	border-bottom: none;
	}
	.home ul.tabs.vertical li a:hover,.home ul.tabs.vertical li.current a{

	}
.home ul.tabs.vertical li a:before{
	display : block;
  
	width: 19px;
  
	height: 30px;
  border-right : 5px solid #FFFFFF;
  
	margin: 0  auto -30px -50px;
  background-color : #fff;
  content : " ";
  -webkit-transform : skew(30deg);
  -moz-transform : skew(30deg);
  transform : skew(30deg);
  }

  .home ul.tabs.vertical li a:after{
	display : block;
  
	width: 18px;
  
	height: 30px;
  border-right : 5px solid #FFFFFF;
  
	margin: -36px auto -30px -48px;
  background-color : #fff;
  content : " ";
  -webkit-transform : skew(-30deg);
  -moz-transform : skew(-30deg);
  transform : skew(-30deg);           
  }
	
	ul.tabs li a{
	text-decoration:none;
	/* color:#555; */
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	zoom:1;
	font-size: 14px;
	background: #EDF6FF;
	/* border: solid 1px #D8E4F4; */
	border-bottom:0;
}
	
	ul.tabs.vertical li a{
	display:block;
	padding: 0.5em 1em;
	/* padding-bottom: 30px; */

	/* background: #fff; */
}

ul.tabs.vertical li a.sfc{
	border-left:solid 1px #000;
}

	
	
	ul.tabs li a:hover{
	background:#eee;
	}
	
	ul.tabs li.current a{
	position:relative;
	/* top:0; */
	/* left:0; */
	background: #171717;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	/* border: solid 1px #272727; */
	border-bottom:none;
	}
	
	.tab-content{
	border: 1px solid #D8E4F4;
	/* background:#fff; */
	clear:both;
	padding:20px;
	margin: 0 0 20px 0;
	}
	
	/* w/icon */
	ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
	}

.tab-content h3{
	position: relative;
    border:none;
    background: #F4F8FC;
    border-bottom: 2px solid #AECFED;
    padding: 0.75em 1em;
    margin-top:0px;
}


.font{
	font-family: 'Open+Sans', sans-serif;}



.main-body{background: #fff;padding: 36px 0 40px 0;min-height: 200px;font-size: 16px;line-height: 1.8;}
.home .main-body{min-height: 1px;}
.main-footer{background: #fff;padding: 0; margin: 5px 10px 0;clear: both;
}

/*---------------------------------
	HR
-----------------------------------*/
hr{
	clear:both;
	border-bottom:0;
	border-top:1px solid #D6E7F7;
	border-right:0;
	border-left:0;
	margin:20px 0;
	min-height: 0px;
	height:1px;
}
hr.dotted{border-style: dotted;}
hr.dashed{border-style: dashed;}
hr.clear{margin:0;}



table {
	border-collapse: collapse;
	border-spacing: 0
}
thead {
	display: table-header-group
}
tr {
	page-break-inside: avoid
}
table td, table th {
	border-top: 1px solid #D6E7F7
;
	padding: 0.5em 0.75em;
}
table {
	border-collapse: collapse!important
}
table.box th, table.box td {
	border: 1px solid #DDD!important;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
	font-size: 65%;
}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
	font-size: 75%
}

ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}
.list-inline {
	padding-left: 0;
	list-style: none
}
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
.list-inline>li:first-child {
	padding-left: 0
}
table {
	max-width: 100%;
	background-color: transparent
}
th {
	text-align: left
}
table {
	width: 100%;
	margin-bottom: 20px
;
	font-size: 93%;
}
table p{
	margin-bottom: 0px
}
th {
	padding: 1em;
	line-height: 1.5;
	border-top: #D8E4F4 1px solid;
	text-align: left;
}

table tbody tr.first td,table tbody tr.first th{
	border-top:none;
}

table.wide>thead>tr>th, table.wide>tbody>tr>th, table.wide>tfoot>tr>th,table.wide>thead>tr>td, table.wide>tbody>tr>td, table.wide>tfoot>tr>td {
	padding: 1em;
}
table.tight>thead>tr>th, table.tight>tbody>tr>th, table.tight>tfoot>tr>th,table.tight>thead>tr>td, table.tight>tbody>tr>td, table.tight>tfoot>tr>td {
	padding: 0.35em;
}
table>thead>tr>th {
	vertical-align: middle;
	border-bottom: 2px solid #D6E7F7
}
table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>th, table>caption+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>td, table>thead:first-child>tr:first-child>td {
	border-top: 0
}
table>tbody+tbody {
	border-top: 2px solid #D6E7F7
}
table table {
	background-color: #fff
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
	padding: 5px
}
table.box {
	border: 1px solid #D6E7F7
}
table.box>thead>tr>th, table.box>tbody>tr>th, table.box>tfoot>tr>th, table.box>thead>tr>td, table.box>tbody>tr>td, table.box>tfoot>tr>td {
	border: 1px solid #DDD;
	}
table.box>thead>tr>th, table.box>thead>tr>td {
	border-bottom-width: 2px
}
table.stripe>tbody>tr:nth-child(odd)>td, table.stripe>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}
table.hover>tbody>tr:hover>td, table.hover>tbody>tr:hover>th {
	background-color: #E3EEF9
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none
}
table td[class*="col-"], table th[class*="col-"] {
	display: table-cell;
	float: none
}
table>thead>tr>.active, table>tbody>tr>.active, table>tfoot>tr>.active, table>thead>.active>td, table>tbody>.active>td, table>tfoot>.active>td, table>thead>.active>th, table>tbody>.active>th, table>tfoot>.active>th {
	background-color: #E3EEF9
}
table>tbody>tr>.active:hover, table>tbody>.active:hover>td, table>tbody>.active:hover>th {
	background-color: #e8e8e8
}
table>thead>tr>.success, table>tbody>tr>.success, table>tfoot>tr>.success, table>thead>.success>td, table>tbody>.success>td, table>tfoot>.success>td, table>thead>.success>th, table>tbody>.success>th, table>tfoot>.success>th {
	background-color: #dff0d8
}
table>tbody>tr>.success:hover, table>tbody>.success:hover>td, table>tbody>.success:hover>th {
	background-color: #d0e9c6
}
table>thead>tr>.danger, table>tbody>tr>.danger, table>tfoot>tr>.danger, table>thead>.danger>td, table>tbody>.danger>td, table>tfoot>.danger>td, table>thead>.danger>th, table>tbody>.danger>th, table>tfoot>.danger>th {
	background-color: #f2dede
}
table>tbody>tr>.danger:hover, table>tbody>.danger:hover>td, table>tbody>.danger:hover>th {
	background-color: #ebcccc
}
table>thead>tr>.warning, table>tbody>tr>.warning, table>tfoot>tr>.warning, table>thead>.warning>td, table>tbody>.warning>td, table>tfoot>.warning>td, table>thead>.warning>th, table>tbody>.warning>th, table>tfoot>.warning>th {
	background-color: #fcf8e3
}
table>tbody>tr>.warning:hover, table>tbody>.warning:hover>td, table>tbody>.warning:hover>th {
	background-color: #faf2cc
}
table thead tr th{
  background-color: #f5f5f5;
  font-weight: 400;
  text-align:center;
}
@media(max-width:767px) {
	.main-header h1{
		letter-spacing:0;
		font-size:24px
	}
#header{
	background:#fff;
}

.newslist dl dt{
	/* width: 200px; */
	font-weight: normal;
	font-size: 10px;
	padding: 0;
	margin-top: 24px;
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #D6E7F7;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch
}
.table-responsive>table {
	margin-bottom: 0
}
.table-responsive>table>thead>tr>th, .table-responsive>table>tbody>tr>th, .table-responsive>table>tfoot>tr>th, .table-responsive>table>thead>tr>td, .table-responsive>table>tbody>tr>td, .table-responsive>table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>table.box {
	border: 0
}
.table-responsive>table.box>thead>tr>th:first-child, .table-responsive>table.box>tbody>tr>th:first-child, .table-responsive>table.box>tfoot>tr>th:first-child, .table-responsive>table.box>thead>tr>td:first-child, .table-responsive>table.box>tbody>tr>td:first-child, .table-responsive>table.box>tfoot>tr>td:first-child {
	border-left: 0
}
.table-responsive>table.box>thead>tr>th:last-child, .table-responsive>table.box>tbody>tr>th:last-child, .table-responsive>table.box>tfoot>tr>th:last-child, .table-responsive>table.box>thead>tr>td:last-child, .table-responsive>table.box>tbody>tr>td:last-child, .table-responsive>table.box>tfoot>tr>td:last-child {
	border-right: 0
}
.table-responsive>table.box>tbody>tr:last-child>th, .table-responsive>table.box>tfoot>tr:last-child>th, .table-responsive>table.box>tbody>tr:last-child>td, .table-responsive>table.box>tfoot>tr:last-child>td {
	border-bottom: 0
}
}

.caption{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.4;
	font-size: 93%;
}


/*---------------------------------
	Layout
-----------------------------------*/
/* #ja{
	text-align: justify;
	text-justify: inter-ideograph;
	}
*/
	

#container{
	position: relative;
	font-size: 100%;
	/* background: rgba(13,94,168,0.03); */
	color: #333;
	
}

#content-inner{
/* background: #1a1a1a; */
/* position: relative; */
}
#header{
background:#fff;
}
#header .container{
	
}

.home #container,
.home #content-inner,
.home #content,
.home #main{
}
#content{
background:#fff;
}
#main{
	font-size:15px
}
#main-inner{
	font-size:100%;
}
	
.main-header{
	zoom: 1;
	padding: 2.8em 0 2.7em .5em;
	clear: both;
	border-bottom: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	text-align: center;
	background: url(/images/bg_page-title.png), linear-gradient(#21265c, #616da1);
}
.home .main-header{
	background:none;
	padding: 0;
	border:none;
}

.main-header .date{
	
}
.main-header .post-category a{
	margin-left:15px;
}

.mainn-header h1{
	margin-top:0;
	color:#fff;
}



	
#sidebar h3{
	border:none;
	text-align:center;
	color:#fff;
	margin: 0;
	padding:0;
}
#sidebar h3 a{
	border:none;
	font-size: 15px;
	text-align:center;
	background: #737373;
	color:#fff;
	display:block;
	padding: 12px 0;
	margin: 0 0 0px 0;
	font-size: 17px;
	text-decoration: none;
}
/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
	padding:0;
	line-height:0%;
	font-size:0;
	float: left;
	margin: 10px 0 20px;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding: 0 6px 0 0;
	
	*
	display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height: 26px;
	vertical-align: bottom;
	font-size: 14px;
	white-space: pre;
	text-align: left;
	float: left;
}
	
	ul.breadcrumbs li a{
	display:inline-block;
	*
	display:inline; /* IE ONLY*/
	position:relative;
	padding: 0 6px;
	zoom:1;
	margin:0;
	background-repeat: no-repeat;
	background-position: right center;
}
	ul.breadcrumbs li.last i{margin-left:8px}
	
	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}
	
	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}

	
/*---------------------------------
	Header
-----------------------------------*/
#globalnav{
	width: 100%;
	z-index: 10000;
	background: #fff;
}
#globalnav .container{
	
}
#globalnav.is_stuck{}
#globalnav .container{
	
}
	
	
.header-panel {
   
}
.header-panel,.header-panel a{
}
.header-panel a:hover,.header-panel a.current{
}

#fsize1{
	font-size: 8px!important;
}
#fsize2{
	font-size: 13px!important;
}
#fsize3{
	font-size: 17px!important;
}


/* -------------------------------------------------- */
/*	Sidebar
/* -------------------------------------------------- */
#sidebar .sidebar-menu{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	clear: both;
}
#sidebar .sidebar-menu li{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	position:relative;
	line-height: 1.3;
	font-size: 14px;
	position:relative;
	clear: both;
}
#sidebar .sidebar-menu li.divide{
	border-top: #D8E4F4 1px solid;
}
#sidebar .sidebar-menu li.boxmenu a{
	
}
#sidebar .sidebar-menu{
	border-top: #ddd 1px solid;
}
#sidebar .sidebar-menu ul{
	border-top: none;
}
#sidebar .sidebar-menu li a{
	display:block;
	text-decoration:none;
	padding: 17px 14px 15px 14px;
	border-bottom: #ddd 1px solid;
	background-position: 100% center;
	background-repeat: no-repeat;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
	font-size: 15px;
}

#sidebar .sidebar-menu li li a{
	padding: 14px 14px 14px 32px;
}



#sidebar .sidebar-menu li.last a,
#sidebar .sidebar-menu li.lastExpandable a{
	/* border-bottom: transparent; */
}
#sidebar .sidebar-menu li.expandable > a,
#sidebar .sidebar-menu li.collapsable > a{
	padding-right: 40px;
}

#sidebar .sidebar-menu li.collapsable > a{
	background-color: #f5f5f5;
}

#sidebar .sidebar-menu li a:hover{
	
	background-color: #fff;
	color: #171717;

	}
#sidebar .sidebar-menu li ul li a{
	font-weight: normal;
	font-size: 14px;
	
	/* background: #fff; */
}
#sidebar .sidebar-menu li a.current,
#sidebar .sidebar-menu li a.parentsLink{
	background-position: 100% center;
}
#sidebar .sidebar-menu li li a.current,
.scrollnav li.current a{
	/* background: #eee; */
	/* color: #171717; */
	/* font-weight: bold; */
}
#sidebar .sidebar-menu li ul{
	/* background-color: #F4F8FC; */
	padding: 0;
	margin: 0;
}

#mobile-menu .sidebar-menu li{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	position:relative;
	line-height: 1.3;
	font-size: 14px;
	
	clear: both;
}

#mobile-menu .sidebar-menu{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	clear: both;
}

#mobile-menu .sidebar-menu li a{
	display:block;
	text-decoration:none;
	padding: 14px 14px 14px 14px;
	background-position: 100% center;
	background-repeat: no-repeat;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
}
#mobile-menu li li a{
	padding: 10px 32px 10px 36px;
	
}
#mobile-menu li.collapsable li a{
}

.sidebar-menu li li li a{
	padding: 10px 32px 10px 58px!important;
	color: #888;
}
.sidebar-menu li li li li a{
}
.sidebar-menu li li li li li a{
}


.hitarea {
	line-height: 50px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}


.hitarea:before {  
    float: right;
   margin-top: 1px;
   
    margin-right: 14px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
   
    color: #888;
}

.expandable-hitarea:before {   
   float: right;
   margin-right: 15px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: 100%;
   content: "\f105";
   font-weight: 300;
   text-shadow:none;
   padding-left: 12px;
   color: #888;
}
.hide-tree .hitarea {
 display:none;
}
.hide-tree.collapsable .hitarea {
 display: none;
}
#sidebar .sidebar-menu li.current a {
	color: #171717;
	font-weight: bold;
}

.sidebar-menu li li .hitarea {
	height: 38px;
	line-height: 38px;
}
.sidebar-menu li.tree .hitarea{width:100%;}
.sidebar-menu li.tree li .hitarea{width:30px;}


#sidebar .hitarea:hover {
	background-color: #ddd;
}
#mobile-menu .expandable .hitarea:hover {
	background-color:#282828;
	
}
#mobile-menu .collapsable li.last a{
	box-shadow: 0px -2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow:0px -2px 2px rgba(0,0,0,0.1) inset;
	border-bottom:solid 1px #3f3f3f;
}


#mobile-menu .hitarea:hover:before {
	color: #fff;
}

.expandable-hitarea {
}
.expandable-hitarea:hover {
}


#sidebar .menu li a:hover {
background-color: #ddd;
}
#sidebar .sidebar-menu li a.current {
	color: #cf001b;
	/* font-weight: bold; */
}
#sidebar .sidebar-menu li a.current:after{
	content:' ';
	width: 3px;
	height: 18px;
	background:#cf001b;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-9px;
}

#mobile-menu .sidebar-menu{
	margin-bottom:40px;
}
#mobile-menu .sidebar-menu li.collapsable > a{
	background-color: #282828;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow:0px 2px 2px rgba(0,0,0,0.1) inset;
	border-bottom:solid 1px #222;
}
#mobile-menu .sidebar-menu li a{color:rgba(255,255,255,0.6);}
#mobile-menu .sidebar-menu li li a{/* color: #aaa; */}

#mobile-menu .sidebar-menu li a.current,
#mobile-menu #sidebar .menu li a:hover {
	background-color: #282828;
	color: #fff;
}
#mobile-menu .sidebar-menu li ul{
	background-color: #282828;
	padding: 0;
	border:none;
	margin: 0;
}


#mobile-menu .sidebar-menu li a:hover{
	background:#282828;
	color:#fff;
}

.menu-button {
    display:block;
    background-color: rgba(0,0,0, 0.66);
    color: rgba(255, 255, 255, 0.66);
    text-align: center;
    z-index: 1000;
    top: 0;
    right:0;
    padding: 17px 19px 15px;
    position:fixed;
    border-radius: 0 0 0 2px;
    -moz-border-radius: 0 0 0 2px;
    -o-border-radius: 0 0 0 2px;
}
.menu-button:hover{
    
}
.menu-button a:before {
	display: block;
	content: '\2261';
	font-size: 30px;
	color: rgba(255, 255, 255, 0.66);
}

/*slidemenu*/
#mobile-menu {
    background-color: #333;
}
#mobile-menu li {
}
#mobile-menu li a {
border-bottom: 1px solid #282828;
	}
#mobile-menu li li a {
border-bottom: 1px solid #222;
	
}

	
#mobile-menu li:first-child {
    /* border-top: 1px solid #222; */
}
#mobile-menu li:last-child {
}
#mobile-menu .slidemenu-header {
    height: 74px;
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
}
#mobile-menu .slidemenu-header div {
    padding: 14px;
    /* text-decoration: none; */
    /* color: #494949; */
    /* height: 40px; */
    /* width: 216px; */
}
#mobile-menu .search-box input{
	border:none;
	padding:13px 10px 13px 10px;
	margin: 0 0 10px 0;
	width: 212px;
	font-size: 14px;
	background-color: #272727;
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid #3f3f3f!important;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4) inset;
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.4) inset;
}

#mobile-menu .search-box ::-webkit-input-placeholder {
    color:    #555;
}
#mobile-menu .search-box :-moz-placeholder {
    color:    #555;
}

#mobile-menu .search-box button{
	background:none;
	position:absolute;
	top: 16px;
	right: 24px;
	color: #5C5C5C;
	font-size: 16px;
	border: none;
	padding: 12px;
	width: 30px;
}
#mobile-menu {
  top: 0;
  width: 260px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
#mobile-menu a{
color:#eee;
}
#mobile-menu a:hover{
background:#fff;

}
#mobile-menu .slidemenu-header {
  position: relative;
}
#mobile-menu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
#mobile-menu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu {
    left: 0;
}

/* -------------------------------------------------- */
/*	mobile-menu
/* -------------------------------------------------- */


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

#globalnav {
    width: 100%;
    z-index: 2;
    top: 0;
}

#container {
  z-index: 1;
  /* background:#fff; */
}


}


/* -------------------------------------------------- */
/*	Menu
/* -------------------------------------------------- */
.menu{
	margin:0;
	padding:0;
	line-height:100%;
	position:relative;
	z-index:1000;
	
	text-align:center;
	width:100%;
	display: table;
}

	.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
	.menu li{
	text-align: center;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	zoom:1;
	line-height:inherit;
	top:0;
	left:0;
	
	display: table-cell;
	text-align:center;
}
* html .menu li,
*:first-child+html .menu li {
	display:inline;
	zoom:1;
}
* html .menu li{
	float:left;}
		.menu li a{
	margin:0;
	padding:0;
	display:block;
	position:relative;
	zoom:1;
	line-height: 1.3;
	top:0;
	left:0;
}



/*--------------Sub Menus-------------------*/
	.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width: 25%;
	width: 100%;*width:150px;}
	.menu ul li{display:block;width:100%;
	text-align: left;}
	.menu ul li a{display:block;}
	.menu ul ul{top: 0;left:100%;min-width: 100%;}
	.menu .left > ul{left:auto; right:0%;}
	.menu ul .left ul{left:auto; right:100%;min-width: 100%;}
		
/*--------------Dividers-------------------*/		
	.menu ul li.divider{border-top:1px solid #ccc;}
	.menu ul li.divider a{border-top:1px solid #fff;}


/*--------------Right---------------------*/
	.menu li.right{float:right;}

	
/*--------------Arrows-------------------*/
	.menu li.has-menu > a{padding-right:25px;}
	.menu li li.has-menu span.arrow{}
	.menu li li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{
	display:block;}
	.menu.vertical li{
	display:block;
	text-align:left;
	width: 100%;
}
	.menu.vertical li a{display:block;}
	.menu.vertical ul{top:0;left:100%;}
	.menu.vertical li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
	.menu.vertical.right ul{top:0;right:100%;left:auto;}
	.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
	.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
	
	
/*---------------------------------
	MENU STYLES
	EDIT BELOW THIS LINE TO CUSTOMIZE
-----------------------------------*/
.menu{
	z-index:600;
}

	.menu li{}
	
		.menu li a{
	text-decoration:none;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 14px;
	}
		.menu.small li a{
		padding:4px 8px;
		}
		
		.menu li.current>a,
		.menu li.current>a:hover,
		.menu li.current.hover>a{
		color:#444;
		cursor: default;
		}
		
		.menu li a:hover,
		.menu li.hover>a{}
		
	/* sub menus */
	.menu ul{
	background: #fff;
	border-top: 0;
}

	.menu ul li{
		border-bottom: solid 1px #eee;}
	.menu ul li.last{
		border-bottom:none;}
	.menu ul li a{}
	
		/* sub-sub menus */
		.menu ul ul{}
		.menu ul ul li{}
		.menu ul li > li a{}
		
	/* arrows */
	/* arrow down */  .menu li.has-menu span.arrow{
    position: absolute;
 
    top: 14px;
    right: 0;
}
	/* arrow left */  .menu li li.has-menu span.arrow:before {  
    float: right;
   margin-top: 1px;
    margin-right: 14px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f105";
   font-weight: 300;
   text-shadow:none;
   color: #888;
}
.menu li li.has-menu a:hover span.arrow:before {  
   color: #171717;
}
		

.menu li li.has-menu.hover > a span.arrow,.menu li li.has-menu > a:hover span.arrow, .menu.vertical li.has-menu.hover > a:hover span.arrow
					   {}
	/* arrow right */ .menu.vertical.right li.has-menu span.arrow{}
	
	/* dividers */ 	  .menu ul li.divider{border-top:1px solid #ccc;}
					  .menu ul li.divider a{border-top:1px solid #fff;}
					  
	/* icons */
	.menu .icon{margin:-10px 7px -10px -5px;vertical-align: middle;}
	.menu ul .icon{margin-left:-10px;}


/*---------------------------------
	RESPONSIVE MENU STYLES
	DO NOT EDIT unless you know what you are doing
-----------------------------------*/

.menu li.menu-toggle{display:none;}

/* -------------------------------------------------- */
/*	Other
/* -------------------------------------------------- */

.tool-panel{
	float:right;
	margin: 5px 0 4px;
	padding-bottom: 0;
	font-size: 10px;
	color: #666;
}
.tool-panel li{
	float:left;
	line-height: 22px;
	display: inline;
	 vertical-align: bottom;
}
.tool-panel li.first{
	padding-right:10px;
}
.tool-panel li a{
	float:left;
	display:block;
	padding: 0 8px;
	line-height: 22px;
}
.tool-panel li a:hover{
}

.tool-panel .print a{
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-size: 12px;
}





ul.pager {
	border:0;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	left:50%;
	float:left;
}
.pager li {
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
	float:left;
	position:relative;
	left:-50%;
	padding-left:0!important;
	background-image: none!important;
}
.pager a {
	border:solid 1px #D6E7F7;
	margin-right:2px;
}
.pager .link_next, .pager .link_before {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
.pager .current_page {
	color:#000;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
.pager a:link, .pager a:visited {
	color: #555;
	display:block;
	padding:3px 6px;
	text-decoration:none;
}
.pager a:hover {
	border:solid 1px #666666;
}


.list-thum{
	font-size:93%;
	line-height:1.5;
}
.list-thum .section{}
.list-thum .post-thum{}
.list-thum .post-date{
	padding: 12px 15px 0;
	font-size:77%;
}
.list-thum .post-title{
	padding:0 15px 12px;
}

.middle{display: table;
width: 100%;}
.middle div{
	display: table-cell;
	vertical-align:middle;
	}
	
.banner{
	text-align:center;
	padding:15px 0 0 0;
}
a.btn-language,
.print{
}

.tool-panel a.btn-language a,
.tool-panel .print a {
	
}
a{

}
.header{
background:#fff;
	padding:10px 0;
}
h2.line{
padding: 6px 12px 5px;
margin: 50px 0 1em 0;
text-transform: uppercase;
background: #222;
color: #fff;
font-size: 12px;
}
.header .snsicon{
	font-size:24px;
	float:right;
}
#footer .snsicon{
	font-size:24px;
	float:right;
	margin-top:-2px
}
#footer .snsicon i{
	color:#555;
}
#footer .snsicon:hover i{
	color:#fff;
}





.breadcrumb {
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0px;
}
.breadcrumb>li {
	display:inline-block;
*display:inline;
	text-shadow:0 1px 0 #fff;
*zoom:1;
font-size:11px;
}
.breadcrumb>li>.divider {
	padding:0 5px;
	color:#ccc
}
.breadcrumb>.active {
	color:#999
}

#globalnav .menu{
	padding: 0;
	margin:0;
}
#globalnav .menu li{
	/* float:left; */
	margin:0;
	padding: 0;
	font-size: 14px;
	letter-spacing: -0.05em;
}
#globalnav .menu > li{
	width: 20%;
}
#en #globalnav .menu > li.last{
	/* float:right */
}
#en #globalnav .menu > li{
	/* width:auto; */
}
#globalnav .menu > li li{
	font-size: 14px;	
}
#globalnav .menu > li > a{
		padding: 24px 0;
		display:block;
		color: #222;
		font-weight:bold;
		box-sizing: border-box;
		border-bottom: 4px solid #fff;
  box-sizing: border-box;
}
#globalnav.is_stuck .menu > li > a{
	padding: 12px 0 8px;
}

#en #globalnav .menu > li > a{
		padding: 15px  40px;}
		
#globalnav .menu > li > a.current,
#globalnav .menu > li > a.parentsLink{border-bottom: 4px solid #cf001b;}
#globalnav .menu > li > a:after{content: '';width: 1px;height: 18px;background: #ddd;position: absolute;top: 32%;right: 0;}
#globalnav .menu > li.last > a:after{display: none; }

 

#globalnav .menu > li.first > a{}
#globalnav .menu li.first{
	margin-left: 0;}


#globalnav .search-box{
	z-index: 600;
	width:100%;
}
#globalnav .search-box form input{
	/* width:90%; */
}

.ipad #globalnav .search-box{
	top: -2px;
}
#globalnav .search-box input {
	border:none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	padding: 16px 10%;
	/* padding-left: 10px; */
	color: transparent;
	cursor: pointer;
	/* background: #1c5499; */
	background: rgba(13,94,168, 0.0);
	font-size: 13px;
	-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
	width: 80%;
}
#en #globalnav .search-box input {
	font-family:'Oswald';
}

#globalnav .search-box input:hover {
background: rgba(13,94,168, 0.8);
}

#globalnav .search-box:before{
	font-family:'FontAwesome';
	content:'\f002';
	top: 17px;
	position: absolute;
	font-size: 14px;
	right: 10px;
	color: #fff;
	color: rgba(255,255,255,1);
	z-index: -1;
}

#globalnav .search-box input:focus {
	color: #fff;
	color: rgba(255,255,255,1);
	background: rgba(13,94,168, 1);
	cursor: auto;
}

/* placeholder */
#globalnav .search-box input:-moz-placeholder {
	color: #fff;
	color: rgba(255,255,255,1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#globalnav .search-box input::-webkit-input-placeholder {
	color: #fff;
	color: rgba(255,255,255,1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#globalnav .search-box input:focus:-moz-placeholder {
	color: transparent;
	color: rgba(255,255,255,0);
}
#globalnav .search-box input:focus::-webkit-input-placeholder {
	color: transparent;
	color: rgba(255,255,255,0);
}



.bg-white{
	background:#fff;
}
.boxs{
font-size:85%;background: #fff;
border: 2px solid #222;
border: 4px solid #222;
}
.pf-item-details-h img{
	width:100%;
}


.widget-container h3{
	
}
.brand{
	margin: 20px 0 10px 0px;
	display: block;
	/* font-family: 'Rock Salt', cursive; */
	/* font-size: 18px; */
	line-height: 50px;
}
.slideshow {
	position:relative; 
	width: 100%;
}
.slideshow img{
}

.scrollnav li a{
	/* border-top: solid 1px #ddd; */
	/* display:block; */
	/* padding:8px; */
} 
.delay{
	display:none;
}
.photo img{
width:100%;}
.photo img.size-thumbnail{
width:auto;}

video#bgvideo{
position:fixed;
top: 0;
left:0;
z-index: -2;
width: 100%!important;
height: auto!important;
}
#bg-dotted{
background:url(/images/alpha.png);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:-1;
}
#top{
	overflow: hidden;
}
.label{
	position: relative;
    border:none;
    background: #F4F8FC;
    border-bottom: 2px solid #AECFED;
    padding: 0.75em 1em;
    margin-top: 54px;
}

.balloon {
    position: relative;
    border:none;
    background: #F4F8FC;
    border-bottom: 2px solid #AECFED;
    padding: 0.75em 1em;
    margin-top: 54px;
}
.balloon:after, .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.balloon:after {
    left: 40px;
    border: 9px solid transparent;
    border-top: 8px solid #F4F8FC;
    margin-left: 3px;
}
.balloon:before {
    left: 40px; 
    border: 13px solid transparent;
    border-top: 11px solid #AECFED;
    margin-left: -1px;
}
.box-b{
    border: solid 4px #222;
    padding: 4% 4% 0;
}

.section-title {
    position: relative;
    color: #fff;
    background: #222;
    margin-bottom: 20px;
    padding: 10px 5px 10px 10px;
    text-align:center;
}
.section-title:after, .section-title:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.section-title:after {
    left: 50%;
    border: 10px solid transparent;
    border-top: 8px solid #222;
margin:0 0 0 -8px;
}


/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
	border-top: 1px solid #D6E7F7;
	cursor: pointer;
	display: block;
	margin: 0;
}
.acc-trigger:last-of-type, .acc-container:last-of-type {
	margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type {
	border-bottom: none;
}
.acc-trigger a {
	background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
	display: block;
	color: #222;
	outline: medium none;
	padding: 3% 1.5%;
	text-decoration: none;
	text-shadow: none;
}
h3.acc-trigger a, h4.acc-trigger a {
	margin: 0;
}
h6.acc-trigger a {
	background-position: 20px 21px;
}
.acc-trigger a:hover {
	background-color: #f8f8f8;
}
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
	color: #171717;
}
.acc-trigger.active a:hover {
	background-color: transparent;
}
.acc-trigger.active {
	cursor: default;
}
.acc-trigger.active:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.acc-trigger.active a {
	cursor: default;
}
h3.acc-trigger.active a, h4.acc-trigger.active a {
}
h6.acc-trigger.active a {
	background-position: 20px -90px;
}
.acc-container .content {
	padding: 0 5% 10px 5%;
}
.acc-container .content .one-half {
	width: 422px;
}
.acc-container .content .one-third {
	width: 275px;
}
.acc-container .content .two-third {
	width: 570px;
}
.acc-container .content .one-fourth {
	width: 201px;
}
.acc-container .content .three-fourth {
	width: 644px;
}
.js .acc-container {
	margin-top: -15px;
}

ul ,ol {
	margin-top:0.75em;
}
ul li,ol li{
}
ol{
	margin-left: 2.7em;
}
ol ol{
	margin-left:0em;
}
ol > li{
	list-style: decimal;
}
ol ol > li{
	list-style:lower-roman;
}
ol ol ol > li{
	list-style:circle;
}

ol ol > li{
	margin-left:1.5em;
}

ol ol,ol ul{
	margin-top:0.75em;
}
ul.list-icon {}
ul.list-icon li{
	/* position:relative; */
	/* padding-left:1.2em!important; */
}
ul.list-icon i.fa-angle-right{
	position: absolute;
	left:0px;
	top:0.5em;
	font-size: smaller;
}
ul.list-icon.tight i.fa-angle-right{
	top:0.25em;
}
ul.tight li,ol.tight li{margin-top:0;margin-bottom:0;}
ul.line,ol.line {}
ul.line li,ol.line li{
	border-bottom:solid 1px #eee;
	padding-bottom:0.5em;
}
ul.tight.line li,ol.tight.line li{
	padding-top:0.25em;
	padding-bottom:0.2em;
}
ul.line li.last,ol.line li.last{
	border-bottom:none;
}
#target-menu{
	float:right;
	margin: 0;
	padding:0;

}
#target-menu li{
	float:left;
	margin:0;
	padding:0;
}
#target-menu li a{
	display:block;
	padding: 8px 10px 7px;
	font-size: 12px;
	background: #DBDCE0;
}
#target-menu li.first a{
	-webkit-border-radius:0 0 0 2px;
-moz-border-radius:0 0 0 2px;
border-radius:0 0 0 2px;
	padding-left: 20px;
}
#target-menu li.last a{
	-webkit-border-radius: 0 0 2px 0;
-moz-border-radius: 0 0 2px 0;
border-radius: 0 0 2px 0;
}
#target-menu lia.btn-language a{
	background-color:#171717;
	padding-left: 16px;
	padding-right: 16px;
	text-transform: uppercase;
	color: #fff;
}

#sub-menu{
	float:right;
	margin: 0;
	padding:0;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 25px;
}
#sub-menu li{
	float:left;
	margin: 0 0 0 0px;
	padding:0;
	border-left: solid 1px #ddd;
}
#sub-menu li a{
	display:block;
	line-height: 31px;
	padding: 4px 18px;
	background: #272c6c;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

#sub-menu li.first a{
}
#sub-menu li a:hover,
#sub-menu li a.current{
}
#sub-menu lia.btn-language a{
}

.col-header{
	position:relative;
}
.col-header h2{
	margin:0;
	padding: 13px 0 0 10px;
	font-size: 180%;
	border: none;
	text-align: center;
	font-weight: 500;
}
.col-btn{
	
	float: right;
} 
.col-btn a{
	padding: 15px 15px;
	border-left:solid 1px #eee;
	display: block;
	float:left;
}
.col-btn a span{
}
.title-number{
	position:relative;
	padding-left:40px;
}
.number{
	font-family:'Open Sans',sans-serif;
	font-size: 36px;
	font-weight: 100;
	bottom: initial;
	position:relative;
	margin-right: 10px;
	line-height: 1;
	color: #171717;
	margin-top: -12px;
	display: block;
	position:absolute;
	left:0;
	bottom:5px;
}
.bg{
	background: rgba(0,0,0,0);
	z-index: 100;
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
} 
/*---------------------------------
	Home
-----------------------------------*/


@media only screen and (min-width : 768px) and (max-width : 959px) {
.brand{
	margin: 16px 0 15px 20px;
}
}


	
.newslist {
	line-height:1.4; 
	/* padding: 0; */
	/* margin: 0; */
}
.newslist dt{
	width: 10%;
	float: left;
	font-weight: normal;
	font-size: 13px;
	/* padding: 15px 0 0 10px; */
	/* color: #aaa; */
}
.newslist dd{
	/* display: block; */
	/* font-size: 93%; */
	/* padding: 12px 15px 12px 85px; */
	/* border-bottom: dotted 1px #eee; */
	/* text-align: left; */
}
.newslist dd:hover{
	background:#E3EEF9;
}
.newslist a{
	/* color:#555; */
	/* padding-left: 10px; */
	display: block;
}
.newslist a:hover{
	color:#171717;
}
.newslist .post-category{/* background:#fff; */ /* padding:2px 5px; */ /* margin:-5px; */}
.newslist dl{
	line-height: 1.5;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.newslist dd{
	display: block;
	padding: 0px 0px 0px;
	border-top: solid 1px #DDD;
	text-align: left;
	width: 80%;
	margin-top: 0px;
	float: left;
}
.newslist dd:hover{
	background:#fff;
}
.newslist a{
}
.newslist a:hover{
}
.newslist .post-title a{display: block;padding: .9em 14px .8em 0px;}
.newslist .post-category{/* padding: 2px 5px; */*margin-left: 10px; */}
.newslist .post-category a{
	display: block;
	padding: 6px 6px 4px;
	background: #4a48af;
	font-size: 13px!important;
}
.tabs i{
	font-size: 14px;
	margin-left: -14px;
	margin-right: 5px;
}
/* 
	TipTip CSS - Version 1.2 
	http://code.drewwilson.com/entry/tiptip-jquery-plugin
*/

#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } 
#tiptip_holder.tip_top { padding-bottom: 5px; } 
#tiptip_holder.tip_bottom { padding-top: 5px; } 
#tiptip_holder.tip_right { padding-left: 5px; } 
#tiptip_holder.tip_left { padding-right: 5px; } 
#tiptip_content a{
color: #fff;}
#tiptip_content {
font-size: 11px;
padding: 4px 8px;
/* border: 1px solid rgba(0,0,0,0.25); */
background: #272727;
background-color: #272727;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/* -webkit-box-shadow: 0 0 3px #555; */
-moz-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 10px 10px 6px 10px;
		background-color: #35A5F0;
		line-height: 1.5;
		color: #fff;
}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color:#35A5F0;
	}
}



.col-header{
	position:relative;
	margin-top: 30px;
	margin-bottom: 20px;
}
.col-btn{
	position:absolute;
	top:13px;
	right:12px;
	
} 
.col-btn a{
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px #eee;
}
.col-btn a span{
	display:none;
}
.title-number{
	position:relative;
	padding-left:40px;
}
.number{
	font-family:'Open Sans',sans-serif;
	font-weight: 100;
	line-height: 1;
	color: #10A8A1;
	display: block;
	position:absolute;
	left:0;
	font-size: 2.4em;
	bottom: 4px;
	margin-right: 10px;
	line-height: 1;
	color: #5394dc;
}


.section-inner { padding-top: 120px; }
.notoppadding .section-inner { padding-top: 0px; }

.parallax-section{
	min-height: 400px;
    background: transparent;
}

span .fa-external-link{
	font-size:10px!important
}


.box-scroll{
	height:300px!important;
	overflow:hidden;
}
.box-section{/* background: #F4F4F6; */}

.slideup{
	position:relative;
	overflow: hidden;
}
.slideup .box-image{
	position: relative; height: 100%; width: 100%;
	-webkit-transition:0.8s ease-out;
	-moz-transition:0.8s ease-out;
	-ms-transition:0.8s ease-out;
	-o-transition:0.8s ease-out;
	transition:0.8s ease-out;
}
.slideup:hover .box-image{
	position: relative; height: 100%; width: 100%;
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.box-slide {
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	padding: 0 10px 15px 0;
	/* width: 100%; */
	/* position: absolute; */ 
	/* height: 100%; */ 
	/* width: 100%; */
	/* background: #171717; */
	/* background: rgba(13,94,168, 0.8); */
	/* color: #fff; */
	/* color: rgba(255,255,255,0.7); */
	display: block;
	text-align: center;
}

.box-slide p{
	margin:0
;text-align: center;
}
.box-slide a{
	color:#fff;
}
.box-meta {
	/* height: 100%; */
	/* padding: 10px 10%; */
	/* text-align: center; */
	/* width: 80%; */
}
.box-meta *{
	/* color: #E5DCD1; */
	line-height:1.4;
}
.box-meta p{
	font-size:85%
}

a.button,a.btn{
	padding: 1.7em 40px 1.5em;
	display: block;
	color: #fff;
	background-color: #333377;
	background-color: rgba(0, 0, 85, 0.8);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
a.button:hover,a.btn:hover{
	background-color: #6aacc0;
  background-color: rgba(69, 152, 177, 0.8);
}




ul.button{
	text-align: left;
}
ul.button a{
	display: inline-block;
	padding:0.4em  0.67em;
	/* margin-bottom: 0; */
	font-weight: 600;
	line-height: 1.428571429;
	text-align: center;
	/* white-space: nowrap; */
	vertical-align: middle;
	cursor: pointer;
	background: #D6E7F7;
	border: 2px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	/* color: #fff; */
	font-size: 85%;
	  transition: * 0.2s linear;
    -moz-transition: * 0.2s linear;
    -webkit-transition: * 0.2s linear;
    white-space:nowrap;
	margin-bottom: 4px;
}

ul.button a:hover{
	background: #171717;
	color: #fff;
	border: 2px solid transparent;
}
ul.button li{
	margin: 0;
	padding:0;
	display:inline;
}

ul.box{
background:#F4F8FC;
	transition: * 0.2s linear;
    -moz-transition: * 0.2s linear;
    -webkit-transition: * 0.2s linear;
   
padding: .67em 0.5em;
margin-left: 1em;
}

ul.box li > ul.box{
background: #E9F1F9;
}

ul.box i{
color: #171717!important;
}
.box-link img{-moz-border-radius: 3px 3px 0;-o-border-radius: 3px 3px 0;} 
.box-link h3{}
.box-link p{
	padding: 0 20px 20px;
}
div.box{
	/* background: #f5f5f5; */
	transition: * 0.2s linear;
	-moz-transition: * 0.2s linear;
	-webkit-transition: * 0.2s linear;
	padding: .67em 0.5em;
	margin-left: 1em;
	}

.bg-light{
background:#f5f5f5;}

.main-button{
margin-top:240px;
float:right;
}
.backstretch{
/* margin-top:100px!important; */
	
height: 80%!important;
}

.mainimg{
	position:relative;
	min-height:400px;
}


#main-visual {
  padding: 4em 0;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  color: #fff;
  background: url(../images/css/bg_main-visual.png) no-repeat 50% 0;
  background-image: url(../images/css/bg_main-visual.png), linear-gradient(#2f3470, #626ea2);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 0 0;
  background-color: #485189;
  text-align: center;
  line-height: 1.75;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS ゴシック", sans-serif;
}
#main-visual .lede {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
}
#main-visual .link {
  margin-top: 2em;
  font-size: 18px;
  font-size: 1.125rem;
}
#main-visual .link a {
  padding: .55em 35px .5em;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}


.box-link{
	background:#F4F8FC;
	display: block;
	position: relative;
}
.box-link img{
	margin:0;
	width: 100%;
}
.box-link h3{
  padding: 1.25em 40px 1.05em;
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: #323276;
  background-color: rgba(0, 0, 85, 0.8);
  font-size: 14px;
  font-size: 112%;
  font-weight: bold;
  text-align: center;
  margin: 0;
  border: none;
}
.box-link:hover h3{
	 background-color: #6aacc0;
  background-color: rgba(69, 152, 177, 0.8);
}
#box-link{
background: #ececec;}
#box-link h2{
	 margin: auto;
	 padding: 45px 10px 40px;
	 max-width: 1020px;
	 display: block;
	 font-size: 18px;
	 font-size: 1.125rem;
	 font-weight: normal;
	 text-align: center;
	 border:none;
}
.full #sidebar{
	display:none;
}

.footer-menu {
  padding: 1.1em;
  color: #fff;
  background: #322f2e;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  margin:0;
}
.footer-menu > li {
  margin: 0 .6em;
  display: inline-block;
  line-height: 1.2;
}
.footer-menu > li + li {
  padding-left: 1.4em;
  border-left: 1px solid #6d6c6c;
}
.footer-menu a {
  color: #fff;
  text-decoration:none;
}

#address{
	background:#337;
	color:#fff;
	padding:30px;
	margin-top: 80px;
}
#banner-link{padding:30px 0;}

.post:not(:is(.aform *)) {
	border-top:solid 1px #ddd;
	overflow:hidden;
}
.post-date{
	float:left;
	width:100px;
	margin-top:13px;
}
.post-category{
	float:left;
	width:150px;
	margin-top:10px;

	margin-right:20px
}
.post-title{
	padding-left: 260px;
}


.aform-content .aform-name-ul li,
.aform-content .aform-kana-ul li{
	text-align: left!important;
}
@media(max-width:767px) {
	.post-title{
		padding-left: 0px;
		width:100%;
		float:left;
	}
}

/*言語切り替えボタンの追加*/
#sub-menu {
	top: 20px;
}
@media only screen and (max-width: 959px) {
#sub-menu {
	top: 20px;
}
#sub-menu li a {
	padding: 8px 10px;
	font-size: 14px;
}
}
@media only screen and (max-width: 768px) {
#sub-menu {
	display: none;
}
}
/*グローバルメニュー幅調整*/
#globalnav .menu > li.w26{
  width: 26%;
}
#globalnav .menu > li.w24{
  width: 24%;
}
#globalnav .menu > li.w18{
  width: 18%;
}
/*グローバルメニュー下の隙間をなくす*/
#globalnav .menu > li{
  line-height: 0;
}
/*ヘッダー背景調整*/
.main-header{
  background-size: cover;
}
/*ヘッダーリンクボタン調整*/
#sub-menu li a{
  font-size: 15px;
  padding: 4px 17px;
}
.btn-language_ja{
  letter-spacing: .5px;
}

#globalnav .menu li a:hover{
  /*background: #f2f4ff;*/
  background: #ffec9e;
}


/*---------------------------------
	optout
-----------------------------------*/
#optout_area .search-department a{
	margin-right:10px;
	white-space: nowrap;
	line-height:2;
	font-size:90%;
	cursor: pointer;
}
table.optout th,
table.optout td{
	font-size:90%;
}
table.optout tr th:nth-of-type(4),
table.optout tr th:nth-of-type(5),
table.optout tr td:nth-of-type(4),
table.optout tr td:nth-of-type(5) {
display: none;
}

@media only screen and (max-width : 959px) {
.search-optout-form .col_6 {
	width: 100%;
	}
}
/*table.optout tbody th {
	width: 10%;
}
table.optout tbody td {
	width: 25%;
}
table.optout tbody td:nth-of-type(1) {
	width: 65%;
}

#optout_area h2#chapter-1,
#optout_area h2#chapter-2,
#optout_area h2#chapter-3,
#optout_area h2#chapter-4,
#optout_area h2#chapter-5,
#optout_area h2#chapter-6,
#optout_area h2#chapter-7 {
	padding-top: 42px;
	margin-top: -42px;
}*/

/*-------------------------------------------------------------------------*/
/*	 add 20191128
/*-------------------------------------------------------------------------*/
/*---------------------------------
	interview article list
-----------------------------------*/
.article-list {
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
	transition: opacity .3s ease;
	height: 210px;
	width: calc(100% / 3 - 30px);
}
.article-list:nth-child(3n) {
	margin-right: 0;
}
.article-list:hover {
	opacity: .7;
}
.article-list a {
	position: absolute;
	height: 100%;
	width: 100%;
}
.article-image img {
	object-fit: cover;
	height: 150px;
	width: 100%;
}
.article-title {
	line-height: 1.5em;
	margin: 0;
}

@media only screen and (max-width : 767px) {
	.article-list {
		margin: 0 20px 20px 0;
		height: auto;
		width: calc(100% / 2 - 10px);
	}
	.article-list:nth-child(3n) {
		margin-right: 20px;
	}
	.article-list:nth-child(2n) {
		margin-right: 0;
	}
	.article-image img {
		height: 120px;
	}
	.article-title {
		font-size: 15px;
	}
}

/*---------------------------------
	sidebar
-----------------------------------*/
#sidebar .sidebar-menu li a {
	position: relative;
}
.hitarea {
	z-index: 999;
}

/*---------------------------------
main-footer 次へ・前へ非表示
-----------------------------------*/
.main-footer .tool-panel .prev,
.main-footer .tool-panel .next {
	display: none;
}