@charset "UTF-8";

/******************************************************************************
 * 共通CSS 
 *****************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
}
html, body {
	margin: 0;
	padding: 0;
}
body{
	background-color:#F5F5DB;
}
h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset, em {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-family:
    "Noto Sans JP",                 /* Preferred web font */
    "Hiragino Kaku Gothic ProN",    /* macOS */
    "Meiryo",                       /* Windows */
    "Yu Gothic",                    /* Modern Windows fallback */
    "MS PGothic",                   /* Legacy fallback */
    sans-serif;
	/* font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #555;
}
ul, ol, dl, img {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border: 0px;
	table-layout: auto;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
}
a {
	text-decoration: underline;
}
a:link {
	color: #1754B0;
}
a:active {
	color: #1754B0;
}

a:visited {
	color: #1754B0;
}
a:hover {
	color: #1754B0;
	text-decoration: none;
}
/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
	outline: none;
}

/*ClearFix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

/*------------------------------------------------------------------------ */
/* --- structure section -------------------------------------------------- */

#header #h_box, #header #h_top div.h_top_box, #gnav ul.dropdown, #main, .page_up, #footer .footer_box, #all_internet a{
	clear: both;
	width: 1000px;
	margin: 0px auto;
}

#wrapper {
	min-height: 100%;
	margin: 0px auto;
	position: relative;
}
#header {
	/*full width*/
	background-color:#fff;
}

#gnav {
	margin: 0px auto;
}

#main {
	/* with in #content & #snav */
	margin: 0px auto 30px auto;
}
#content {
	/* as main content */
	width: 735px;
	float: right;
	position: relative;
}
#snav {
	/* right or left nav space*/
	width: 240px;
	float: left;
}
#footer {
	/* full width*/
}

/******************************************************************************
 * ヘッダー 
 *****************************************************************************/
#header {
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	font-size: 12px;
}
#h_top {
	width: 100%;
	height: 20px;
	background-color: #000;
	/* overflow: hidden; */
}
#h_top div div {
	width: 40%;
	float: right;
	text-align: right;
}
#h_top div div a {
	color: #fff;
}
#header h1 {
	color: #B2B2B2;
	font-size: 10px;
	text-align: left;
	/* font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif; */
}
#header #h_box{
/*	background: url(/images/common/bg_header.gif) no-repeat right bottom;*/
	padding:10px 0 20px 0;
}
.h_left {
	float: left;
}
.logo {
	margin: 10px 180px 0px 0px;
}
.h_right {
	text-align: right;
	float: left;
	/*width: 45%;
	padding-left: 270px;*/
	position: relative;
}
.h_right .search_t{
	position: absolute;
	left: 120px;
	top: 0px;
}
.h_right .search_t form{
	border: 1px solid #ddd;
	padding: 1px;
	height: 23px;
}
.h_right .search_t input[type="submit"] {
	background: url(/images/common/btn_search.png) no-repeat;
	width: 44px;
	height: 23px;
	border: none;
	float: left;
	cursor: pointer;
}
.h_right .search_t input[type="text"] {
	width: 85px;
	padding: 0 5px 0 50px;
	height: 23px;
	border: none;
	float: left;
}
.h_right .search_t img{
	position: absolute;
	left: 5px;
	top: -3px;
}
.tel_h {
	padding: 0px 0px 10px 0px;
}

.contact_h {
	padding: 0px 0px 0px 5px;
}

/******************************************************************************
 * グローバルナビゲーション 
 *****************************************************************************/
#gnav {
	background: url(/images/common/bg_mainnav.gif) repeat-x;
/*	padding-bottom: 5px;*/
}
ul.dropdown {
	position:relative;
	z-index: 5;
}
ul.dropdown li {
	float:left;
	zoom:1;
}
ul.dropdown li a {
	display:block;
	text-decoration: none;
	
}
/* サブメニュー */
ul.dropdown ul.dropdown_sub {
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	background: #FFF;
	border: 3px solid #ddd;
	padding: 25px 40px;
	padding-right:0px;
}
ul.dropdown ul.dropdown_sub.menu01 { left: 150px;}
ul.dropdown ul.dropdown_sub.menu02 { left: 300px;}
ul.dropdown ul.dropdown_sub.menu03 { left: 336px;}
ul.dropdown ul.dropdown_sub.menu04 { left: 450px; }
ul.dropdown ul.dropdown_sub.menu05 { left: auto; right: 0;}
ul.dropdown ul.dropdown_sub.menu06 { left: auto; right: 0;}
ul.dropdown ul.dropdown_sub ul{
	float: left;
	margin-right: 50px;
}
ul.dropdown ul.dropdown_sub li {
	float:none;
	margin-bottom: 5px;
}
ul.dropdown ul.dropdown_sub ul a{
	background: url(/images/common/arrow04.gif) no-repeat left center;
	padding-left: 13px;
	color: #0C0C0C;
	font-size: 13px;
}
ul.dropdown ul.dropdown_sub ul span a{
	background-image: url(/images/common/arrow03.gif);
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
}
ul.dropdown ul.dropdown_sub ul a:hover{ color: #97BA04; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul.dropdown_sub li a {
	display: inline-block;
	border-right: none;
	width: 100%;
}
#gnav .root > a span {
	display: none;
}

/******************************************************************************
 * パンくずリスト
 *****************************************************************************/
#topicPath {
	clear: both;
	display: block;
	margin-top: 10px;
	padding-bottom: 15px;
}
#topicPath li {
	font-size: 11px;
	list-style-type: none;
	display: inline;
	padding-top: 3px;
}
#topicPath li.home {
	padding-left: 25px;
	background: url(/images/common/topicpath_home.png) no-repeat left center;
}
#topicPath li a {
	padding-right: 10px;
	background: url(/images/common/topicpath_arrow.gif) no-repeat right center;
}
#topicPath li a:hover {
	/* arrange me */
}

/* ------ main ------- */
#main_warp{
/*	background: url(/images/common/bg_main_warp.gif) repeat-x top;*/
	/* padding-top: 25px; */
}
#main {
	background-color:#FFFFFF;
	padding:20px;
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
	border-radius: 20px;        /* CSS3草案 */  
}
/* titles  Use  large -> small  */
#title_main {
	background: url(/images/common/bg_title_main.png) no-repeat;
	height: 180px;
	position: relative;
}
#title_main h2{
	position: absolute;
	left: 100px;
	top: 50px;
}
.title_sub {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	background: url(/images/common/bg_title_sub.png) no-repeat left top;
	padding-left: 60px;
	padding-top: 15px;
}
.title_sub span{
	background: #FFF;
	display: inline-block;
	padding-right: 10px;
	color: #97BB04;
}
.title_section {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #555;
	padding: 15px 0 0 50px;
	height: 22px;
	background: url(/images/common/bg_title_section.png) no-repeat left bottom;
}
.highlight .col2 h4 {
	background: url(/images/event/bg_title_truck_section.png) no-repeat left bottom;
}
.title_item {
	display: block;
	height: 40px;
	padding-left: 50px;
	background: url(/images/limit/mark.png) no-repeat left bottom;
	line-height: 40px;
	color:#F58016;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_item.bgn {
	background: none;
	padding-left: 0;
	margin-bottom: 0;	
}
.title_page{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #97ba04;
	display: block;
	margin-bottom: 15px;
}

/*******************************************************************************
 * 旧CSS
 ******************************************************************************/
