@media(min-width:641px){
.sp{ display:none;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none;}
} /* Responsive End */


.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}



html,body{ height:100%; }

body{ background:url(../images/background.png);}

@media(max-width:640px){
body{width:640px;}
} /* Responsive End */



/* font */


.font_rye{font-family: 'Rye', cursive;}
.font_noto{font-family: 'Noto Sans', sans-serif;}




/* header */

header{z-index:30000; position:relative;}

#top header{width:auto; height:100%; position:relative; }

@media(max-width:640px){
#hdTOParea{ position:fixed; top:0; z-index:100; width:100%;}
} /* Responsive End */

header #hd01 h1{ font-size:10px; color:#939393; font-weight:normal; padding-top:5px; padding-left:10px;}


#slidePack{ width:100%; overflow:hidden; position:relative;padding-top:;}

#slidePack.subpage{ height:54px; overflow:hidden;}

#slidePack nav{ width:100%; height:54px; overflow:hidden; position:absolute; z-index:2; background:url(../images/top/menuBG.png) repeat-x left top;}

#slidePack nav ul{ width:1000px; margin:0 auto; height:54px; display:block;}
#slidePack nav ul li{ height:54px; float:left; display:block;}
#slidePack nav ul li.navi01{width:166px;}
#slidePack nav ul li.navi02{width:166px;}
#slidePack nav ul li.navi03{width:166px;}
#slidePack nav ul li.navi04{width:168px;}
#slidePack nav ul li.navi05{width:166px;}
#slidePack nav ul li.navi06{width:167px;}

#slidePack nav ul li a{text-indent:-9999px;overflow:hidden;display:block; height:54px;}

#slidePack nav ul li.navi01 a{width:166px; background:url(../images/top/menu01.png) no-repeat left top;}
#slidePack nav ul li.navi02 a{width:166px; background:url(../images/top/menu02.png) no-repeat left top;}
#slidePack nav ul li.navi03 a{width:166px; background:url(../images/top/menu03.png) no-repeat left top;}
#slidePack nav ul li.navi04 a{width:168px; background:url(../images/top/menu04.png) no-repeat left top;}
#slidePack nav ul li.navi05 a{width:166px; background:url(../images/top/menu05.png) no-repeat left top;}
#slidePack nav ul li.navi06 a{width:167px; background:url(../images/top/menu06.png) no-repeat left top;}

#slidePack nav ul li.navi01 a:hover{width:166px; background:url(../images/top/menu01.png) no-repeat left bottom;}
#slidePack nav ul li.navi02 a:hover{width:166px; background:url(../images/top/menu02.png) no-repeat left bottom;}
#slidePack nav ul li.navi03 a:hover{width:166px; background:url(../images/top/menu03.png) no-repeat left bottom;}
#slidePack nav ul li.navi04 a:hover{width:168px; background:url(../images/top/menu04.png) no-repeat left bottom;}
#slidePack nav ul li.navi05 a:hover{width:166px; background:url(../images/top/menu05.png) no-repeat left bottom;}
#slidePack nav ul li.navi06 a:hover{width:167px; background:url(../images/top/menu06.png) no-repeat left bottom;}

@media(max-width:640px){
	
#top header{width:auto; height:auto; position:relative;}

#slidePack nav{ display:none;}

#slidePack.subpage{ display:none;}


} /* Responsive End */


ul#bgSlide{ width:100%; height:100%; position: relative;}
ul#bgSlide.test{ width:500px; height:500px; position:relative;}
ul#bgSlide li{ width:100%;height:100%; display:block;position: absolute; opacity:0;}
ul#bgSlide li.slide01{ opacity:1;}

ul#bgSlide li span{width:100%;height:100%; display:block; position:absolute; overflow:hidden; box-sizing:border-box;}
ul#bgSlide li span img{}
ul#bgSlide li a{width:100%;height:100%; display:block; position:absolute; overflow:hidden; box-sizing:border-box;}
ul#bgSlide li a img{}
ul#bgSlide li div{width:100%;height:100%; display:block; position:absolute; overflow:hidden;box-sizing:border-box;}
ul#bgSlide li div img{}

