.sp{display:none!important}

/*html5*//**/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

* {margin:0;padding:0;}

body {
margin:0;padding:0;
text-align:center;
background:#fff url() left top repeat-y;
font-family:"BIZ UDMincho","BIZ UDGothic",Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size:15px;
}

a{outline:none;color:#114AA2}
a:link,a:visited{color:#114AA2}
a:hover,a:active{color:#AD0B0E}

p,li,dt,dl {line-height:1.8}
p {margin:1em 0;}
li {list-style-type:none;}
img {border:0;width:auto;height:auto}
img, div, input { behavior: url(../js/iepngfix.htc) }
a img,
area{outline:none}

.txts{font-size:13px}
.txtl{font-size:18px}
.bold{font-weight:bold}
.wide{letter-spacing:0.2em}
.caution{color:#D83033}

address {font-style:normal;}

.clear {clear:both;}



/*COMMON================================================================*//**/
/*BG*//**/
header,
main .bgbox,
footer{background-position:center;background-repeat:repeat-y;position:relative}
/*height*//**/
header{min-height:400px}
main article{min-height:360px;}
footer{padding:40px 0 20px 0}

/*footer*//**/
footer h4,
footer nav{width:490px;display:inline-block;vertical-align:top}
footer nav{
	font-size:12px;text-align:left;line-height:2.2;
	font-family:"BIZ UDGothic","BIZ UDPGothic","ヒラギノ角ゴ Pro W3", Verdana, Arial;
}
footer nav ul li{
	display:table-cell;vertical-align:bottom;width:auto;padding:0px 8px;
	line-height:1.0;
}
footer nav ul li a{text-decoration:none}
footer nav copy{}


/*I N D E X====================================================================*//**/
#index header{background-image:url("../img/index/bg1.png");}
#index header h1{width:1000px;text-align:left;margin:auto auto auto auto;position:relative}
#index header h1 img{margin-top:40px}
#index header h1 img.illust{position:absolute;top:40px;right:0}

#index main .bgbox,
#index footer{background-image:url("../img/index/bg2.png")}

#index main{text-align:center}
#index main article{display:inline-block}
#index main article{text-align:left;vertical-align:top;width:460px;padding-top:25px}
#index main article:nth-child(odd){padding-right:40px;}
#index main article:nth-child(even){padding-left:40px;}
#index main article.white{color:#ffffff}
#index main article h2{font-size:18px;font-weight:bold;border-left:5px solid;padding:5px}

/*YES-NO*//**/
#index main article .yesno{
	width:400px;
	background:#e5e5e5;border-radius:3px;text-align:center;padding:30px 30px;
	font-family:"BIZ UDGothic","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", Verdana, Arial;
}
#index main article .yesno h3{font-size:18px;font-weight:bold;line-height:1.5}
#index main article .yesno div p{font-size:14px}
#index main article .yesno div p.end{text-align:left;font-size:13px}
#index main article .yesno div p.end a{font-size:14px}
#index main article .yesno div ul li a,
#index main article .yesno div[id*="End4"] a{
	text-align:center;
	text-decoration:none;
	display:block;
	padding:3px 6px;margin:6px 0 ;background:#848484;color:#ffffff;
	width:388px;
	border-radius:1px;
}

#index main article .yesno p a.nobutton{
	text-align:center;display:block;background:none;color:#3D3D3D!important;
	text-decoration:none;
}
#index main article .yesno div[id*="End"] p a.nobutton{margin:0;padding:0}

#index main article .yesno div ul li a{
	transition:0.3s;
}
	
#index main article .yesno div ul.col_3 li:first-child a:hover{background:#5972B2}
#index main article .yesno div ul.col_3 li:nth-child(2) a:hover{background:#579B50}
#index main article .yesno div ul.col_3 li:last-child a:hover{background:#D3A342}

#index main article .yesno div ul.col_2 li:first-child a:hover{background:#c81d1d}
#index main article .yesno div ul.col_2 li:last-child a:hover{background:#003992}