img.noborder      { border: medium none; }
.alignCenter      { text-align: center; }
.alignLeft        { text-align: left; }
.alignRight       { text-align: right; }
.valignTop        { vertical-align: top; }
.valignMiddle     { vertical-align: middle; }
.valignBottom     { vertical-align: bottom; }
.colorRed         { color: #df3f86; }
.colorGreen       { color: #00745c; }
.colorBlue        { color: #0062a9; }
.colorGray        { color: #928c80; }
.colorYellowGreen { color: #a5d65f; }
.colorLightBlue   { color: #0071c5; }
.colorBrown       { color: #be6d40; }
.colorDarkBlue    { color: #043d78; }
.colorBlue2       { color: #009dc5; }
.colorDarkRed     { color: #990033; }
.colorOrange      { color: #ff9900; }
.colorOrangeRed   { color: #f30;    }
.colorOldpink     { color: #de4243; }
.colorGold        { color: #947151; }
.colorRedBrown    { color: #7b4636; }
.colorSkyBlue     { color: #00a0e9; }
.colorfGreen      { color: #83e983; }
.colorBlueBlack   { color: #293855; }
.colorMetalP      { color: #a07893; }
.colorMetalB      { color: #8ea3ad; }
.colorMetalG      { color: #9da898; }
.colorWhite       { color: #fff;    }
.colorki01        { color: #f596b6; }
.colorDeepRed     { color: #b20000; }
.fontSize09       { font-size:  9px; }
.fontSize10       { font-size: 10px; }
.fontSize11       { font-size: 11px; }
.fontSize12       { font-size: 12px; }
.fontSize13       { font-size: 13px; }
.fontSize14       { font-size: 14px; }
.fontSize15       { font-size: 15px; }
.fontSize16       { font-size: 16px; }
.fontSize17       { font-size: 17px; }
.fontSize18       { font-size: 18px; }
.fontSize19       { font-size: 19px; }
.fontSize20       { font-size: 20px; }
.mT05  { display: block; margin-top:   5px; }
.mT10  { display: block; margin-top:  10px; }
.mT15  { display: block; margin-top:  15px; }
.mT20  { display: block; margin-top:  20px; }
.mT25  { display: block; margin-top:  25px; }
.mT30  { display: block; margin-top:  30px; }
.mT35  { display: block; margin-top:  35px; }
.mT40  { display: block; margin-top:  40px; }
.mT45  { display: block; margin-top:  45px; }
.mT50  { display: block; margin-top:  50px; }
.mT100 { display: block; margin-top: 100px; }
.mR05  { margin-right:  5px; }
.mR10  { margin-right: 10px; }
.mR15  { margin-right: 15px; }
.mR20  { margin-right: 20px; }
.mR25  { margin-right: 25px; }
.mR30  { margin-right: 30px; }
.mR35  { margin-right: 35px; }
.mR40  { margin-right: 40px; }
.mR45  { margin-right: 45px; }
.mR50  { margin-right: 50px; }
.mB05  { display: block; margin-bottom:  5px; }
.mB10  { display: block; margin-bottom: 10px; }
.mB15  { display: block; margin-bottom: 15px; }
.mB20  { display: block; margin-bottom: 20px; }
.mB25  { display: block; margin-bottom: 25px; }
.mB30  { display: block; margin-bottom: 30px; }
.mB35  { display: block; margin-bottom: 35px; }
.mB40  { display: block; margin-bottom: 40px; }
.mB45  { display: block; margin-bottom: 45px; }
.mB50  { display: block; margin-bottom: 50px; }
.mL05  { margin-left:  5px; }
.mL10  { margin-left: 10px; }
.mL15  { margin-left: 15px; }
.mL20  { margin-left: 20px; }
.mL25  { margin-left: 25px; }
.mL30  { margin-left: 30px; }
.mL35  { margin-left: 35px; }
.mL40  { margin-left: 40px; }
.mL45  { margin-left: 45px; }
.mL50  { margin-left: 50px; }
.mL55  { margin-left: 55px; }
.pT05  { padding-top:  5px; }
.pT10  { padding-top: 10px; }
.pT15  { padding-top: 15px; }
.pT20  { padding-top: 20px; }
.pT25  { padding-top: 25px; }
.pT30  { padding-top: 30px; }
.pT35  { padding-top: 35px; }
.pT40  { padding-top: 40px; }
.pT45  { padding-top: 45px; }
.pT50  { padding-top: 50px; }
.pB05  { padding-bottom:  5px; }
.pB10  { padding-bottom: 10px; }
.pB15  { padding-bottom: 15px; }
.pB20  { padding-bottom: 20px; }
.pB25  { padding-bottom: 25px; }
.pB30  { padding-bottom: 30px; }
.pB35  { padding-bottom: 35px; }
.pB40  { padding-bottom: 40px; }
.pB45  { padding-bottom: 45px; }
.pB50  { padding-bottom: 50px; }
.pL05  { padding-left:  5px; }
.pL10  { padding-left: 10px; }
.pL15  { padding-left: 15px; }
.pL20  { padding-left: 20px; }
.pL25  { padding-left: 25px; }
.pL30  { padding-left: 30px; }
.pL35  { padding-left: 35px; }
.pL40  { padding-left: 40px; }
.pL45  { padding-left: 45px; }
.pL50  { padding-left: 50px; }
.pR05  { padding-right:  5px; }
.pR10  { padding-right: 10px; }
.pR15  { padding-right: 15px; }
.pR20  { padding-right: 20px; }
.pR25  { padding-right: 25px; }
.pR30  { padding-right: 30px; }
.pR35  { padding-right: 35px; }
.pR40  { padding-right: 40px; }
.pR45  { padding-right: 45px; }
.pR50  { padding-right: 50px; }
.bL010 { display: inline; float:  left; width:  10px; }
.bL020 { display: inline; float:  left; width:  20px; }
.bL030 { display: inline; float:  left; width:  30px; }
.bL040 { display: inline; float:  left; width:  40px; }
.bL050 { display: inline; float:  left; width:  50px; }
.bL060 { display: inline; float:  left; width:  60px; }
.bL070 { display: inline; float:  left; width:  70px; }
.bL080 { display: inline; float:  left; width:  80px; }
.bL090 { display: inline; float:  left; width:  90px; }
.bL094 { display: inline; float:  left; width:  94px; }
.bL100 { display: inline; float:  left; width: 100px; }
.bL110 { display: inline; float:  left; width: 110px; }
.bL120 { display: inline; float:  left; width: 120px; }
.bL130 { display: inline; float:  left; width: 130px; }
.bL140 { display: inline; float:  left; width: 140px; }
.bL145 { display: inline; float:  left; width: 145px; }
.bL150 { display: inline; float:  left; width: 150px; }
.bL160 { display: inline; float:  left; width: 160px; }
.bL170 { display: inline; float:  left; width: 170px; }
.bL180 { display: inline; float:  left; width: 180px; }
.bL188 { display: inline; float:  left; width: 188px; }
.bL190 { display: inline; float:  left; width: 190px; }
.bL200 { display: inline; float:  left; width: 200px; }
.bL210 { display: inline; float:  left; width: 210px; }
.bL220 { display: inline; float:  left; width: 220px; }
.bL230 { display: inline; float:  left; width: 230px; }
.bL240 { display: inline; float:  left; width: 240px; }
.bL250 { display: inline; float:  left; width: 250px; }
.bL260 { display: inline; float:  left; width: 260px; }
.bL270 { display: inline; float:  left; width: 270px; }
.bL280 { display: inline; float:  left; width: 280px; }
.bL290 { display: inline; float:  left; width: 290px; }
.bL300 { display: inline; float:  left; width: 300px; }
.bL310 { display: inline; float:  left; width: 310px; }
.bL320 { display: inline; float:  left; width: 320px; }
.bL330 { display: inline; float:  left; width: 330px; }
.bL340 { display: inline; float:  left; width: 340px; }
.bL350 { display: inline; float:  left; width: 350px; }
.bL360 { display: inline; float:  left; width: 360px; }
.bL370 { display: inline; float:  left; width: 370px; }
.bL378 { display: inline; float:  left; width: 378px; }
.bL380 { display: inline; float:  left; width: 380px; }
.bL390 { display: inline; float:  left; width: 390px; }
.bL400 { display: inline; float:  left; width: 400px; }
.bL450 { display: inline; float:  left; width: 450px; }
.bL490 { display: inline; float:  left; width: 490px; }
.bL550 { display: inline; float:  left; width: 550px; }
.bR010 { display: inline; float: right; width:  10px; }
.bR020 { display: inline; float: right; width:  20px; }
.bR030 { display: inline; float: right; width:  30px; }
.bR040 { display: inline; float: right; width:  40px; }
.bR050 { display: inline; float: right; width:  50px; }
.bR060 { display: inline; float: right; width:  60px; }
.bR070 { display: inline; float: right; width:  70px; }
.bR080 { display: inline; float: right; width:  80px; }
.bR090 { display: inline; float: right; width:  90px; }
.bR100 { display: inline; float: right; width: 100px; }
.bR110 { display: inline; float: right; width: 110px; }
.bR120 { display: inline; float: right; width: 120px; }
.bR130 { display: inline; float: right; width: 130px; }
.bR140 { display: inline; float: right; width: 140px; }
.bR150 { display: inline; float: right; width: 150px; }
.bR160 { display: inline; float: right; width: 160px; }
.bR170 { display: inline; float: right; width: 170px; }
.bR180 { display: inline; float: right; width: 180px; }
.bR190 { display: inline; float: right; width: 190px; }
.bR200 { display: inline; float: right; width: 200px; }
.bR210 { display: inline; float: right; width: 210px; }
.bR220 { display: inline; float: right; width: 220px; }
.bR230 { display: inline; float: right; width: 230px; }
.bR240 { display: inline; float: right; width: 240px; }
.bR250 { display: inline; float: right; width: 250px; }
.bR259 { display: inline; float: right; width: 259px; }
.bR260 { display: inline; float: right; width: 260px; }
.bR266 { display: inline; float: right; width: 266px; }
.bR270 { display: inline; float: right; width: 270px; }
.bR280 { display: inline; float: right; width: 280px; }
.bR290 { display: inline; float: right; width: 290px; }
.bR300 { display: inline; float: right; width: 300px; }
.bR310 { display: inline; float: right; width: 310px; }
.bR320 { display: inline; float: right; width: 320px; }
.bR330 { display: inline; float: right; width: 330px; }
.bR340 { display: inline; float: right; width: 340px; }
.bR350 { display: inline; float: right; width: 350px; }
.bR360 { display: inline; float: right; width: 360px; }
.bR367 { display: inline; float: right; width: 367px; }
.bR370 { display: inline; float: right; width: 370px; }
.bR372 { display: inline; float: right; width: 372px; }
.bR380 { display: inline; float: right; width: 380px; }
.bR390 { display: inline; float: right; width: 390px; }
.bR400 { display: inline; float: right; width: 400px; }
.bR656 { display: inline; float: right; width: 656px; }
.left  { display: inline; float:  left; }
.right { display: inline; float: right; }
.bgColorSG { background-color: #00745c; }
.bgColorLB { background-color: #ccfaff; }
.bgColorLP { background-color: #ffcacf; }
.bgDark    { background-color: #938d81; color: #fff; }
.LHshort   { line-height: 1.1; }
.bgColorY  { background-color: #f8e76d; }
.bgColormizu  { background-color: #B7E9F8; }
.narrow1 { letter-spacing: -1px; }
.narrow2 { letter-spacing: -2px; }
.narrow3 { letter-spacing: -2px;	font-size: 0.9em; }
.narrow4 { letter-spacing: -2px;	font-size: 0.8em; }

/* form.css */
.boxSetNoticeH {
	display: block;
	clear: both;
	width: 15em;
	height: 1.6em;
	margin-left: 10px;
	background: none repeat scroll 0 0 #a5d65f;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.3em;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
}
.boxSetNotice {
	position: relative;
	width: 710px;
	padding: 4px 8px 0;
	border: 2px solid #a5d65f;
}
.boxSetNotice dl {
	position: relative;
	margin: 4px 0;
	padding: 4px 0;
	border-bottom: 2px dotted #a5d65f;
}
.boxSetNotice dl.noborder, .boxSetOP dl.noborder {
	border: medium none;
}
.boxSetNotice dt {
	display: block;
	float: left;
	width: 90px;
	height: 1.6em;
	margin: 0 0 4px;
	background-color: #a5d65f;
	line-height: 1.6em;
	text-align: center;
	color: #ffffff;
}
.boxSetNotice dd {
	display: block;
	float: left;
	width: 600px;
	padding-left: 6px;
}
.boxSetNotice dd {
	display: block;
	float: left;
	width: 600px;
	padding-left: 6px;
}


.boxSetOP{
	width: 730px;
	display:block;
	border:2px solid #75D3DC;
	padding: 8px;
	position:relative;
	overflow:hidden;
}
.boxSetOPH{
	display:block;
	background: #75D3DC;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	height:1.6em;
	width:15em;
	letter-spacing:0.3em;
	line-height:1.6em;
	margin-left:10px;
}
.boxSetNoticeH{
	display:block;
	background: #A5D65F;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	height:1.6em;
	width:15em;
	letter-spacing:0.3em;
	line-height:1.6em;
	margin-left:10px;
}
.boxSetOP dl{
	padding:6px 0 2px 0;
	position:relative;
	border-bottom:2px dotted #75D3DC;
}
.boxSetOP dt{
	display:block;
	float:left;
	width:90px;
	line-height:1.6em;
	height:1.6em;
	color:#FFFFFF;
	margin:0 0 4px 0;
	background:#75D3DC;
	text-align: center;
}
.boxSetOP dl.noborder{
	border:none !important;
}
.boxSetOP dd{
	display: block;
	float: left;
	line-height:1.6em;
	width:625px;
	padding-left:12px;
	color:#928C80;
}
.boxSetOP dd a {
	color: #0062a9;
}
.boxSimple{
	padding:8px 6px;
	margin-bottom:10px;
	overflow:hidden;
}
.boxSimple h4{
	margin:0 0 4px 6px;
	padding-left:10px;
	border-left:8px #483F33 solid;
	font-size:115%;
	line-height:1;
	font-weight:bold;
	color:#473F33;
	background:#fff;
}
.boxSimple p{
	padding:8px 12px;
}


/* common.css */
.link01 a {
	margin-left: 7px;
}
p.link01, p.link02 {
	clear: both; padding: 0 10px 20px; text-align: right;
}
p.link02 a.linkbg01 {
	background: url("/img/common/arw01.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #0060a9;
	font-weight: bold;
	padding-right: 14px;
	text-decoration: underline;
}
p.link02 a.linkbg02 {
	background: url("/img/common/arw03.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
	color: #0060a9;
	font-weight: bold;
	padding-left: 14px;
	text-decoration: underline;
}
p.link02 a:hover { text-decoration: none; }

/* layout.css */
p.check {
    background: url("/img/common/check.jpg") no-repeat scroll 10px 12px rgba(0, 0, 0, 0);
    padding: 14px 10px 12px 116px;
}


/* ------snav left (or right) tool box----- */
#snav li{
	margin-bottom: 10px;
}

/******************************************************************************
 * カレンダー 
 *****************************************************************************/
#nav_calendar {
	text-align: center;
	margin-bottom: 15px;
	font-size:12px;
	line-height:1.6;
}
#ctrl_calendar_head {
	padding-top: 15px;
	background: url(/images/common/bg_calendar_top.gif) no-repeat;
	height: 35px;
	text-align: center;
}
#ctrl_calendar_body {
	background: url(/images/common/bg_calendar_middle.gif) repeat-y;
	text-align: center;
}
#ctrl_calendar_foot {
	background: url(/images/common/bg_calendar_bottom.gif) no-repeat;
	height: 32px;
	text-align: center;
}
#ctrl_calendar { margin-left: 4px;
 }
 #ctrl_calendar .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
#ctrl_calendar .ui-datepicker th { padding: 0; }
#calendar span.holiday{
	display: inline-block;
	background: url(/images/common/ico_calendar.gif) no-repeat left center;
	padding-left: 20px;
	margin-top: 8px;
	font-size: 12px;
	color: #005F4C;
	font-weight: bold;
}
#calendar .ui-state-highlight, #calendar .ui-widget-content .ui-state-highlight, #calendar .ui-widget-header .ui-state-highlight {
	background: #fff;
	border: solid 2px #fed22f;
	color: #1c94c4;
}
#calendar .ui-state-highlight a, #calendar .ui-widget-content .ui-state-highlight a, #calendar .ui-widget-header .ui-state-highlight a {
	color: #1c94c4;
}
#nav_calendar span.holiday {
    display: inline-block;
    background: url(/images/common/ico_calendar.gif) no-repeat left center;
    padding-left: 20px;
    margin-top: 8px;
    font-size: 12px;
    color: #005F4C;
    font-weight: bold;
}
#ctrl_calendar .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
#ctrl_calendar a.ui-state-default.ui-state-active {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
#ctrl_calendar a.ui-state-default.ui-state-active.gcal-holiday {
	background-image: none;
    background-color: #f8e76d;
    color: #f00;
}
/******************************************************************************
 * フッター 
 *****************************************************************************/
.page_up {
	text-align: right;
	position: relative;
	z-index:5;
/*	background-color:#F5F5DB;*/
/*	margin-top: 100px;*/
}
#footer {
	/*padding: 0px 0px 20px 0px;*/
	background-color:#fff;
}
#footer #footer_link {
	border-top: solid 2px #059C79;
	background: #F5F5DB;
	margin-bottom: 10px;
	padding-bottom: 30px;
	padding-top:30px;
}
#footer #footer_link .the_animal{
/*	margin-top: -125px;*/
	margin-bottom: 15px;
}
#footer #footer_link ul{
	float: left;
	background: url(/images/common/bg_footer_link.gif) repeat-y left;
/*	border-left:1px dotted #A5D65F;*/
	padding-left: 25px;
	width: 241px;
}
#footer #footer_link ul a{
	text-decoration: none;
	display: block;
	color: #777;
	background: url(/images/common/arrow02.gif) no-repeat left center;
	padding-left: 10px;
	margin: 3px 0;
}
#footer #footer_link ul a:hover{
	color: #0F976C;
	background-image: url(/images/common/arrow01.gif);
}
#footer #footer_link ul.first{
	background: none;
	padding-left: 60px;
	width: 142px;
}
#footer #footer_link ul.first a{
	background: none;
	padding-left: 0px;
}
#footer .h_right{
	margin-top: 20px;
	margin-left: 140px;
	padding: 0px;
}
#footer .h_right .tel_h {
	padding: 0px 0px 15px 0px;
}
#footer .h_right .search_t {
    left: -60px;
}
#footer #footer_ryokuyou p{
	padding-top: 10px;
	font-size: 11px;
	color: #65746A;
}
#footer .privacymark {
	float:right;
	margin-top: 20px;
}

#sp_version {
	display: block;
	background: #9EDD2B;
	margin: 15px auto;
	padding: 20px;
	text-align: center;
}


/* --- utility section ----------------------------------------------------------------------------- */

/* text align */
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}

/* if needs instant arrange */
.sec_p p{ margin-bottom: 15px; }
#wrapper .mb_clear {
	margin-bottom: 0px;
}
#wrapper .mb10 {
	margin-bottom: 10px;
}
#wrapper .mb15 {
	margin-bottom: 15px;
}
#wrapper .mb20 {
	margin-bottom: 20px;
}
#wrapper .mb30 {
	margin-bottom: 30px;
}
#wrapper .mb40 {
	margin-bottom: 40px;
}
#wrapper .mb50 {
	margin-bottom: 50px;
}