#bgSlide2{ width:100%; height:100%;}
#bgSlide2 ul{ width:100%; height:100%; position: relative;}
#bgSlide2 li{ width:100%;height:100%; display:block;position: absolute; }

#bgSlide2 li span{width:100%;height:100%; display:block; position:absolute; overflow:hidden; box-sizing:border-box;}
#bgSlide2 li span img{}
#bgSlide2 li a{width:100%;height:100%; display:block; position:absolute; overflow:hidden; box-sizing:border-box;}
#bgSlide2 li a img{}
#bgSlide2 li div{width:100%;height:100%; display:block; position:absolute; overflow:hidden;box-sizing:border-box;}
#bgSlide2 li div img{}


@media(max-width:640px){
ul#bgSlide{ height:370px;}
ul#bgSlide li{ position:absolute; width:640px;height:370px;}
ul#bgSlide li span{height:auto;position:absolute ; width:640px;height:370px; }
ul#bgSlide li span img{ width:640px; height:370px;}

#bgSlide2{ height:370px;}
#bgSlide2 ul{ height:370px;}
#bgSlide2 li{ position:absolute; width:640px;height:370px;}
#bgSlide2 li span{height:auto;position:absolute ; width:640px;height:370px; }
#bgSlide2 li a{height:auto;position:absolute ; width:640px;height:370px; }

} /* Responsive End */


#hd01{ width:100%; height:32px; border-bottom:1px solid #fff; background-color:#262626; position:relative;}
#hd01 h1{ position:absolute; left:0; top:0;}


#hdSNS{ position:relative;}

#hdSNS a#hdSNSbtn{ background:url(../images/top/hd_sns.png) no-repeat right top; width:366px; height:32px; text-indent:-9999px;overflow:hidden;display:block; position:absolute; right:0;}
#hdSNS a#hdSNSbtn:hover{background:url(../images/top/hd_sns.png) no-repeat right bottom;}

#SNSmenuTOP{ background:url(../images/top/snsmenuBG.png) no-repeat left top; width:366px; height:60px; position:absolute; z-index:10; top:32px; right:0px;padding-top:16px;
box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-moz-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
}
#SNSmenuTOP dl{ width:300px; margin:0 auto 10px 40px; height:40px; vertical-align:middle; display:inline-block;}

#SNSmenuTOP dl dt{margin-right:4px; color:#888888;height:40px; vertical-align:middle; display:inline;}
#SNSmenuTOP dl dt span{ width:110px;height:40px; vertical-align:baseline; display:inline-block;}


#SNSmenuTOP dl dt span.snsGuardiaLogo{ background:url(../images/sns/sns_guardia.png) no-repeat left top; width:110px; height:40px; text-indent:-9999px;overflow:hidden;  vertical-align:middle;}

#SNSmenuTOP dl dd{ display:inline-block; width:40px; height:40px; vertical-align:middle;margin-right:6px;}
#SNSmenuTOP dl dd a{ display:inline-block; width:40px; height:40px;text-indent:-9999px;overflow:hidden; vertical-align:middle; }

#SNSmenuTOP dl dd.facebook a{ background:url(../images/sns/snsLinkBtn_facebook.png) no-repeat left top;}
#SNSmenuTOP dl dd.twitter a{ background:url(../images/sns/snsLinkBtn_twitter.png) no-repeat left top;}
#SNSmenuTOP dl dd.instagram a{ background:url(../images/sns/snsLinkBtn_instagram.png) no-repeat left top;}

#SNSmenuTOP dl dd.facebook a:hover{ background:url(../images/sns/snsLinkBtn_facebook.png) no-repeat left bottom;}
#SNSmenuTOP dl dd.twitter a:hover{ background:url(../images/sns/snsLinkBtn_twitter.png) no-repeat left bottom;}
#SNSmenuTOP dl dd.instagram a:hover{ background:url(../images/sns/snsLinkBtn_instagram.png) no-repeat left bottom;}



