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

/**::::::body:::::::**/

body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table {
	margin: 0;
	padding: 0;
	font-size: 0.97em;
	font-weight: normal;
	font-style: normal;
	line-height: 2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul {
	list-style-type: none;
}
body {
	color: #333;
	font-family: "lr oSVbN", Osaka, "qMmpS Pro W3";
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../images/pageback_sub.jpg);
	background-repeat: repeat-x;
}


#page a:hover img{opacity: 0.7}

/**::::::page:::::::**/

#page {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}


/**::::::header:::::::**/
/**::::::header:::::::**/
#header {padding-top: 10px;
	padding-bottom: 6px;
	
}
.headerLogo{width:39.78%;
float: left;
margin-right: 0.56%;
margin-top: 10px;}
.header_office{width:15.56%;
float: left;
margin-right: 0.56%;
margin-top: 10px;}
.ken{float: left;
width:10%;
	margin-top: 20px;
}
.headerLight{width:32.22%;
float: right}

#headerIcon{float: right
}
.headerTel{margin-top:3px;
margin-bottom: 3px;}
.headerNet{float: right;
	margin-top: 6px;
}


h4{font-weight: bold;
color: #009B08;
font-size: 14.5px;
line-height: 1.2em;
	border-bottom: solid 1px #009B08;
	margin-top: 20px;
	margin-bottom: 10px;
}
h4:before {content: "●"; padding-right: 5px;font-size: 0.9em;}

/******トグルボタン通常隠す**************/
#page .header_menu #menu {
	display: none;
}

/******トグルボタン隠すend***********/


#header_menu .menu1 {
	float: left;
	width:20.22%;
}
#header_menu .menu2{
	float: left;
	width:19.66%
}
#header_menu .menu3 {
	float: left;
	width:20.22%;
}
#header_menu .menu4{
	float: left;
	width:19.66%
}
#header_menu .menu5 {
	float: left;
	width:20.22%;
}




.header_line{display:none;}




@media (max-width: 595px) {
/***************フォントサイズ・テキストハイ変える*******************/
body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table {
	font-size: 0.93em;
	line-height: 1.5em;
}
	
	.mainimagetop{margin-left: 8px;
	margin-right: 8px;}	
	
/*:::::::::::::::スマホヘッダーライン::::::::::::::::::*/
.header_line {
display:block;
}
.line_office:after{
content:"";
display:block;
clear:both;

}
	.header_line {
display:block;
	color: #FFFFFF;
	background-color: #ae6710;
	margin-bottom: 8px;
	height:30%;
}
.s_office{width:100%;
	background-color: #a50301;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	}	
	
.smart_office a{
background:#FFFFFF;
border-radius:15px;
color:#a50301;
width:80px;
padding-left:10px;
padding-right:10px;
	padding-top: 3px;
	padding-bottom: 3px;
text-decoration:none;
margin-right:5px;



}
.smart_office a:hover{
color:#da3a38;
}
.smart_office3 {
float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
color:#FFFFFF;
	
}
.smart_office3 a {
color:#FFFFFF;

}
.smart_office3 a:hover {
color: #FFFF66;
}

/******トグルボタン表示**************/


#headerIcon,.header_office,.ken {
display:none;
}
.headerLogo {
	margin-top: 1%;
	width: 53%;
	margin-bottom: 1.5%;
	margin-left: 1.5%;
}
	.headerLight{width:42%;
	margin-right: 1.5%;}
	.china_tel{width:80%;
	float: right;}
	.headerNet{width:85%}
	
	
/******トグルボタン表示**************/
#page .header_menu #menu { 
	display: block;
	width: 80px;
	background-color: #FF3F49;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0 0 2px #FD8288;
	border: 1px solid #9C030B;
	position: absolute;
	top: 20px;
	right: 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	padding-top: 4.5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4.5px;
	-webkit-box-shadow: 0 0 2px #FD8288;
	}
#menu a {
	text-decoration:none;
	color:#FFFFFF}


#menu span{
margin-left:5px;}
#menu i{
color:#ffffff;}
#header_menu img{
display:none;}


/*スライダー最初は閉じる*/
#header_menu {
display:none;
}


#header_menu li{ background-color: #EC323C;
border-bottom:#FFFFFF 1px solid;
padding:1%;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.9em;
	}
#header_menu li a{ color:#FFFFFF;
	}

#header_menu li a:hover{ color: #f3f132;
	text-decoration: none;}

