@charset "utf-8";
/* CSS Document */


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 {
	font-family: "メイリオ", "Meiryo UI", "ヒラギノ丸ゴ Pro W4", "小塚ゴシック Pro R", sans-serif;
	line-height: 1;
	background: url(../images/bg.png);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after, .imgRight:after, imgLeft:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/***********HEADER**********/


#header{
	background:#ffac00;	
	padding:20px;
}
.container{
	width:1000px;
	margin:auto;
}
.siteTitle a{
	color: #00264e;
	font-weight:bold;
	font-size:30px;
	line-height:80px;
	float:left;
	text-decoration:none;
}
.siteTitle img{
	vertical-align:middle;
	padding-right:15px;
	margin-top:15px;
}
.headerMenu{
	float:right;
	line-height:30px;
	margin-top:15px;
}
.headerMenu ul li{
	float:left;
}
.active a{
	color: #fff !important;
	background: #212020;
}
.headerMenu ul li a{
	color: #fff;
	font-weight:bold;
	font-size:12px;
	padding:8px 22px;
	text-decoration:none;
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	display:block;
	background: #57a9ff;
	border-radius: 10px;
	margin-right:10px;
	box-shadow: 1px 1px 1px rgba(183, 123, 0, 1);

}
.headerMenu ul li a:hover{
	color: #fff;
	background: #00264e;
}
#banner{
	background: #7dc5d0;
}
.mv{
	width:980px;
	background: transparent;
	padding:10px;
}
.mv_shadow{
	background: url(../images/shadow_mv.png);
	width:100%;
	height:350px;
	margin-bottom:-350px;
	position:relative;
	z-index:99;
	pointer-events:none;
}
.bottom-shadow{
	margin-top:-40px;
	margin-left:4px;
	width:990px;
	height:89px;
}
.news_updates{
	width:250px;
	float:left;
	padding-bottom:15px;
	position:relative;
	box-shadow: 0 0 3px rgba(0,0,0,.8);
	margin-right:5px;
}
.news_updates h3{
	color: #fff;
	font-size:15px;
	background: #808080;
}
.news_updates h3 img{
	vertical-align:middle;
	padding-right:10px;
}
.news_updates ul li{
	list-style:none;

}
.news_updates ul li a{
	font-size:12px;
	text-decoration:none;
	color: #9a9a9a;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #636363;
	padding-bottom:21px;
	padding-top:22px;
	padding-left:20px;
}
.news_updates ul li span{font-weight:normal;}
.news_updates ul li a:hover{
	color: #fff;
	text-decoration:none;
	background: #525252;
	box-shadow: inset 0 0 8px rgba(0,0,0,.4);
}
.news_updates ul li img{
	float:left;
	padding-right:10px;
}

/*SLIDER*/

.sliderHolder{	
	position:relative;
}
.sliderHolder:before{
	content: "";
	width:412px;
	height:321px;
	background: url(../images/shadow-top-right.png) no-repeat;
	position:absolute;
	pointer-events:none;
	top:-21px;
	left:-10px;
}
.sliderHolder:after{
	content: "";
	width:412px;
	height:321px;
	background: url(../images/shadow-top-bottom.png) no-repeat;
	position:absolute;
	pointer-events:none;
	bottom:-21px;
	right:-10px;
}
/*slider*/
.bx-wrapper{
	width:562px !important;
}
.bx-wrapper .bx-viewport {
	background: none !important;
	left: 200px !important;
	top:20px !important;
	height:419px !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	
}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:15px !important;
	height:15px !important;
	display:block !important;
	background: url(../images/inactive%20button.png) !important;
	position:relative;
	margin-left:10px;
	top:8px;
	padding:5px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	display:block !important;
	background: url(../images/active%20button.png) !important;
}


/*************COTNENT****************/
#content{
	background: #ffac00;
	margin:auto;
	padding-bottom:0px;
	padding-top:20px;
}
.sideBarHolder{
	width:225px;
	float:left;
	background: url(../images/side-bar-bg.png);
	z-index:800;
}
.nav{
	background: #57a9ff; /* Old browsers */
}
.blogparts{
	background: #6dddde; /* Old browsers */
	padding-bottom:30px !important;
}
.nav h3{
	color: #fff;
	background :#00264e;
	font-size:15px;
	padding:15px;
	position:relative;
	font-weight:bold;	
	border-bottom: 1px solid #b9d8f6;
}
.nav h3:before{
	content: "";
	width: 55px;
	height:16px;
	background: url(../images/ribbon-top.png) no-repeat center center;
	position:absolute;
	left:0;
	top:-16px;
}
.nav h3:after{
	content: "";
	width: 57px;
	height:18px;
	background: url(../images/ribbon-button.png) no-repeat center center;
	position:absolute;
	left:13px;
	bottom:-18px;
}
.blogparts h3{
	color: #fff;
	font-size:15px;
}