#grSNS{width:342px;  height:32px;  display:block; position:absolute; right:0; top:0;}
#grSNS li{ height:32px; float:left; display:block;}
#grSNS a{ height:32px;text-indent:-9999px;overflow:hidden;display:block;}

#grSNS li.facebook{ width:121px; }
#grSNS li.twitter{ width:100px;  }
#grSNS li.instagram{ width:121px;}

#grSNS li.facebook a{ width:121px; background:url(../images/top/hd_sns01.png) no-repeat left top;}
#grSNS li.twitter a{ width:100px; background:url(../images/top/hd_sns02.png) no-repeat left top;}
#grSNS li.instagram a{ width:121px; background:url(../images/top/hd_sns03.png) no-repeat left top;}

#grSNS li.facebook a:hover{ width:121px; background:url(../images/top/hd_sns01.png) no-repeat left bottom;}
#grSNS li.twitter a:hover{ width:100px; background:url(../images/top/hd_sns02.png) no-repeat left bottom;}
#grSNS li.instagram a:hover{ width:121px; background:url(../images/top/hd_sns03.png) no-repeat left bottom;}




@media(max-width:640px){
#hdSNSbtn{}
#ftSNS{ display:none}
#grSNS{ display:none}


#SNSmenuTOP{ background:#333; width:430px; height:80px; position:absolute; z-index:10; top:32px; right:0px;padding-top:30px;
box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-moz-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
}
#SNSmenuTOP dl{ width:430px; margin:0 auto 10px 40px; height:70px; vertical-align:middle; display:inline-block;}

#SNSmenuTOP dl dt{margin-right:4px; color:#888888;height:60px; vertical-align:middle; display:inline; font-size:20px;}
#SNSmenuTOP dl dt span{ width:110px;height:40px; vertical-align:baseline; display:inline-block;}

#SNSmenuTOP dl dd{ display:inline-block; width:60px; height:60px; vertical-align:middle;margin-right:6px;}
#SNSmenuTOP dl dd a{ display:inline-block; width:60px; height:60px;text-indent:-9999px;overflow:hidden; vertical-align:middle; }

#SNSmenuTOP dl dd.facebook a{ background:url(../images/sns/snsLinkBtn_facebook_sp.png) no-repeat left top; background-size:contain;}
#SNSmenuTOP dl dd.twitter a{ background:url(../images/sns/snsLinkBtn_twitter_sp.png) no-repeat left top;background-size:contain;}
#SNSmenuTOP dl dd.instagram a{ background:url(../images/sns/snsLinkBtn_instagram_sp.png) no-repeat left top;background-size:contain;}

#SNSmenuTOP dl dd.facebook a:hover{ background:url(../images/sns/snsLinkBtn_facebook_sp.png) no-repeat left bottom;background-size:contain;}
#SNSmenuTOP dl dd.twitter a:hover{ background:url(../images/sns/snsLinkBtn_twitter_sp.png) no-repeat left bottom;background-size:contain;}
#SNSmenuTOP dl dd.instagram a:hover{ background:url(../images/sns/snsLinkBtn_instagram_sp.png) no-repeat left bottom;background-size:contain;}


} /* Responsive End */





#hd02{ width:100%; height:100px; border-top:1px solid #dadada;  background:url(../images/top/header_bg2.png) repeat-x;}
.hd02_inner{ width:100%;height:100%; background:url(../images/top/header_bg.png) no-repeat center top;border-bottom:1px solid #dadada;}
#hd02 h1{padding-top:20px;}
#hd02 h1 a{ background:url(../images/top/logo.png) no-repeat center top; background-size:contain; width:200px; height:64px;text-indent:-9999px;overflow:hidden;display:block; margin:0 auto 0 auto;}

#smpMenu{ display:none;}
#smpMenuList{ display:none;}
#snsLinkMenu{ display:none;}

@media(max-width:640px){
.hd02_inner{ position:relative;}
#hd02 h1 a{margin:0 0 0 20px;}

#smpMenu{width:60px; height:60px;display:block; position:absolute; top:20px; right:20px;}
#smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}
#smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}

#smpMenuList{ display:none; position:absolute; background:#262626; width:600px;margin:0 0 0 20px;margin-top:10px;z-index:10000;
  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);}