/*-------container------- */
.container {
	height: 100%; /*fig IE6*/
	margin-bottom: 30px;
}
.container .msg {
	width: 455px;
	word-break: break-all;
}
.container .img {
	width: 260px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

/* more botton right */
.more{
	margin-top: 10px;
	text-align: right;
	font-size: 15px;
}

/* highlight & line_box box */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dashed #CBE2C3;
	background-color: #eaf3e8;
}
.line_box{
	padding:15px;
	border: 1px dotted #a2ceee;
}

/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border: solid 1px #c4dfef;
}
.tb_style td{
	text-align:left;
	padding:5px 10px;
	border-top: #999 dotted 1px;
	border-left: #ccc dotted 1px;
}
.tb_style th {
	text-align: center;
	padding:5px 10px;
	color: #0c5f8b;
	border-bottom: solid 1px #c4dfef;
	background: #e5f0f7;
}


/* control_area */
.control_area a{
	color: #FFF;
	display: block;
	padding:5px 25px;
	border-radius:3px;	
	background: #00519A;
	font-weight: bold;
	margin-bottom:15px;
	text-decoration: none;
}
.control_area a:hover{	background: #666; }
.control_area .btn_control_left{
	float:left;
}
.control_area .btn_control_right{
	float:right;
}
/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------2colum------- */
.col2_box ul {list-style: inside disc;}
.col2_box .col2 {
}
.col2_box .col2 ul li {
	font-size:12px;
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}

.link_c{ margin-top: 40px;}
.link_c ul{
	width: 750px;
	position: relative;
	margin-top: 15px;
}
.link_c li{
	float: left;
	margin-right: 15px;
}

/* ページャー */
.pager {
	display: block;
	margin: 10px auto;
}
.pager ul {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.pager li {
	display: inline;
}
.pager li a {
	padding: 0 8px;
	line-height: 20px;
	color: #369;
}
.pager li.cur span {
	padding: 0 8px;
	background: #b8ecf9;
	line-height: 20px;
	color: #999;
}



/******************************************************************************
 * TOP 
 *****************************************************************************/
#main_visual {
	background: url(/images/index/bg_main_visual.gif) no-repeat center bottom;
	padding-bottom: 30px;
	height: 275px;
}
/* slide_menu */
.slide_menu{
	z-index:3;
	position: absolute;
	top:305px;
}
.strip_wrapper{
	width:735px !important;
	top:0px !important;
	left:0px !important;
	z-index:4;
}
#pointer{
	border:#ff9b00 solid 3px !important;
	z-index: 3 !important;
}
.filmstrip li{
	margin-right:10px !important;
}
.btn_rss {
	position:absolute;
	top:10px;
	right:10px;
}	