#index main article .yesno div[id*="q_web_End"] a{margin-top:20px;background:#5972B2} 
#index main article .yesno div[id*="q_ad_End"] a{margin-top:20px;background:#579B50}
#index main article .yesno div[id*="q_program_End"] a{margin-top:20px;background:#D3A342}
#index main article .yesno div a.nobutton{background:none}
#index main article .yesno div[id*="End1"] img{margin:20px 0 10px 0}
#index main article .yesno div[id*="q_web_End2"] h3,
#index main article .yesno div[id*="q_web_End3"] h3,
#index main article .yesno div[id*="q_web_End4"] h3{color:#213E7F} 
#index main article .yesno div[id*="q_ad_End2"] h3,
#index main article .yesno div[id*="q_ad_End3"] h3,
#index main article .yesno div[id*="q_ad_End4"] h3{color:#2F6829} 
#index main article .yesno div[id*="q_program_End2"] h3,
#index main article .yesno div[id*="q_program_End3"] h3,
#index main article .yesno div[id*="q_program_End4"] h3{color:#96691A} 

#index footer nav a,
#index footer copy{color:#A8A8A8}
#index footer nav ul li{border-color:#A8A8A8}


/*S U B P A G E ==================================================================*//**/

/*subpage header*//**/
.sub header article{text-align:left;vertical-align:top;width:460px;padding-left:40px;}
.sub header article h2{font-size:18px;font-weight:bold;border-left:5px solid;padding:5px}
.sub header h1{width:1000px;text-align:left;margin:auto auto auto auto}
.sub header h1 img{margin-top:40px}
.sub header article{
	position:absolute;left:50%;top:110px;text-align:left;
}
.sub header img#popup-index,
.sub header img#popup-company,
.sub header img#popup-contact,
.sub header img#popup-web,
.sub header img#popup-ad,
.sub header img#popup-program{
    display:none;
    position:absolute;bottom:60px;left:calc(50% - 50px);
    z-index:999;

}


/*subpage main*//**/
.sub main{text-align:center}
.sub main article{
	width:460px;padding-top:40px;height:360px;display:inline-block;
	text-align:left;vertical-align:middle;
}
.sub main article:nth-child(odd){padding-right:40px;}
.sub main article:nth-child(even){padding-left:40px;}
.sub main article.white{color:#ffffff}
.sub main article h2{
	width:450px;text-align:left;
	font-size:16px;font-weight:bold;border-bottom:1px dashed;padding:5px
}

.sub main .bgbox:nth-child(1) article:nth-child(2){position:relative}
.sub main .bgbox:nth-child(1) article:nth-child(2) img.illust{
	position:absolute;right:0px;bottom:40px
}

/*WEB====================================================================*//**/
#web,#web a{color:#354B7C}
#web header,
#web main .bgbox:nth-child(even){background-image:url("../img/web/bg1.png")}
#web main .bgbox:nth-child(odd),
#web footer{background-image:url("../img/web/bg2.png")}
#web footer nav a,
#web footer copy{color:#C8CCEB}
#web footer nav ul li{border-color:#C8CCEB}



/*AD====================================================================*//**/
#ad,#ad a{color:#3B7233}
#ad header,
#ad main .bgbox:nth-child(even){background-image:url("../img/ad/bg1.png")}
#ad main .bgbox:nth-child(odd),
#ad footer{background-image:url("../img/ad/bg2.png")}
#ad footer nav a,
#ad footer copy{color:#DEF1D4}
#ad footer nav ul li{border-color:#DEF1D4}

/*program====================================================================*//**/
#program,
#program a{color:#B78020}
#program header,
#program main .bgbox:nth-child(even){background-image:url("../img/program/bg1.png")}
#program main .bgbox:nth-child(odd),
#program footer{background-image:url("../img/program/bg2.png")}

#program header img#popup-index,
#program header img#popup-company,
#program header img#popup-contact,
#program header img#popup-web,
#program header img#popup-ad,
#program header img#popup-program{bottom:100px;}
#program header{height:440px;}
#program header article{
    top:40px;
}

#program main .bgbox article a.button{
    font-family:"BIZ UDGothic","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", Verdana, Arial;
    font-weight:bold;
    display:inline-block;width:auto;
    text-decoration:none;color:#ffffff;
    border-radius: 1px;
    margin:10px 0 5px 0;padding:5px;background:#E3AA04;
}
#program main .bgbox article.white a.button{
    background:#E3AA04;color:#ffffff;border:1px solid #ffffff;
}