.nav h3 img,
.blogparts h3 img{
	vertical-align:middle;
	padding-right:10px;
}
.nav ul{
	
}
.nav ul li{
	background: url(../images/sepa.png) no-repeat bottom;
	border-bottom:1px solid rgba(74, 134, 197, 1);
	border-top:1px solid rgba(74, 134, 197, 1);
	margin: 5px 0;
}
.nav ul li a{
	font-size:12px;
	text-decoration:none;
	color: #00264e;
	font-weight:normal;
	display:block;
	padding:10px;
	font-size:12px;
	background: url(../images/bullet_default.png) no-repeat left;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	padding-left:5px;
}
.nav ul{
	padding:10px;
}
.nav ul li a:hover{
	color: #fff;
	background: #07abba;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
}
.blog_parts{
	margin-top:20px;
	height:410px;
}
.blog_parts h3{
	color: #480808;
	background: #fe9834;
	padding:8px;
}

.content_col_2{
	width:755px;
	float:left;
	margin-bottom:40px;
	background: transparent;
	margin-left:20px;
}
.content_col_2 h1{
	color: #fff;
	font-size:15px;
	background: #00264e;
	position:relative;	
	font-weight:bold;
	padding:14px;
	border-bottom: 1px solid #b9d8f6;
}
.content_col_2 h2{
	color: #fff;
	font-size:15px;
	background: #00264e;
	position:relative;	
	font-weight:bold;
	padding:14px;
	margin: 10px 0;
	border-bottom: 1px solid #b9d8f6;
}
.content_col_2 h1:before{
	content: "";
	width: 55px;
	height:16px;
	background: url(../images/ribbon-top.png) no-repeat center center;
	position:absolute;
	left:0;
	top:-16px;
}
.content_col_2 h1:after{
	content: "";
	width: 57px;
	height:18px;
	background: url(../images/ribbon-button.png) no-repeat center center;
	position:absolute;
	left:13px;
	bottom:-18px;
}
.text01{
	background: #57a9ff;
}
.text01 p{
	z-index:5;
	padding:10px;
	letter-spacing: 0.2em;
}
.content_col_2 h1 img{
	vertical-align:middle;
	padding-left:15px;
	padding-right:10px;
}
.content_col_2 p{
	font-size:12px;
	line-height:20px;
	text-align:justify;
	color: #00264e;
}
.CapImg{
	float:left;	
	padding:30px 10px 0px 10px;
}
.link01{
	text-decoration:none;
	background: url(../images/sepa2.png) no-repeat center top;
	padding:10px;
}
.link01 li {
	margin: 5px 0;
}
.link01 a{
	text-decoration:none;
	color: #00264e;
	font-size:14px;
	letter-spacing: 0.2em;
	padding:15px;
	padding-left:30px !important;
	background: url(../images/link01_default.png)no-repeat left center;
	display:block;
	font-weight:normal;
	
	border-bottom: 1px solid #4A86C5;
	border-top: 1px solid #4A86C5;
}
.link01 a:hover{
	color: #fff;
	text-decoration:underline;
	background: url(../images/link01_active.png)no-repeat left center;
}

.content_col_3{
	width:260px;
	float:left;
}
.content_col_3 h3{
	padding:15px;
}
.content_col_3 h3 img{
	vertical-align:middle;
	padding-right: 10px;
}



.content_col_3 .blogparts{
	margin-top:0px;
}
.blogparts{
	margin-top:20px;
	background: #57a9ff;
}
.blogparts center{
	padding-top:20px;
}
.blogparts h3{
	color: #fff;
	background: #00264e;
	font-size:15px;
	margin-bottom:10px;
	padding:15px;
	position:relative;	
	font-weight:bold;
	border-bottom: 1px solid #b9d8f6;
}
.blogparts h3:before{
	content: "";
	width: 55px;
	height:16px;
	background: url(../images/ribbon-top.png) no-repeat center center;
	position:absolute;
	left:0;
	top:-16px;
}
.blogparts h3:after{
	content: "";
	width: 57px;
	height:18px;
	background: url(../images/ribbon-button.png) no-repeat center center;
	position:absolute;
	left:13px;
	bottom:-18px;
}

.blogparts h3 img{
	vertical-align:middle;
}







.new{
	background :#57a9ff;
	margin-top:20px;
}

