/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#NEKO CSS FRAMEWORK
#TYPOGRAPHY
#GENERAL
#PARALLAX STUFF
#HEADER
#MAIN MENU 
#FOOTER 
#SLIDERS
#BLOG
#NEWS
#PAGES
#PORTFOLIO
#FORMS
#TIMELINE
#MISCELANIOUS

*/



/* BOOSTRAP CUSTOMIZATION
================================================== */
.tips{ display:inline-block; }
.navbar {margin-bottom:0; border-radius:0; /*min-height: 87px;*/ min-height: 0;}
.navbar-header {padding-bottom:18px;}
.navbar-default {background:none; border:none !important; border-radius:0; }
.navbar>.container .navbar-brand{margin-left: 15px;}
.nav.nav-tabs {margin-bottom:22px;}
.btn:active, .btn.active{
	-webkit-box-shadow:none;box-shadow:none
}
.container .jumbotron{border-radius: 0;}
.jumbotron h1 {text-align: left;}
/*forms*/
.form-control {-webkit-box-shadow:none;box-shadow:none;padding:12px; height:44px;}
.error {
	padding: 5px;
	margin-bottom: 20px;
	display:block;
	font-size: 14px;
}


/*tabs*/

.panel-default>.panel-heading, .nav>li>a{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* progress bar */

.progress-bar{padding:11px; text-align: right}
.navbar-default .navbar-toggle {
	/*margin-top: 22px;*/
	margin-bottom:0!important;
	border:none;
}

/* accordeon */
.panel-group .panel+.panel {margin-top: 0;}
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'custom-icons';
	content: "\e803";    
	float: right;      
}

/** expand the link to fill the whole tab **/
.panel-title a {
	display: block;
	padding: 10px 15px;
	margin: -10px -15px;
	outline:none;
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: '\e805';   
}

.accordion-toggle i {margin-right: 10px;}

label {
	font-size:22px;
	font-weight: 300;
	margin-bottom: 22px;	
} 


.navbar-nav{ margin-left:0; margin-right:0; }
.navbar-collapse { padding: 0; }
.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right{
	right:auto;
}




/*li.Nactive>ul, li.Nactive .nekoMegaMenu,  li.Nactive .nekoMegaMenu ul  {
	display: block !important;
}


li.Nactive > ul.subMenu {
	display: block !important;
}*/

.navbar-nav .Nactive .subMenu{
	margin-left:10px;
}

.navbar-nav .Nactive .nekoMegaMenu.subMenu{
	margin-left:0;
}

.nekoMegaMenu .container{
	padding-left: 0;

}

ul.dropdown-menu {
	position: static;
	clear: both;
	float: none;
	display: none;
	width:auto;
	background: none;
	border: none;
	box-shadow: none;

}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	margin-bottom:22px;
}

.progress {height:44px; border-radius: 0; box-shadow: none;}
.img-circle {width:140px; height:140px;}
pre code{white-space: pre-line;}
.content-title-photo{margin-bottom:30px;}
/*** MEDIA QUERIES ***/

@media(max-width:799px){
	
	.company-list-area{
		display:none;
	}
	
	h2{ font-size:19px!important; line-height:160%!important;}
	
	.content-title-photo{margin-bottom:0!important; padding-bottom:0!important;}
	.first-title{margin-top:0!important;}
	
	

	
}

@media(min-width:800px){
	.navbar>.container .navbar-brand{margin-left: 0;}
	.navbar-header {padding-bottom:0;}
	.navbar-collapse {padding-right:0;}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		margin-bottom:0;
	}
}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/



/* END BOOSTRAP CUSTOMIZATION
================================================== */



/* NEKO CSS FRAMEWORK
================================================== */
/*** lists ***/
/* icons */
.iconList li:before,.iconList dd:before{
	content:'\e801';
	font-family: 'custom-icons';
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin:0;
	display:inline-block;
	margin-right:10px;
	line-height:1em;
  box-sizing: border-box;
}
.iconList li,.iconList dd {padding:5px;}

/* borde */
.borderList li,.borderList dd {
	border-bottom: 1px solid rgba(125,125,125,0.5);
}


/*** icons ***/

.iconRounded{
	border-radius:50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	font-size:18px;	
}

.iconRounded:before{margin: auto;text-align: center; line-height: 40px; }

.iconBig{
	font-size: 40px;
}

.iconBig.iconRounded{
	width:100px;
	height: 100px;
}

.iconBig.iconRounded:before{
	line-height: 100px;	
}

.iconMedium {
	font-size: 33px;
}

.iconMedium.iconRounded{
	width: 66px;
	height: 66px;
}

.iconMedium.iconRounded:before{
	line-height: 66px;	
}

.iconSmall:before {
	font-size: 10px;
}

.iconSmall.iconRounded{
	width: 26px;
	height: 26px;
}

.iconSmall.iconRounded:before{
	line-height: 26px;	
}

/*** icon Headings ***/
.iconBlocHeading {position:relative; padding-left:55px;}
.iconBlocHeading i{position:absolute; left:0;}
.iconBlocHeading h2{display: block; font-size:18px; font-weight: 400; padding-top: 5px;}
.iconBlocHeading h2:after{content:none;}
.iconBlocHeading h3{display: block;}


/*** boxes ***/
.boxFeature{margin-bottom:33px;}
.boxContent{padding:0 18px; border-radius: 0 0 11px 11px; background-color:#FFFFFF; border:1px solid #E8E8E8;}

.color2.boxContent{border:none;}
.boxFocus{padding:22px; border-radius: 11px;}
.boxIconServices {text-align:center}
.boxIconServices i{ margin:0 auto 22px auto;}
.boxIconServices .boxContent{ padding:0; border:none;}

/* box icons */
.boxIcon a{
	padding:33px;
	text-align: center;
	display: block;
	margin-bottom:11px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.boxIcon a i, .boxIcon a .imgBorder{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}
.boxIcon a span {display:none;}
.boxIcon i {margin: 36px auto; display: block; border-radius:50%;}
.boxIcon h2 {font-size: 18px; font-weight: 400; margin-bottom: 16px;} 
.boxIcon p {margin: 0;}

.boxIcon a:hover{text-decoration:none; }

.boxIcon a:hover i{
	border: 25px solid #F7F7F7;
	width: 150px;
	height: 150px;
	margin:11px auto;
}

/* img box */
.boxIcon a img{
	
	/*width: 180px;
	height: 180px;*/
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
}
.boxIcon a:hover img{ } 

.boxIcon a .imgBorder{
	border: 4px solid #F7F7F7;
	background: #F7F7F7;
	border-radius: 50%!important;

	width: 180px;
	height: 180px;
	margin: 18px auto 22px auto;
}
.boxIcon a .imgBorder img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	width: 172px;
	height: 172px;
}


.boxIcon a:hover .imgBorder img{
	transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
}

/*** testimonial **/
.boxTestimonial blockquote{
	padding:33px 33px 44px 33px;
	font-size:18px;
	line-height: 33px;
}

.boxTestimonial blockquote:after {
	display:none;
}
.boxTestimonial .clientIcon img {
	margin:33px;
	float:left;
}


.boxTestimonial blockquote span{
	display:block;
	font-size: 12px;
}

.clientIcon span {font-weight: 300;}
.clientIcon span, .clientIcon span strong {vertical-align: bottom; font-size: 14px;}

/*** fake columns ***/

.col-left-grey {background:url(../images/theme-pics/col-left-grey.png) center repeat-y; border-top: 1px solid #ededed }

/*** utilies classes ***/
.mb15 {
	margin-bottom:0.75em;
}
.mb30 {
	margin-bottom:1.5em;
}
.mb40 {
	margin-bottom:2em;
}
.mt15 {
	margin-top:0.75em;
}
.mt30 {
	margin-top:1.5em;
}
.mt40 {
	margin-top:2em;
}

.pb15 {
	padding-bottom:0.75em;
}
.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}
.pt15 {
	padding-top:0.75em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top:2em;
}

/** separators **/
hr.lineDouble {
	border-top: 4px double rgb(238, 238, 238);
}
hr.lineStar, hr.lineX, hr.linePlus, hr.lineDot, hr.lineLines {
	text-align: center;
}
hr.lineStar:after, hr.lineX:after, hr.linePlus:after, hr.lineDot:after, hr.lineLines:after {
	background: none repeat scroll 0 0 rgb(255, 255, 255);
	color: rgb(238, 238, 238);
	content: '\e815';
	display: inline-block;
	font-family: 'custom-icons';
	font-size: 1em;
	padding: 0 0.25em;
	position: relative;
	top: -0.8em;
	width: 33px;
}
hr.lineX:after {content: '\e816';}
hr.linePlus:after {content: '\e81c';}
hr.lineDot:after {content: '\e930';}
hr.lineLines:after {content: '\e866';}

hr.lineSmall {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/** separators **/
.noMargin {
	margin:0!important;
}
.noPaddingBottom {
	padding-bottom:0!important;
}
.noPaddingTop {
	padding-top:0
}
.noBorder {border:none!important;}

.utilities_demo {padding-left: 1.5em; padding-right: 1.5em;}

/*** end utilies classes ***/
/* images */

.imgBorder {
	border-radius:11px;
	overflow: hidden;
	/*padding:5px;*/	
}

.imgBorder-other {
	border-radius:11px ;
	overflow: hidden;
	/*padding:5px;*/	
}

.backFaceVisibilityHidden{ -webkit-backface-visibility: hidden; }

/*** MEDIA QUERIES ***/

@media(max-width:799px){}

@media(min-width:800px){
	#boxedLayout {padding-top: 22px;}
	#boxedLayout #globalWrapper{
		width:800px;
		margin:auto;
		background: #fefefe;
	}
	#boxedLayout .navbar-fixed-top {position: static;}

	.mb15 {
		margin-bottom:1.5em;
	}
	.mb30 {
		margin-bottom:3em;
	}
	.mb40 {
		margin-bottom:4em;
	}
	.mt15 {
		margin-top:1.5em;
	}
	.mt30 {
		margin-top:3em;
	}
	.mt40 {
		margin-top:4em;
	}
	.pt15{
		padding:1.5em;
	}
	.pb15 {
		padding-bottom:1.5em;
	}
	.pb30 {
		padding-bottom:3em;
	}
	.pb40 {
		padding-bottom:4em;
	}
	.pt15 {
		padding-top:1.5em;
	}
	.pt30 {
		padding-top:3em;
	}
	.pt40 {
		padding-top:4em;
	}
	.boxIconServices h2{font-size:20px;  }
	.boxIconServices i{float:left;}
	.boxIconServices.posLeft i{ float:left;}
	.boxIconServices .boxContent {padding:0 0 0 152px; text-align:left;}
	.boxIconServices.posLef .boxContent {padding:0 0 0 152px;  }
}

@media(min-width:992px){

	#boxedLayout #globalWrapper{
		width:992px;
	}

	.boxIconServices.posLeft i { float:right;}
	.boxIconServices.posLeft .boxContent {padding:0 152px 0 0;text-align: right;}
	.boxIconServices i { float:left;}
	.boxIconServicest .boxContent {padding:0 0 0 152px;}
	
}

@media(min-width:1200px){
	#boxedLayout #globalWrapper{
		width:1200px;
	}
}

/*** END MEDIA QUERIES ***/
/* NEKO CSS FRAMEWORK
================================================== */

/* TYPOGRAPHY
================================================== */

body {
	font-size:14px;
	line-height: 22px;
	font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	padding-top: 81px;
	background:url(../images/bg.png) repeat!important;
}
h2, h3, h4, h5, h6, legend {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight:normal;
	line-height: 1.25em;
	margin: 0 0 0.75em 0;
}

.largeQuote h1{
	margin-bottom: 0;
	padding-left: 11px;
	padding-right: 11px;
}

.paralaxText h2 {
	font-size: 22px;
	font-weight: 100;
	line-height:1.5em;
	display: inline-block;
	padding:33px;
	border-radius: 22px;
	
	margin-bottom: 0;
}

.paralaxText h2 small {
	font-size: 22px;
	font-weight: 100;
}

.paralaxText .iconRounded {display: inline-block;}

.paralaxText .testimonialCarousel blockquote {text-transform: none;letter-spacing:normal;
	font-size: 22px;
	line-height:22px;
}
.paralaxText .iconBig {
	font-size: 22px;
}


/*h2 {
	font-size:22px;
	padding-bottom:8px;
	font-weight: bold;
	margin-top:24px;
	margin-bottom:32px;
	border-bottom:4px solid #39C;
}*/

/*h2:after{
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	display:inline-block;
	height:6px;
	content:"";
	width: 100%;
	position: absolute;
	margin-left: 11px;
	top:50%;		
}*/
.boxIcon h2:after, .pricingBloc h2:after, h2.subTitle:after, .generatedMoreLink h2:after,.boxIconServices h2:after, .paralaxText h2:after, .owlCaption h2:after, h2.text-center:after {content:none; }/*remove lines after H2 when required*/

h3, legend {
	font-size:20px;
}

h3.point{
	font-weight:normal;
	margin-bottom:16px;
	font-size:23px;
	color:#FFFFFF;
	line-height:180%;
}

h3.point span{
	border-bottom:4px solid #F69;
}


.point-img{
	margin:0 auto 24px;
	text-align:center;
	padding-top:24px;
	
}
@media(max-width:799px){
	
	.point-img{
	padding-top:0;
	
}

}

div.comlist{
	border:1px solid #CCC;
	padding:4px 8px 4px;
	background-color:#FFF;
	margin-bottom:16px;
}

@media(max-width:799px){
	
div.comlist{
	padding:8px auto;
	
}

div.comlist img{
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}


}

div.side-nav-gatalog{
	border:1px solid #CCC;
	margin-top:24px;
	padding:0;
	background-color:#F8F8F2;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

.side-nav-gatalog-title{
	background-color:#77534E;
	padding:16px 16px 2px 16px;
	border-radius: 8px 8px 0 0;		/* CSS3草案 */
	-webkit-border-radius:  8px 8px 0 0;	/* Safari,Google Chrome用 */
	-moz-border-radius:  8px 8px 0 0;	/* Firefox用 */
}

.side-nav-gatalog-title h4{
	color:#FFFFFF;
}

.side-nav-gatalog-inner{
		padding:16px 16px 0;
}

.side-nav-gatalog-inner p{
	font-size:16px;
	line-height:160%;
}

h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	margin-bottom: 2em;
	font-size: 14px;
	font-weight: 300;
}
h1 small {
	font-size:25px;
	font-weight: inherit;
}
h2 small {
	font-size: 18px;
}

h3 small {
	font-size: 14px;
}
h4 small {
	font-size: 12px;
}

p, ul {
	margin-top: 0;
	margin-bottom: 12px;
}
strong {
	font-weight:400
}
small, aside {
}
li {
	line-height: inherit;
}
a:link, a:visited {
	text-decoration:none;

}
a:hover, a:active {
	filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}