/******************************************************************************
 * TOP - NEWS 
 *****************************************************************************/
.side_news {
	position: relative;
	margin-top: 30px;
	padding: 15px;
	background: url(/images/index/bg_news.gif);
}
.side_news h3 {
	position: relative;
	margin-top: -50px;
}
.btn_news {
	position:absolute;
	top: -9px;
	right: 25px;	
}
.side_news .news_box {
	padding: 15px 10px 10px 15px;
	background: #fcfcfa;
}
.side_news ul {
	overflow: auto;
	height: 110px;
}
.side_news li {
	display: block;	
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px dotted #BCB9AB;
}
.side_news li em {
	float: left;
	padding-left: 10px;
	font-size: 11px;
	color: #777;
}
.side_news li strong {
	display: block;
	float: left;
	min-width: 65px;
	margin: 0 10px;
	text-align: center;
	line-height: 16px;
	font-size: 11px;
	color: #fff;
}
.side_news li span {
	display: block;
	float: left;
}
#confidence_t{ margin: 15px 0;}
#confidence_t ul{
	height: 190px;
	background: url(/images/index/bg_img_confidence.jpg) no-repeat;
}
#confidence_t li{
	width: 153px;
	display: block;
	float: left;
	padding: 15px;
}
#confidence_t li span{
	display: block;
	padding-top: 10px;
}
#confidence_t img {
	margin-bottom: 5px;
}
#confidence_t li a {
	text-decoration: none;
	color: #000;
}
#confidence_t li a:hover {
	color: #5b8c00;
}

#campaign-container #fair_being_t ul{
	width: 750px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
#campaign-container #fair_being_t li{
	float: left;
	margin: 0 13px 13px 0;
}
.doujinshi_t .doujinshi_l{
	width: 240px;
	float: left;
	border-right: 1px dotted #C5C5C5;
	padding-right: 7px;
	margin-right: 5px;
}
.doujinshi_t .print{
	width: 222px;
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	margin: 7px 0;
}
.doujinshi_t .print div{ background: url(/images/index/bg_doujinshi.gif); }
.doujinshi_t .print ul{ text-align: center; padding: 10px 0;}
.doujinshi_t .print li{ display: inline; margin: 0 3px;}
.doujinshi_t .print span{
	display: block;
	padding: 10px;
}
.doujinshi_t .doujinshi_r{ float: left; }
.doujinshi_t .doujinshi_r h4{ margin-left: 11px;}
.doujinshi_t .doujinshi_r .print{ margin-left: 11px;}
#banner{
	border-top: 1px dotted #ccc;
	padding-top: 40px;
	margin-top: 35px;
}
#banner ul{
	width: 750px;
	position: relative;
	
}
#banner li{
	float: left;
	margin: 0 9px 9px 0;
}
/* -- End page Index
------------------------------------------ */

/******************************************************************************
 * 最新情報 
 *****************************************************************************/
.page_news .list li {
	padding: 8px 0;
	border-bottom: 1px dotted #bcb9ab;
	line-height: 24px;
	list-style: none;
}
.page_news .list li .dt {
	display: block;
	float: left;
	width: 70px;
}
.page_news .list li .type {
	display: block;
	float: left;
	min-width: 65px;
	padding: 0 4px;
	height: 24px;
	margin: 0 10px;
	text-align: center;
	line-height: 24px;
	font-size: 11px !important;
	color: #fff;
/*	background: #2898BE;*/
	color: #fff;
}

/******************************************************************************
 * FAQ 
 *****************************************************************************/
.page_faq .col2_box{ width: 764px; }
.page_faq .col2{
	width: 325px;
	margin-right: 20px;
}
.page_faq .col2.highlight{
	margin-bottom: 0px;
}
.page_faq .li_sty{ margin: 10px 0; }
.page_faq .li_sty li{
	list-style: decimal;
	margin: 0 0 0 15px;
}
.page_faq .li_sty strong{
	display: block;
}
.page_faq .li_sty01 li{ 
	margin: 4px 0 0 15px;
	list-style: disc;
	color: #5B8C00;
}
.page_faq .container li{
	margin: 0 0 5px 20px;
	list-style: disc;
	color: #5B8C00;
	
}
.page_faq .container li a{
	text-decoration: none;
	font-size:14px;
}

/******************************************************************************
 * FAQ詳細 
 *****************************************************************************/
.page_faq_detail .qa_box{
	margin-bottom: 30px;
}
.page_faq_detail .qa_box .q{
	padding-left: 100px;
	line-height: 1.6em;
	background: url(/images/faq/bg_q.jpg) no-repeat left top;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
	font-size: 16px;
	padding-top: 12px;
}
.page_faq_detail .qa_box .a{
	min-height: 80px;
	padding-left: 100px;
	background: url(/images/faq/bg_a.jpg) no-repeat left top;
	line-height: 1.8em;
}
.page_faq_detail .qa_box .a ul{
	width: 765px;
	position:relative;
	margin-bottom: 20px;
}
.page_faq_detail .qa_box .a li {
	float: left;
	margin-right: 18px;
}
.page_faq_detail .to_top {
	margin-top: 30px;
	padding: 10px;
	background: #eaf3e8;
	border: 1px dashed #cbe2c3;
	text-align: center;
}
.page_faq_detail .faq {
	background: url(/images/faq/faq_bg_title_section.png) no-repeat left bottom;
	color: #555;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px 0 0 50px;
}
.page_faq_detail .info {
	background: url(/images/faq/info_bg_title_section.png) no-repeat left bottom;
	color: #555;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px 0 0 50px;
}
.page_faq_detail .title_item1 {
	background: url(/images/faq/disc_icon.png) no-repeat left bottom;
	color: #f58016;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	padding-left: 50px
} 
.page_faq_detail .title_item2 {
	background: url(/images/faq/pen_icon.png) no-repeat left bottom;
	color: #f58016;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	padding-left: 50px
} 
.page_faq_detail .title_item3 {
	background: url(/images/faq/color_icon.png) no-repeat left bottom;
	color: #f58016;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	padding-left: 50px
} 


/*---------- page_event -------------*/
.page_event .img{
	max-width:200px;
}
.page_event .msg{
	width:510px;
}
.page_event .line_box{
	margin-bottom:30px;
}
.page_event .title_item{
	display:block;
	margin-bottom: 5px;
	padding-left: 40px;
}
.page_event .list_month{
	margin-left: 30px;
}
.page_event .list_month li{
	float:left;
	margin-right:15px;
}
.page_event .tb_style{
	margin-bottom:15px;
}
.page_event .tb_style th,
.page_event .tb_style td{
	text-align:center;
}
.page_event .highlight .col2_box{
	margin-bottom:0;
}
.page_event .highlight .col2_box .col2{
	width:430px;
	margin-left:5px;
}
.page_event .highlight .col2_box .col2:first-child{
	width:250px;
	margin-left:0;
}
.page_event .col2 .left_box{
	float:left;
}
.page_event .col2 .right_box{
	float:right;
}
.page_event .col2 .right_box .list_dot{
	margin-bottom:19px;
}
.page_event .col2 .list_dot a{
	text-decoration: none;
	color: #555;
}
.page_event .col2 .list_dot a:hover{ color: #46972E;}

.page_event .pager{
	width: auto;
} 

.page_event  .list_month .cur { font-weight: bold; background-color: #b8ecf9; }
.page_event  .list_month .cur a { color: #999; padding:0 4px; text-decoration: none; }

/*---------- End page_event -------------*/


/******************************************************************************
 * 割引・サービス
 *****************************************************************************/
.page_service .list_menu {
	margin-bottom: 10px;
	text-align: right;
}

.page_service .list_menu li {
	display: inline;
	margin: 0 10px;
}

.page_service .tb_style {
	margin-bottom:30px;
}

.page_service .tb_service th, .page_service .tb_service td {
	text-align:center;
}

.page_service .tb_service a{
	display:block;
	padding:2px 0;
	background:#97BA04;
	text-decoration: none;
	color: #FFF;
	width: 180px;
}

.page_service .tb_service a:hover{
	background: #FFAA00;
}

.page_service .col4_box {
	width:748px;
}

.page_service .col4_box img{
	margin-bottom:10px;
}

.page_service #service02 {
	overflow: hidden;
	width: 768px;
}

.page_service #service02 ul {
	overflow: hidden;
	margin-bottom: 30px;
}

.service_list {
	width: 750px;
}

.page_service .service_list li {
	float: left;
	width: 174px;
	margin-right: 13px;
	margin-bottom: 10px;
}

.page_service .service_list a.title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 14px;
	background: url(/images/common/arrow03.gif) no-repeat 2px 0.5em;
}
.page_service .title_section {
	background: url(/images/service/service_bg_title_section.png) no-repeat 2px;
}
.page_service .info {
	background: url(/images/service/info_bg_title_section.png) no-repeat 2px;
	color: #555;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px 0 0 50px;
}