#smpMenuList ul{width:auto;}
#smpMenuList ul li{}
#smpMenuList ul li a{ font-size:20px; display:block;padding:20px 20px;color:#C9C9C9; border-bottom:1px solid #6A6A6A;}
#smpMenuList ul li span{}

#smpMenuList dl{ font-family:"Lucida Sans Unicode", "Lucida Grande",}
#smpMenuList dl dt{font-size:18px; font-weight:bold; display:block;padding:10px 20px;color:#8E9A9F; background:#222E3B; border-bottom:1px solid #6A6A6A;}
#smpMenuList dl dd{ border-bottom:1px solid #6A6A6A;}
#smpMenuList dl dt a{ }
#smpMenuList dl dd a{ font-size:20px; display:block;padding:25px 25px;color:#C9C9C9;}
#smpMenuList dl dd.spSNS a{ font-size:20px; display:inline-block;padding:25px 25px;color:#C9C9C9;}
#smpMenuList dl dt span{}
#smpMenuList dl dd span{}




#snsLinkMenu{width:144px; height:53px;display:none; position:absolute; top:24px; right:100px;}
#snsLinkMenu.menuOff{background:url(../images/sp/snsMenu_onBtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:none;}
#snsLinkMenu.menuOn{ background:url(../images/sp/snsMenu_offBtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:none;}

#hdSNS{ display:none; top:91px;}





} /* Responsive End */








/* informationarea */


#informationArea{ width:auto; background:url(../images/top/midarea_bg.png) repeat-x left top; height:284px; z-index:10; position:relative;

box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-moz-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;

}
.info_inner{ width:1000px; height:100%; margin:0 auto;}
.info_inner2{ width:auto; height:100%; margin:0 37px;background:url(../images/top/midarea_bar.png) no-repeat center 50%;}

#informationArea h2{font-family: "EB Garamond",serif; font-size:30px;font-weight:normal;padding-top:35px;padding-bottom:35px;}

.infoAreas{ }

.infoAreas .entry01{ width:425px; float:left;}
.infoAreas .entry02{ width:425px; float:right;}

