@charset "utf-8";
/* ==================================================================
CSS information
style info :共通（及び汎用クラス）
================================================================== */


html {-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */}


/* --------------------------------------------------------
基本要素
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
img{/*Fluid Image*/
max-width: 100%;
height: auto;
width /****/:auto;  /*IE8のみ適用*/
}
}


/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {
text-align:left;
min-height:100%;
height: auto !important;
height: 100%;
position:relative;
margin:0 auto;
}

@media screen and (min-width: 768px) { /* 768px以上の記述 */
#wrapper { width:980px; }
}
@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#wrapper { width:100%; }
}



/* --------------------------------------------------------
header
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
header { padding:10px 0px 5px;}
header h1 { font-size:69%; font-weight:normal; color:#666464; margin-left:15px; margin-bottom:10px; }
header #logo { margin-left:15px; margin-bottom:10px; }
header #logo a { background:url(../img/logo.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header #logo a { display:block; width:430px; height:44px; }

header #fontBox { position:absolute; top:5px; right:20px; width:130px; height:20px; background:url(../img/fontsize.png) no-repeat 0 0; }
header #fontBox p { display:none; }
header #fontBox ul { position:relative; }
header #fontBox a { display:block; width:20px; height:20px; position:absolute; }
header #fontBox a { text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; }
header #fontBox .sizeS a { background:url(../img/fontsize.png) no-repeat -62px 0; left:62px; top:0px; }
header #fontBox .sizeM a { background:url(../img/fontsize.png) no-repeat -86px 0; left:86px; top:0px; }
header #fontBox .sizeL a { background:url(../img/fontsize.png) no-repeat -110px 0; left:110px; top:0px; }

header #fontBox .sizeS a:hover , header #fontBox .sizeS a.textresizer-active { background:url(../img/fontsize.png) no-repeat -62px bottom; }
header #fontBox .sizeM a:hover , header #fontBox .sizeM a.textresizer-active { background:url(../img/fontsize.png) no-repeat -86px bottom; }
header #fontBox .sizeL a:hover , header #fontBox .sizeL a.textresizer-active { background:url(../img/fontsize.png) no-repeat -110px bottom; }



header #freedialBox { background:url(../img/freedial_h.png?v20221201) no-repeat 0 0; position:absolute; top:35px; left:466px; width:262px; height:48px; }
header #freedialBox { text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; }

header #cvBox { position:absolute; top:30px; right:15px; width:228px; }
header #cvBox #cvBoxBtn li { display:inline-block; /display:inline; /zoom: 1; width:114px; height:56px;}
header #cvBox #cvBoxBtn li a { display:block; width:114px; height:56px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header #cvBox #cvBoxBtn li.btn1 a { background:url(../img/btn_freetrial_h.png) no-repeat 0 0; }
header #cvBox #cvBoxBtn li.btn2 a { background:url(../img/btn_request_h.png) no-repeat 0 0; }
header #cvBox #cvBoxBtn li.btn1 a:hover { background-position:0 bottom; }
header #cvBox #cvBoxBtn li.btn2 a:hover { background-position:0 bottom; }

#gNavi { background:url(../img/gnavi_bg.png) no-repeat 0 0; width:958px; height:46px; margin:0 0 0 11px; text-align: center;}
#gNavi ul { padding:3px 0 0 5px; }
#gNavi li { display:inline-block; width:157px; height:35px; margin-left:0; /display:inline; /zoom: 1;}
#gNavi li a { display:block; width:155px; height:35px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#gNavi li.btn1 a { background:url(../img/gnavi_btn.png?20210831) no-repeat 0 0; }
#gNavi li.btn2 a { background:url(../img/gnavi_btn.png?20210831) no-repeat -159px 0; }
#gNavi li.btn3 a { background:url(../img/gnavi_btn.png?20210831) no-repeat -316px 0; }
#gNavi li.btn4 a { background:url(../img/gnavi_btn.png?20210831) no-repeat -475px 0; }
#gNavi li.btn5 a { background:url(../img/gnavi_btn.png?20210831) no-repeat -634px 0; }
#gNavi li.btn6 a { background:url(../img/gnavi_btn.png?20210831) no-repeat -793px 0; }
#gNavi li.btn1 a:hover { background-position:left 0px bottom -5px;}
#gNavi li.btn2 a:hover { background-position:left -159px bottom -5px;}
#gNavi li.btn3 a:hover { background-position:left -316px bottom -5px;}
#gNavi li.btn4 a:hover { background-position:left -475px bottom -5px;}
#gNavi li.btn5 a:hover { background-position:left -634px bottom -5px;}
#gNavi li.btn6 a:hover { background-position:left -793px bottom -5px;}


#subNavi { display:none; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
header { background:#fff url(../img/line01.gif) repeat-x left bottom; position:fixed; top:0; left:0; z-index:100; width:100%; min-width: 320px; padding:10px 0px 17px; 
	height: 65px;
	box-sizing: border-box;
}
header h1 { text-indent: 100%; white-space: nowrap; overflow: hidden; height:0px; width:0px; font-size:0; }
header #logo { margin-left:10px; z-index:500; position:relative; float:left; }
header #logo a { background:url(../img/logo-sp.png) no-repeat 0 0 ; background-size:cover; text-indent: 100%; white-space: nowrap; overflow: hidden; }
header #logo a { display:block; width:135px; height:38px; }

header #fontBox { display:none; }
header #freedialBox { display:none; }
header #cvBox { display:none; }
header #gNavi { display:none; }

#subNavi { position:absolute; top:10px; right:0px; width:100%;}
#subNavi #subMenuBtn-SP { text-align:right; margin-right:5px; }
#subNavi #subMenuBtn-SP li { display:inline-block; }
#subNavi #subMenuBtn-SP  a { text-indent: 100%; white-space: nowrap; overflow: hidden; }
#subNavi #subMenuBtn-SP .btn1 a { background:url(../img/submenu_btn1-sp.png) no-repeat 0 0; background-size:cover; display:block; width:57px; height:38px; }
#subNavi #subMenuBtn-SP .btn2 a { background:url(../img/submenu_btn2-sp.png) no-repeat 0 0; background-size:cover; display:block; width:92px; height:38px; }

/* #subMenu
-------------------------------------------------------- */
#subMenu { background:url(../img/submenu_bg.png) repeat 0 0; z-index:50; width:100%; position:absolute; top:55px; left:0px;}
#subMenu .inner { background:url(../img/line01.gif) repeat-x 0 bottom; padding:10px 10px 30px; }