.new h3{
	color: #fff;
	background :#00264e;
	font-size:15px;
	padding:15px;
	position:relative;	
	font-weight:bold;
	border-bottom: 1px solid #b9d8f6;
}
.new h3:before{
	content: "";
	width: 55px;
	height:16px;
	background: url(../images/ribbon-top.png) no-repeat center center;
	position:absolute;
	left:0;
	top:-16px;
}
.new h3:after{
	content: "";
	width: 57px;
	height:18px;
	background: url(../images/ribbon-button.png) no-repeat center center;
	position:absolute;
	left:13px;
	bottom:-18px;
}
.new h3 img{
	vertical-align:middle;
	padding-right:10px;
}
.new ul{padding:10px;}
.new ul li{
	font-size:12px;
	list-style:none;
	display:inline-block;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	margin-bottom:1px;
	background: url(../images/sepa.png) no-repeat bottom center;
}
.new ul li a{
	text-decoration:none;
	color: #00264e;
	padding-top:10px;
	background:#ca8b18;
	font-weight:bold;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	background: url(../images/new_default.png) no-repeat left center;
	padding:15px 46px;
	display:block;
	font-weight:bold;
	border: 1px solid #4A86C5;
	box-shadow:inset 1px 1px 1px #fff;
}
.new ul li a:hover{
	color: #fff;
	background: #07abba;
	box-shadow: none;
}
.new ul li a span{
	font-weight:lighter;
	display:block;
	padding:10px 0;
}
/***EXPEERIENCE****/
.experience{
	background :#303030;
	margin-top:20px;
	border:1px solid #5da38b;
}

.experience h3{
	color: #fff;
	background :#000;
	font-size:15px;
	padding:15px;
	position:relative;	
	font-weight:bold;
	border-bottom: 3px solid #d6e832;
}
.experience h3:before{
	content: "";
	width: 55px;
	height:16px;
	background: url(../images/ribbon-top.png) no-repeat center center;
	position:absolute;
	left:0;
	top:-16px;
}
.experience h3:after{
	content: "";
	width: 57px;
	height:18px;
	background: url(../images/ribbon-button.png) no-repeat center center;
	position:absolute;
	left:13px;
	bottom:-18px;
}
.experience h3 img{
	vertical-align:middle;
	padding-right:10px;
}
.experience ul{padding:10px;}
.experience ul li{
	font-size:12px;
	list-style:none;
	display:block;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	margin-bottom:1px;
}
.experience ul li a{
	text-decoration:none;
	color: #a1a1a1;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	line-height:2em;
	background: url(../images/xp_default.png) no-repeat left;
	padding-left:25px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}
.experience ul li a:hover{
	color:#d6e832;
	background: url(../images/xp_active.png) no-repeat left;
}
/***END EXPERIENCE****/


/***QANDA****/
.QandA{
	background :#57a9ff;
	margin-bottom:20px;
}

.QandA h3{
	color: #fff;
	font-size: 15px;
	background: #00264e;
	position: relative;
	font-weight: bold;
	padding: 14px;
	border-bottom: 1px solid #b9d8f6;
}
.QandA h3:before{
	content: "";
	width: 55px;
	height:16px;
	position:absolute;
	left:0;
	top:-16px;
}
.QandA h3:after{
	content: "";
	width: 57px;
	height:18px;
	position:absolute;
	left:13px;
	bottom:-18px;
}
.QandA h3 img{
	vertical-align:middle;
	padding-right:10px;
}
.QandA ul{padding:10px;}
.QandA ul li{
	font-size:12px;
	list-style:none;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:15px;
	display:block;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	margin-bottom:1px;
	background:#c8e3ff;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(85, 138, 194, 1);
}
.QandA ul li:hover{
	box-shadow: inset 1px 1px 1px rgba(85, 138, 194, 1);
}
.QandA ul li a{
	text-decoration:none;
	color: #00264e;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	padding-left:13px;
	font-size:13px;
	font-weight:bold;
}
.QandA ul li a:hover{
	color: #ff3259;
}
.QandA ul li span:hover{
	color: #ff3259;
}
.QandA ul li a span{
	font-weight:lighter;
	display:block;
	padding:10px 0;
	color: #282828;
	padding-left:15px;
	display:block;
}
#footer{
	border-top:1px solid #DB9608;
	box-shadow:inset 0px 0px 1px #fff;
	background: #ffac00;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
#footer .copy{
	color: #00264e;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin-top:50px;
}
#footer .FNav{
	text-align:center;
}
#footer .FNav li{
	list-style:none;
	display:inline-block;
	font-size:12px;
	background: url(../images/bullet.png) no-repeat left center;
	text-align:center;
	padding-top:20px;
}
#footer .FNav li a{
	text-decoration: none;
	margin: 0px 0px;
	color: #FFF;
	background: none repeat scroll 0% 0% #07ABBA;
	border-radius: 10px;
	transition: all 0.1s ease-in 0s;
	font-weight: normal;
	padding: 10px 8px;
	box-shadow:inset 0px 0px 1px #fff;
}
#footer .FNav li a:hover{
	color: #fff;
	background: #00264e;
	-webkit-transition:all .10s ease-in;
	-moz-transition:all .10s ease-in;
	-o-transition:all .10s ease-in;
	-ms-transition:all .10s ease-in;
	
}