/******************************************************************************
 * 原稿作成マニュアル 
 *****************************************************************************/
.page_manual .line_box .title_page {
	display:block;
}
.page_manual .line_box{
	margin-bottom:30px;
}
.page_manual .line_box p{
	margin-top:15px;
}
.page_manual .control_area {
	margin-top: 30px;
}

/*------ list_program ------*/
.list_program {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: 200px repeat(3, 1fr);
}
.list_program div.odd, .list_program div.even {
	padding: 20px 10px 10px;
	background-image: url(/images/common/manual_arrow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
    border: dashed 1px #ccc;
    margin: 6px;
}
.list_program .label {
	margin-top: 5px;
	margin-bottom: 30px;
	text-align: center;
}
  /* .list_program div.even {
	background-color: #ececec;
} */
.list_program img {
	display: block; 
	margin: 0 auto;
}
.list_program a {
	font-size: 18px;
	text-decoration: none;
}
.list_program a:hover {
	text-decoration: underline;
}
a.btn_control_right {
    color: #fff !important;
}
.circle-button {
	/* float: right; */
	text-align: center;
	display: inline-block;
	width: 20px; 
	height: 20px; 
	background-color: #266CD7; 
	border-radius: 50%; 
	position: relative; 
	margin: 0 auto;
	margin-top: 15px;
}

.circle-button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 53%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent white;
	transform: translate(-50%, -50%);
}

/******************************************************************************
 * NEWS
 *****************************************************************************/
.page_news #news {
	float: left;
	width: 500px;
	margin-bottom: 20px;
}
.page_news #news ul.list li {
	clear: both;
	overflow: hidden;
}
.page_news #news ul.list li span.dt {
	clear: both;
	float: left;
	display: block;
}
.page_news #news ul.list li span.type {
	float: left;
	display: block;
	width: 65px;
}
.page_news #news ul.list li a {
	float: left;
	display: block;
	width: 336px;
}
.page_news #s_news {
	width: 210px;
	float: right;
}
.page_news #s_news span {
	display: block;
	font-size: 15px;
	color: #FFF;
	padding: 5px 10px 8px 10px;
	font-weight: bold;
	background: url(/images/common/bg_mainnav.gif) repeat-x bottom;
}
span.category-item {
	background: #fff !important;
}
.page_news #s_news ul {
	margin-bottom: 20px;	
}
.page_news #s_news li { border-top: 1px dashed #ccc; }
.page_news #s_news li:first-child{ border: none;}
.page_news #s_news li a {
	display: block;
	background: url(/images/common/arrow03.gif) no-repeat left 14px;
	padding: 10px 0 10px 12px;
	text-decoration: none;
}
.page_news .title_news {
	display: block;
	margin-bottom: 15px;
	padding: 15px;
	border: #ccc dashed 1px;
}
.page_news .title_news span {
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.page_news .title_news strong{ 
	display: block;
	float: left;
	min-width: 65px;
	margin: 0 10px;
	padding: 0 4px;
	/*background: #2898BE;*/
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
.page_news .title_news p {
	font-size: 18px;
	color: #97BA04;
	font-weight: bold;
}
.nt01 { background: #2898be; color: #fff; }
.nt02 { background: #ff9b00; color: #fff; }
.nt03 { background: #9acd32; color: #fff; }
.nt04 { background: #ff0000; color: #fff; }
.nt05 { background: #8b4513; color: #fff; }
.nt06 { background: #8a2be2; color: #fff; }
.nt07 { background: #a9a9a9; color: #fff; }
.nt08 { background: #8b4513; color: #fff; }
.nt09 { background: #dc143c; color: #fff; }
.nt10 { background: #008000; color: #fff; }
.page_news .container {
	padding: 10px;
}
#news_pager #nextPage {
	float: right;
	width: 50%;
	text-align: right;
}
#news_pager #prevPage {
	float: left;
	width: 50%;
	text-align: left;
}
#news_pager a {
	display: inline-block;
	color: #5b8c00;
	text-decoration: none;
}
#news_pager #nextPage a { padding-left:  15px; }
#news_pager #prevPage a { padding-right: 15px; }
#news_pager a:visited {	color: #5b8c00; }
#news_pager a:hover   { color: #97BA04;	text-decoration: none; }
#news_pager p.capt { font-weight: bold; }

#news-column .card-text {
	display: flex;
	justify-content: space-evenly;
    line-height: 28px;
	padding: 20px;
}
#news-column .card-text .type {
    padding: 0 10px;
    text-align: center;
    line-height: 28px;
    font-size: 13px !important;
	font-weight: bold;
    color: #fff;
}
#news-column .card-text .date {}
#news-column .card-text a {
	text-decoration: none;
}
#news-column {
	display: flex;
	flex-wrap: wrap;
}
#news-column .col-sm-6 {
	float: left;
}
#news-column .featured-post .card-image {
	width: 400px;
	max-width: 400px;
}
#news-column .featured-post .card-body {
    max-width: 360px;
    margin-left: 20px;
}
#news-column .card-text:last-child {
	margin-bottom: 1rem;
  }
  .category-row span.category-item {
    margin-right: 20px;
	word-break: keep-all;
}
/* Cards */
#news-column .row {
    display: flex;
    flex-wrap: wrap;
}
#news-column .row .col-md-4, #news-column .row .col-md-3, #news-column .row .col-md-6 {
padding: 8px;
margin: 8px;
}
#news-column .col-md-4 {
        flex: 0 0 auto;
        width: 28%;
    }
	#news-column .col-md-3 {
        flex: 0 0 auto;
        width: 45%;
    }
    #news-column .col-md-6 {
        flex: 0 0 auto;
        width: 50% !important;
    }
	#news-column .card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 15px;
    margin: 10px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
#news-column p.card-title {
    font-size: 17px;
font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
}
#news-column .card p {
    margin-bottom: 1rem;
}
#news-column .card a:hover {
    opacity: 0.7;
}
#news-column .featured-post .card {
	display: flex;
	flex-direction: row;
	/* gap: 20px; */
	align-items: center;
}

#news-column .featured-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 60px solid #e74c3c; /* Ribbon color */
    border-right: 60px solid transparent;
    z-index: 2;
}

#news-column .featured-ribbon::before {
    content: '注目';
    position: absolute;
    top: -17px;
    left: -14px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(-45deg);
    transform-origin: left top;
    width: 80px;
    text-align: center;
    pointer-events: none;
    line-height: 1;
}
#news-column .page-numbers {
	letter-spacing: 3px;
}
#news-column .page-number.first, #news-column .page-number.last {
	letter-spacing: -3px;
}
.category-row a.col-featured {
    display: none !important;
}
.btn-ryokuyou {
background-color: #277C12;
border: solid 1px #277C12;
color: #fff;
border-radius: 8px;
padding: 8px 12px;
}
a.btn-ryokuyou {
color: #fff !important;
text-decoration: none;
    max-width: 200px;
    display: block;
    margin: auto;
margin-bottom: 10px;
}
img.card-img-top {
width: 100%;
height: 160px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
object-fit: cover;
margin-bottom: 24px;
transition: transform 0.2s ease-in-out;
}
.featured-post img.card-img-top {	
    max-width: 720px;
	height: auto;
}
img.card-img-top:hover {
transform: scale(1.2);
transition: transform 0.2s ease-in-out;
}
.top-link {
    font-size: 15px;
    margin-top: 20px;
}
/******************************************************************************
 * コラム
 *****************************************************************************/