img a:hover {
	filter: alpha(opacity=50)!important;
  -moz-opacity:0.50!important;
  opacity:0.50!important;
}
ul.iconsList li a:hover {
	text-decoration:none;
}
a.readMore {
	font-style:italic;
}
blockquote {
	font-size:22px;
	line-height: 33px;
	margin-bottom:22px;
	font-weight:100;
	padding:0;
	border:none;
	text-align:left;
}
blockquote h1 {
	display:inline;
}
blockquote p {
	font-size: inherit;
	display:inline;
}
blockquote small, .ctaBox blockquote small{
	font-size:50%;
	display:inline-block;
	line-height: 1em;
}
blockquote:before {
	content:'\e863';
	font-family: 'custom-icons';
	margin-right:0.5em;
}
blockquote:after {
	content:'\e869';
	font-family: 'custom-icons';
	margin-left:0.0em;
}

blockquote.pull-right {border:none;}

.quoteRow blockquote:before, .quoteRow blockquote:after {
	content:none;
}
hr {
	padding:0;
	margin:1.5em 0;
}
.hero-unit blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

p{
	font-size:18px;
	line-height: 200% ;
	letter-spacing: 0.04em;
	color: #333;
}

p.expl{
	margin-bottom:24px;
}

.expl-aleft{
	text-align:left;
}

.other-link{
	font-size:16px;
	line-height: 140% ;
	padding-left:16px;
}

.other-photo{
	border-radius: 11px 11px 0px 0px ;
}

ul.next-link-area {
    text-align: center;
}

ul.next-link-area li a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #1D3992;
}

ul.next-link-area li a.arrow {
    position: relative;
}

a {
    overflow: hidden;
    color: #1D3992!important;
}

ul.next-link-area li {
    list-style: none outside none ;
	padding: 0px;
	line-height:180%;

}

.next-link {
    font-size: 20px;
    margin-top: 24px;
    text-decoration:underline;
	color:#1D3992;
}

.consultation-link {
    font-size: 20px;
    margin-top:16px!important;
    text-decoration:underline;
	color:#1D3992;
	line-height:180%;
}

.conclusion{
    padding-top: 28px ;
	padding-bottom:16px;
    margin:24px auto;
	text-align:center;
    border: 5px solid transparent;
    border-radius: 8px;
	background-color: #2C6336;
	border-color: #8B6632;
	color: #FFFFFF;
	width:95%;
}

ul.conclusion-list{
	padding-left:20px;
}

ul.conclusion-list li{
	font-size:19px;
	padding-top:12px;
	line-height: 180% ;
	/*font-weight:normal;*/
	font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
}



.head-min-menu-title{
	float:left;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:6px;
}
/*** MEDIA QUERIES ***/

@media(max-width:799px){
	
	
	ul.next-link-area {
    text-align: left;
	}
	
body{padding-top: 8px;}
.navbar-header {padding-bottom:0!important;}




.primary-last {
	border:none!important;
	width:100%;
	text-align:left!important;
	margin-left:0!important;
}

.primary a {
	border:none!important;
	width:100%;
	text-align:left!important;
	margin-left:0!important;
}

.primary-last a {
	border:none!important;
	width:100%;
	text-align:left!important;
	margin-left:0!important;
}


}

@media(min-width:800px){
	
	body{padding-top: 8px;}
	.paralaxText blockquote {
		font-size: 33px;
		line-height:33px;
	}
	.paralaxText .iconBig {
		font-size: 44px;
	}


	.paralaxText h2 {
		font-size: 44px;
	}
	
	div.head-logo{
		max-width: 1134px;
		text-align:left;
	}
		div.head-logo img{
		text-align:left!important;
		display:block;
		margin-left:0;
	}
.head-min-menu-title{
	display:none!important;
}

}


@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/


/* END TYPOGRAPHY
================================================== */
/* GENERAL
================================================== */

/*** buttons ***/
.btn {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border:none;
	border-radius:4px;
}

.btn-lg {
	padding: 11px 19px;
	font-size: 18px;
	border-radius:6px;
}
.btn-sm {
	padding: 2px 10px;
	font-size: 11px;
	border-radius:3px;
}
.btn-xs {
	padding: 0 6px;
	font-size: 10px;
	border-radius:3px;
}
.btn-link {
	text-transform:none;
	text-shadow:none;
	padding:0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
.btn i:before {
	text-align:left;
}
.btn-border {
	color:#fff;
}

/*** call to actioon ***/

.ctaBox{padding:33px}
.ctaBoxFullwidth{padding:0;}

.ctaBox a {margin-top:22px;} 
.ctaBox h1{
	font-size:22px;
	line-height: 33px;
	margin-bottom:0;
	font-weight:100;
	padding:0;
	border:none;
	text-align:left;
	letter-spacing:normal;
	text-transform:none;
}
.ctaBox h1 strong{}
.ctaBox blockquote {
	font-size:44px;
	line-height: 44px;
	margin-bottom: 0;
}
a.btnRight{float:right;}

.ctaBox.ctaBoxCentered h1, .ctaBox.ctaBoxCentered blockquote{ text-align: center;}
.ctaBox.ctaBoxCentered a {float:none; margin-top: 1.5em;}
/*** MEDIA QUERIES ***/

@media(max-width:799px){
	.btn-lg {
		padding: 14px 18px;
		font-size: 18px;
	}
}

@media(min-width:800px){

}

@media(min-width:992px){
	
	.ctaBox a {float:right; margin-top:0;} 

	a.btnLeft{float:left;}
}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END GENERAL
================================================== */

/* PARALLAX STUFF
================================================== */


#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #homeFullScreen{
	width:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: cover;
	background-position: top center;

}

.maskParent{position: relative; height:100%; width:100%;}

.paralaxText {
	padding-top:66px;
	padding-bottom:66px;
	text-align:center;
	position: relative;

}
.paralaxMask {
	width:100%; 
	height:100%;
	overflow:hidden;
	position:absolute;
	background:rgba(0,0,0,0.15);
}


#paralaxSlice1 {
	background-image: url('../images/theme-pics/parallax-1.jpg');
}
#paralaxSlice2 {
	background-image: url('../images/theme-pics/parallax-2.jpg');
}
#paralaxSlice3 {
	background-image: url('../images/theme-pics/parallax-3.jpg');
}

/*** MEDIA QUERIES ***/

@media(max-width:799px){}

@media(min-width:800px){}

@media(min-width:992px){}

@media(min-width:1200px){

	#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12{
		background-attachment: fixed;
		background-position: 50% 0;
		background-size: cover;
	}

}


/* END PARALLAX STUFF
================================================== */


/* HOME FULLSCREEN
================================================== */


#home{padding-top:44px;}
#mapWrapper{ height:350px; }


#homeFullScreen {
	background-image: url('../images/slider/super/supersized-1.jpg');

	overflow:hidden;
}

#homeFullScreen .maskParent {display:table; width:100%;}


#fullScreenSliderWrapper{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	margin:auto;

}
.blockCenter{
	width: 320px;
	margin:auto;
}
#logoBig {margin-bottom: 22px;}
#logoBig img{width:300px; margin:auto; position: relative}
#fullScreenSliderWrapper h1 {font-size: 22px;}

#mainHeader{background:url(../images/bg.png) repeat!important;}
#onePage {padding-top: 0}
body#onePage #mainHeader{width:100%; }
body#onePage #mainHeader.navbar{ border: none;}
#onePage #mainHeader{ z-index:100; }

/*** MEDIA QUERIES ***/

@media(max-width:799px){}

@media(min-width:800px){.blockCenter{ width: 800px;}}

@media(min-width:992px){.blockCenter{ width: 992px;}}

@media(min-width:1200px){.blockCenter{ width: 1200px;}}

/*** END MEDIA QUERIES ***/


/* HEADER
================================================== */
#preHeader{display:none!important;}
.navbar-brand{padding:22px 0;}
/** pre header **/

#preHeader .socialNetwork, .contactPhone{display:inline-block; float:right;}
#preHeader .socialNetwork li {display:block; list-style-type: none; float:left;}
.contactPhone{padding-right:11px; margin-top:10px }
#preHeader .socialNetwork {margin:0;}

#preHeader .socialNetwork a {
	text-align:center;
	line-height: 40px;
	display:block;
	width:30px;
	height:40px;

}
#preHeader .socialNetwork a:hover{text-decoration: none;}
ul.quickMenu {
	margin:10px 0 0 0;
	padding:0;
}
ul.quickMenu li {
	display:inline-block;
	padding-right: 11px;
}

ul.quickMenu li a {
	font-size:12px;
	margin:0;
	padding:0;
	display:block;
	line-height:1em;

}
ul.quickMenu li a:hover {text-decoration:none;}
ul.quickMenu li a.linkLeft {
	margin-left:0;
}

/*** MEDIA QUERIES ***/
@media(max-width:799px){
	
	.navbar-nav > li > a {
    font-size: 14px;
    line-height: 180%!important;
    vertical-align: middle;
}

.navbar-brand{padding:16px 0 0;}
	}

@media(min-width:800px){
	#fullScreenSliderWrapper h1 {font-size:80px;}
	.header1 #preHeader, .header3 #preHeader, .header5 #preHeader {
		display:block!important;
		height:40px
	}
}

@media(min-width:992px){

	.fixedHeader .navbar-nav > li > ul, .fixedHeader .navbar-nav .nekoMegaMenu {
		top:50px;

	}

	.fixedHeader #mainMenu>ul>li>a{
		padding-bottom: 8px;
		padding-top: 8px;
	}

	.fixedHeader .navbar-nav > li.sep:before {
		line-height: 15px;
	}
	.fixedHeader .navbar-brand { padding:15px 0; }

	.fixedHeader .navbar-brand img { max-height: 30px; }
	
	.navbar-brand {
    height: auto!important;
}

}
@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/


/*** header options ***/

.navbar-default .navbar-nav > li > a {
    border-left: none;
	color:#FFF!important;
	font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
}

.navbar-default .navbar-nav > li > a {
    text-transform: none;
    font-weight: 300;
}



.navbar-nav > li > a {
    font-size: 14px;
    line-height: 44px;
    vertical-align: middle;
}

.navbar-nav > li > a {
    display: block;
    padding: 11px;
    text-decoration: none;
    font-family: "Roboto",sans-serif;
    transition: all 0.3s ease-out 0s;
}


/* header 1 */

.header1 .navbar-nav ul ul{ top:0px }
.header1 ul.quickMenu li, .header1 .contactPhone {margin-right: 11px;}
.header1 .sep{display:none;}
.header1 .navbar-nav > li a {text-transform: uppercase; font-weight:400;}

/** header 2 **/
.header2 #preHeader {display: none!important;}

/*** header 3 ***/
.header3  #preHeader .socialNetwork  a {width:40px;}
.header3 .navbar-default .navbar-nav > li > a { text-transform: none; font-weight: 300; }
.header3 .sep{display:none;}

/**** header 4 ****/
.header4 #preHeader {display:none!important;}


/*** end header options ***/


/*** MEDIA QUERIES ***/
@media(max-width:799px){}

@media(min-width:800px){

	/* Header 1 */
	body.header1 { padding-top: 128px; }
	.header1 .navbar-nav > li.sep{display: none;}
	.header1 .navbar-nav > li > ul , .header1 .navbar-nav .nekoMegaMenu {top:88px;}
	.header1 .fixedHeader .navbar-nav > li > ul , .header1 .fixedHeader .navbar-nav .nekoMegaMenu {top:60px;}
	.header1 .navbar-nav > li a {font-size: 13px;}
	.header1 .navbar-nav > li#lastMenu > a {padding-right:15px;}
	/** Header 2 **/
	.header2 .navbar-nav > li.sep{display: none;}
	.header2 .navbar-nav > li > ul, .header2 .navbar-nav .nekoMegaMenu {top:88px;}
	.header2 .fixedHeader .navbar-nav > li > ul , .header2 .fixedHeader .navbar-nav .nekoMegaMenu {top:60px;}
	.header2 .navbar-nav > li#lastMenu > a {padding-right:15px;}

	/*** Header 3 ***/
	body.header3{padding-top:128px;}
	.header3 .navbar-nav > li > ul , .header3 .navbar-nav .nekoMegaMenu {top:89px;}
	.header3 .fixedHeader .navbar-nav > li > ul , .header3 .fixedHeader .navbar-nav .nekoMegaMenu {top:61px;}
	.header3 .navbar-nav > li.sep{display: none;}
	.header3 .navbar-nav>li>a {padding:22px 11px;}

	/**** Header 4 ****/
	.header4 .navbar-nav > li.sep{display: none;}
	.header4 .navbar-nav>li>a {
		padding-left: 15px;
		padding-right:15px;
		text-transform: uppercase;
	}
	.header4 .navbar-nav > li#lastMenu > a {padding-right:15px;}
	.header4 .navbar-nav > li > ul {top:92px;}
	.header4 .navbar-nav .nekoMegaMenu {top:145px;}
	/*.header4 .fixedHeader .navbar-nav > li > ul , .header4 .fixedHeader .navbar-nav .nekoMegaMenu {top:64px;}*/
	.header4 .navbar-brand{
		display: inline-block;
		float:none;
	}
	.header4 .navbar-header {
		text-align: center;
		float: none;
	}
	/***** Header 5 *****/
	body.header5{padding-top:125px;}
	.header5 .navbar-nav > li.sep{display: none;}
	.header5 .navbar-default .navbar-nav > li > a {
		text-transform:uppercase;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:normal;
		border-radius:4px;
		padding:10px;
		margin: 27px 11px 27px 0;
		line-height:1em;
	}
	
	.header5 .navbar-nav > li#lastMenu > a {padding-right:10px;}
	.header5 .navbar-nav ul li a {padding:10px; margin: 0 10px;text-align: left;}
	.header5 .navbar-nav > li > ul, .header5 .navbar-nav .nekoMegaMenu {
		border-radius:4px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.header5 .navbar-nav .nekoMegaMenu {padding:22px;top:112px;}
	.header5 .navbar-nav > li > ul  {top:55px;}
	
	/*.header5 .navbar-nav li ul li{
		text-align: left;
	}*/
	
	.header5 .navbar-nav ul ul {
		padding:10px 0;
	}
	.header5 .fixedHeader #mainMenu>ul>li>a {padding:10px; margin-top: 13px;  margin-bottom: 13px;
	}


	.header5 #mainMenu{
		text-align: center;
	}

	.header5 .navbar-nav.pull-right{
		display: inline-block;
	}

	.header5 #mainMenu{
		text-align: center;
	}	

	.header5 .navbar-header, .header5 #mainHeader .pull-right {
		float: none !important;
	}

	.header5 .navbar-header{
		text-align: center;
	}

	.header5 .navbar-brand{
		display: inline-block;
		float:none;
	}
	

}
@media(min-width:992px){

	.header3 .navbar-nav > li > a {padding:22px 22px;}

	.header4 .navbar-header{ text-align: left;}
	.header4 .navbar-header{float: left !important;}
	.header4 .navbar-nav .nekoMegaMenu {top:92px;}


	.header5 #mainMenu{
		text-align: left;
	}

	.header5 .navbar-nav.pull-right{
		display: inline-block;
	}

	.header5 #mainMenu{
		text-align: left;
	}	

	.header5 .navbar-header{
		float: left !important;
	}

	.header5 #mainHeader .pull-right {
		float: right !important;
	}

	.header5 .navbar-header{
		text-align: left;
	}

	.header5 .navbar-brand{
		display: inline-block;
		float:none;
	}

	.header5 .navbar-nav > li > ul, .header5 .navbar-nav .nekoMegaMenu {
		top:57px;
	}
}

