@charset "utf-8";

#cashress {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    background-position: left bottom;
    background-repeat: repeat;
    padding: 0;
    margin: 0;
    background-size: 100% 100%;
}
#cashress #cashimage {
    margin: 0;
    padding: 0;
    width: 100%;
}
#cashress #cashimage img {
    width: 100%;
    display: block;
}


/* lrft box */
#index_left {
	width: 44%;
	padding: 0 0 0 3%;
	float: left;
	margin-bottom: 20px;
}


/* red big link */
#biglink_red {
	margin-bottom: 5px;
}

ul.blinkred {
	margin: 0;
	padding: 0;
}
ul.blinkred li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.blinkred li img {
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 357px;
}
#biglink_red ul.blinkred a ,#biglink_red ul.blinkred a:visited {
    display: block;
    padding: 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #E83820;
}
#biglink_red ul.blinkred a:hover , #biglink_red ul.blinkred a:active, #biglink_red ul.blinkred a:focus{
    display: block;
    padding: 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #666;
}

/* red mini link */

#minilink_red {
}

ul.mlinkred {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
ul.mlinkred li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.mlinkred li img {
    width: 100%;
    max-width: 352px;
    margin: 0 auto;
    display: block;
}
#minilink_red ul.mlinkred a ,#minilink_red ul.mlinkred a:visited {
    display: block;
    padding: 2.5% 5%;
    margin: 0 0 5px 0;
    border-radius: 20px;
    background-color: #EA5532;
}
#minilink_red ul.mlinkred a:hover , #minilink_red ul.mlinkred a:active, #minilink_red ul.mlinkred a:focus{
    display: block;
    padding: 2.5% 5%;
    margin: 0 0 5px 0;
    border-radius: 20px;
    background-color: #666;
}


/* right box */

#index_right   {
	padding: 0 3% 0 0;
	width: 44%;
	float: right;
	margin-bottom: 20px;
}
/* engage */
#engage_bana {
	margin-bottom: 5px;
}

ul.engage {
	margin: 0;
	padding: 0;
}
ul.engage li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.engage li img {
    width: 100%;
    max-width: 382px;
    margin: 0 auto;
    display: block;
}
#engage_bana ul.engage a ,#engage_bana ul.engage a:visited {
    display: block;
    padding: 2% 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #63af34;
}
#engage_bana ul.engage a:hover , #engage_bana ul.engage a:active, #engage_bana ul.engage a:focus{
    display: block;
    padding: 2% 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #666;
}

/* green big link */
#biglink_green {
	margin-bottom: 5px;
}

ul.blinkgreen {
	margin: 0;
	padding: 0;
}
ul.blinkgreen li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.blinkgreen li img {
    width: 100%;
    max-width: 382px;
    margin: 0 auto;
    display: block;
}
#biglink_green ul.blinkgreen a ,#biglink_green ul.blinkgreen a:visited {
    display: block;
    padding: 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #007302;
}
#biglink_green ul.blinkgreen a:hover , #biglink_green ul.blinkgreen a:active, #biglink_green ul.blinkgreen a:focus{
    display: block;
    padding: 5%;
    margin: 0;
    border-radius: 20px;
    background-color: #666;
}

/* green mini link */

#minilink_green {
}

ul.mlinkgreen {
	margin: 0;
	padding: 0;
}
ul.mlinkgreen li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.mlinkgreen li img {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: block;
}
#minilink_green ul.mlinkgreen a ,#minilink_green ul.mlinkred a:visited {
    display: block;
    padding: 2.5% 5%;
    margin: 0 0 5px 0;
    border-radius: 20px;
    background-color: #5C854E;
}
#minilink_green ul.mlinkgreen a:hover , #minilink_green ul.mlinkgreen a:active, #minilink_green ul.mlinkgreen a:focus{
    display: block;
    padding: 2.5% 5%;
    margin: 0 0 5px 0;
    border-radius: 20px;
    background-color: #666;
}


/* kigyou link */

#link_kigyo {
    margin: 0;
}