#program footer nav a,
#program footer copy{color:#EFEACF}
#program footer nav ul li{border-color:#EFEACF}

#program main .bgbox:nth-child(2) article:nth-child(1){position:relative}
#program main .bgbox:nth-child(2) article:nth-child(1) img.illust{
	position:absolute;right:40px;bottom:40px
}


/*company====================================================================*//**/
#company,
#company a{color:#B78020}
#company header,
#company main .bgbox:nth-child(even){background-image:url("../img/company/bg1.png")}
#company main .bgbox:nth-child(odd),
#company footer{background-image:url("../img/company/bg2.png")}
#company footer nav a,
#company footer copy{color:#EDD3CB}
#company footer nav ul li{border-color:#EDD3CB}

/*contact====================================================================*//**/
#contact,
#contact a{color:#C13869}
#contact header,
#contact main .bgbox:nth-child(even){background-image:url("../img/contact/bg1.png")}
#contact main .bgbox:nth-child(odd),
#contact footer{background-image:url("../img/contact/bg2.png")}
#contact main article table{width:460px}
#contact main article table tr th,
#contact main article table tr td{padding:3px;vertical-align:middle}
#contact main article table tr th{width:130px!important;font-weight:bold}
#contact main article table tr td{width:318px!important;}
#contact main article table tr td input[type="text"],
#contact main article table tr td input[type="email"],
#contact main article table tr td input[type="tel"],
#contact main article table tr td textarea{width:312px;padding:3px;border:1px solid #cccccc}
#contact main article table tr td textarea{height:80px}
#contact main article table tr td input[type="submit"]{
	display:inline;
	padding: 5px 30px;
	background-color:#CB4371;
	color: #fff;
	border-style: none;
	cursor: pointer;
}
#contact main article table tr td input[type="text"].alart,
#contact main article table tr td input[type="email"].alart,
#contact main article table tr td textarea.alart{border:1px solid #FF054B}


#contact main article table tr td:last-child{text-align:center}
#contact main article p.center{text-align:center}
#contact main article span.tel{font-size:24px}
#contact footer nav a,
#contact footer copy{color:#EDD5D8}
#contact footer nav ul li{border-color:#EDD5D8}

/*link====================================================================*//**/
#link{color:#494082}
#link header,
#link main .bgbox:nth-child(even){background-image:url("../img/link/bg1.png")}
#link main .bgbox:nth-child(odd),
#link footer{background-image:url("../img/link/bg2.png")}
#link main ul li{line-height:1.5;padding:12px 0}
#link main ul li a{text-decoration:none}
#link main ul li {font-weight:bold}
#link main ul li span{padding-right:10px;font-weight:normal}

#link main .bgbox:nth-child(odd) article:nth-child(odd) ul li a{color:#494082}
#link main .bgbox:nth-child(odd) article:nth-child(odd) ul li span{color:#655ca1}
#link main .bgbox:nth-child(odd) article:nth-child(even) ul li a{color:#ffffff}
#link main .bgbox:nth-child(odd) article:nth-child(even) ul li span{color:#ADA3C3}

#link main .bgbox:nth-child(even) article:nth-child(odd) ul li a{color:#ffffff}
#link main .bgbox:nth-child(even) article:nth-child(odd) ul li span{color:#ADA3C3}
#link main .bgbox:nth-child(even) article:nth-child(even) ul li a{color:#494082}
#link main .bgbox:nth-child(even) article:nth-child(even) ul li span{color:#655ca1}

#link footer nav a,
#link footer copy{color:#C8BCD7}
#link footer nav ul li{border-color:#C8BCD7}




/*FOOTER======================================================================*//**/
footer h4{width:490px;padding-right:10px;text-align:right}
footer h4 img{}
footer nav{width:490px;padding-left:10px;}
footer nav ul li{border-left:1px solid #c6c6c6;}
footer nav ul li:last-child{border-right:1px solid #c6c6c6;}
footer nav ul li a,
footer nav ul li a:link,footer ul li a:visited,
footer nav ul li a:hover,footer ul li a:active{text-decoration:none;color:#c6c6c6}
footer nav copy{color:#c6c6c6}