#subMenu .home { width:67%; margin-bottom:10px; display:inline-block; }
#subMenu .home a { padding:5px 5px; display:block; zoom: 1; position:relative;
border:1px solid #c1d614;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);

background: #fdfef4; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfef4 0%, #f7fdce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfef4), color-stop(100%,#f7fdce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfef4 0%,#f7fdce 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fdfef4 0%,#f7fdce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfef4 0%,#f7fdce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfef4', endColorstr='#f7fdce',GradientType=0 ); /* IE6-9 */
}

#subMenu .close { width:23%; margin-bottom:10px; float:right; display:inline-block; }
#subMenu .close a { padding:5px 5px; display:block; zoom: 1; position:relative;
border:1px solid #899146;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);

background: #fafaf6; /* Old browsers */
background: -moz-linear-gradient(top,  #fafaf6 0%, #e8ebd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafaf6), color-stop(100%,#e8ebd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafaf6 0%,#e8ebd5 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fafaf6 0%,#e8ebd5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafaf6 0%,#e8ebd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafaf6', endColorstr='#e8ebd5',GradientType=0 ); /* IE6-9 */
}

#subMenu .home a span , #subMenu .close a span { display:block; text-align:center; color:#444343; }

#subMenu nav { background-color:#c1d614; padding:5px 5px; clear:both; zoom: 1; position:relative; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#subMenu nav li { margin-bottom:2px; }
#subMenu nav li.fir {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}
#subMenu nav li.end {
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}
#subMenu nav li {
background: #fdfef4; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfef4 0%, #f7fdce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfef4), color-stop(100%,#f7fdce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfef4 0%,#f7fdce 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fdfef4 0%,#f7fdce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfef4 0%,#f7fdce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfef4', endColorstr='#f7fdce',GradientType=0 ); /* IE6-9 */
behavior: url(../PIE.htc);
}
#subMenu nav li a { color:#444343; }
#subMenu nav li a span { background:url(../img/icon_arrow_g_l.png) no-repeat right center; display:block; padding:10px 0px 10px 10px; margin-right:10px; }
#subMenu .btn_freetrial { text-align:center; margin-top:20px; }
#subMenu .btn_freetrial img { width:82%; }



/* #subMenu2
-------------------------------------------------------- */
#subMenu2 { background:url(../img/submenu_bg.png) repeat 0 0; z-index:50; width:100%; position:absolute; top:55px; left:0px;}
#subMenu2 .inner { background:url(../img/line01.gif) repeat-x 0 bottom; padding:10px 10px 30px; }