ul.kigyo {
	margin: 0;
	padding: 0;
}
ul.kigyo li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
ul.kigyo li img {
    width: 100%;
    max-width: 365px;
    margin: 0 auto;
    display: block;
}
#link_kigyo ul.kigyo a ,#link_kigyo ul.kigyo a:visited {
    display: block;
    border: solid 1px #666;
    background: linear-gradient(#B5B5B6,#E3E3E3, #B5B5B6,#D2D2D2);
    padding: 1% 2%;
}
#link_kigyo ul.kigyo a:hover , #link_kigyo ul.kigyo a:active, #link_kigyo ul.kigyo a:focus{
    display: block;
    border: solid 1px #666;
    background: linear-gradient(#CCC, #EEE, #FFF);
    padding: 1% 2%;
}

#textbox a:link  {
	color: #0065AE;
	text-align: center;
	text-decoration: none;
}
#textbox a:hover {
	color: #0065AE;
	text-decoration: underline;
}
#textbox a:visited  {
	color: #0065AE;
	text-decoration: none;
}
#textbox {
    margin: 20px 0 0 0;
    width: 100%;
}
#textbox p {
	margin: 0;
	font-size: 14px;
}
#click {
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 340px;
}
#click img {
	width: 100%;
	max-width: 340px;
}
.sns {
    width: 100%;
    margin: 20px auto;
    max-width: 900px;
}
.sns h3 {
    margin: 0 0 1% 0;
    background-color: #173384;
    display: block;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    font-size: 18px;
    padding: 5px 5px 3px 5px;
    line-height: 18px;
}


/* smileone link */

#smilelink {
	width: 49.5%;
	margin: 0;
	float: left;
}
ul.snslink {
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: 100%;
}
ul.snslink li.tw   {
    margin: 0.5% 4% 0.5% 0;
    padding: 0;
    list-style-type: none;
    width: 46%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.insta   {
    margin: 0.5% 2%;
    padding: 0;
    list-style-type: none;
    width: 46%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.fb   {
    margin: 0.5% 2%;
    padding: 0;
    list-style-type: none;
    width: 46%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.line   {
    margin: 0.5% 2%;
    padding: 0;
    list-style-type: none;
    width: 46%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li img  {
    width: 100%;
    display: block;
}

/* promart link */

#promartlink {
	margin: 0;
	width: 49.5%;
	float: right;
}
.displaynone_480 {
	display: none;

}
/* promart link */
#schedule {
	padding: 0 3% 3% 3%;
}
#schedule p {
	padding: 0;
	margin: 5px 0;
	font-weight: bold;
	font-size: 20px;
}


ul.schedulelink {
	margin: 0;
	padding: 0;
}
ul.schedulelink li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.schedulelink li img {
	width: 100%;
	max-width: 360px;
}
#schedule ul.schedulelink a ,#schedule ul.mlinkred a:visited {
	display: block;
	padding: 1.5% 5% 1% 5%;
	margin: 0 0 5px 0;
	border-radius: 15px;
	background-color: #FF0000;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 25px;
	line-height: 25px;
}
#schedule ul.schedulelink a:hover , #schedule ul.schedulelink a:active, #schedule ul.schedulelink a:focus{
	display: block;
	padding: 1.5% 5% 1% 5%;
	margin: 0 0 5px 0;
	border-radius: 15px;
	background-color: #666;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
}
.newsspace {
    margin: 10px auto;
    padding: 0;
    width: 95%;
}
.newsspace .news {
    margin: 0 0 5px 0;
    display: block;
}
.newsspace .news p {
    padding: 0;
    margin: 10px 0;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.newsspace .news p .hiduke  {
    text-align: left;
    font-size: 15px;
    margin: 3px 10px;
    padding: 0;
    line-height: 15px;
    display: block;
    float: left;
}
.newsspace .news p .honbun {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
.newsspace .news a:link, .newsspace .news a:visited {
    font-size: 18px;
    color: #1B82FD;
    text-decoration: underline;
}
.newsspace .news a:hover {
    color: #555555;
    display: block;
    font-size: 18px;
}





.newsspace a:link, .newsspace a:visited {
    text-decoration: none;
    color: #FF9046;
    font-size: 20px;
    line-height: 20px;
}
.newsspace a:hover {
    color: #DDDDDD;
}



.newsspace h3 {
    padding: 7px 0 2px 20px;
    margin: 0;
    display: block;
    background-color: #FFF100;
    font-size: 27px;
    line-height: 27px;
    color: #000000;
    border-bottom: 3px solid #FF6600;
}
.newsspace iframe {
    width: 100%;
    height: 70px;
    display: inherit;
}
.newsspace img {
    margin: 10px 0 20px 0;
    display: block;
    clear: both;
}

#gt {
    padding: 0;
    margin: 5px;
    width: 100%;
    max-width: 135px;
	line-height: 12px;
}
.other {
    margin: 10px auto;
    width: 100%;
    max-width: 537px;
}
.other img {
    width: 100%;
    display: block;
}
.cashless {
    margin: 0 auto 20px auto;
    padding: 2px;
    width: 70%;
    border: 1px solid #041B64;
}
.cashless img {
    width: 100%;
    margin: 0 0 5px 0;
    display: block;
}
.cashless p {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 98%;
    font-size: 15px;
}
.oshirasetext {
    margin: 0 auto 20px auto;
    width: 95%;
}
.oshirasetext h1 {
    background-color: #FF0000;
    color: #FFFFFF;
    margin: 0 0 10px 0;
    font-size: 25px;
}
.oshirasetext p {
    margin: 0 auto;
    text-align: left;
    width: 95%;
}
.oshirasetext .textred {
    color: #FF0000;
    font-weight: bold;
}
.long_bana {
    margin: 0 auto 10px auto;
    padding: 0;
    width: 100%;
    display: block;
    max-width: 891px;
}
.long_bana img {
    margin: 5px 0;
    width: 100%;
    display: block;
}
.gienkin_bana   {
    margin: 10px auto 0 auto;
    width: 95%;
}
.gienkin_bana img {
    width: 100%;
    display: block;
}
.gyouseki {
    width: 100%;
    margin: 20px auto 0 auto;
    display: block;
}
.gyouseki h2 {
    font-size: 25px;
    line-height: 28px;
    border-bottom: 3px solid #FF0000;
}

.gyouseki ul {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    max-width: 894px;
    width: 100%;
}

.gyouseki ul li {
    padding: 0;
    margin: 0 auto;
}

.gyouseki ul li img {
    margin: 0;
    display: block;
}
.gyouseki ul li a:link , .gyouseki ul li a:visited {
    margin: 0;
    border: 2px solid #005E36;
    display: block;
}
.gyouseki ul li a:hover {
    border: 2px solid #6B80FB;
    margin: 0;
    display: block;
}


.gyouseki p {
    margin: 5px auto 0 auto;
    width: 100%;
    max-width: 890px;
}
.gyouseki p img {
    width: 100%;
    min-width: 842px;
    display: block;
}

.gyouseki p a:link, .gyouseki p a:visited {
    color: #686868;
    text-decoration: underline;
    font-weight: bold;
}
.gyouseki p a:hover {
    color: #6B80FB;
    font-weight: bold;
}






















/* Media query for tablets */
@media print, screen and (max-width:700px) {

#index_left {
	width: 44%;
	padding-left: 3%;
	float: left;
}
#index_right {
	float: right;
	width: 44%;
	padding-right: 3%;
}
.displaynone_480 {
	display: inline;
}
.smile_proma h3 {
	padding: 0;
	line-height: 18px;
}