/* END HEADER
================================================== */



/* MAIN MENU
================================================== */


.navbar-nav > li > a {
	display: block;
	padding: 11px;
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.navbar-nav > li.sep{ display: none; }
.navbar-nav > li#lastMenu > a {padding-right:0; /*align right*/}



#mainHeader .pull-right{ float:none !important; }

/*** sub menus ***/


.navbar-nav ul li{position:relative;}

.navbar-nav ul {
	display:none;
	padding: 0;
	margin: 0;
	list-style-type:none;
}

.navbar-nav ul ul{ top:0 }

.navbar-nav ul li a{
	display:block;
	padding:11px 0;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.navbar-nav ul li a:hover{text-decoration:none;}

/*#mainMenu .navbar-nav li a.hasSubMenu:after{
	font-family: "custom-icons";
	display: block;
	content: '\e89e';
	float: right;
	margin-right: 15px;
}*/




#mainMenu .navbar-nav i{
	float:right;
}

.navbar-nav .nekoMegaMenu {
	display:none;
	-webkit-backface-visibility: hidden;
}

.navbar-nav .nekoMegaMenu>div>div{
	-webkit-backface-visibility: hidden;
}
.navbar-nav ul li.megaMenuTitle {
	text-transform: uppercase;
	font-weight:normal;
	padding-bottom: 6px;
	margin-bottom: 6px;

}
.navbar-nav .nekoMegaMenu ul {
	width:auto;
}


/*** MEDIA QUERIES ***/

@media(max-width:799px){


}

@media(min-width:800px){

	#mainHeader .pull-right{ float:none !important; }
	
	.navbar-nav > li > a{
		font-size: 16px;
		font-weight: 400;
		/*padding: 22px 11px;*/
		line-height:44px;
		vertical-align:middle;
		letter-spacing:0.03em!important;
	}
	

	.navbar-nav > li > a i {
		display: block;
	}

	.navbar-nav ul {
		position: absolute;
		top: 70px;
		left: 0;
		z-index: 1024;
	}

	.navbar-nav ul {
		width: 200px;
	}

	
	.navbar-nav > li.sep{display: block;}

	.navbar-nav > li.sep:before{
		content:' / ';
		/*font-family: 'custom-icons';*/
		display:block;
		font-size: 10px;
		text-align: center;
		padding: 0;
		/*margin-top: 22px;
		margin-bottom: 22px;
		line-height:44px;*/
	}

	/*#mainMenu .navbar-nav li a.hasSubMenu:after{
		display: none;
	}*/

	/*#mainMenu .navbar-nav ul li a.hasSubMenu:after {
		content: '\e805';
		display: block;
	}*/


	.navbar-nav ul li a{padding:11px;display:block; font-size:12px;}
	.navbar-nav ul li{padding:0;}

	/*** mega menu ***/
	.nav>li.nekoMegaMenuTrigger{position:static !important;}

	.navbar-nav .nekoMegaMenu ul{
		position: static;
		float: left;
		border:none;
		background:none;
		display:block;
		width:100%;

	}

	#mainMenu .navbar-nav ul li.megaMenuTitle {
		display:block;
		width:100%;
	}
	
	.navbar-nav .nekoMegaMenu{
		width:100%;
		position:absolute;
		right:0;
		top: 70px;
		z-index: 1024;
		padding:22px;

	}
	.navbar-nav .nekoMegaMenu ul {padding:0;}

	.navbar-nav .nekoMegaMenu ul li a {padding:5px 10px 5px 10px;}

	.nekoMegaMenu .container { width:auto; max-width:1170px;}
	/*** mega menu ***/


}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/


/* END MAIN MENU
================================================== */
/* HOME
================================================== */
#home, #owlSlider{padding-top:44px;}
#mapWrapper{ height:350px; }
#mapWrapperSatellite{ height:650px; }
#noSliderWrapper{padding-top:44px;}




/*** MEDIA QUERIES ***/

@media(max-width:799px){}

@media(min-width:800px){#home{padding-top:54px;}}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END HOME
================================================== */
/* NEWS
================================================== */
.newsText{padding:20px 20px 20px 20px;}
.newsText h3{margin-bottom: 8px;}
.date{font-size:12px; line-height:12px;font-style: italic;}
.newsText p{font-size:12px;} 

/* END NEWS
================================================== */


/* SLIDERS
================================================== */
/*** supersized ***/

#superSizedSlider {text-align:center;}
#superSizedSlider h1 {
	font-size:22px;
	margin-top:20%;
	display:block;
	padding:44px 33px 0 33px;
	line-height:1.1em;
}

/** replace arrows with font **/
#nextslide, #prevslide {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	font-family: 'custom-icons';
	text-align: center;
	font-size: 1em;
	height: 1em;
	line-height:1em;
	width: 1em;
}
#prevslide:before {
	content: '\e804';
}
#nextslide:before {
	content:'\e805';
}
a#nextslide:hover, a#prevslide:hover {
	text-decoration: none;
}


/*** OWL slider home ***/

#homeCarousel {text-align: center;}
#homeCarousel h1 {
	margin-bottom: 11px;
	font-weight: 100;
	font-size: 32px;
	line-height:1em;
	text-transform:uppercase;
	padding:0;
	text-shadow:1px 2px 1px rgba(0, 0, 0, 0.2);
	width:100%;
	text-align:center;
	display: inline-block;
}
#homeCarousel h1:after  {content:''}
#homeCarousel h2 {text-align:center; display: block;margin-bottom: 11px;}
#homeCarousel .btn {margin-top: 11px;}

#homeCarousel .owl-pagination {text-align: center;}

/*** OWL carousel ***/


.owl-theme .owl-controls .owl-buttons div{
	
	background:none;
	font-family: 'custom-icons';
	font-size:22px;
	text-align:center;
	color:#fff;
	opacity:1;
	border-radius: 50%;
	padding:0;

}


.noOwlButtons .owl-buttons{display:none;}

.owl-next {right:-9px;}
.owl-prev {left:-9px;}

.owl-next i, .owl-prev i {display:block; padding: 10px 5px;}


.owl-theme .owl-controls {margin-top:22px;}

.owl-theme.centerOwlButtons .owl-controls .owl-buttons div{position:static; }
.owl-theme.centerOwlButtons .owl-pagination {display:none;}


.owl-carousel .item{position:relative;}
.owlCaption {
	padding:22px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.owlCaption p {display:none;}
.carouselWorksFullscreen img{ width: 100%}

/*** camera ***/
#cameraSliderWrapper{
	overflow: hidden;
	margin: 44px auto;
}
#cameraSliderWrapper .camera_target_content {border-radius: 11px!important;}
/** camera_neko_skin **/
.camera_neko_skin .camera_prevThumbs div {
	

	background-position: -160px -280px;
}
.camera_neko_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_neko_skin .camera_prev, .camera_neko_skin .camera_next, .camera_commands{
	background:none;
	width:50px;
	height:50px;
	font-family: 'custom-icons';
	color:#fff;
	font-size:2.5em;
}
.camera_neko_skin .camera_prev {left:22px; text-align: left;}
.camera_neko_skin .camera_next {right:22px;text-align: right;}
.camera_neko_skin .camera_prev > span {
	background: none;
}
.camera_neko_skin .camera_prev:before{
	content:'\e804';
	
}

.camera_neko_skin .camera_next:before {
	content: '\e805';
}
.camera_neko_skin .camera_next > span {
	background: none;
}

.camera_neko_skin .camera_wrap .camera_pag .camera_pag_ul li {background:#fff!important;}
.camera_neko_skin .camera_caption{
	width:100%;
	/*padding-bottom:12%;*/
	text-align: center;

}
.camera_neko_skin .camera_caption h1  {
	font-size: 18px;
	margin-bottom: 11px;
	font-weight: 100;
	line-height: 1em;
	text-transform: uppercase;
	padding: 0;

}
.camera_neko_skin .camera_caption h2  {
	font-size: 12px;
	padding:11px 22px;
	border-radius: 22px;
	display: inline-block;
}
.camera_neko_skin .camera_caption h2:after{content:none;} 
.camera_neko_skin .camera_caption p { display:none;}

.camera_neko_skin .camera_caption > div{padding:22px;}
.camera_neko_skin .camera_wrap .camera_pag .camera_pag_ul {text-align: center; background:#f7f7f7; border-bottom: 1px solid #eee}


/*** MEDIA QUERIES ***/

@media(max-width:799px){
	.owlCaption h2 {margin:0;}
}

@media(min-width:800px){

	.camera_neko_skin .camera_caption h1 {font-size: 66px;}
	.camera_neko_skin .camera_caption h2 {font-size: 22px;}

	.owlCaption {
		padding:22px;
		bottom:50px;
		left:22px;
		width:50%;
	}
	
	.owlCaption p {display:block;}
}

@media(min-width:992px){}

@media(min-width:1200px){

	#cameraSliderWrapper{
		height:633px;
	}
}




/*** Revolution Slider ***/
#rsDemoWrapper{
	visibility:hidden;
}


.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}


/*** MEDIA QUERIES ***/

@media(max-width:400px){
	#homeCarousel h2 {font-size: 12px;}
}

@media(min-width:800px){
	/* OWL Carousel */
	#homeCarousel h1 {font-size:40px; text-align: left;}
	#homeCarousel h2 {text-align:left;}
	#homeCarousel {
		margin-top:44px;
		text-align:left;
	}
	#homeCarousel .owl-pagination {text-align: left;}

	
	/* Camera slider */
	.camera_caption {width:40%;}
	.camera_caption h1 { font-size: 27px;}
	.camera_caption h2 { font-size: 16px; }
	.camera_caption p { display:block; line-height: 1.5em;}

	/* Supersized slider */
	#superSizedSlider h1 {font-size:88px;}
	#nextslide, #prevslide {
		font-size: 2em;
		height: 2em;
		line-height: 2em;
		width: 2em;
	}
	.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next, .ls-borderlesslight .ls-nav-prev, .ls-borderlesslight .ls-nav-next {display:block;}

}
@media(min-width:992px){
	#homeCarousel h1 {font-size: 50px;}
	#homeCarousel {
		margin-top:66px;
	}

	

	.camera_caption h1 { font-size: 33px;}
	.camera_caption h2 { font-size: 22px; }
	.camera_caption p { font-size: 12px; }
}

@media(min-width:1200px){
	#homeCarousel h1 {font-size: 80px;}
	#homeCarousel {
		margin-top:55px;
	}
	.flexFullScreen {
		min-height: 500px;
	}
}

/*** END MEDIA QUERIES ***/

/* BLOG
================================================== */
article.post{margin-bottom: 22px;}
.post h2 a:hover{text-decoration:none;}

ul.entry-meta li a{padding:4px 10px 4px 5px; border-radius: 4px; text-decoration: none;}

.formatIcon {padding:11px 0; border-top:1px solid #fff;}
.formatIcon i {font-size: 22px;}

ul.entry-meta {margin:0; padding:0;font-size:11px;}
ul.entry-meta li {display:inline-block; margin-bottom:11px; }

.widget {margin-bottom:24px;}
.tagCloud a:link, .tagCloud a:visited {
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 3px 14px 0;
	padding: 7px;
	border-radius: 2px;
	line-height: 1em;

}

/* END BLOG
================================================== */

/* PAGES
================================================== */


ul#navTrail {padding:0; margin-bottom: 0; float:right;}
ul#navTrail li{display:inline-block;font-size:12px;}
ul#navTrail li a{text-decoration:underline; }
/*ul#navTrail li a:after{content:" / ";}*/

/** sidebar **/
nav#subnav {
	margin-bottom: 22px; 
	background-color:#FFFFFF; 
	border:1px solid #CCC;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	}
nav#subnav ul {margin:0; padding:0; list-style-type: none}
nav#subnav ul li a{
	margin:0;
	padding:11px 0;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size:16px;
}

.subnav-title{
	background-color:#77534E;
	padding:14px 16px 2px 16px;
	border-radius: 8px 8px 0 0;		/* CSS3草案 */
	-webkit-border-radius:  8px 8px 0 0;	/* Safari,Google Chrome用 */
	-moz-border-radius:  8px 8px 0 0;	/* Firefox用 */
}

.subnav-title h4 a{
	color:#FFF!important;
	text-decoration:underline;
}


nav#subnav ul li a.menu{ border-bottom:1px solid #CCC!important; padding:16px 8px 16px 16px;}
nav#subnav ul li a:hover{text-decoration: none;}
nav#subnav ul li a:active{border-bottom:1px solid #CCC!important;}
nav#subnav ul li a i {float:right;display:none; margin-top: 4px;}
nav#subnav ul li a:hover i, nav#subnav ul li a.active i {display:block;}
nav#subnav{padding:0;}

#videoBg{ height:450px; position:relative; }


nav#subnav_ranking_menu {
	margin-bottom: 22px; 
	background-color:#FFFFFF; 
	border:1px solid #CCC;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	}
nav#subnav_ranking_menu ul {margin:0; padding:0; list-style-type: none}
nav#subnav_ranking_menu ul li a{
	margin:0;
	padding:11px 0;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size:16px;
}
nav#subnav_ranking_menu ul li a.menu{ border-bottom:1px solid #CCC!important; padding:16px 8px 16px 16px;}
nav#subnav_ranking_menu ul li a:hover{text-decoration: none;}
nav#subnav_ranking_menu ul li a:active{border-bottom:1px solid #CCC!important;}
nav#subnav_ranking_menu ul li a i {float:right;display:none; margin-top: 4px;}
nav#subnav_ranking_menu ul li a:hover i, nav#subnav ul li a.active i {display:block;}
nav#subnav_ranking_menu{padding:0;}

#subnav_ranking_menu .subnav-title h4{
	color:#FFF!important;
	text-decoration:none;
}




.subnav_ranking_pet {
	margin-bottom: 22px; 
	background-color:#FFFFFF; 
	border:1px solid #CCC;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	}


.subnav_ranking_pet div.content {
	position:relative;
	}
.ranking-icon{
	position:absolute;
	 top:12px;
	  left:15px;
}

.right-img-cnt{
	margin:0 auto 24px;
	text-align:center;
}

.advertisement01{
	margin-bottom:24px!important;
}

.advertisement02{
	border:1px solid #CCC;
}

   /* .ex-1{
    position: relative;
	padding-left:30px;*/
     

     
    /*文字*/
    color: #77534E;
    text-align: center;

    }
	
	/*.ex-1{
		padding:26px 0 6px 32px;
		font-size:18px;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-weight:normal;
		
	}*/
     

	

ul.side-rank-titile{
	padding-bottom:8px;
}

ul.side-rank-titile li {
    list-style: none outside none;
    padding: 0px;
}

.ranking-link {
    font-size: 16px!important;
    text-decoration: underline;
    color: #1D3992;
	padding-right:16px!important;
}

.rank-inner{
position: relative;
min-height: 1px;
}

ul.side-rank-titile li a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 22px;
    top: 4%;
    
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #1D3992;
}

.side-rank-expl{
	padding:0 20px;
	font-size:16px;
	
}