#header_menu .menu1 {
	float: left;
	width:50%;
	border-right: 1px #fff solid;
	text-align: center;
}
#header_menu .menu2{
	float: right;
	width:50%;
	text-align: center;
}
#header_menu .menu3 {
	float: left;
	width:50%;
	border-right: 1px #fff solid;
	text-align: center;
}
#header_menu .menu4{
	float: right;
	width:50%;
	text-align: center;
}
#header_menu .menu5 {
	float: left;
	width:100%;
	text-align: center;
	margin-bottom: 10px;
}



#header_menu li a:before{content:attr(data-label);
}
/******トグルボタン表示end***********/
}/**←スマホ対応終わり*******/
	
	
	
	
	
	
	
	
	
	
	










/*--------------side----------------*/

#side {
	width: 25%;
	float: left;
	background-color: #FFFFFF;
}


.bn_dl2 {

	height: 50px;
	margin-bottom: 5px;
	margin-top: 5px;
}



.bn_dl{
	margin-bottom: 5px;
	margin-top: 15px;
}
.bn_docu{
	font-size: 9px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CA1E14;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


.kyoka{
    margin-bottom: 5px;
}

.viza{
	margin-bottom: 10px;
		padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CA1E14;
	
}

.hikaku {
	margin-bottom: 10px;
}

#side h3 {
    background-image: url("../images/menuback.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    height: 31px;
    padding-top: 4px;
    text-align: center;
}
#side #menu {
	width:100%;
border-left: 1px solid #CB1D14;
	border-right: 1px solid #CB1D14;
    background-repeat: repeat-y;
    border-bottom-color: #CB1D14;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
}

#menu ul li {
    background-image: url("../images/menuArrow.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    height: 30px;
    padding-left: 25px;
    padding-top: 4px;
}
#menu ul li a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #333333;
}
#menu ul li a:hover {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #CB1D14;
    font-weight: bold;
}
#menu ul {
    margin-left: 12px;
    margin-right: 12px;
}
#menu .line {
    border-bottom-color: #999999;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
.sm{display: none;}
@media(max-width: 767px) {
	.sm{display: block;}
	#side {
	float: none;
	width: 100%;
	padding:5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;	

}
	.bn_docu{text-align: center;
		margin-top: 30px;
	}
	.viza{text-align: center
	}
	.hikaku{text-align: center}
	.kika{text-align: center}
	.kaisya{text-align: center}
	.card{text-align: center}
#side h3 {
    background-image: url("../images/menuback_x.jpg");
    background-position: center center;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    height: 31px;
    padding-top: 4px;
    text-align: center;
}
	.side_line li{
		border-top: none;
	}
	.side_form{display: none;}
	#toggle_side_t_01,#toggle_side_t_02,#toggle_side_t_03,#toggle_side_t_04,#toggle_side_t_05{display: block;
	text-align: center;
	color: #FFF;
	background-color: #0962a5;
		padding-top:10px;
		padding-bottom: 10px;
		border-top: 1px #FFFFFF solid;
		
	}
	.side_t01,.side_t02,.side_t03,.side_t04,.side_t05{display: none;}
	/*スライダー最初は閉じる*/
.menu_side_01,.menu_side_02,.menu_side_03,.menu_side_04,.menu_side_05{
	display:none;}
	.side_line  li {
	padding-left: 20px;
		padding-right: 20px;
				
}
.side_line .icon-circle-right{
	color:#03a0e7;
}
	

	
}
/****************↑↑sideー終わり↑********************/







#main {
    float: right;
    margin-top: 15px;
    text-align: left;
    width: 72.89%;
}
#main .office {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;side
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("../images/indexMainBack.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 250px;
    padding-top: 10px;
}
.officeImage img {
	margin-bottom: 15px;
	margin-top: 25px;
	margin-left: 25px;
}
#main h2 {
   border-bottom: #E47472 1px solid;
	border-left: 10px solid #E47472;
    color: #8F071C;
    font-weight: bold;
    padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #FFF6F6;
}
.h2span {
    color: #9D091F;
    margin-left: 10px;
}
#main .int {
	margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 26px;
}
#main .int1 {
	float: left;
	margin-left: 1.9%;
	width:47.26%;
}
#main .int2 {
	float: right;
	margin-right:  1.9%;
	width:47.26%;
}
#main .int3 {
		float: left;
	margin-left: 1.9%;
	width:47.26%;
	margin-top: 10px;
}
#main .int4 {
	margin-top: 10px;
		float: right;
	margin-right:  1.9%;
	width:47.26%;
}
.hand_waku{width:100%; font-size:15px;  line-height:1.5em; border:4px #FDE1D6 solid; padding:1.5%; margin-bottom:20px; margin-top: 20px;}
.hand{width:18.9%;float:  left; margin-right:3%;}
#main h3 {
    font-weight: bold;
color: #0063AA;
font-size: 15px;
line-height: 1.2em;
	border-bottom: dotted 1px #0063AA;
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h3:before {font-family: "icomoon"; content: "\ea54"; padding-right: 5px;font-size: 0.9em;}
#main .ranking {
    margin-top: 15px;
}