#subMenu2 .close { width:23%; margin-bottom:10px; float:right; display:inline-block; }
#subMenu2 .close a { padding:5px 5px; display:block; zoom: 1; position:relative;
border:1px solid #899146;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);

background: #fafaf6; /* Old browsers */
background: -moz-linear-gradient(top,  #fafaf6 0%, #e8ebd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafaf6), color-stop(100%,#e8ebd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafaf6 0%,#e8ebd5 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fafaf6 0%,#e8ebd5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafaf6 0%,#e8ebd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafaf6', endColorstr='#e8ebd5',GradientType=0 ); /* IE6-9 */
}
#subMenu2 .close a span { display:block; text-align:center; color:#444343; }


#subMenu2 #contactBox_h { clear:both; background-color:#c1d614; padding:4px; zoom: 1; position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#contactBox_h .inner2 { background-color:#fff; padding:10px; zoom: 1; position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#contactBox_h .text { text-align:center; color:#12a73b; }

#contactBox_h .btn_tel a { background:url(../img/btn_tel-sp.png?v20221201) no-repeat 0 0; background-size:cover; display:block; width:270px; height:90px; margin:10px auto 0; }

#contactBox_h .btnSet { text-align:center; }
#contactBox_h .btnSet li { display:inline-block; }
#contactBox_h .btnSet a { display:inline-block; width:136px; height:47px; margin:10px 0; }
#contactBox_h .btnSet .btn1 a { background:url(../img/btn_freetrial-sp.png) no-repeat 0 0; }
#contactBox_h .btnSet .btn2 a { background:url(../img/btn_request-sp.png) no-repeat 0 0; }
#contactBox_h span { text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; }

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* 解像度別の記述 */
#subNavi #subMenuBtn-SP .btn1 a { background:url(../img/submenu_btn1-sp-x2.png) no-repeat 0 0; background-size:cover; }
#subNavi #subMenuBtn-SP .btn2 a { background:url(../img/submenu_btn2-sp-x2.png) no-repeat 0 0; background-size:cover; }

#contactBox_h .btn_tel a { background:url(../img/btn_tel-sp-x2.png?v20221201) no-repeat 0 0; background-size:cover; }
#contactBox_h .btnSet .btn1 a { background:url(../img/btn_freetrial-sp-x2.png) no-repeat 0 0; background-size:cover; }
#contactBox_h .btnSet .btn2 a { background:url(../img/btn_request-sp-x2.png) no-repeat 0 0; background-size:cover; }
}







/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#contents { margin:0 15px; position:relative; font-size:93%; }
}
@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#contents { padding-top:70px; }
}

#contents:after { content: ""; display: block; clear: both; height:0; }
#contents { zoom:1; }




/* --------------------------------------------------------
#contactBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#contactBox { width:713px; background-color:#edf5ac; padding:3px 0; /*clear:both;*/ zoom: 1; position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#contactBox .inner { background-color:#fff; margin:0 3px; padding:10px 5px 10px 15px; zoom: 1; position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#contactBox .text { background:url(../img/contactbox_txt.png) no-repeat 0 0; width:408px; height:15px; float:left; margin-bottom:20px; }
#contactBox .text { text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; }
#contactBox .btn_faq a { background:url(../img/btn_faq.png) no-repeat 0 0; display:block; width:183px; height:29px; float:right; margin-bottom:10px; }
#contactBox .btn_tel { display:none; }
#contactBox .btn_tel2 { background:url(../img/freedial_f.png?v20221201) no-repeat 0 0; display:block; width:262px; height:66px; float:left; }

#contactBox .btnSet { text-align:center; float:right; }
#contactBox .btnSet li { display:inline-block; /display:inline; /zoom:1; }
#contactBox .btnSet a { display:block; width:184px; height:65px; }
#contactBox .btnSet .btn1 a { background:url(../img/btn_freetrial.png) no-repeat 0 0; }
#contactBox .btnSet .btn2 a { background:url(../img/btn_request.png) no-repeat 0 0; }
#contactBox span { text-indent: 100%; white-space: nowrap; overflow: hidden; display:none; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#contactBox { background-color:#edf5ac; padding:10px 10px 10px 10px; }
#contactBox .inner { background-color:#fffff7; padding:10px; zoom: 1; position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../PIE.htc);
}
#contactBox .text { text-align:center; color:#12a73b; }