ul.snslink li.tw   {
    margin: 0.5% 1%;
    padding: 0;
    list-style-type: none;
    width: 48%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.insta   {
    margin: 0.5% 1%;
    padding: 0;
    list-style-type: none;
    width: 48%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.fb   {
    margin: 0.5% 1%;
    padding: 0;
    list-style-type: none;
    width: 48%;
    text-align: left;
    display: block;
    float: left;
}
ul.snslink li.line   {
    margin: 0.5% 1%;
    padding: 0;
    list-style-type: none;
    width: 48%;
    text-align: left;
    display: block;
    float: left;
}


}

/*media query for small screen devices */
@media print, screen and (max-width:480px) {
.smile_proma h3 {
	padding: 0;
	margin: 0;
	line-height: 18px;
}


/* smileone link */

#smilelink {
	width: 100%;
	margin: 10px auto;
	float: none;
	max-width: 415px;
}
/* promart link */

#promartlink {
	margin: 0 auto 10px auto;
	width: 100%;
	float: none;
	max-width: 415px;
}
.displaynone_480 {
	display: inline;

}
.cashless {
    width: 95%;
}
.newsspace {
    margin: 5px 0;
    width: 100%;
}
#index_left {
    padding: 0;
    margin: 0 1%;
    width: 48%;
}
#index_right {
    padding: 0;
    margin: 0 1%;
    width: 48%;
}
.sns h3 {
    font-size: 15px;
    line-height: 15px;
}






	
}