.kozinprice table th {
    background-color: #BCE7FE;
    border-bottom-color: #999999;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color: #999999;
    border-top-style: dotted;
    border-top-width: 1px;
    color: #022D4F;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 2px;
    text-align: left;
}
.kozinprice table td {
    border-bottom-color: #666666;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}
.kozinprice table td.red {
    background-color: #F0FEFF;
}
.companyprice table {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 100%;
}
.companyprice table th {
    background-color: #A8EEA8;
    border-bottom-color: #999999;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color: #999999;
    border-top-style: dotted;
    border-top-width: 1px;
    color: #0B5506;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 2px;
    text-align: left;
}
.companyprice table td {
    border-bottom-color: #666666;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}
.companyprice table td.red {
    background-color: #F5FDF2;
}



/*↓youtubeレスポンシブ対応↓*/

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.you_cn_kr:after {
	content:"";
	display: block;
	clear: both;
}
.you_cn_kr {
	margin-top: 3%;
}
.you_kr {
	width: 49%;
	float: left;}
.movie-kr iframe  {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;;
	background-color: #000000;
	text-align: left;
}

.movie-ch iframe  {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;;
	background-color: #000000;
	text-align: right;
}
.you_ch {
	width: 49%;
	float: right;
	text-align: right
}
@media (max-width: 595px) {
	.you_kr {
	width: 80%;
	float: none;
	margin-left: auto;
	margin-right: auto}
	.you_ch {
		width: 80%;
	float: none;
	margin-left: auto;
	margin-right: auto;
		margin-top: 1%;
}
	
}
/*↑youtubeレスポンシブ対応終わり↑*/






@media(max-width: 767px) {
/*600px以上767px以下*/

body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table {
	font-size: 0.94em;
	line-height: 1.6em;
}

#main {
	float: left;
	width: 100%;
	padding-left: 3.5%;
	padding-right: 3.5%;;
	
	
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

}









#footer {
    border-top-color: #CB1D14;
    border-top-style: solid;
    border-top-width: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.fadd {
    float: left;
    font-size: 12px;
    line-height: 1.5em;
}
#main .kome {
    background-image: url("../images/kome.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #FF0000;
    padding-left: 25px;
}


.Mailformbanner {
    float: left;
	 width: 46.09%;
}
.siryoubanner a {
    background-image: url("../images/3setshiryo.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 72px;
    text-indent: -9999px;
    width: 212px;
}
.siryoubanner a:hover {
    background-image: url("../images/3setshiryoHover.jpg");
    background-repeat: no-repeat;
}
.siryoubanner {
    float: left;
}



.main_Contents .saport {
	padding: 15px;
	background-color: #FFF7FA;
	border: 1px solid #CB1D14;
	margin-top: 30px;
}

.main_Contents .form_tel {
	width: 72%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 595px) {
	.main_Contents .form_tel {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
}


.TELunder {
    float: right;
	 width: 46.09%;
}
#side .side_bn {
    margin-bottom: 20px;
    margin-top: 10px;
}
.kika {
    margin-bottom: 5px;
}

.kaisya{ 
    margin-bottom: 5px;
}


#footer {
	margin-top: 20px;
}

#footer .link {
    float: right;
}
#footer .link a {
    background-image: url("../images/sougoulink.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    text-indent: -9999px;
    width: 63px;
}
/****************ヘッダーにもどるボタンｂ********************/
    #pageTop {
	position: fixed;
	bottom: 25px;
	right: 20px;
    }

     

    #pageTop a {
	display: block;
	z-index: 999;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background-color: #FF5D5D;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
    }
#pageTop  i {
	padding: 25%;
}


     

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
.redB {
	font-weight: bold;
	color: #FF0000;
}
/**::::::スマホ対応P要素:::::::**/
p {background-image:url(image);}


@media(max-width:899px){
/*600px以上960px以下*/

img{
max-width: 100%;
height: auto;
width:auto;　
}
/*レスポンシブ用PC以外は100％*/
#page{
width:100%;
	background-image: none;
}
	body{

	background-image: none;
	}

.header_logo_area,.header_menu_area,#footer_area{
width:100%;
}	
	
}