@media(min-width:800px){
	
	.formatIcon i {font-size: 33px;}
}
@media(min-width:992px){
	
}

@media(min-width:1200px){

}

/* END PAGES
================================================== */


/* PORTFOLIO
================================================== */



nav#filter {margin-bottom:22px;}
nav#filter ul {padding:0;}
nav#filter li{ display:inline-block;list-style:none;}
.isotopeItem {margin-bottom: 22px;}
.page-header .projectTitle {text-align: right;}
header#project{padding:22px 0;}
#project h1 {text-align:left;}
.centerBtn {display:inline-block!important;}
#fullWidthImageProject img{width: 100%;}
#portfolioFullWidth #shareme {float:right;}


/*** pinterest like ***/
.pinBox{
	padding:15px;
	position:relative;
}
.pinBox .boxContent{
	margin-top: 11px;
}
.pinInfo{
	padding:0;
	margin:0;
}
.pinInfo li {
	display: inline-block;
}
.pinInfo li a {
	text-decoration: none;
	font-size:12px;
}
.pinInfo  p {padding-bottom: 11px;}
/*** Porfolio Mosaic***/

/*preloader portoflio mosaic*/
#preloaderPortfolio {
	position:relative;
	width:100%; top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10; 
	background:#fff;
	height:1000px;
}
#preloaderPortfolio #status { top:200px;}
/*preloader portoflio mosaic*/


.portfolioMosaic article{
	float:left;
	-webkit-backface-visibility: hidden;
}

.portfolioMosaic.mosaic5 article, .portfolioMosaic.mosaic4 article, .portfolioMosaic.mosaic3 article, .portfolioMosaic.mosaic2 article{
	width:50%;
}



/* More Link */