#contactBox .btn_faq a { background:url(../img/btn_faq-sp.png) no-repeat 0 0; background-size:cover; display:block; width:153px; height:34px; margin:10px auto; }
#contactBox .btn_tel a { background:url(../img/btn_tel-sp.png?v20221201) no-repeat 0 0; background-size:cover; display:block; width:281px; height:95px; margin:10px auto 0; }
#contactBox .btn_tel2 { display:none; }

#contactBox .btnSet { text-align:center; }
#contactBox .btnSet li { display:inline-block; }
#contactBox .btnSet a { display:inline-block; width:136px; height:47px; margin:10px 0; }
#contactBox .btnSet .btn1 a { background:url(../img/btn_freetrial-sp.png) no-repeat 0 0; }
#contactBox .btnSet .btn2 a { background:url(../img/btn_request-sp.png) no-repeat 0 0; }
#contactBox span { text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* 解像度別の記述 */
#contactBox .btn_faq a { background:url(../img/btn_faq-sp-x2.png) no-repeat 0 0; background-size:cover; }
#contactBox .btnSet .btn1 a { background:url(../img/btn_freetrial-sp-x2.png) no-repeat 0 0; background-size:cover; }
#contactBox .btnSet .btn2 a { background:url(../img/btn_request-sp-x2.png) no-repeat 0 0; background-size:cover; }
#contactBox .btn_tel a { background:url(../img/btn_tel-sp-x2.png?v20221201) no-repeat 0 0; background-size:cover; }
}



/* --------------------------------------------------------
#snsBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#snsBox { position:absolute; top:-134px; right:5px; width:70px; height:20px; overflow:hidden; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#snsBox { text-align:center; padding:20px 10px; }
}




/* --------------------------------------------------------
footer
-------------------------------------------------------- */