.clmn01 { background: #2898be; color: #fff; font-size: 14px !important;} /* お知らせ */
.clmn02 { background: #c2007b; color: #fff; font-size: 14px !important;} /* カラー原稿 */
.clmn03 { background: #9acd32; color: #fff; font-size: 14px !important;} /* 漫画原稿 */
.clmn04 { background: #7A94D6; color: #fff; font-size: 14px !important;} /* 小説原稿 */
.clmn05 { background: #ff9b00; color: #fff; font-size: 14px !important;} /* 特殊加工 */
.clmn06 { background: #BD88EE; color: #fff; font-size: 14px !important;} /* 多色印刷 */
.clmn07 { background: #277C12; color: #fff; font-size: 14px !important;} /* サービス */
.clmn08 { background: #1E2769; color: #fff; font-size: 14px !important;} /* 商品紹介 */
.clmn09 { background: #a9a9a9; color: #fff; font-size: 14px !important;} /* 印刷・製本用語 */
.clmn10 { background: #008000; color: #fff; font-size: 14px !important;} /* text */
.clmn11 { background: #2898be; color: #fff; font-size: 14px !important;} /* text */
.clmn12 { background: #ff9b00; color: #fff; font-size: 14px !important;} /* text */

[class^="clmn"] {
    margin-top: -6px !important;
    margin-left: 10px !important;
    float: right;
    transform: rotate(-3deg);
    padding: 6px 8px !important;
}
.fa-thumbtack:before {
    font-size: 14px;
    display: inline-block;
    margin-right: .5em;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
}
.columnContent * {
    font-size: 14px;
}
.columnContent p {
    margin-bottom: 1.1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.text-container {
    background: #eeeeee;
    box-shadow: 0 2px 2px 0 #efefef;
}
.mokuji {
    border: 1px solid #e8e8e8;
    padding: 20px 30px;
    margin-bottom: 1em;
    background: #f5fff3;
}
.panel {
    border: 1px solid #e8e8e8;
    padding: 20px 30px;
    margin-bottom: 1em;
    background: #f5f5f5;
}
.yellowline {
    background: linear-gradient(transparent 50%, yellow 50%);
    color: #555 !important;
    text-decoration: none !important;
}
.text-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #1F8D6A;
}
.flex-cont {
display: flex;
}
.fr {
float: right;
}
.w33 {
width: 33%;
}
.w50 {
width: 50%;
}
.w66 {
width: 66%;
}
.w99 {
width: 99%;
}
.img-cont {
padding: 10px;
border: solid 1px #cccccc;
}

/******************************************************************************
 * キャンペーン
 *****************************************************************************/
  /* fair top banners monthly filter */
button.month-btn.button.is-checked {
    background-color: #009164;
    color: #fff;
}
.flash {
    opacity: 0.5 !important;
    transition: all 0.2s ease-in-out !important;
}
.scrollable_div {
  overflow-x: hidden;
  overflow-y: hidden;
}
#month-btn-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: auto;
  margin-bottom: 20px ;
  overflow-x: auto;
}
.month-btn {
  display: block;
    padding: 8px 10px;
    border: 1px solid #009164;
    color: #009164;
    font-weight: bold;
    border-radius: 50px;
    text-decoration: none;
    margin: 6px;
    /* padding-top: 11px; */
    line-height: 22px;
    min-width: 74px;
}
.month-btn:hover, .month-btn:focus {
    background-color: #009164;
    color: #fff;
}
#fair-data.fairtopbanners {
    transition: height 0.3s ease-in-out;
}
#fair_being_t.fairtopbanners ul {
    width: 828px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    list-style-type: none;
}
.fairtopbanners #fair_being_t li {
    float: left;
    margin: 0 13px 13px 0;
	width: 200px;
	height: 107.4px;
}
.fairtopbanners .fair-item {
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    margin-bottom: 7px;
}
table.pcb td {
    width: 17%;
    letter-spacing: -0.5px;
}
table.pcb th:nth-child(1) {
    width: 34%;
    letter-spacing: normal;
}
table.pcb tr {
    height: 19px;
}
table.pcb td:not(:empty) {
background: #b7e9f8;
}
.fairname {
background: none !important;
}
table.pcb tr:nth-child(even) {
    background-color: #eaf3e8;
}
/* end fair top banners monthly filter */

.page_campaign .line_box{ margin-bottom: 30px;}
.page_campaign .line_box p{
	padding: 15px 0;
}
.page_campaign .line_box strong{
	font-size: 14px;
	color: #97BA04;
}
.page_campaign .line_box strong span{
	display: inline-block;
	padding-right: 10px;
}
.page_campaign .col3_box{
	width: 730px;
	margin-bottom: 15px;
}
.page_campaign .col3_box .col3{
	width: 224px;
	margin-right: 15px;
}
.page_campaign .col3_box .col3 p{ padding: 5px 0 0 0; }
.page_campaign .fair_title a {
	font-weight: bold;
	font-size: 25px;
}
.page_campaign .fair_title2 a {
	font-weight: bold;
	font-size: 25px;
	color: #F58016;
}
.page_campaign_detail ul.french_navi {
    clear: both;
    display: block;
    width: 800px;
    margin-bottom: 25px;
    margin-top: 15px;
}
.page_campaign_detail ul.french_navi li {
    display: inline;
    float: left;
}
.page_campaign .line_box a {
  display: block;
  text-align: center;
}

.page_campaign .line_box a img {
  display: inline-block;
}
h2#\30 1, h2#\30 2, h2#\30 3, h2#\30 4, h2#\30 5, h2#\30 6, h2#\30 7, h2#\30 8, h2#\30 9 {
    text-align: left;
}
#campaignPage .fairList {
    width: 100%;
    margin-left: 6px;
    margin-top: 10px;
}
.page_campaign .border.full-width {
    border-top: solid 2px grey;
    border-bottom: solid 2px grey;
    min-height: 30px;
    margin-left: -60px;
}
.horizborder.full-width {
    width: 830px;
}
#campaignPage .fair-section {
    text-align: center;
}
/*---------- End page_campaign -------------*/

/******************************************************************************
 * 〆切り一覧 
 *****************************************************************************/
.page_limit .container {
	margin-bottom: 10px;
}
.page_limit h3 {
	font-size: 20px;
	height: 30px;
	margin-bottom: 5px;
	padding: 5px;
	line-height: 30px;
	font-weight: bold;
	background: #cbe2c3;
	color: #090;
}
.page_limit .list_month span {
	padding-left: 10px;
}
.page_limit .list_days {
	margin-bottom: 60px;
}
.page_limit .tb_style th,
.page_limit .tb_style td {
	padding: 2px;
	font-size: 10px;
	text-align: center;
}
.page_limit .tb_style td.clr_bg { 
	background: none !important;
	vertical-align: top;
	text-align: left;
}
.page_limit .tb_style .off_bg {
	background: #E5F0F7;
	color: #0C5F9D;
	/*width: 40px;*/
}
.page_limit .tb_style .up_bg {
	/*width: 35px;*/
	background: #fbe9eb;
	color: #FF6074;
}
.page_limit .list_month ul {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.page_limit .list_month li {
	float: left;
	margin-right: 10px;
}
.page_limit .container table.tb_style {
	width: auto;
	margin-bottom: 10px;
}
.page_limit .container table.tb_style td {
	width: 40px;
}
.page_limit .container table.tb_style tr.lv2 td.name {
	width: 200px;
	background: #cbe2c3;
	color: #333;
	font-weight: bold;
	font-size: 13px;
}
.page_limit .container table.tb_style tr.lv1 td.name {
	width: 200px;
	background: #eaf3e8;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.container .list_title {
	font-weight: bold;
	font-size: 15px;
}
.page_limit .empty {
	background-color: #ececec;
}
.page_limit th.normal {
	border-left: solid 2px #999;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
}
.page_limit td.normal {
	border-left: solid 2px #999;
	border-right: solid 2px #999;
	font-weight: bold;
}
.page_limit tr:last-child td.normal {
	border-left: solid 2px #999;
	border-right: solid 2px #999;
	border-bottom: solid 2px #999;
	font-weight: bold;
}
.page_limit td.past {
	background-color: #ececec;
	color: #999;
}
/******************************************************************************
 * 検索結果 
 *****************************************************************************/
.page_search ul.result li {
	padding: 15px;
	margin-bottom: 10px;
	border: 1px dashed #CBE2C3;
	background-color: #eaf3e8;
}

/******************************************************************************
 * 見本 
 *****************************************************************************/
.page_paper_detail .img{
	width:400px;
}
.page_paper_detail .msg{
	width:315px;
}
.page_paper_detail .img ul {
	width:412px;
	margin-top:11px;
	position:relative;
}
.page_paper_detail .paper_detail {
	margin-top: 10px;
}
.page_paper_detail .img li{
	float:left;
	width:91px;
	margin: 0 12px 12px 0;
}
.page_paper_detail .paper_detail span{
	display: block;
	padding: 5px;
	color:#0C5F8B;
	text-align: left;
	background:#e5f0f7;
}
.page_paper_detail  .paper_detail ul{
	margin: 5px 0 15px 0;
}
.page_paper_detail  .paper_detail ul li{
	display: inline;
	margin-right: 10px;
}
.page_paper_detail .title.bgn {
	margin: 0 0 5px 0;
}
.page_paper_detail h4 {
	height: 24px;
	background:url(/images/paper/staff_icon.png) no-repeat left bottom;
}
/******************************************************************************
 * キャンペーン詳細 
 *****************************************************************************/
.page_campaign_detail .txt_green{
	color:#060;
}
.page_campaign_detail .title_tb_name{
	display:inline-block;
	padding:5px 30px;
	background:#0C5F9D;
	color:#fff;
}
.page_campaign_detail .title_service_num{
	display:block;
	margin-bottom:10px;
}
.page_campaign_detail .title_service{
	font-size:18px;
	font-weight:bold;
	display:block;
	padding:0 0 3px 15px;
	margin-bottom:15px;
	border-bottom:#CCC solid 1px;
	background:url(http://placehold.it/10x25) no-repeat left top;
	position:relative;
}
.page_campaign_detail .title_section{
	position:relative;
}
.page_campaign_detail .title_section span{
	color:#fff;
	font-size:12px;
	display:inline-block;
	padding:2px 15px;
	background:#666;
	position:absolute;
	right:0;
	top:0;
}
.page_campaign_detail .list_menu{
	width:744px;
	margin-bottom:15px;
}
.page_campaign_detail .list_menu li {
	float:left;
	width:115px;
	margin-right:9px;
}
.page_campaign_detail .list_menu a{
	text-align:center;
	display:block;
	padding:5px 0;
	background:#A6CF29;
	color:#363636;
	text-decoration:none;
}
.page_campaign_detail .list_menu a:hover{ 
	background:#FFAA00; 
	color:#fff;
}
/*------ tb_name ------*/
.page_campaign_detail .tb_name{
	margin-bottom:30px;
}
.page_campaign_detail .tb_name th{
	text-align:center;
	vertical-align:top;
	width:120px;
}
/*------ itab ------*/
.page_campaign_detail #itab {
	margin-bottom:30px;
}
.page_campaign_detail #itab .form_menu{
	margin-bottom:15px;
}
.page_campaign_detail #itab .form_menu select{
	margin-right:15px;
}
.page_campaign_detail #itab .form_menu span{
	margin-right:15px;
}
.page_campaign_detail #itab .itab_menu{
	background:url(/images/service/bg_tabs.png) no-repeat left top;
	margin-bottom:-1px;
}
.page_campaign_detail #itab .itab_menu li{
	float:left;
}
.page_campaign_detail #itab .itab_menu a {
	display: block;
	width: 63px;
	padding-right:2px;
}
.page_campaign_detail #itab .itab_menu img {
	visibility: hidden;
}
.page_campaign_detail #itab .ui-tabs-selected img {
	visibility: visible;
}
.page_campaign_detail #itab .itab_detail{
	padding:15px;
	border:#FFAA00 solid 1px;
}
.page_campaign_detail #itab .ui-tabs-hide {
	display: none;
}
/*---------- End page_service_detail -------------*/