.generatedMoreLink{position:absolute; display:block; background-color:#43B6B1; text-align: center;}
.generatedMoreLink a{ display:inline-block;  text-decoration: none; }
.generatedMoreLink a h2, .generatedMoreLink a i{ color:white; }

.valign:after {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	content: '';
}
.valign > .valigned {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
/* More Link */

/* END PORTFOLIO
================================================== */

/* FORM
================================================== */
textarea#comments {height:87px;}
#verify {width:auto; display:inline-block;margin-top:11px;}
.securityCheck h3 {margin-bottom:7px;}

.centeredForm{text-align: center; }


/*** MEDIA QUERIES ***/
@media screen and (max-width: 620px)
	.page-header { height: 300px; }
}
@media(max-width:799px){}

@media(min-width:800px){
	.page-header .projectTitle {text-align: left;}
	#verify {margin-left:15px; margin-top: 0;}

	.portfolioMosaic.mosaic5 article{
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic4 article{
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic3 article{
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic2 article{
		width:33.33333333333333%;
	}

}


@media(min-width:992px){}


@media(min-width:1025px){

	.portfolioMosaic.mosaic5 article{
		width:20%;
	}
	.portfolioMosaic.mosaic4 article{
		width:25%;
	}
	.portfolioMosaic.mosaic3 article{
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic2 article{
		width:50%;
	}

}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END FORM
================================================== */


/* MISCELANIOUS
================================================== */
/* Preloader one page */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000; /* makes sure it stays on top */
}

#status {
	width:304px;
	height:300px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	margin:-125px 0 0 -150px; /* is width and height divided by two */
	text-align: center;
	padding-top: 20px;
}


/*** Scroll up Button ***/
#nekoToTop{
	position: fixed;
	bottom: 0;
	right: 20px;
	padding:5px;
	display:none;
	border-radius: 4px 4px 0 0;
	width: 50px;
	text-align: center;
	z-index:5;
}



/*** demo ***/
.highlight{margin-bottom: 44px;}
.bs-docs-section .btn {margin-bottom: 11px;}

/*** STYLE SWITCHER ***/
#switcherContent{padding:0 0 15px 0;}
.styleSwitcher {background:rgba(220, 220, 220, 0.5); position:fixed; top:200px; width:170px;left:-170px;z-index:9999}' +
.switcher.dark{background:#555;}
.styleSwitcher ul li{display:inline-block; line-height: 20px;}
.styleSwitcher ul {display:block; padding:0; margin:0}
.styleSwitcher ul.switcher li a {display:block; text-indent:-3000px; overflow:hidden; border:none; width:20px; height:20px; margin:0 5px 0 0;}
.styleSwitcher h1 {padding:0 0 6px 15px; line-height:44px;font-size:14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase; color:#333;border:none; margin:0; text-align:left;}
.styleSwitcher h1:after {content:none;}
.styleSwitcher #showHideSwitcher{outline:none; width:50px; height:50px; position:absolute; right:-50px; background:rgba(220, 220, 220, 0.5); top:0; font-size:24px; text-align:center; line-height:50px; color:#333;}
.styleSwitcher #showHideSwitcher:hover i {color:#fff;}
.styleSwitcher select{font-size:11px;margin:0 0 15px 15px;background:#eee; border:1px solid #ddd; width:120px;padding:4px; color:#333;}
.styleSwitcher .switcher {padding:15px 15px 8px 15px;}
.styleSwitcher .switcher.dark {background:rgba(0, 0, 0, 0.5);}
.layoutStyle{ margin-bottom:10px; }
a.btnSwitcher {
	display: block;
	width:120px;
	border:1px solid #eee;
	background:#fff;
	margin-top:10px;
	text-transform: uppercase;
	padding:10px;
	color:#777;
	text-decoration: none;
	text-align: center;
	margin-left: 15px;
}
.btnSwitcher.active, .btnSwitcher:hover {
	border-color:#eee;
	background:#eee;
} 
/* font icon test */
ul.iconsTest {
	margin:0 0 22px 0;
}
.iconsTest li {
	display:block;
	float:left;
	margin-right: 22px;
}
.ico1 {
	color: #00CCFF;
	font-size: 1em;
}
.ico2 {
	color: #3366FF;
	font-size: 3em;
}
.ico3 {
	color: #6666CC;
	font-size: 6em;
}
.ico4 {
	color: #FFFFFF;
	font-size: 6em;
	text-shadow: 0 2px 2px #777777;
}
/*** end demo ***/

/*** hover images ***/

.imgHover article {
	display: inline-block;
	position: relative;
}

.imgHover figure {
	margin: 0;
	position: relative;
}

.imgHover figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.imgHover figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;

}

.imgHover figcaption h3 {
	margin: 0;
	padding: 0;
}

.imgHover figcaption span:before {
	content: 'by ';
}

.neko-hover-1 figure {
	overflow: hidden;
}

.neko-hover-1 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .neko-hover-1 figure:not(.noCss3):hover img,
.neko-hover-1 figure.cs-hover img{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);

}

.neko-hover-1 figcaption {

	width: 100%;
	top: auto;
	bottom: 0;
	/*opacity: 0;*/
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}


.no-touch .neko-hover-1 figure:not(.noCss3):hover figcaption,
.neko-hover-1 figure.cs-hover figcaption {
	/*opacity: 1;*/
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.neko-hover-1 figcaption .iconLinks {
	position: absolute;
	bottom: 20px;
	right: 20px;
}



.neko-hover-1 figcaption .iconLinks a{
	display: inline-block;

}
/*update 20140625*/

.neko-hover-1 figcaption .iconLinks a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-right: -4px;
}

.neko-hover-1 figcaption .iconLinks a.image-link,
.neko-hover-1 figcaption .iconLinks a.image-iframe{
	border-left: 1px dotted rgba(255, 255, 255, 0.5);
}

.neko-hover-1 figcaption .iconLinks {
	
	position: absolute;
	bottom: 5px;
	right: 4px;
}
.pinInfo {
	/*padding-right:80px;*/
}

.pinInfo p {font-size: 12px; margin-bottom: 33px;}
/* end update 20140625*/

/*** social icons ***/
ul.socialNetwork {padding:0; display: block;}
ul.socialNetwork li {display:inline-block; list-style-type: none;}


/*** pricing table ***/
.pricingBloc {
	text-align:center;
	margin-top:22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 22px;
	overflow: hidden;

}

.pricingBloc:hover {
	margin-top:18px;
}

.pricingBloc .iconRounded{display: inline-block; margin-top: 22px;}
.pricingBloc ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.pricingBloc ul li {
	padding:11px 0
}
.pricingBloc h2 {
	font-size: 14px;
	margin-bottom: 0;
	padding: 11px;
	font-weight: 100;
}

.pricingBloc h3 {
	font-size: 44px;
	font-weight: 100;
	display: block;
	padding: 22px;
	margin-bottom: 0;
}
.pricingBloc h3 span {
	font-size: 14px;
	font-weight: 100;
	margin: 11px 0 0 0;
	display: block;
	letter-spacing: normal;
	line-height: 22px;
}
.pricingBloc p {
	margin-bottom:0;
	padding:1.5em
}
.pricingBloc.focusPlan {
	margin-top:0;
}
.pricingBloc.focusPlan h3 {
	font-size:66px;
	padding:22px;
}
/*** end pricing table ***/

/*** responsive video ***/
.videoWrapper {
	position: relative;
	padding-bottom: 56.2%;
	height: 0;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper.videoFormat2 {
	padding-bottom:61%; /*ratio = 198/500*100 */
}

p.credits {
	padding:1.5em;
	margin-bottom:1.5em
}
/*** end responsive video ***/

/*** share plugin ***/

.sharrre .button {
	float: left;
	width: 60px;
}
#shareme h4 {margin-top: 22px; font-size: 16px;}
#shareme a {
	display:block;
	text-align: center;
	width: 44px;
	height: 44px;
	padding-top: 10px;
	float:left;
	border-radius:5px;
	margin-right: 5px;
}
#shareme i {color:#fff;}
#shareme .facebook {background:#3b5998;}
#shareme .twitter {background:#55ACEE;}
#shareme .googleplus {background:#d34836;}


/*** Buttons **/
#sharemeBtn a {margin:0 11px 11px 11px; }
#sharemeBtn a, #sharemeBtn i {color:#fff;}
#sharemeBtn .btnFacebook {background:#3b5998;}
#sharemeBtn .btnTwitter {background:#55ACEE;}
#sharemeBtn a.btnFacebook:hover {border-color:#3b5998;}
#sharemeBtn a.btnTwitter:hover {border-color:#55ACEE;}



/*** MEDIA QUERIES ***/

@media(max-width:799px){
	

	
	}

@media(min-width:800px){}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/


#footerRights p{
	font-size:13px;
	line-height:130%;
	margin-bottom:0;
}

.rec-expl{
	font-size:14px;
	padding-top:8px;	
}

.cpy-list-img{
	margin:0 auto 24px;
	text-align:center;
}

.con-center{
	margin:0 auto;
	text-align:center;
}

.contents-catalog-btn{
	margin:0 auto;
	text-align:center;
	padding:16px 0 0;
}

.sub-ranking-img{
	margin:0 auto;
	text-align:center;
	padding:0 16px 24px;
}

.primary{
	border-left: 1px solid #E99EBC ;
	border-top: medium none;
	color: #FBECF2!important;
	float: left;
	border-bottom: medium none;
	overflow: visible;
	box-shadow: none !important;
	text-shadow: none !important;
	letter-spacing: 0.2em;
    text-align: center;
	
}

.primary-last{
	border-left: 1px solid #E99EBC ;
	border-top: medium none;
	color: #FBECF2!important;
	float: left;
	border-bottom: medium none;
	overflow: visible;
	box-shadow: none !important;
	text-shadow: none !important;
	letter-spacing: 0.2em;
    text-align: center;
	
}

.primary a{
    color: #FBECF2!important;
    display: block;
    overflow: hidden;
    padding: 8px 24px 8px !important;
    margin: 0px!important;
    line-height: 140%;
    text-decoration: none;
    letter-spacing: 0px;
    position: relative;
    text-align: center;
    box-shadow: none !important;

}

.primary-last a{
	color: #FBECF2!important;
    display: block;
    overflow: hidden;
    padding: 8px 24px 8px !important;
    margin: 0px!important;
    line-height: 140%;
    text-decoration: none;
    letter-spacing: 0px;
    position: relative;
    text-align: center;
    box-shadow: none !important;
	border-right: 1px solid #F0BFD2 ;

}

.primaryactive{
	background: linear-gradient(to bottom, #CD3270 1%, #DA628F 100%) repeat scroll 0% 0% transparent!important;
}

@media(max-width:799px){
	.primary a{padding: 8px !important; }
	.primaryactive{ background: linear-gradient(to bottom, #DE759E 1%, #DE759E 100%) repeat scroll 0% 0% transparent!important;}
}

.primary a:hover{
	background: linear-gradient(to bottom, #EBACC5 1%, #E8A1BE 100%) repeat scroll 0% 0% transparent!important;
	filter:alpha(opacity=100);
-moz-opacity: 1;
 opacity: 1;

}

.primary-last a:hover{
	background: linear-gradient(to bottom, #EBACC5 1%, #E8A1BE 100%) repeat scroll 0% 0% transparent!important;
	filter:alpha(opacity=100);
-moz-opacity: 1;
 opacity: 1;

}

.active-sub-menu{
	background-color:#F8F8F2;
}


h2 {
	font-size:2em;
	padding-bottom:8px;
	font-weight: bold;
	margin-top:24px;
	margin-bottom:32px;
	border-bottom:4px solid #333;
	position: relative;
}

p.other-link a.arrow {
    position: relative;
	text-decoration:underline;
}

p.other-link a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #1D3992;
}

.catalog-expl{
	margin-bottom:24px;
}

#mainMenu div.nav-adjust{
	overflow: visible;
	display: block;
	position: relative;
	padding: 0px;
	width:100%;
}


h2{ padding-left:36px;}

h2:before {
  content: "";
  position: absolute;
  background: #333;
  top: 60%;
  left: 0;
  margin-top :-22px;
  height: 26px;
  width: 26px;
  border-radius: 50%;
}
h2:after {
  content: "";
  position: absolute;
  background:#F7F3EC;
  top: 57%;
  left: 6px;
  margin-top:-15px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}

h4.footer-title {
  position: relative;
  color: #fff;
  background: #77534E;
  font-size: 18px;
  line-height: 1;
  border :1px solid #777;
  margin: 0 -10px 48px -10px;
  padding: 8px 5px 5px 80px;
  border-radius: 8px;
  line-height:160%;
  max-width:360px;
}
h4.footer-title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 120px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top: 10px solid #77534E;
}


/*＝ top-header ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
@media(min-width:800px){
	.head-logo { margin:0 auto!important; }
}
.head-logo { position:relative; height:70px; margin:0; padding:10px 0 0 70px; }
.head-logo h1 { font-size:2em!important; font-weight:normal; margin:0; padding:0 10px;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.head-logo p { margin:0; padding:0 10px;  line-height:1.3; font-size:0.9em; }
.head-logo img{position:absolute; left:10px; top:10px; width:50px;height:50px; }

.head-logo:after { content: " "; display: block; visibility: hidden;  clear: both;  height: 0.1px; 
 font-size: 0.1em;  line-height: 0; float:left; }


/*＝ menu-adjust ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.menu-adjust{
width: 100%; margin: 0px auto;
border-bottom-width: 0px; border-bottom-style: none;
border-top: 1px solid #000000;
background: linear-gradient(to bottom, #cc0000 1%, #ff0000 10%, #ff0000 90%, #cc0000 100%) repeat scroll 0% 0% transparent;
}
.navbar-nav{ border-right: 1px solid #E99EBC; }

nav{
	margin:0 auto!important;
	max-width:1134px!important;
	position:relative;
}
.header-mail { position:absolute; top:-65px; right:0; width:100px; text-align:center;}
.header-mail a{ display:block;  font-size:260%}
.header-mail a span{ display:block; font-size:30%; line-height:1.2; }

@media only screen and (min-width: 300px) and (max-width: 799px) {
	.menu-adjust{
	width: 100%;
    margin: 0px auto;
	 border-bottom-width: 0px;
	 border-bottom-style: none;
	 border-top: 1px solid #000000;
	 background: linear-gradient(to bottom, #dd0000 1%, #ff0000 100%) repeat scroll 0% 0% transparent;
	 }
	.navbar-nav{ border-right: 0!important; margin:0 -12px; }
	.primary{ padding:2px 0; }
}


/*＝ breadcrumb ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/

.breadcrumb{padding: 0.5em; background-color: #000; margin-bottom: 10px; position:relative; border-radius:0!important;}
.breadcrumb ol{
    color: #fff;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
	padding:0;
    text-align: left;
    max-width: 1134px;
}
.breadcrumb a:hover,.breadcrumb a:visited,.breadcrumb a:active  {color:#fff!important;}
.breadcrumb a:link { text-decoration:underline}
.breadcrumb .child.first a { font-size:120%!important; color:#fff!important; }
.breadcrumb li{display: inline;}
.breadcrumb li.child::after { margin-right: 6px; margin-left: 6px; 	font-family: 'custom-icons'; content: "\e805";   }
span.bacchi { display:block; width:90px; padding:5px; background:#e00; color:#fff;  text-align:center; }

@media(min-width:800px){
	.breadcrumb ol { max-width: 1134px!important; margin:0 auto!important; }
}
@media screen and (max-width: 480px){
	.breadcrumb{ margin-bottom: 10px;}
	.breadcrumb a:hover,.breadcrumb a:visited,.breadcrumb a:active  {color:#fff!important;}
}


/*＝ page-header ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/

.page-header,.page-header2{ position: relative; width:100%; height: 400px; overflow: hidden;  margin:0; background-color:#000; padding:0; }
.page-header2 { background:#999; border:0; height: 150px!important;}
.page-header::before {
    background: rgba(25, 25, 25, 0.4);
    display: block;
    position: absolute; top: 0; left: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.page-header-title {
    max-height: 100%;
    z-index: 1;
    position: absolute; top: 50%; left: 0; right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	margin:0;
	padding:10px 0 0;
    text-align: center;
}
.page-header-title p { color: #fff; font-size: 48px; font-weight: 700; line-height: 1.3; text-align: center; }
.header-vertical span {
    margin: 0 auto;
	padding:0.4em 0.2em;
	border:1px solid #fff;
    min-width: 0;
    text-align: start;
    background: rgba(0, 0, 0, 0.6);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.page-header .header-image { display:none; }
.page-header2 span {
    margin: 0 auto;
	padding:0.2em 0.1em 0.2em;
	border:3px solid #fff;
    min-width: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
	color:#fff;
}
.page-header2 img.waku { width:100px; height:100px;}
.header-cover { background:#000; text-align:center;}
.cover-img{ width:auto;  margin:0 auto;  height:100%; background:#000; display:block; }

@media screen and (max-width: 480px){
	.page-header{ height: 200px; }
	.page-header-title p { font-size: 24px; }
	.page-header2 { margin-top:10px;}
	.cover-img{ width:auto;  height:280px!important; position:relative; }
}

/*＝ top-contents ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.kamonall p { width:100%; height:250px; background:url('/images/ogp/kamon.jpg') no-repeat; }
.tokushu img { width:100%; border:2px solid #fff; box-shadow:1px 1px 4px #999; }
.gonews { text-align:right; border-top:2px dotted #ccc; }

.top-list {margin-bottom:2em; }
.top-list h2{margin-bottom:0; }
.top-list h2:first-letter { color: #ff0000; }
.top-list h3{font-weight:normal; }
.top-list a {display:inline-block;}
.top-list ul {margin:0;padding:0;border:1px solid #666;}
.top-list li {list-style:none; box-shadow:0 0 1px #ccc; padding:0; position:relative; font-size:1.1em; }
.top-list li::after{ position:absolute; top:40%; right:0; content: ""; display: block; margin-left:auto; border:7px solid transparent; border-left-color: #339;}
.top-list li:hover:after{ border-left-color: #38c; }
.top-list li a { display:block; background:#fefefe; padding:1em 1em 1em 1.5em; }
.top-list li a::before{ content: "●"; display: block; position:absolute; top:35%; left:10px; font-size:50%; }

.toptext{ text-align:center; }
h2 .hojo { font-size:75%!important;  font-weight:normal; color:#444; }
.topmain{margin-top:-15px;}
.topmain a{ box-shadow:2px 2px 2px #666; }
.topmain a img { width:100%; height:100%; }
.toplink-1,.toplink-2,.toplink-3{ display:block; wudth:100%; max-width:360px; height:auto; max-height:240px; min-height:160px; text-align:center; font-size:10px; background-position:50% 50%!important; }
.toplink-1{background:url('/images/ogp/kamonall/index-xs.jpg');  background-size:cover;}
.toplink-2{background:url('/images/ogp/zuran/index-xs.jpg');  background-size:cover;}
.toplink-3{background:url('/images/ogp/search/index-xs.jpg');  background-size:cover;}
@media screen and (max-width: 480px){
	.top-list h2{margin-bottom:0; font-size:180%!important;}
	.toptext{ line-height:1.5; font-size:100%;}
	.topmain .col-xs-4:nth-of-type(1) {margin-left:5px!important; margin-right:-3px!important; }
	.topmain .col-xs-4:nth-of-type(3) {margin-left:-3px!important; margin-right:0px!important;}
	.toplink-1,.toplink-2,.toplink-3{ width:118px; height:118px;  min-width:100px; min-height:110px;}
	.topmain .col-xs-4{ margin:0!important;  padding:5px!important; }
	.toplink-1{background:url('/images/ogp/kamonall/index-xss.jpg');  background-size:90%;  }
	.toplink-2{background:url('/images/ogp/zuran/index-xss.jpg');  background-size:90%;}
	.toplink-3{background:url('/images/ogp/search/index-xss.jpg');  background-size:90%;}
	
}

.top-bana {margin-top:-1em; }
.top-suma-img { text-align:center;!important }
.top-suma-img img {width:180px; height:180px;  }
@media screen and (max-width: 480px){
	.top-suma-img {display:block; }
	.top-suma-img img { width:100px!important; height:100px!important; }
	.top-bana img { width:310px!important; height:310px!important; }
}

/*＝ top-bar ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.topbar {height:105px; background:url('/images/top-bar2.png') no-repeat 50%;}

@media screen and (max-width: 900px){
	.topbar {height:90px; }
}
@media screen and (max-width: 480px){
	.topbar {width:100%; height:25px; background-size:auto 100%!important; margin-top:-10px; }
}


/*＝ setsumei ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.setsumei{ position:relative; margin-bottom:35px;}
.setsumei h2{ margin-bottom:0; background-image:none;}
.setsumei .shuri { position:absolute; top:-1em; left:1em; font-size:95%; background:#aaa; width:8em; padding:0.02em; text-align:center; color:#fff;
border-radius:10px; }
.setsumei-text { padding:1em 0; }
.setsumei dt { font-size:110%; }
.setsumei dd { font-size:100%; ;}
.i-catch{ position:absolute;  top:-160px; right:10px; width:200px; height:200px;
	border:2px solid #fff; padding:5px;
	background:#000; 
	box-shadow:2px 2px 2px  rgba(0,0,0,0.4); }
.i-catch img { max-width:186px; max-height:186px; }

#kamonpage td { text-align:left; }
@media screen and (max-width: 480px){
#kamonpage .mt30 {	margin-top:3.5em; }
.setsumei .shuri { position:absolute; top:-2.5em; left:1em; }
	.i-catch{ top:-120px; width:110px; height:110px;}
	.i-catch img { max-width:96px; max-height:96px; }
	.setsumei h2{ padding-left:30px; }
	.setsumei-text { padding:1em; }
}

.mongata { align-self:auto; list-style:none;  font-size:300%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:normal; 
display:inline-block; width:2em; text-align: center; border:1px solid #eee; }
.kobetsu {display:flex; flex-wrap:wrap; padding:0; position:relative;}
.kamon-l,.kamon-r { background:#fff; margin:0; padding:10px;  box-sizing: border-box; border:2px solid #000;
width:50%; min-width:320px; max-width:580px; height:auto; max-height:600px; aspect-ratio: 1 / 1; /* 縦横比を1:1に設定 */}
.kobetsu .kamon-l h2 { font-size:400%; }
.kamon-l {background:#eee; background-size:99%; position:relative; display: flex; border:none;
 border:2px solid #000;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */}
.kamon-l div { font-size: 40px; font-weight: 700; line-height: 1.3; text-align: center; 
position: absolute; top: 50%; left:50%; transform : translate(-50%,-50%);}
.kamon-r{position:relative; }
.mask {position:absolute; top:0; left:0; z-index:1; width:100%; max-width:560px;height:100%; max-height:560px; }
.kobetsu img.waku {width:100%; max-width:560px; height:auto;}
.kamonname {
    margin: 0 auto;
	padding:0.4em 0.2em;
    height:100%;
    text-align: start;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.kamonname:first-letter { color: #ff0000; }
@media screen and (max-width: 640px){
	.kobetsu { margin:0 1em; }
	.kobetsu .kamon-l,.kobetsu .kamon-r {width:100%;}
	.kamon-l {padding-bottom: 100%; }
	.kamon-l div { font-size: 30px; }
}

.downloads h3 {margin-top:1em;}
.downloads a {display:block; padding:0.5em; margin:0.1em 0 1em; background:#c31; border-radius:5px; color:#fff!important;}
.downloads a:hover { color:#ff0;}
.pc-none{display:none; }
.suma-none{display:block; }
@media screen and (max-width: 480px){
	.suma-none{display:none; }
	.pc-none{display:block; padding-bottom:2em;}
}
.btn-sengoku a{ display:block; border:1px solid #999;  border-left:5px solid #900; padding:1em; text-align:center; }

/*＝ kamon-waku ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/

.kamon-container{ display:flex; algin-content:flex-start; flex-wrap:wrap; padding:0 0 5em; }
.kamon-waku{  position:relative; display:inline-block; margin:2px; padding:0.5em 12px 1em; text-align:center;  border:1px solid #ccc; }
.kamon-waku p { text-align:center; font-size:95%; line-height:1.2; padding-top:0.5em;  max-width:160px; }
.page-list .kamon-waku {margin:2px 0;}
.icons-list { margin-left:0; padding-left:0; text-align:left; }
.icons-list li{ display:inline-block; margin-right:0.5em; list-style:none; }
.kamei,.komei,.sengoku,.baku,.etc,.betsu {color:#fff; width:2em; line-height:2em; border-radius:5px; font-size:80%; font-weight:normal; display:inline-block; text-align:center; margin-left:0.2em; }
.kamei { background:#c00; }
.komei {  background:#909;  }
.sengoku{ background:#06c;}
.betsu{ background:#3cc; }
.baku{ background:#090; }
.etc{  background:#f90; }
.new { color:#f00;
	font-weight:normal;
	font-size:0.9em;
	margin-left:0.2em;
	animation: blinkAnime 0.6s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #ffff00 }
 100% { color: #ff0000 }
}

@media screen and (max-width: 480px){
	.kamon-container{ padding-left:0.5em; }
	.kamon-waku {width:84px;  padding:5px 2px 1em; }
	.kamon-waku p{ font-size:70%; }
	.kamon-waku img{width:78px; height:78px; }
	.icons-list li{ display:block;  margin-bottom:0.2em;}
}


/*＝ symbol ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.symbol {padding-bottom:1em;float:left;}
.symbol h3 {font-size:150%; border-left:10px solid #c00; border-bottom:1px solid #ccc; width:100%; margin:1em 0; padding:0.5em;}
.symbol p {font-size:120%;}
.bg-aka{background: linear-gradient(-45deg,transparent 25%, #aaa 25%, #aaa 50%, transparent 50%, transparent 75%, #aaa 75%) left bottom/7px 7px repeat-x; }
/*＝ kamon-read ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/

.kamon-readlist { }
.kamon-readlist .col-md-12 { padding:0!important; }
.kamon-readlist h3 { 
	margin:2em 0;
    border:1px solid rgb(102, 102, 102);
    padding: 1em 0.5em;
}
.kamon-readlist h3:first-letter { color: #ff0000; font-size: 140%;}
.kamon-read p { width:24%; display:inline-block; border-left:6px solid #900; font-size:110%;
box-sizing: border-box; padding-left:0.5em; padding-right:0.5em; line-height:1.5}
.kamon-read a { color:#333!important; }
.kamonb { font-weight:normal; }
.kamon-read span{display:block; border-top:1px dotted #eee; }
.gotop { text-align:right; }
.gotop a:first-letter {color: #ff0000!important;}

@media screen and (max-width: 480px){
	.kamon-read { padding:0 -15px; }
	.kamon-read p { width:49%; font-size:110%;}
}


.b-link li{ box-sizing: border-box; width:19%!important; }
ul.setumei-list li { margin-bottom:0.8em!important; }
/*＝ .bushou-list ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.bushou-list p { width:24%; display:inline-block; border:1px solid #999; border-left:6px solid #900; font-size:110%;
 padding:0 5px 0 0.5em; line-height:1.5; box-sizing: border-box;}
.bushou-list p:hover { border-left:6px solid #c00; background:#f9f0f0; }
.bushou-list .bushou { position:relative; margin-bottom:40px; }
.bushou-list .bushou b { font-size:1.4em; }
.bushou-list .bushou span.bread { font-size:70%; display:block; }
.bushou-list .bushou .kcon img { float:right!important; margin:0; width:75px; height:75px; padding:5px; background:#000; }
.bushou-list .bushou small {display:block; border-top:1px dotted #eee; line-height:1.6em; }
.bushou-list .bushou span.op { display:block; position:absolute; top:80px; right:4px; border-top:0; max-width:200px; text-align:left; overflow:hidden}
.bushou-list .bushou span.op img { border:1px solid #999; }

a.sankaku::after{ position:absolute; top:40%; right:80px; content: ""; display: block; margin-left:auto; border:7px solid transparent; border-left-color: #339;}
a.sankaku:hover:after{  right:75px; }

@media screen and (max-width: 1200px){
	.bushou-list .bushou { padding:0 -15px; }
	.bushou-list .bushou b { font-size:1.1em; }
	.bushou-list .bushou small {font-size:0.7em; }
}
@media screen and (max-width: 990px){
	.bushou-list .bushou { padding:0 -15px; }
	.bushou-list .bushou b { font-size:1.25em; }
	.bushou-list .bushou small {font-size:0.76em; }
	.bushou-list p { width:32.5%!important; font-size:110%;}
}
@media screen and (max-width: 720px){
	.bushou-list .bushou { padding:0 -15px; }
	.bushou-list p { width:49%!important; font-size:110%;}
	.bushou-list .bushou b { font-size:1.3em; }
	.bushou-list .bushou small {font-size:0.9em; }
}
@media screen and (max-width: 480px){
	.bushou-list p { padding:0; }
	.bushou-list .bushou { margin-bottom:10px; }
	.bushou-list .bushou a.kcon { width:100%; background:#000; display:block; text-align:center; margin:0 -15px 0 0!important; }
	.bushou-list .bushou a.kcon img { float:none!important; margin:0 auto; display:block; }
	.bushou-list .bushou span.bread { margin-left:7px; display:block;  }
	.bushou-list .bushou b { font-size:1.25em; margin-left:7px; display:block;  }
	.bushou-list .bushou small { margin-left:7px; display:block;  }
	.bushou-list .bushou span.op { top:2px; right:2px; max-width:45px; text-align:right; }
	.bushou-list .bushou span.op img { background:#fff; }
}
.bushou-list .bushou { background:none; }

/*＝ bushou ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.bushou { background:url('/img/etc3.png') no-repeat 100% 100%; padding-bottom:50px; }
.bushou .hata {display:inline-block; width:48%; margin-bottom:2em; border:1px solid #ccc;  border-left:3px solid #333;  background: #fff; }
.bushou .hata .kamon-waku { text-align:center; font-size:95%; line-height:1.2; padding-top:0.5em;  max-width:200px; position:relative; }
.bushou .text-area { margin:0 1em 1em; padding-top:1em; }
.bushou h3 { background:#eee0e0; margin-top:0.5em;  }
.bushou .hata .text-area h3 { font-size:140%; line-height:1.6; }
.bushou .hata .text-area p { font-size:115%; line-height:1.6; }
.bushou .hata .kamon-waku:before {
	content:"";
	display:block;
	position:absolute;
	right:-24px;
	top:10px;
  width: 30px;
  height: 0;
  border-bottom: 150px solid #eee;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  transform: rotate(186deg);
}
.top-box02.bushou { background:none; padding-bottom:0; }
.top-box02.bushou h3 {background:#f0f0f0; }
.top-box02.bushou p {font-size:120%; margin:1em; line-height:1.6; }
@media screen and (max-width: 480px){
	.bushou .hata { width:100%;  }
	.bushou .hata  .kamon-waku {width:160px;  padding:5px 2px 1em; }
	.bushou .hata  .kamon-waku p{ font-size:100%; }
	.bushou .hata  .kamon-waku img{width:154px; height:154px; }
	.bushou .text-area { margin-right:0; }
	.bushou .hata .kamon-waku:before {	top:40px;	}
}

/*sankou*/
.sankou-list li {line-height:2; fontis-size:100%;}

/*＝ kamon-yougo ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.kamon-yougo h3 { margin:2em 0 0; padding: 1em 0.5em; border:1px solid rgb(102, 102, 102,0.6); 
border-width:1px 1px 0;  font-size: 160%; background:#eee;
border-radius: 10px 10px 0 0; }
.kamon-yougo p { width:100%; border:1px solid rgb(102, 102, 102,0.6); font-size:110%;
box-sizing: border-box; padding:0.5em 0.5em 0.5em 1em; line-height:1.5; border-radius:0 0 10px 10px}
.kamon-yougo a { color:#333!important; }
.kamonb { font-weight:normal; }
.kamon-yougo span{display:block; border-top:1px dotted #eee; }

/*＝  kamon-text ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
#kamon-text h3 { font-size:180%; font-weight:bold; }
#kamon-text p { font-size:120%;  font-weight:normal!important; }
#kamon-text dt { font-size:130%;  line-height:1.6;  font-weight:bold!important; background:#ffeedd; }
#kamon-text dd { font-size:110%;  line-height:1.6;  font-weight:normal!important; margin-bottom:1em; }
#kamon-text img { width:100%; margin-bottom:1em; }

#kamon-text ul { display: flex;  flex-wrap: wrap;  list-style: none;  margin: 0; padding: 10px;  gap: 10px;  border: 2px solid #ccc;  border-radius: 8px;  background-color: #f0f0f0;  box-sizing: border-box; }
#kamon-text ul li { word-break: break-word; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px;  background-color: #fff; }

/* 共通のスタイル */
#kamon-text .box {  display: flex; flex-wrap: wrap; /* スマホ時に対応するため */ border: 1px solid #ccc; background-color: #f9f9f9; padding: 10px; gap: 10px; /* 間隔を調整 */ }
#kamon-text .box dt,
#kamon-text .box dd { border: 1px solid #ddd; background-color: #fff; padding: 10px;  box-sizing: border-box; /* パディングを含めて幅・高さを計算 */}
#kamon-text .box dt {    background-color: #fed; }
/* PCレイアウト */
@media (min-width: 768px) {
	#kamon-text  .box { display: grid; grid-template-columns: 12em auto; /* dtを200px、ddをautoで設定 */ align-items: stretch; /* 高さを揃える */ }
	#kamon-text  .box dt,
	#kamon-text  .box dd {  height: 100%; /* 高さを揃える */  }
}

/* スマホレイアウト */
@media (max-width: 767px) {
	#kamon-text  .box dt,
	#kamon-text  .box dd {  width: 100%; /* 横幅を100%に */  height: auto; /* 高さは内容に応じて */
    }
}
/*＝  motiflist ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.motiflist { padding-left:0;}
.motiflist h3  { margin:2em 0 0.5em; padding: 1em 0.5em; font-size: 160%; 
border:1px solid rgb(102, 102, 102,0.6);  background:#eee url('/images/h3-bg.png') no-repeat 99% 100% ;
background-size:50px 50px; border-radius: 10px 10px 0 0; }
.motiflist h3 span { color: #ff0000; font-size: 140%; }


/*＝ zoukei ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.zoukei { display:flex; algin-content:flex-start; flex-wrap:wrap;  }
.zoukei .img-responsive{ background:#000!important; display:block; }
.zoukei .imgBorder-other{ width:16%; display:inline-block; box-sizing: border-box; margin:2px; }
.zoukei img {width:100%; border:1px solid #ccc; min-height:78px; }
.zoukei h3,.zoukei p { border:1px solid #ccc; border-radius:0 0 10px 10px; text-align:center; margin:-3px 0 0; padding:0; }
.zoukei h3 a,.zoukei p a { display:block; padding:0; margin:0;  }

@media screen and (max-width: 480px){
	.zoukei .imgBorder-other{width:32%;}
}

/*＝ randam ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.randam { display:flex; algin-content:flex-start; flex-wrap:wrap;  }
.randam .img-responsive{ background:#000!important; display:block; }
.randam .imgBorder-other{width:16%; display:inline-block; box-sizing: border-box; margin:2px; }
.randam img {width:100%; border:1px solid #ccc; }
.randam h3 { border:1px solid #ccc; border-radius:0 0 10px 10px; text-align:center;}
.randam h3 a { display:block; padding:0.5em; }

@media screen and (max-width: 480px){
	.randam .imgBorder-other{width:32%;}
}



/*＝ julist ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.julist { text-align:center; }
.julist h2 { margin:0 0 1em; padding:0.5em 0; text-align:center; background:#000; color:#ddd; border:0; }
.julist ul { margin:0; auto; padding:0; algin-content:flex-start; flex-wrap:wrap; }
.julist li { margin:0; padding:0; width:19.5%; display:inline-block; text-align:center; } 
.julist a { display:block; border:1px solid #cccc; font-size:120%; padding:0.5em;
box-sizing: border-box; margin:1px;  box-shadow:1px 1px 1px #ccc;
border-left:10px solid #cc0000; border-right:3px solid #dd0000; }
.julist span { display:block; border:1px solid #cccc; font-size:120%; padding:0.5em;
box-sizing: border-box; margin:1px;  box-shadow:1px 1px 1px #ccc; 
border-left:10px solid #cc0000; border-right:3px solid #dd0000; background:#eeeeee;}
.julist b { display:block; background:#eeeeee;}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::after{
    position: absolute;
    top: 3px;
    right: 3px;
    margin: auto;
    content: "▲";
	font-size:8px;
	color:#ccc;
    vertical-align: middle;
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
}
@media screen and (max-width: 480px){
	.julist li {width:49%;}
	.julist span { top:0;}
}

/*faq*/
#faq h3.mt30::before { content: "Q. "; color: red; font-weight: bold; font-size:120%; }

.answer {
    position: relative;
    background: #f0f0f0; /* グレーの吹き出し */
    padding: 15px;
    border-radius: 10px; /* 角を丸くする */
    max-width: 80%; /* 最大幅を設定 */
    margin: 10px 0 10px auto; /* 右寄せ */
	margin-right:50px;
    text-align: left; /* 文字を左寄せ */
}

.answer::after {
    content: "";
    position: absolute;
    right: -20px; /* 吹き出しの位置 */
    top: 50%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #f0f0f0;
}

.answer-icon {
    width: 40px; /* アイコンのサイズ */
    height: auto;
    position: absolute;
    right: -50px; /* アイコンを右端に配置 */
    top: 50%;
    transform: translateY(-50%);
}

/*＝ mokuji ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
#mokuji { width:300px; border:1px solid #999999; padding:1em; background:#f0f0f0; }
#mokuji h3 {font-size:20px;}
#mokuji ol {padding:0 0 0 20px;}
#mokuji li {font-size:16px; line-height:2; }

/*＝ footnavi ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
.bunrui { margin:2em 1em 0; border:1px solid #000; }
.bunrui h2 { margin:0 0 1em; padding:0.5em 0; text-align:center; background:#000; color:#ddd; border:0; }
.footnavi {display:flex; flex-wrap:wrap; padding:0;}
.footnavi li {margin:5px 1px; padding:5px 5px 10px; text-align:left; align-self:auto; list-style:none; 
display:inline-block; width:2em; text-align: center; border:1px solid #eee; }
.footnavi li a {display:block; height:100%; }
.footnavi li a:before{content:'●'; font-size: 100%; text-align: center; padding: 0 0 6px;display:block;  color:#ccc;}
.footnavi li:hover{background:#eee; }
.footh3{
	margin:0; padding:4px 0;
    background-color: #d00; color:#fff;
	font-size: 100%;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 480px){
	.topindex .bunrui { margin:2em 0 0;}
}

@media screen and (max-width: 767px)
.p-pagetop {
    width: 50px;
    height: 50px;
}
.p-pagetop.is-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
button {
    background: #d80100;
}
.p-pagetop {
    z-index: 99;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    border: 0;
    outline: none;
    color: #fff;
    background-color: #d90000;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: background 0.2s, opacity 0.35s, -webkit-transform 0.35s;
    transition: background 0.2s, opacity 0.35s, -webkit-transform 0.35s;
    transition: background 0.2s, opacity 0.35s, transform 0.35s;
    transition: background 0.2s, opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.p-pagetop i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    font-size: 12px;
	color:#fff;
}


/*＝ footer ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
footer{ border-top:1px solid #333;
background: linear-gradient( 180deg, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.0) 3%),
  url(../images/bg_footer.png); padding:44px 0 0 0; }
.footerImg { float:left;	width:120px;	height:120px;	margin:0 15px 15px 0; border:2px solid #fff; box-shadow:1px 1px 1px  rgba(0,0,0,0.4);}

#footerRights {padding:22px 0;margin-top:22px; text-align: center; font-size:10px; background:url(../images/bg_footer_rights.png) repeat!important;}
.footerWidget {margin-bottom: 22px}

.footer_expl{
	font-size:16px;
	line-height:180%;
}

.footer_expl a{
	text-decoration:underline;
}
.footer-lead{
	font-weight:normal;
	 font-size:19px;
	  line-height:160%;
}
.footerWidget ul.footer-menu{
}

.footerWidget ul.footer-menu li{
	font-size:16px;
	line-height:180%;
	list-style:none;
	margin-left:-32px;
	padding-bottom:8px;
}

.footerWidget ul.footer-menu li a{
	color:#666666!important;
}


/* footer 1 */
.worksList li{display:inline-block; margin: 0 10px 10px 0;}
.worksList li a img {border-radius:4px;}

/* footer 4 */
.footer4 #footerRights {text-align: left; background:#333;}
.bigTitle.bigTitleFooter {font-size: 2em; margin-bottom: 0;}


@media(min-width:992px){

	/* footer 4 */
	.footer4 #footerRights .quickMenu {float:right;}

	/* footer 5 */
	.footer5 #footerRights p{float: left;}
	.footer5 #footerRights .socialNetwork{float: right;}
}
/* END FOOTER 
================================================== */


/*＝ comon ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
table {	border-collapse: collapse; }
th, td {
    border: 1px solid #dfeef1;
    padding: 2px;
	line-height:1.5;
}
.updatetime { text-align:right; padding:0 1em; }
.alignright {text-align:right!important;}
.alignleft {text-align:left;}
.aligncenter {text-align:center!important;}
.footnavi td {
    color: #555;
	text-align:left;
	line-height:1.8;
}
.footnavi th {
	width:100px;
    background-color: #e7f7ff;
    text-align: center;
    vertical-align: middle;
	line
}
.width100 { width:100px!important; }
table.unei { width:100%!important; }
table.unei td {
font-size:100%!important;
 text-align:left; 
 line-height:1.6;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
}
h2.no-circle{padding-left:0;}
h2.no-circle:before{width:0;height:0}
h2.no-circle:after{width:0;height:0}

.top-box01{
	background-color:#FFF9F2!important;
	overflow:hidden;
	margin:2em 0;
	padding:1em;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

.top-box01 p.expl{
	font-size:16px!important
}
.top-box01 img{
	display:block;
	width:75px;
	height:75px;
	margin-top:20px;
	padding:10px;
	border:2px solid #000;
	box-sizing: border-box;
}

.text-box {
	position:relative;
	border:1px solid #666;
    margin: 1em  0 1.5em;
    overflow: hidden;
	font-size:1.1em;
    padding:1em;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-indent:2.5em;
}
.text-box:before {
	content:"説明";
	display:block-inline;
	position:absolute;
	top:0;
	left:0;
	background:#333;
	color:#fe3;
	font-size:1em;
	padding:0.5em;
	text-indent:0;
}
.text-box:after {
	content:"";
	display:block-inline;
	position:absolute;
	bottom:5px;
	right:5px;
	width:10px;
	height:10px;
	background:#333;
}
.read-kamon{margin-bottom:0;}

.top-box02 {
	border:1px solid #666;
    margin: 1em  0 1.5em;
    overflow: hidden;
	font-size:1.1em;
    padding:1em;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.top-box02 p.expl{	font-size:16px!important }
.top-box02 li { font-size:120%; line-height:1.5;}
.read-text{margin: 0 0 2em 2em;}
.kamondata th{ }
.kamondata2 th{ background:#ddeeff}

.marulink {}
.marulink:before {
	content:"";
	display:inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background:#bee9ff;
	margin-right:-1em;

}

/* Put your custom css here */
.datas {width:100%;}
.datas caption {background:#ccc;font-size:140%;padding:10px;}
.datas td,.datas th {padding:10px 10px!important; font-size:140%;border:1px solid #ccc!important;}

.mains {background:#fff;border-radius:15px;padding:20px 30px!important;}

.font90{font-size:90%}
.font110{font-size:110%}
.font120{font-size:120%}
.font140{font-size:140%}
.font150{font-size:150%}
.font160{font-size:160%}
.font180{font-size:180%}
.font200{font-size:200%}
.font220{font-size:200%}
.aka {color:#c00!important; font-size:110%}
.ao {color:#00c!important; font-size:110%}
.orange {color:#f60!important; font-size:110%}
.midori {color:#090!important; font-size:110%}
.ki {color:#fc0!important; font-size:110%}
.pink{color:#ff66cc}
.aka,.ao,.orange,.midori,.ki,.pink {margin:0 5px;}

.star{color:#fc0}
.bold {font-weight:normal}
.markar{background: linear-gradient(transparent 60%, #ffddee 0%);}
.marker{background: linear-gradient(transparent 60%, #ffddee 0%);}
.rank1{margin-left:-32px;margin-right:5px;text-shadow:-2px -2px #fff,2px 2px #fff,-2px 2px #fff,2px -2px #fff; font-size:150%;color:#c00}
.yellowbg{background:#ffffdd}
.graybg{background:#e9e9e9}
.yellowbg,.graybg{border-radius:10px;padding:0 15px 10px;}
.box1{border:3px solid #ccc; padding:1em;border-radius:1em; background:#fff; margin-bottom:1em;}
.box1 li {line-height:1.4em}

table{width:100%;border-collapse:collapse;margin-bottom:1em;}
th,td{font-size:110%;text-align:center;padding:0.5em;vertical-align:middle;margin:1px;}
th{background:#eff;}
td{background:#fff;color:#555}

h3{font-weight:normal;font-size:140%;}
blockquote[cite]{background:#fff!important;padding:0;border-left:0;}
.siteimg{width:600px;border:5px solid #fff; border-radius:10px; box-shadow:2px 2px 8px #aaa;box-sizing: border-box;}
.mains h3{font-size:125%; border-left:0;
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0 1em;
    background: #eee;
    color: #863;
    font-weight: bold;
     border-radius: 140px 80px 205px 60px / 50px 200px 15px 185px;

}
.mains h3:after {
font-family: Font Awesome 5 Free;
  font-weight: 900;
    content: "●";
    position: absolute;
    font-size: 15px;
    left: 0px;
    top: -18px;
    color: #eee;
}
.mains h3:before{
font-family: Font Awesome 5 Free;
  font-weight: 900;
    content: "●";
    position: absolute;
    font-size: 4px;
    left: 15px;
    top:-18px;
    color: #eee;
}
/* 参考リンク */
a.ref {
display:block;
margin:1em 0;
}
 
a.ref:before {
content:"参考";
background:#666;
color:#fff;
border-radius:6px;
padding:5px 10px;
margin-right:8px;
display:inline-block;
vertical-align:middle;
line-height:100%;
font-size:92%;
}

/* 参考リンクボックス */
.refBox {
background:#efefef;
border-radius:6px;
padding:1em;
}
 
.refBox:before {
content:"参考：";
}

/* points */
.points {
border:2px solid #f6e3e9;
padding:15px 20px 10px 20px;
border-radius:10px;
position:relative;
font-size:14px;
margin-bottom:2.2em;
}
 
.points:before {
content:"POINT!";
position:absolute;
left:15px;
top:-15px;
font-weight:normal;
color:#e8c7d2;
background:#fff;
font-size:16px;
font-family: "tbchibirgothicplusk-pro";
font-weight: 900;
padding:0 5px;
}
/* 投稿者リンクボックス */
.Contributor {
background:#efefef;
border-radius:6px;
padding:1em;
margin-bottom:20px;
}
.Contributor:before {
color:#dd3366;
font-family: Font Awesome 5 Free;
font-weight: 900;
content:"\f27b 投稿者：";
}

/******************************
* TOCのスタイル
******************************/
 
#toc {
  top: 0px;
  left: 0px;
  height: 100%;
  position: fixed;
  background: #333;
  box-shadow: inset -5px 0 5px 0px #000;
  width: 130px;
  padding-top: 20px;
  color: #fff;
  font-size: 12px;
}
 
#toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#toc li {
  padding: 5px 10px;
}
 
#toc a {
  color: #fff;
  text-decoration: none;
  display: block;
}
 
#toc .toc-h2 {
  padding-left: 10px;
}
 
#toc .toc-h3 {
  padding-left: 20px;
}
 
#toc .toc-active {
  background: #336699;
  box-shadow: inset -5px 0px 10px -5px #000;
}
 
@media screen and (max-width:639px){
  #toc{
    display: none;
  }
 
  body{margin-left:0;}
}




/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff!important;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 59%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}
 
/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}
 
/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}
 
/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
 
/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}
 
/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}
 
/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}
 
/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
 
/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}
 
/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
 
/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
 
 
 
 
/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}


/*＝ sns ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋*/
/* ボタン全体 */
.flowbtn9{
display:inline-block;	
font-size:40px;
text-decoration:none;
transition:.5s;
}
.flowbtn9 .fa-twitter-square{ color:#55acee; }/* Twitter */
.flowbtn9 .fa-facebook-square{color:#3b5998;}/* Facebook*/
.flowbtn9 .fa-get-pocket{color:#ef3f56;}/* Pocket */
.flowbtn9 .fa-bootstrap{color:#1ba5dc!important;	}/* はてブ */
.flowbtn9 .fa-bootstrap:before{ content: "B!"; font-family: Verdana; font-weight: bold}/* はてブ */
.flowbtn9 .fa-pinterest{color:#fc0d1c;}/* Pinterest */
.flowbtn9 .fa-line{color:#00c300;}/* LINE@ */
.flowbtn9 .fa-envelope-square{color:#f3981d;	}/* お問い合わせメール */
/* ulタグの内側余白を０にする */
ul.snsbtniti{padding:0!important;}
.snsbtniti{display:inline-block;flex-flow:row wrap;justify-content:space-between;}
/* アイコン同士の余白 */
.snsbtniti li{display:inline-block;text-align:center!important;}
/* アイコンにマウスを乗せた時 */
.flowbtn9:hover{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
ul.snsbtniti{padding:0 !important;list-style-type:none!important;}

h2{ background:url('/images/h2-bg.png') no-repeat 99% 100% ;background-size:30px 30px; }
@media only screen and (min-width: 300px) and (max-width: 480px) {

.header-expl{
	float:left; 
	font-size:13px; 
	padding-left:16px; 
	padding-top:12px;
}

.next-link{
	font-size:17px;
}

.consultation-link{
	font-size:17px;
}

h2{ padding-left:36px; background:url('/images/h2-bg.png') no-repeat 99% 100% ;
background-size:30px 30px; }

h2:before {
  content: "";
  position: absolute;
  background: #333;
  top: 60%;
  left: 0;
  margin-top :-22px;
  height: 26px;
  width: 26px;
  border-radius: 50%;
}
h2:after {
  content: "";
  position: absolute;
  background:#F7F3EC;
  top: 57.5%;
  left: 6px;
  margin-top:-15px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}

}

.line {
    background-color: #FFF1B9;
    padding: 0px 2px;
}

.em-bold{
	font-weight:normal!important;
	font-style:normal!important;
}
	
a#nekoToTop{
	background: none repeat scroll 0px 0px transparent;
background-color: #FFF;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
border:1px solid #CCC;
}

.con-bnr{
	margin-top:43px;
	margin-bottom:17px;
}

@media(max-width:799px){
	
.con-bnr{
	display:none;
}

.childPageBox{
	display:none!important;
}
	
	
	}
	
	.main-vcatalog-btn{
		margin-top:24px;
		margin-bottom:40px;

	
	}
	.main-vcatalog-btn a{
			font-size:20px;
		text-decoration:underline;
		font-weight:normal;
	}
	
	
.childPageBox {
    width: 95%;
    margin: 0px auto;
	border: 1px solid #cccccc;
	background-color:#F8F8F2;
padding: 0px;
display: block;
overflow: hidden;
font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
}

.childPageBox h4 {
    border-top: medium none;
    background: none repeat scroll 0% 0% transparent;
    font-weight: lighter;
    margin: 15px 20px 10px;
    padding: 0px 0px 3px;
    font-size: 14px;
	position: relative;
clear: both;
border-bottom: 1px solid #EEE;
text-align: left;
}

.childPageBox h4 a {
    text-decoration: none;
    color: #666;
}

.childPageBox ul {
    margin: 0px 20px 15px;
    padding: 0px;
    display: block;
    overflow: hidden;
    font-size: 85.7%;
    line-height: 125%;
	list-style: none outside none;
}

	.childPageBox ul li {
    float: left;
    display: block;
    width: 33%;
    list-style: none outside none;
    margin: 0px;
}

ul li.current_page_item a {
    text-decoration: none!important;
    color: #333!important;
}

.childPageBox ul li.current_page_item a {
    background-image: url('images/icon_arrow_bk.png');
    text-decoration: underline;
    color: #5EAD3C;
}

.childPageBox ul li a {
    padding: 5px 5px 5px 10px;
    overflow: hidden;
    background-position: left 9px;
	text-decoration:underline;
}


.childPageBox ul li{
padding: 5px 5px 5px 10px;
}

li.page_item a.arrow {
    position: relative;
    text-decoration: underline;
}

li.page_item a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3px 0px 3px 4px;
    border-color: transparent transparent transparent #1D3992;
}

li.act a.arrow:before {

    border-color: transparent transparent transparent #666666;
}

.ninja_onebutton{
	margin-right:16px!important;
}


ul.link-expl li {
    list-style: none outside none;
    padding: 0px;
    line-height: 180%;
}

.link-expl {
    font-size: 20px;
    margin-top: 32px;
	margin-bottom:32px;
    text-decoration: underline;
    color: #1D3992;
	position:relative;
}

ul.link-expl li a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #1D3992;
}

h4.cont-h4title{
	font-size:22px;
	font-weight:normal;
	border-left: 8px solid #578FB4;
  border-bottom: 2px solid #578FB4;
  padding:4px 16px 4px 16px;
  margin-top:32px;
  margin-bottom:32px;
}

h4.cont-h4title-first{
	margin-top:0;
}

table.standard-table{
	width:95%;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	font-size:18px;
	margin:0 auto 32px;
	color:#333;
}

table.standard-table th{
	border:1px solid #CCC;
	background-color:#77534E;
	border-collapse:collapse;
	color:#FFF;
	padding:16px;
}

table.standard-table tr{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
}

table.standard-table td{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
	padding:16px;
}

table.standard-table td.tbg{

	background-color:#F8F8F2;
	font-weight:normal;

}

.standard-table-list li{
	padding-bottom:16px;
}

.standard-table-list li.last{
	padding-bottom:0;
}

h5.cont-h5title{
	font-size:20px;
	font-weight:normal;
	  margin-top:32px;
  margin-bottom:32px;
}

.price-table-company-img{
	float:left;
	 padding-right:16px;
	 padding-top:4px;
}

.price-table-company-expl{
	float:left;
	padding-top:8px;
}



table.comparison-table{
	width:100%;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	font-size:18px;
	margin:0 auto 32px;
	color:#333;
	line-height:160%;
}

table.comparison-table td.price{
	font-size:18px;
	font-weight:normal;
	text-align:right;
	background-color:#E8EFF4;
}

table.comparison-table td.price-y{
	font-size:18px;
	font-weight:normal;
	text-align:right;
	background-color:#FCF1F5;
}


table.comparison-table-adjust td{
	padding:8px!important;
	font-size:16px!important;
}


.discom{
	font-size:14px;
}

.discom2{
	font-size:14px;
	color:#CC0000;
}

.stitlecom{
	font-size:15px;
}

.disexpl{
	font-size:14px;
	color:#333;
}

.disexpl2{
	font-size:14px;
	color:#333;
	margin-top:24px;
}

.wa01{
	border-left:4px solid #C00!important;
	border-top:4px solid #C00!important;
	border-bottom:4px solid #C00!important;
}

.wa02{

	border-top:4px solid #C00!important;
	border-bottom:4px solid #C00!important;
}

.wa03{
	border-right:4px solid #C00!important;
	border-top:4px solid #C00!important;
	border-bottom:4px solid #C00!important;
}
.wa04{
	border-left:4px solid #C00!important;
	border-top:4px solid #C00!important;
}
.wa05{
	border-top:4px solid #C00!important;
}
.wa06{
	border-top:4px solid #C00!important;
	border-right:4px solid #C00!important;
}

.wa07{
	border-left:4px solid #C00!important;
	border-bottom:4px solid #C00!important;
}

.wa08{
	border-bottom:4px solid #C00!important;
}

.wa09{
	border-bottom:4px solid #C00!important;
	border-right:4px solid #C00!important;
}



table.comparison-table th{
	border:1px solid #CCC;
	background-color:#77534E;
	border-collapse:collapse;
	color:#FFF;
	padding:16px;
}

table.comparison-table tr{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
}

table.comparison-table td{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
	padding:16px;
}

table.comparison-table td.tbg{

	background-color:#F8F8F2;
	font-size:16px;
	font-weight:normal;
	line-height:150%;

}

table.comparison-table td.tbg img{
	width:122px;
	padding-bottom:8px;

}

.comparison-table-list li{
	padding-bottom:16px;
}

.comparison-table-list li.last{
	padding-bottom:0;
}


table.price-table{
	width:90%;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	font-size:18px;
	margin:0 auto 32px;
	color:#333;
}

table.price-table th{
	border:1px solid #CCC;
	background-color:#77534E;
	border-collapse:collapse;
	color:#FFF;
	padding:12px 16px;
	text-align:center;
}

table.price-table tr{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
}

table.price-table td{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-collapse:collapse;
	padding:12px 16px;
	text-align:right;
}

table.price-table td.tbg{

	background-color:#F8F8F2;
	font-weight:normal;
	text-align:left;

}

.price-table-list li{
	padding-bottom:16px;
}

.price-table-list li.last{
	padding-bottom:0;
}

.price-dic{
	list-style:none!important;
	margin-bottom:32px;
}

.price-total{
	padding:16px; 
	background-color:#EEEEE3!important;
}
.price-total span{
	font-size:20px;
	 font-weight:normal;
}

.source{
	text-align:right;
	font-size:11px;
	margin-bottom:32px;
}

.yn{
	font-size:30px!important;
	line-height:100%!important;
	text-align:center!important;
}


.flow-list{}
.flow-list dt{
	font-size:20px;
	font-weight:normal;
	color:#333;
	margin-bottom:24px;
	line-height:180%;
}

.flow-list dd{
	font-size:18px;
	color:#333;
	padding-bottom:24px;
	line-height:180%;
}
.underline{
	/*border-bottom:4px solid #E38AAC;*/
}


.flow-list dt span.step{
	background-color:#DC6C98;
	padding:7px 8px 8px;
	display:block;
	float:left;
	line-height:100%;
	vertical-align:middle;
	font-size:18px;
	margin-right:12px;
	color:#FFF;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

.flow-list dt:after {
 content: " ";
 display: block;
 visibility: hidden; 
 clear: both; 
 height: 0.1px; 
 font-size: 0.1em; 
 line-height: 0;

}

.osprice{
	font-size:28px;
	font-weight:normal;
	line-height:100%;
	color:#D75788;
	font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
}

.osprice2{
	font-size:22px;
	font-weight:normal;
	line-height:100%;
	color:#D75788;
	line-height:140%;
	font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif; 
}


td.payment{
	line-height:160%;
	font-size:16px;
}


h2.point-title:before{
	content: "";
	position:absolute;
	background:none!important;
	height:0;
	width:0;
	
}

h2.point-title:after {
    content: "";
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    margin-top: -15px;
    height: 0;
    width: 0;
    border-radius: 0;
}

h2.point-title{
padding-left:0!important;
}

h2.point-title span.point {
    background-color: #578FB4;
    padding: 9px 10px 10px;
    display: block;
    float: left;
    line-height: 100%;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 12px;
	margin-top:-7px;
    color: #FFF;
    border-radius: 4px;
	
}

table.fpc{
	width:90%!important;
}


.dis-mato{
	margin-left:0!important;
	padding-left:0!important;
}
.danger-list{
	font-size:18px!important;
	color:#333!important;
	line-height:160%;
	margin-bottom:32px;
}

.danger-list li{
	padding-bottom:16px;
}


h4.column {
  position: relative;
  color: #fff;
  font-weight:normal;
  background: #77534E;
  font-size: 18px;
  line-height: 1;
  border :1px solid #777;
  margin: 0 -10px -24px 136px;
  padding: 4px 12px 1px 18px;
  border-radius: 8px;
  line-height:160%;
  max-width:184px;

}
h4.column:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 40px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top: 10px solid #77534E;
}


#columnLogo {
	margin-bottom: 22px;
	position:absolute;
	top:-4px;
	left:24px;
}

.column-box{
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	padding:44px 32px 8px 176px!important;
	background-color:#EDD9CA;
}


.column_expl{
	font-size:16px;
	line-height:180%;
}

.column_expl a{
	text-decoration:underline;
}
.column-area{
	margin-top:32px;
}

@media only screen and (min-width: 300px) and (max-width: 480px) {
	
	h4.column {

  margin: 0 8px -80px 136px;
  font-size:16px;
  padding: 3px 12px 2px 27px;


}
	
	.column-box{
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	padding:16px!important;
	background-color:#EDD9CA;
	margin-top:32px;
}

.column_expl{
	font-size:14px;
	line-height:180%;
	margin-top:160px;
}

h2.menu-list-title {
    font-size: 16px!important;
}

ul.menu-link-area li {
	margin-right:0!important;
	margin-left:0!important;
	font-size:14px!important;
}
	
}


h2.menu-list-title:after {
    content: "";
    position: absolute;
    background: none;
    top:0;
    left: 0;
    margin-top: 0;
    height: 0;
    width: 0;
    border-radius: 0;
}

h2.menu-list-title:before {
    content: "";
    position: absolute;
    background: none repeat scroll 0% 0% #578FB4;
    top: 0;
    left: 0;
    margin-top: 0;
    height: 0;
    width: 0;
    border-radius: 0;
}


h2.menu-list-title {
    font-size: 20px;
	color:#583F3A;
    padding: 16px 16px 12px 36px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 0;
    border-bottom: none;
	background-color:#EDD9CA;
    position: relative;
	border-radius: 8px 8px 0px 0px;
}

div.menu-link-inner{
	background-color:#FFF;
	border:5px solid #EDD9CA;
	margin-bottom:32px;
	border-radius: 0px 0px 8px 8px;
}

ul.menu-link-area li {
    list-style: none outside none;
    padding: 10px 0;
    line-height: 180%;
	font-size:18px;
	border-bottom:2px dotted #EDD9CA;
	margin-right:48px;
	margin-left:32px;
}

ul.menu-link-area li a.arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #1D3992;
	
}

ul.menu-link-area li a.arrow {
    position: relative;
}

ul.menu-link-area li.last {

	border-bottom:none;

}

ul.menu-link-area li.first {
	padding-top:16px;

}

.colum-m{
	margin-bottom:32px;
}


div.content{
height: auto;
width:280px;
padding-top: 16px;
}

.ex-1{
position: relative;
 
/*リボンの色*/
background-color: lightcoral;/*グラデーションが表示されないブラウザ用*/
background: -webkit-gradient(linear,left top, left bottom,from(#C84A4B), to(#A23131));/*古いSafariなど用*/
background: -webkit-linear-gradient(#C84A4B, #A23131);/*Safari、Chrome用*/
background: -moz-linear-gradient(#C84A4B, #A23131);/*Firefox用*/
background: -o-linear-gradient(#C84A4B, #A23131);/*Opera用*/
background: linear-gradient(#C84A4B, #A23131); /*標準*/
 
/*文字*/
color: #ffffff;
text-align: center;
 
/*リボンの幅と高さ*/
width:270px;
line-height: 40px;
 
/*はみ出る部分*/
margin-left: -5px;
margin-right: -5px;
 
/*上側だけちょこっと角丸*/
border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
 
/*リボンが少し浮いて見えるようにうっすらとシャドウ*/
box-shadow:0 10px 30px -8px rgba(0,0,0,0.2);
-webkit-box-shadow:0 10px 30px -8px rgba(0,0,0,0.2);
}
 
.ex-1:before{
position: absolute;
top:50%;
left:-20px;
content: "";
border: 20px solid transparent;
border-right-color: indianred ;
z-index: -1;
}
 
.ex-1:after{
position: absolute;
top:50%;
right:-20px;
content: "";
border: 20px solid transparent;
border-left-color: indianred ;
z-index: -1;
}

.ex-1 i{
color:#DDC934;
}


	.teble-pc{
		display:block;
	}
	
	.teble-sph{
		display:none;
	}
	.btn-pc{
		display:block;
	}
	
	.btn-sph{
		display:none;
	}


@media only screen and (min-width: 300px) and (max-width: 480px) {


div.content{
height: auto;
width:300px;
padding-top: 16px;
}
.ex-1{
/*リボンの幅と高さ*/
width:300px;
line-height: 40px;
}

	.teble-pc{
		display:none;
	}
	
		.teble-sph{
		display:block;
	}
	
		.btn-pc{
		display:none;
	}
	
		.btn-sph{
		display:block;
	}

}

@media(max-width:799px){
	

	
	}
	
.bg-age{	
	background-color: #E8EFF4!important;
}

.top-topic-img{
	border-radius: 8px 8px 0px 0px;
}

.top-contents-title{
	background-color:#DC6E9A;
	padding:12px 16px;
	font-size:24px; 
	color:#FFFFFF; 
	border-radius:8px; 
	border:none;
}

.top-contents-title:before{
content: "";
position:static;
background: none repeat scroll 0% 0% #578FB4;
top: 0;
left: 0;
margin-top: 0;
height: 0;
width: 0;
border-radius:0;
}

.top-contents-title:after{
	content: "";
position: absolute;
background: none;
top: 0;
left: 0;
margin-top: 0;
height: 0;
width: 0;
border-radius: 0;


top: 100%;
left: 120px;
height: 0px;
width: 0px;
border-width: 12px 10px 10px;
border-style: solid;
border-color: #DC6E9A transparent transparent;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;

}

.top-topic-title-3col{
	font-weight:normal;
	text-decoration:underline;
	color:#1D3992!important;
}

.top-topic-title-3col a{
	color:#1D3992!important;
}
.top-topic-expl-3col{
	font-size:16px!important;
	line-height:160%!important;
	padding-top:16px;
}
.bob{
	/*border-bottom:1px dotted #cccccc;*/
	padding-bottom:16px;
	line-height:180%!important;
	font-size:15px!important;
}
.top-menu-list{
	padding-top:16px;
	margin-left:-24px; 
	margin-right:4px;
}

.top-menu-list li{
	padding-bottom:8px;
}
.no-dec{
	text-decoration:none;
}

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

.news-list{
	font-size:17px;
}

.news-list li{
	padding-bottom:16px;
}

.top-pr-01{
	background-color:#FFF7F7;
}
.top-pr-02{
	background-color:#FFFCED;
}
.top-pr-03{
	background-color:#FCFCFC;
}


.top-expl-img-1{
	padding-top:24px;
}

.top-expl-img-2{
	padding-top:24px; 
	padding-left:40px;
}

.top-expl2{
	padding-top:16px; 
	padding-bottom:24px;
}


/*form*/

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#inquiry__top .main {
boeder:none;
max-width:100%;
}
#shinobi_jp_text{display:none;}

.sitemap-box{
	margin-bottom:24px;
}

.fb-like-box{
	background-color:#FFF!important;
}

.other-link-top{
	font-weight:normal;
}

h2.top-title {
    font-size: 22px;
    padding-bottom: 8px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom:28px;
    border-bottom: none;
    position: static;
	padding-left:0!important
}



h2.top-title:before {
  content: "";
  position:static;
  background: #578FB4;
  top: 0;
  left: 0;
  margin-top :0;
  height: 0;
  width: 0;
  border-radius: 0;
}
h2.top-title:after {
  content: "";
  position:static;
  background:none;
  top: 0;
  left: 0;
  margin-top:0;
  height: 0;
  width: 0;
  border-radius: 0;
}

h3.inf-title {
    margin-top: 0!important;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 22px;
    line-height: 180%;
    border-bottom: 3px dotted #666;
    padding-bottom: 2px;
}

.fg-list2 {
    font-size: 18px;
    line-height: 190%;
	color:#333333;
}

.catalog-side-expl{
	margin-bottom:16px;
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    line-height: 1;
}


.c-logo, .p-about-info__col-title, .p-archive-header__title, .p-article01__title, .p-article02__title, .p-article03__title, .p-article05__excerpt, .p-article05__subtitle, .p-author__title, .p-block01__title, .p-block02__title, .p-entry__title, .p-event-category, .p-footer-link__title, .p-header-content__title, .p-history-info__col-block, .p-index-contents__title, .p-index-content01__month, .p-index-content04__title, .p-megamenu01__list-item__title, .p-megamenu02__cat-list-item > a, .p-schedule__anchors, .p-schedule__month, .page-header__title, .page-header__desc, .p-pager, .p-sanpai-table > tbody > tr > th, .p-sanpai-table.table02 > tbody > tr > th, .p-shinzen-table > tbody > tr > th,
.kamon-waku p {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}



/*=検索ページ*/
#searchPG { margin-top:0; padding:0 0 1em; line-height:1.6;  }
#searchPG h3 { font-size:160%; margin-bottom:1em; }
#searchPG fieldset	{ border:3px solid #eeeeee; margin-bottom:1.5em; margin-right:1em; padding:1em; flex-wrap:wrap; }
#searchPG fieldset span	{ display: inline-block; margin-right:1em; }
#searchPG fieldset img	{ width:300px; margin:1em auto 0; display:blcok; }
#searchPG fieldset label	{ font-size:120%; }
#searchPG fieldset p	{ font-size:110%; }
#searchPG fieldset img	{ }
#searchPG .j12{ font-size:100%;  }
#searchPG legend { background-color:#fff; border:0; padding:0 0.5em; color:#f00; display:inline-block; width:auto; margin:0;}
#searchPG em { color:#f00; font-style:normal; }
#searchPG .subtext { font-size:0.95em; color:#555; }
#searchPG input	{ margin-right:3px; }
#searchPG input[type~=checkbox] { display:inline!important; padding-bottom:15px; color:#333; }
#searchPG input[type~=input] { font-size:120%; width:100%; background:#fefee9; padding:0.3em; border:1px solid #999; border-radius:5px;}
#searchPG input[type~=search] {margin:0 auto; padding:1em 0.5em; border:1px solid #cccccc; width:100%; font-size:1em;  box-sizing: border-box;}
#searchPG input[type~=submit] {
margin:0 auto;
padding:5px;
border:1px solid #cccccc;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
background:#eeeeee;
background:-moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%, #d9d9d9 51%,#e6e6e6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee), color-stop(0.51, #d9d9d9),color-stop(1,#e6e6e6));
-moz-box-shadow:0 1px 2px #cccccc;
-webkit-box-shadow:0 1px 2px #cccccc;
font-size:100%;
width:100%;
  box-sizing: border-box;
}
@media screen and (max-width: 480px){
#searchPG fieldset	{ margin-right:0; }
}


/*=結果ページ*/
.result	{
margin:10px 0;
padding:0 5px;
}
.result em{
color:#ff0000;
font-size:200%;
font-weight:normal;
}
.manual	{
margin:10px 0;
padding:5px 8px;
border:1px dotted #cccccc;
font-size:10px;
line-height:1.4;
}
.manual b {
color:#000000;
font-weight:normal
}
.manual img	{ vertical-align:middle; }
/*=#result*/
#result	{
border:1px solid #cccccc;
border-collapse:collapse;
}

#result tr:nth-child(2n +1)	{ background:#f0f0f0; }
#result th,#result td	{
padding:5px 2px;
font-size:12px;
text-align:center;
border:1px solid #dddddd;
}
#result th	{
font-size:11px;
font-weight:normal;
background:#99ddff;
border:1px solid #66ccff;
}

i.maid  { padding:0; background:none;}
i.harejo { padding:0; background:none;}
i.matto  { padding:0; background:none;}
i.matty  { padding:0; background:none;}
i.suteki  { padding:0; background:none;}
i.okusama  { padding:0; background:none;}

#result h3{
margin:1em 0 1em;
font-size:180%;
}
#result p{
margin:1em 0 3em;
font-size:110%;
}
#tbd1 td { text-align:center !important;}
#tbd1 th.name { text-align:left; }
.name a	{ margin-left:2px; padding-left:15px; width:110px; }
.research a,.research a:link,.research a:visited {
display:block;
margin:20px 0 0;
padding:10px;
background:#ffffff;
background:-moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%, #d9d9d9 51%,#e6e6e6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee), color-stop(0.51, #d9d9d9),color-stop(1,#e6e6e6));
border:1px solid #cccccc;
font-size:150%;
text-align:center;
text-shadow:1px 1px 1px #bbbbbb;
-moz-box-shadow:0 1px 2px #cccccc;
-webkit-box-shadow:0 1px 2px #cccccc;
}
.research a:hover {
background:#eeeeee;
background:-moz-linear-gradient(center top, #e6e6e6 0%, #dcdcdc 50%, #c6c6c6 51%,#d6d6d6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6),color-stop(1,#c6c6c6));
color:#006699;
text-shadow:1px 1px 1px #ffffff;
-moz-box-shadow:0 1px 2px #eeeeee;
-webkit-box-shadow:0 1px 2px #eeeeee;
}


.selectdiv { margin:1em 10%; }
select::-ms-expand { display: none;}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */

  height: 50px;
  margin: 5px 0px;
  padding: 0px 24px!important;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

/*
..........................................。
=huck
..........................................。
*/
.clearfix{overflow:hidden; zoom: 100%;}
.clearfix:after {
content: " "; 
display:block;
clear:both;
overflow:hidden;
height:1px; 
visibility:hidden;
}
.clearfix iframe {float:right; margin-left:20px;}