footer .box { padding:0 10px 10px; }
footer .box a { line-height:1.41; display:inline-block; margin:.3em 0; }
footer .box dt a { padding-left:20px; font-size:108%; color:#3c3c3c; }
footer .box dd a { padding-left:20px; color:#7d7e74; }

footer #link_gaba a { display:inline-block; padding-left:20px; font-size:108%; color:#00ae29; }

@media screen and (min-width: 768px) { /* 768px以上の記述 */
footer { background:#fdfee5; border-top:3px solid #c1d614; padding:20px 0px 10px; }
footer .inner{ width:980px; margin:0 auto; font-size:85%; position:relative; }
footer .box { float:left; margin-left:5px; width:220px; }

footer .box dt a { background:#fdfee5 url(../img/icon_arrow_g_box.png) no-repeat left center; background-size:14px 14px; }
footer .box dd a { background:#fdfee5 url(../img/icon_arrow_g_s.png) no-repeat left center; background-size:14px 14px; }

footer #link_gaba { clear:both; margin-left:5px; padding:20px 10px 20px; }
footer #link_gaba a { background:#fdfee5 url(../img/icon_arrow_g_box2.png) no-repeat left center; background-size:14px 14px; }

footer #copyrightBox { text-align:right; color:#787878; padding:10px 15px; position:absolute; right:0; bottom:10px; }
footer #companyName { font-size:138.5%; }
footer #copy { font-size:93%; }
footer #copyright { font-size:85%; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
footer { background:#fdfee5 url(../img/line01.gif) repeat-x left top; padding:20px 0px 10px; }

footer .box dt a { background:#fdfee5 url(../img/icon_arrow_g_box.png) no-repeat left center; background-size:14px 14px; }
footer .box dd a { background:#fdfee5 url(../img/icon_arrow_g_s.png) no-repeat left center; background-size:14px 14px; }

footer #link_gaba { padding:40px 10px 20px; }
footer #link_gaba a { background:#fdfee5 url(../img/icon_arrow_g_box2.png) no-repeat left center; background-size:14px 14px; }

footer #copyrightBox { text-align:center; color:#787878; background:#fdfee5 url(../img/line01.gif) repeat-x left top; padding:10px 0px; background-size:100% 3px; }
footer #companyName { font-size:123.1%; }
footer #copy { font-size:85%; }
footer #copyright { font-size:77%; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* 解像度別の記述 */
#contactBox .btn_tel a { background:url(../img/btn_tel-sp-x2.png?v20221201) no-repeat 0 0; background-size:cover; }

}

/* --------------------------------------------------------
p-mark
-------------------------------------------------------- */
#pvp-area {
	border-top:1px solid #c1d614;
	padding: 15px 0;
}
.p-mark {
	display: flex;
	margin: 0 auto;
	align-items: center;
}
.p-mark dt {
	width: 85px;
}
.p-mark dd {
	font-size: 11px;
}

@media screen and (min-width: 768px) { /* 768px以上の記述 */
	.p-mark {width: 950px;}
}
@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
	#pvp-area {padding: 15px 2%;}
	.p-mark dt img{ max-width: 75px; margin-right: 10px;}
}

/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link { text-decoration:none; color:#505050; }
a:visited { text-decoration:none; color:#505050; }
a:hover { text-decoration:underline; color:#505050; }
a:active { text-decoration:underline; color:#505050; }

/*span フォントカラー
----------------------------------------------------*/
.red { color: #CC0000; }

/*clearfix　NN未対応版
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; height:0; }
.clearfix { zoom:1; }

.clear { clear:both; }

/* 隙間 
----------------------------------------------------*/
.mgb0 {	margin-bottom: 0px !important;}
.mgb10 {	margin-bottom: 10px !important;}
.mgb20 {	margin-bottom: 20px !important;}
.mgb30 {	margin-bottom: 30px !important;}
.mgb40 {	margin-bottom: 40px !important;}
.mgb50 {	margin-bottom: 50px !important;}
.mgb60 {	margin-bottom: 60px !important;}
.mgb-10 {	margin-bottom: -10px !important;}
.mgb-20 {	margin-bottom: -20px !important;}
.mgb-30 {	margin-bottom: -30px !important;}

.mgt0 {	margin-top: 0px !important;}
.mgt10 {	margin-top: 10px !important;}
.mgt20 {	margin-top: 20px !important;}
.mgt30 {	margin-top: 30px !important;}
.mgt40 {	margin-top: 40px !important;}
.mgt50 {	margin-top: 50px !important;}
.mgt60 {	margin-top: 60px !important;}
.mgt-10 {	margin-top: -10px !important;}
.mgt-20 {	margin-top: -20px !important;}
.mgt-30 {	margin-top: -30px !important;}

/*pagetop
----------------------------------------------------*/
@media screen and (min-width: 768px) { /* 768px以上の記述 */
.pagetop { 
	clear:both; 
	/*height:20px;*/
	height: 50px;/*キャンペーンバナー挿入時*/
	position:relative; 
	margin-top:20px; 
	text-align:right; 
}
.pagetop a { 
	display:inline-block; 
	width:134px; 
	height:20px; 
	overflow:hidden; 
	background:url(../img/btn_pagetop.gif) 
	left top no-repeat;
	margin-top: 30px;/*キャンペーンバナー挿入時*/
}
.pagetop a span { 
	display:none; 
}
.pagetop a:hover { 
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7; 
}
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.pagetop { display:none; }
}


/*topicPath
----------------------------------------------------*/
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#topicPath { margin-bottom:0px; }
#topicPath ul { padding:0px 0 10px; }
#topicPath li { display:inline; font-size:85%; color:#5a5a5a; }
#topicPath li a { color:#99b41a; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#topicPath { display:none; }
}



/*お知らせ
----------------------------------------------------*/
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#top-Oshirase { margin:0px auto 8px; padding: 10px; width: 80%; font-weight: bold; text-align: center; clear: both; border:#cccccc solid 3px;}
#top-Oshirase a {text-decoration: underline;}
#top-Oshirase a:hover {text-decoration: none;}
#top-Oshirase b {background: #dd0000; padding: 2px 5px; margin-right:8px; color: #FFF;}
#contactbox-Oshirase {clear:both; color: #666; font-size: 90%;}
.tel-Oshirase {clear:both; color: #666; font-size: 90%;}
.tel-Oshirase-sp{ display:none; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#top-Oshirase { margin: 74px auto -10px; padding:6px 2%; width: 90%; font-weight: bold; text-align: left; clear: both; line-height: 180%; border:#cccccc solid 3px;}
#top-Oshirase a {text-decoration: underline;}
#top-Oshirase a:hover {text-decoration: none;}
#top-Oshirase b {background: #dd0000; padding: 2px 5px; margin-right:5px; color: #FFF;}
#contactbox-Oshirase {clear:both;}
.tel-Oshirase { display:none;}
.tel-Oshirase-sp{clear:both; color: #666; font-size: 85%; margin-top: 6px;}
#top #contents {padding-top: 65px;}
}

/*PC SP表示・非表示
----------------------------------------------------*/
@media screen and (min-width: 768px) { /* 768px以上の記述 */
.only_sp { display: none;}
}
@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.only_pc { display: none;}
}