/******************************************************************************
 * オプション
 *****************************************************************************/
.option_list {
	width: 750px;
	/* max-width: 750px; */
    display: flex;
    flex-wrap: wrap;
}
.option-div {
    float: left;
    width: 174px;
    margin-right: 13px;
    margin-bottom: 20px;
 }
.option_list li {
	float: left;
	width: 174px;
	margin-right: 13px;
	margin-bottom: 20px;
}
.option_list a.title {
	display: block;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 14px;
	background: url(/images/common/arrow03.gif) no-repeat 2px 0.5em;
	font-size: 14px;
}
.page_option .title_section {
	background: url(/images/service/service_bg_title_section.png) no-repeat 2px;
}
.page_option .info {
	background: url(/images/service/info_bg_title_section.png) no-repeat 2px;
	color: #555;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px 0 0 50px;
}

/******************************************************************************
 * 段組 
 *****************************************************************************/
div.sec { clear: both; }
div.sec .cell.l475 { float: left; width: 470px; padding-right: 15px; }
div.sec .cell.l470 { float: left; width: 470px; padding-right: 15px; }
div.sec .cell.r250 { float: left; width: 250px; }

/******************************************************************************
 * 見出し 
 *****************************************************************************/
h3.monkey {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(/images/common/bg_title_sub.png) no-repeat left top;
	padding-left: 60px;
	padding-top: 15px;
}
h3.monkey:first-child { margin-top: 0; }

p.title {
	display: block;
	margin: 10px 0;
	padding-left: 50px;
	background: url(/images/limit/mark.png) no-repeat left bottom;
	line-height: 40px;
	color: #F58016;
	font-size: 16px;
	font-weight: bold;
}
p.title.bgn {
	display: block;
	margin: 10px 0;
	padding: 0;
	background: none;
	line-height: 120%;
	color: #F58016;
	font-size: 16px;
	font-weight: bold;
}
span.colorRed { color: #df3f86; }

/******************************************************************************
 * テーブル 
 *****************************************************************************/
/* 列タイトル1 */
table.tbl_coltitle_1    { border-collapse: collapse; border: 1px solid #c4dfef;}
table.tbl_coltitle_1 th { padding: 4px; background: #cbe2c3; border: solid 1px #ccc;font-weight: bold; }
table.tbl_coltitle_1 td { padding: 4px; border: solid 1px #ccc;}

/* 表交互 */
table.tbl_alt_1    { border-collapse: collapse; /*border: 1px solid #c4dfef;*/}
table.tbl_alt_1 th { padding: 4px; background: #cbe2c3; border: solid 1px #ccc;font-weight: bold; }
table.tbl_alt_1 td { padding: 4px; border: solid 1px #ccc;}
table.tbl_alt_1 tr.bg td { padding: 4px; background: #eaf3e8; border: solid 1px #ccc;}

/* 行列タイトル1 */
table.tbl_rowcoltitle_1    { border-collapse: collapse; border: 1px solid #c4dfef;}
table.tbl_rowcoltitle_1 th { padding: 4px; background: #cbe2c3; border: solid 1px #ccc;font-weight: bold; }
table.tbl_rowcoltitle_1 td.title { padding: 4px; background: #9acd32; border: solid 1px #ccc;}
table.tbl_rowcoltitle_1 td { padding: 4px; border: solid 1px #ccc;}

/******************************************************************************
 * 仕様ボックス
 *****************************************************************************/
.spec_header {
	display: block;
	clear: both;
	width: 15em;
	height: 1.6em;
	margin-left: 10px;
	background: none repeat scroll 0 0 #a5d65f;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.3em;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
}
.spec_box {
	position: relative;
	width: 730px;
	padding: 4px 8px 0;
	border: 2px solid #a5d65f;
}
.spec_box .spec_title {
	display: block;
	width: 90px;
	height: 1.6em;
	margin: 0 0 4px;
	background-color: #a5d65f;
	line-height: 1.6em;
	text-align: center;
	color: #ffffff;
}
.spec_box .spec_data {
	display: block;
	margin: 0 0 10px;
	line-height: 1.6em;
}
.spec_box .spec_line {
	height: 10px;
	margin: 0 0 10px;
	border-bottom: 2px dotted #a5d65f;
}

/******************************************************************************
 * オプションボックス
 *****************************************************************************/
.option_header {
	display:block;
	background: #75D3DC;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	height:1.6em;
	width:15em;
	letter-spacing:0.3em;
	line-height:1.6em;
	margin-left:10px;
}
.option_box {
	width: 730px;
	display:block;
	border:2px solid #75D3DC;
	padding: 8px;
	position:relative;
	overflow:hidden;
}
.option_box .option_title {
	display:block;
	width:90px;
	line-height:1.6em;
	height:1.6em;
	color:#FFFFFF;
	margin:0 0 4px 0;
	background:#75D3DC;
	text-align: center;
}
.option_box .option_data {
	display: block;
	line-height:1.6em;
	color:#928C80;
}
.option_box .option_line {
	height: 10px;
	margin: 0 0 10px;
	border-bottom:2px dotted #75D3DC;
}

/******************************************************************************
 * POINT
 *****************************************************************************/
.pointBox {
	padding: 8px 15px 10px 10px;
	background: #e5e2dd;
	line-height: 1.6;
	color: #473f33;
}

/******************************************************************************
 * Quick Link
 *****************************************************************************/
.quick_link { border-collapse: collapse; }
.quick_link th {
	background: url("/img/manual/manind_bgline.gif") repeat-x scroll right center rgba(0, 0, 0, 0);
	width: 223px;
	font-weight: normal;
	text-align: left;
}
.quick_link a { background: #fff; padding-right: 10px; }

/******************************************************************************
 * 会社概要
 ******************************************************************************/
#company_info .title_item {
	height: auto;
	padding-top: 20px;
	padding-bottom: 0;
	line-height: auto;
}
#company_info .title_item:first-child {
	padding-top: 0;
}
#company_info .dl03 dt {
	display: block;
	clear: both;
	float: left;
	width: 120px;
}
#company_info .dl03 dd {
	display: block;
	float: left;
	width: 400px;
}

#company_info .history dt {
	display: block;
	clear: both;
	float: left;
	width: 120px;
}
#company_info .history dd {
	display: block;
	float: left;
	width: 400px;
}
#company_info li {
	list-style: disc;
	margin-left: 20px;
	padding-left: 0;
}
#company_info .footer_link {
	margin-top: 30px;
}

/******************************************************************************
 * 営業案内
 ******************************************************************************/
#sales_info .title_item {
	height: auto;
	padding-top: 20px;
	padding-bottom: 0;
	line-height: auto;
}
#sales_info .title_item:first-child {
	padding-top: 0;
}
#sales_info table td {
	width: 50%;
}
#sales_info div.map {
	margin-top: 20px;
}
#sales_info div.map br {
	display: none;
}
#sales_info .stations {
	padding: 20px 0;
}
#sales_info iframe {
	height: 400px;
}


/******************************************************************************
 * 初めてのお客様BOX
 ******************************************************************************/
div.boxbar {
	position: relative;
	padding: .80em 1.8em .80em 1.8em;
	border: 1px solid #ccc;
	font-size:15px;
	line-height:2em;
/*	font-weight:bold;*/
}
div.boxbar a,h3.boxbar a:visited {
	text-decoration:none;
}
div.boxbar::after {
	position: absolute;
	top: .7em;
	left: .7em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #F49A08;
	border-radius: 4px;
}
/******************************************************************************
 * 初めてのお客様見出しｈ3
 ******************************************************************************/