.infoAreas .entry{ position:relative;}
.infoAreas .entry a{ text-decoration:none;}
.infoAreas .entry img{ position:absolute;}
.infoAreas .entry h3{margin-left:96px; color:#8a6881; font-size:14px;padding-bottom:5px;}
.infoAreas .entry h3 span{ color:#575757; display:block; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:5px;}
.infoAreas .entry p{margin-left:96px; font-size:12px; color:#9b9b9b;}


@media(max-width:640px){

#informationArea{ height:auto; background:url(../images/whitebox_bg.png) repeat center top; }
.info_inner{ width:auto; height:100%; margin:0 auto;}
.info_inner2{ background:none;}

.infoAreas .entry{padding:0 0 40px 0;}
.infoAreas .entry01{ width:500px; float:none;margin:0 auto;}
.infoAreas .entry02{ width:500px; float:none;margin:0 auto;}

.infoAreas .entry h3{font-size:28px;padding-bottom:10px; line-height:1.2em;}
.infoAreas .entry h3 span{font-size:22px;padding-bottom:10px;}
.infoAreas .entry p{font-size:20px; line-height:1.2em;}

} /* Responsive End */




/* navi */

#contents{}
#contents_inner{ width:1000px; margin:0 auto; }


#top #contents section{ background:url(../images/background_top.png) no-repeat center top;padding-top:72px;margin:0 auto;}


#top #contents section h2{display:block;margin-bottom:38px; margin-left:38px;}

#top #contents section h2{font-family: "EB Garamond",serif; font-size:30px;padding:0 ; font-weight:normal;}


@media(max-width:640px){

#contents_inner{ width:auto; margin:0 auto;}

} /* Responsive End */




/*
ul.sqboxList{ width:auto; margin:0 0 0 38px;}
ul.sqboxList li{ width:204px; height:282px; float:left; margin-right:33px; text-align:center; color:#825c78;}
ul.sqboxList li a{ color:#825c78; font-size:14px; text-decoration:none; font-weight:normal;}
ul.sqboxList li a h3{ font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.sqboxList li a h4{ font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

ul.sqboxList:before,
ul.sqboxList:after {content: " ";display: table;}
ul.sqboxList:after {clear: both;}
ul.sqboxList {*zoom: 1;}
 */

ul.sqboxList{ width:auto; margin:0 0 0 38px;}
ul.sqboxList li{ width:204px; height:282px; float:left; margin-right:33px; text-align:center; color:#825c78;}
ul.sqboxList li img{width:204px; height:204px;border:2px solid #e0e0e0;box-sizing:border-box;
  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  }
ul.sqboxList li a{ display:block; color:#825c78; font-size:14px; text-decoration:none; font-weight:normal;}
ul.sqboxList li a h3,
ul.sqboxList li a h4{ font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;margin-top:5px;}



ul.sqboxList:before,
ul.sqboxList:after {content: " ";display: table;}
ul.sqboxList:after {clear: both;}
ul.sqboxList {*zoom: 1;}



ul.sqboxList_wide{ width:auto; margin:0 0 30px 38px;}
ul.sqboxList_wide li{ width:442px; height:200px; float:left; margin-right:33px; text-align:center; color:#825c78;}
ul.sqboxList_wide li img{width:442px; height:180px;border:2px solid #e0e0e0;box-sizing:border-box;
  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  }
ul.sqboxList_wide li a{ display:block; color:#825c78; font-size:14px; text-decoration:none; font-weight:normal;}
ul.sqboxList_wide li a h3,
ul.sqboxList_wide li a h4{ font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;margin-top:5px;}

ul.sqboxList_wide:before,
ul.sqboxList_wide:after {content: " ";display: table;}
ul.sqboxList_wide:after {clear: both;}
ul.sqboxList_wide {*zoom: 1;}



.ftlinkSNSs{ position:relative;}

.ftspSNS{}
.ftspSNS {width:140px; margin:0 auto; text-align:center; display:block;width:140px; position:absolute; right:0; top:26px;}

.ftspSNS li.facebook{ margin-right:10px;} 
.ftspSNS li.twitter{ margin-right:10px;}

.ftspSNS li{ width:40px; height:40px;overflow:hidden;display:inline-block; text-align:center;}
.ftspSNS a{width:40px; height:40px;text-indent:-9999px;overflow:hidden;display:block;}	

.ftspSNS li.facebook a{ background:url(../images/top/FTsns01.png) no-repeat left top;}
.ftspSNS li.twitter a{ background:url(../images/top/FTsns02.png) no-repeat left top;}
.ftspSNS li.instagram a{ background:url(../images/top/FTsns03.png) no-repeat left top;}

.ftspSNS li.facebook a:hover{ background:url(../images/top/FTsns01.png) no-repeat left bottom;}
.ftspSNS li.twitter a:hover{ background:url(../images/top/FTsns02.png) no-repeat left bottom;}
.ftspSNS li.instagram a:hover{ background:url(../images/top/FTsns03.png) no-repeat left bottom;}





@media(max-width:640px){

ul.sqboxList{ width:auto; margin:0 20px 0 100px;}

ul.sqboxList_wide{ width:auto; margin:0 20px 40px 100px;}


ul.sqboxList li a{ font-size:24px;}

ul.sqboxList li a h3,
ul.sqboxList li a h4{margin-top:15px; line-height:1.2em;}

ul.sqboxList_wide li a{ font-size:24px;}
ul.sqboxList_wide li a h3,
ul.sqboxList_wide li a h4{margin-top:15px; line-height:1.2em;}



.ftspSNS {display:block; text-align:center;padding:0 0 35px 0; font-size:28px; color:#444444; font-style:italic;}

.ftspSNS {width:400px; margin:0 auto; text-align:center; display:block; position:static;}

.ftspSNS li.facebook{ margin-right:20px;} 
.ftspSNS li.twitter{ margin-right:20px;}

.ftspSNS li{ width:60px; height:60px;overflow:hidden;display:inline-block; text-align:center;}
.ftspSNS a{width:60px; height:60px;text-indent:-9999px;overflow:hidden;display:block;}	

.ftspSNS li.facebook a{ background:url(../images/sns/snsLinkBtn_facebook_sp.png) no-repeat left top;background-size:contain;}
.ftspSNS li.twitter a{ background:url(../images/sns/snsLinkBtn_twitter_sp.png) no-repeat left top;background-size:contain;}
.ftspSNS li.instagram a{ background:url(../images/sns/snsLinkBtn_instagram_sp.png) no-repeat left top;background-size:contain;}

.ftspSNS li.facebook a:hover{ background:url(../images/sns/snsLinkBtn_facebook_sp.png) no-repeat left top;background-size:contain;}
.ftspSNS li.twitter a:hover{ background:url(../images/sns/snsLinkBtn_twitter_sp.png) no-repeat left top;background-size:contain;}
.ftspSNS li.instagram a:hover{ background:url(../images/sns/snsLinkBtn_instagram_sp.png) no-repeat left top;background-size:contain;}


#snsLinkMenu{ display:none;}

} /* Responsive End */




#top #contents_inner{padding:72px 0 100px 0;}
#sub #contents_inner{background:url(../images/background_top.png) no-repeat center top;padding:0 0 100px 0;}




/* sub */

#sub #contents h2{ width:auto; height:152px;text-indent:-9999px;overflow:hidden;display:block;}
#sub #contents h2.collection{ background:url(../images/phd/phd_collection.png) no-repeat center 50%;}
#sub #contents h2.contact{ background:url(../images/phd/phd_contact.png) no-repeat center 50%;}
#sub #contents h2.custom{ background:url(../images/phd/phd_custom.png) no-repeat center 50%;}
#sub #contents h2.dealer{ background:url(../images/phd/phd_dealer.png) no-repeat center 50%;}
#sub #contents h2.guide{ background:url(../images/phd/phd_guide.png) no-repeat center 50%;}
#sub #contents h2.information{ background:url(../images/phd/phd_information.png) no-repeat center 50%;}
#sub #contents h2.profile{ background:url(../images/phd/phd_profile.png) no-repeat center 50%;}

.w848box{ width:848px; margin:0 auto;}
.wAUTObox{ width:auto; margin:0 auto;}

@media(max-width:640px){

.w848box{ width:600px; margin:0 auto;}



} /* Responsive End */

.whitebox{ background:url(../images/whitebox_bg.png) repeat-y center top;

border: 1px solid #dedede;

/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

/* box-shadow */
box-shadow:rgba(153, 153, 153, 0.631373) 0px 4px 6px 0px;
-webkit-box-shadow:rgba(153, 153, 153, 0.631373) 0px 4px 6px 0px;
-moz-box-shadow:rgba(153, 153, 153, 0.631373) 0px 4px 6px 0px;
  
}
.wb_inner{
	padding:38px;
	/* box-shadow */
box-shadow:rgba(153, 153, 153, 0.631373) 0px 0px 18px 0px inset;
-webkit-box-shadow:rgba(153, 153, 153, 0.631373) 0px 0px 18px 0px inset;
-moz-box-shadow:rgba(153, 153, 153, 0.631373) 0px 0px 18px 0px inset;
}




.whitebox h3{}




.defaultTable{ width:100%; border-collapse:collapse; border:1px solid #C8C8C8; margin-bottom:30px;}
.defaultTable th{ text-align:left; padding:8px 12px; font-weight:normal;border-collapse:collapse; border:1px solid #C8C8C8; background:#E4E4E4;}
.defaultTable td{ text-align:left; padding:8px 12px; border-collapse:collapse; border:1px solid #C8C8C8; background:#f2f2f2;}






















table.maintable{border:1px solid #c0c0c0; border-collapse:collapse; width:100%;}
table.maintable th{padding:5px; border:1px solid #c0c0c0; border-collapse:collapse; background:#ddd;}
table.maintable td{padding:5px; border:1px solid #c0c0c0; border-collapse:collapse;}





/* footer */

footer{ background:url(../images/top/ftBG.png) repeat-x left top;}
footer nav{background:url(../images/top/ftmenuBG.png) repeat-x left top;}

@media(max-width:640px){

footer{ border-top:4px solid #151515;}
footer nav{ display:none;}


}  /* Responsive End */


footer nav ul{ width:1000px; margin:0 auto; height:63px }
footer nav ul li{ height:63px; float:left; display:block;}
footer nav ul li.navi01{width:166px;}
footer nav ul li.navi02{width:166px;}
footer nav ul li.navi03{width:166px;}
footer nav ul li.navi04{width:168px;}
footer nav ul li.navi05{width:166px;}
footer nav ul li.navi06{width:167px;}

footer nav ul li a{text-indent:-9999px;overflow:hidden;display:block; height:63px;}

footer nav ul li.navi01 a{width:166px; background:url(../images/top/FTmenu01.png) no-repeat left top;}
footer nav ul li.navi02 a{width:166px; background:url(../images/top/FTmenu02.png) no-repeat left top;}
footer nav ul li.navi03 a{width:166px; background:url(../images/top/FTmenu03.png) no-repeat left top;}
footer nav ul li.navi04 a{width:168px; background:url(../images/top/FTmenu04.png) no-repeat left top;}
footer nav ul li.navi05 a{width:166px; background:url(../images/top/FTmenu05.png) no-repeat left top;}
footer nav ul li.navi06 a{width:167px; background:url(../images/top/FTmenu06.png) no-repeat left top;}

footer nav ul li.navi01 a:hover{width:166px; background:url(../images/top/FTmenu01.png) no-repeat left bottom;}
footer nav ul li.navi02 a:hover{width:166px; background:url(../images/top/FTmenu02.png) no-repeat left bottom;}
footer nav ul li.navi03 a:hover{width:166px; background:url(../images/top/FTmenu03.png) no-repeat left bottom;}
footer nav ul li.navi04 a:hover{width:168px; background:url(../images/top/FTmenu04.png) no-repeat left bottom;}
footer nav ul li.navi05 a:hover{width:166px; background:url(../images/top/FTmenu05.png) no-repeat left bottom;}
footer nav ul li.navi06 a:hover{width:167px; background:url(../images/top/FTmenu06.png) no-repeat left bottom;}

footer nav:before,
footer nav:after {content: " ";display: table;}
footer nav:after {clear: both;}
footer nav {*zoom: 1;}

.footer_inner{ width:auto; margin:0 auto; background:url(../images/top/ftBG2.png) repeat-y center top;}

.footer_inner ul{}
.footer_inner ul li{}

.ftLinks{ width:830px; position:relative; font-size:12px; text-align:center; vertical-align:middle; line-height:1em;padding:40px 0; }
.ftLinks a{vertical-align:middle; line-height:1em; color:#272727; text-decoration:none;}
.ftLinks a:hover{ text-decoration:underline;}



#ftSNS{width:170px; position:absolute; top:26px; right:0;}


#ftSNSbtn{ width:170px;  background:url(../images/top/FTsns.png) no-repeat left top; width:146px; height:40px; display:inline-block; text-indent:-9999px;overflow:hidden;}
#ftSNSbtn:hover{ background:url(../images/top/FTsns.png) no-repeat left bottom;}

#SNSmenuBTM{ position:absolute; top:-177px; right:0px; z-index:10;}


#SNSmenuBTM section{ background:url(../images/top/snsmenuBG.png) no-repeat left top; width:366px; height:60px; padding-top:16px;
box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
-moz-box-shadow:rgba(61, 61, 61, 0.329412) 0px 0px 6px 3px;
}
#SNSmenuBTM dl{ width:300px; margin:0 auto 10px 40px; height:40px; vertical-align:middle; display:inline-block;}

#SNSmenuBTM dl dt{margin-right:4px; color:#888888;height:40px; vertical-align:middle; display:inline;}
#SNSmenuBTM dl dt span{ width:110px;height:40px; vertical-align:baseline; display:inline-block;}

#SNSmenuBTM dl dt span.snsGuardiaLogo{ background:url(../images/sns/sns_guardia.png) no-repeat left top; width:110px; height:40px; text-indent:-9999px;overflow:hidden;  vertical-align:middle;}

#SNSmenuBTM dl dd{ display:inline-block; width:40px; height:40px; vertical-align:middle;margin-right:6px;}
#SNSmenuBTM dl dd a{ display:inline-block; width:40px; height:40px;text-indent:-9999px;overflow:hidden; vertical-align:middle; }

#SNSmenuBTM dl dd.facebook a{ background:url(../images/sns/snsLinkBtn_facebook.png) no-repeat left top;}
#SNSmenuBTM dl dd.twitter a{ background:url(../images/sns/snsLinkBtn_twitter.png) no-repeat left top;}
#SNSmenuBTM dl dd.instagram a{ background:url(../images/sns/snsLinkBtn_instagram.png) no-repeat left top;}

#SNSmenuBTM dl dd.facebook a:hover{ background:url(../images/sns/snsLinkBtn_facebook.png) no-repeat left bottom;}
#SNSmenuBTM dl dd.twitter a:hover{ background:url(../images/sns/snsLinkBtn_twitter.png) no-repeat left bottom;}
#SNSmenuBTM dl dd.instagram a:hover{ background:url(../images/sns/snsLinkBtn_instagram.png) no-repeat left bottom;}

@media(max-width:640px){
#SNSmenuBTM{ display:none}
} /* Responsive End */


.ftlinkSNSs{ width:1000px; margin:0 auto; position:relative;}



.copy{border-top:1px dashed #ccc; padding:20px; text-align:center; clear:both; font-size:10px; color:#6b6b6b;}




.odmText{ text-align:center;}

@media(max-width:640px){

footer nav ul{ width:auto; margin:0 auto; height:auto; }
.ftLinks{ width:auto; line-height:1.5em;padding:20px 20px; text-align:left;}
.ftLinks a{ display:inline-block; font-size:20px;}

#ftSNS{width:170px; position:static; margin:0 auto 20px auto;}
.ftlinkSNSs{ width:auto; margin:0 auto; position:relative;}

.copy{border-top:2px dashed #ccc; font-size:18px;}



.odmText{ text-align:left !important;}

} /* Responsive End */



#pagetop{ position:absolute;}

#gotop {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 102px;
  height: 40px;
  z-index: 5;
}


#btnscrollArea{ position:relative;}


.clear{ clear:both;}
.tac{ text-align:center !important;}


@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_smp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_smp{ text-align:left !important;}
}

#top #contents_inner{padding-top:0 !important;}

#mailform table td input{ box-sizing: border-box;  -webkit-box-sizing: border-box;}
#mailform table td textarea{box-sizing: border-box;  -webkit-box-sizing: border-box;}


.submitBtn{
  background-image: -moz-linear-gradient( 21deg, rgba(225,225,225,0.99608) 0%, rgb(225,225,225) 0%, rgb(244,244,244) 100%);
  background-image: -webkit-linear-gradient( 21deg, rgba(225,225,225,0.99608) 0%, rgb(225,225,225) 0%, rgb(244,244,244) 100%);
  background-image: -ms-linear-gradient( 21deg, rgba(225,225,225,0.99608) 0%, rgb(225,225,225) 0%, rgb(244,244,244) 100%);
color:#333;

display:block;
padding:10px;
border:1px solid #aaa;border-radius:5px;
}
.submitBtn:hover{opacity:0.8;}