/*h3.midashi{
	padding:5px;
	border-bottom:dotted 2px #999999;
	font-size:17px;
	margin:15px 0px;
	width:100%
}*/
h3.midashi{
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 3px double #ccc;
	font-size:20px;
	margin:20px 0;
}
.columnContent h3.midashi {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background-color: #fffaf4;/*背景色*/
  border: unset;
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
/******************************************************************************
 * 緑陽社は高精細ｈ4
 ******************************************************************************/
div.midashi_yu19 {
	font-size:19px;
	/* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; */
	margin-bottom:15px;
}
/******************************************************************************
 * ボタン
 ******************************************************************************/
.btn_class_Green {
	font-size:16px;
	/* font-family:Arial; */
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #83c41a;
	padding:9px 21px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 35%, #8cb82b 70% );
	background:-ms-linear-gradient( top, #9dce2c 35%, #8cb82b 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#1C7F66');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #9dce2c), color-stop(70%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}.btn_class_Green:hover {
	background:-moz-linear-gradient( center top, #8cb82b 35%, #9dce2c 70% );
	background:-ms-linear-gradient( top, #8cb82b 35%, #9dce2c 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C7F66', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #8cb82b), color-stop(70%, #9dce2c) );
	background-color:#8cb82b;
}.btn_class_Green:active {
	position:relative;
	top:1px;
}
/******************************************************************************
 * h4見出し下線
 *****************************************************************************/
h4.midashi_line16 {
	font-size:16px;
	/* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; */
	border-bottom:dotted  #999999 2px;
	margin-bottom:15px;
}
/******************************************************************************
 * h3見出し割引サービス用
 *****************************************************************************/
h3.midashi_line16g {
	font-size:16px;
	/* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; */
	border-bottom:dotted  #999999 2px;
	margin-bottom:15px;
	color:#00533F;
	font-weight:bold;
}
/******************************************************************************
 * 見出し 緑のライン入りh4用
 *****************************************************************************/

.midashi_gl {
display: block;
height: 30px;
color: #F58016;
font-size: 17px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
padding-left: 10px;
color: #1F8D6A;
border-bottom: dashed 1px #1F8D6A;
border-left: 3px solid #1F8D6A;
}

/*2行*/

.midashi_glw {
display: block;
color: #F58016;
font-size: 17px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
padding-left: 10px;
color: #1F8D6A;
border-bottom: dashed 1px #1F8D6A;
border-left: 3px solid #1F8D6A;
}


/******************************************************************************
 * テーブルにスクロールバーを入れる（スマホ用）
 *****************************************************************************/

@media (max-width: 480px) {
    .table-scroll {
        overflow-x: scroll;
    }
}

/******************************************************************************
 * 右側にラインのある見出し_用語集キミドリ
 ******************************************************************************/
div.boxbar_G {
	position: relative;
	padding:.80em 1.2em .100em 1.8em;
	border: 1px solid #ccc;
	font-size:20px;
/*	line-height:2em;*/
/*	font-weight:bold;*/
	/* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; */
}
div.boxbar_G a,h3.boxbar_G a:visited {
	text-decoration:none;
}
div.boxbar_G::after {
	position: absolute;
	top: .7em;
	left: .7em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #AAD211;
	border-radius: 4px;
}
/******************************************************************************
 * テーブルの列と行を入れ替える（スマホ用）
 ******************************************************************************/
@media screen and (max-width: 480px) { /* ▼480：iPhone6+縦 */
/* テーブル セル2個 */
.respStyle th, .respStyle td { display:block; }
}

/******************************************************************************
 * オプションランキング
 ******************************************************************************/
#ranking{
/* font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
font-size:16px;
}

#ranking .rank{
clear:both;
margin-bottom:20px;
}

#ranking .text{
float:left;
width:480px;
padding:20px;
height:auto;
margin-bottom:30px;
}

#ranking .memo{
width:166px;
float:left;
height:auto;
border:1px #808072 solid;
padding:15px;
margin-bottom:30px;
}
@media screen and (max-width: 480px) {
#ranking .text{
width:100%;
height:auto;
padding:20px;
margin-bottom:30px;

}

#ranking .memo{
width:50%;
height:auto;
border:1px #808072 solid;
padding:15px;
margin-top:15px;
margin-bottom:30px;
text-align:center;
}
}

#ranking img {
max-width :100%;
height :auto;
}

.r1115{
margin:20px;
text-align:center;
clear:both;
}

h3.ranking{
font-size:20px;
margin-top:30px;
margin-bottom:10px;
text-align:center;
clear:both;
}

/*オプションページのテーブル*/

table.op {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.op th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.op td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/*マニュアルのクイックリンク*/

.manual_link_pc{
	border:1px dotted #009164;
	padding:5px;
	margin:4px ;
	float:left;
	text-align:center;
	color:#009164;
	font-weight:bold;
	width:22%;
	height:50px;
}


 a:hover .manual_link_pc{
	background-color: #55B983;
	color:#fff;

}

/*コラムリンクの右▲*/

p.golink::before, a.golink::before {
	font-size: 26px;
	text-decoration:none;
	vertical-align: middle;
    padding-left: 5px;
    content: "\25B8";
	color:#5B8C00;
	margin-bottom: 0px !important;
}
.sec_p p.golink {
margin-bottom: 0px !important;
font-size: 15px;
}

/*オプションページなどのスライド部分*/
.bx-wrapper .bx-viewport{
	-webkit-box-shadow: 0px;
	box-shadow:none;
/*	left: 38px;*/
}
.bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://www.ryokuyou.co.jp/doujin/option/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 0;
    background: url(https://www.ryokuyou.co.jp/doujin/option/images/controls.png) no-repeat -43px -32px;
}	
/*初心者用語のモーダル部分 */
.center-div {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 102px;
}
.left60 {
    float: left;
    width: 58%;
    padding-right: 10px;
    margin-left: 5px;
}
.left60 img {
    float: left;
    max-width: 100%;
}
.right40 {
    float: right;
    width: 38%;
    margin-right: 15px;
}
h3.monkeylong {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(/images/common/bg_title_sub_long.png) no-repeat left top;
    padding-left: 60px;
    padding-top: 15px;
}
@media all and (max-device-width : 600px) {
.left60 {
width:98%;
}
.right40 {
width:90%;
}
}
/*before-after 前後に比べのCSS*/
	.ba-slider{position:relative;overflow:hidden}
	.ba-slider img{width:100%;display:block;max-width:none}
	.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}
	.ba-slider .handle{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}
	.ba-slider .handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;
	font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#ffb800;border:1px solid #e6a600;border-radius:50%;
	transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #ffd466}
	.ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:50px;font-size:30px}
	
/* WP embed link 調整*/	
	iframe#twitter-widgetoon-0 {margin-left: -30px;}
	.timeline-Widget > footer.timeline-Footer.u-cf, .u-floatLeft, .u-floatRight, .u-cf:after, .u-cf:before {
		display: none!important;
	}

/* 投稿・イベントページのサービスところ */
.service-title {
	width: 170px;
	background-color: #20846b; 
	padding: 4px; 
	text-align: center; 
	color: #fff; 
	font-weight: bold;
	float: left;
	margin-right: 10px;
	}
.service-text{
	display: table-cell;
	}

@media all and (max-width : 600px) {
.service-sma {
	display: inline-grid;
	width: 100%;
	margin: 0 auto !important;
	padding-bottom: 10px;
	}
.service-title {
	margin: 0 auto !important;
	}
.service-text{
	padding-top: 7px;
	}
}
#main_slider.galleryview {
	visibility: visible !important;
}

/* セットページ更新2020-03　*/
#setCarousel {
  width: 100%;
  margin: 0 auto;
}
#setCarousel .item {
  width: 30% !important;
  float: left;
  text-align: center;
  margin: 0 auto;
  padding: 10px 5px;
}
#setCarousel .item:last-of-type {
width: 34%;
}
#setCarousel .item img {
  display: block;
  text-align: center;
  margin: 0 auto;
  max-width: 99%;
}
#setCarousel .item p {
  text-align: center;
  padding: 6px;
  font-size: 13px;
  color: #483F33;
}
#setCarousel .item p:hover {
  opacity: 0.7;
}
#setCarousel .ichiran {
  display: block;
  text-align: right;
  font-size: 110%;
}


@media only screen and (max-width: 480px) {
#setCarousel {
  margin-left: 10px;
  }
#setCarousel .item {
  margin-right: 0 !important;
  }
#setCarousel .item:nth-of-type(5) {
  width: 29%;
}
#setCarousel .item:nth-of-type(6) {
  width: 31%;
}
}

@media only screen and (max-width: 320px) {
#setCarousel .item {
  width: 29%;
}
#setCarousel .item:last-of-type {
  width: 34%;
}
}

  /*　　↓コース対応アイコン　　*/
  .jikan {
        float: left;
        padding-top: 8px;
}
 .courses {
        float: right;
}
div.icon_course{
		margin-bottom:15px;
		display:block;
}

.fair_course{
		width:92px;
		padding:8px;
		margin:8px;
		font-size:1em;
		border-radius: 5px;
		float:left;
		font-size:13px;
		
}

.sy{
		border:2px solid #FF6070;
		color:#FF6070;
}
.sn{
		border:2px solid #aaa;
		color:#aaa;
}
.dy{
		border:2px solid #61CB14;
		color:#61CB14;
}
.ssy{
		border:2px solid #FF6070;
		color:#FF6070;
}
.ssy span{
		letter-spacing: -0.15em;
}
.dsy{
		border:2px solid #61CB14;
		color:#61CB14;
}
.dsy span{
		letter-spacing: -0.15em;
}
.dn{
		border:2px solid #aaa;
		color:#aaa;
}
@media all and (max-width: 480px) {
.fair_course{
		width:94px;
}
}
/*　　コース対応アイコンここまで　　*/