@charset "UTF-8";

/* --------- overwrite: _assets --------- */
.st-GlobalInner {
  max-width: 100%;
  padding: 0;
}
.st-GlobalNav_Area .st-GlobalInner {
    position: absolute;
}

.st-GlobalSiteNav_SubItem:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4em;
  left: 0;
  width: 0;
  height: 0;
  border: none;
}

.st-GlobalSiteNav_SubLink {
	display: block;
	padding: 16px 0;
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 600;
	text-decoration: none;
	border-top: none;
	border-bottom: 1px solid #747474;
}

/* --------- reset --------- */
#contents *, #contents *:before, #contents *:after {
    /* box-sizing: inherit; */ /* overwrite: _assets */
    box-sizing: content-box;
}

body, #contents div, #contents dl, #contents dt, #contents dd,
#contents ul, #contents ol, #contents li,
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6,
#contents pre, #contents form, #contents fieldset, #contents input, #contents textarea, #contents p, #contents blockquote{
padding:0;
margin:0;
}
#contents fieldset, #contents img{
border:0;
}
#contents div{
display:block;
}
#contents address, #contents caption, #contents cite, #contents code,
#contents dfn, #contents em, #contents strong, #contents th, #contents var{
font-weight:normal;
font-style:normal;
}
#contents ol, #contents ul{
list-style:none;
}
#contents caption, #contents th{
text-align:left;
}
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6{
font-weight:normal;
font-size:100%;
}
#contents q:before, #contents q:after{
content:'';
}
#contents abbr, #contents acronym{
border:0;
}
#contents img{
vertical-align: bottom;
}
#contents input, #contents select, #contents textarea{
font-size:100%;
font-family:inherit;
}

/* clearfix */
.clearfix {
display:inline-block;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/* link */
#contents a:link { color:#1780c4; text-decoration:none; }
#contents a:visited { color:#1780c4; text-decoration:none; }
#contents a:hover { color:#1780c4; text-decoration:underline; }




/* --------- common: contents --------- */
body #contents{
	line-height:1.5;
	color:#555555;
	margin:0 auto;
}
#contents h1{
	color:#ffffff;
	font-size:21px;
	padding:5px 0 5px 10px;
	font-weight:bold;
}
#contents {
	background-color:#ffffff;
	width:100%;
}
#contents a:link, #contents a:visited {
	text-decoration:none;
	color:#2a96e1;
}
#contents a:hover, #contents a:active {
	text-decoration:underline;
	color:#2a96e1;
}
#contents #index {
	margin:40px auto 50px auto;
	max-width:950px;
	text-align:left;
	z-index:0;
}
#contents .main {
	float:left;
	width:680px;
	text-align:left;
	word-break:normal;
}

@media screen and (max-width: 640px) {
	body #contents,
	#contents,
	#contents #index,
	#contents #news,
	#contents #catalog,
	#contents #product{
		float:none;
		width:92%;
		margin:40px auto 0 auto;
	}
}


/* --------- headerMenuWhite --------- */
#contents #headerMenuWhite{
	clear:both;
	width:100%;
	position:relative;
	z-index:500;
	background-color: #ffffff;
}
#contents #menuWrapper{
	clear:both;
	overflow:hidden;
	width:100%;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-image:url("../img/common/menu_bg.gif");
	background-repeat:repeat-x;
	background-position:right bottom;
}


@media screen and (max-width: 640px) {
	#contents #menuWrapper{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	/* sp_title */
	#contents #menuWrapper,
	#contents #spTitle,
	#contents #spMenu{
		display:none;
	}
}

/* --------- common: headerMenu --------- */
#contents #headerMenu{
	background-color:#ffffff;
	width:100%;
	height:37px;
	position:relative;
	z-index:500;
}
#contents #menu{
	width:100%;
	max-width:1110px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-image:url("../img/common/menu_line.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
#contents #menu ul{
	display:table;
	position:absolute;
	text-align:left;
}
#contents #menu li{
	background-image:url("../img/common/menu_line.gif");
	background-repeat:no-repeat;
	background-position:right center;
	float:left;
	display:table-cell;
	width:20%;
	margin:0;
	padding:0px 3px;
	box-sizing: border-box;
}


#contents #menu li:first-child{
	border-left:none;
}
#contents #menu li a{
	display:block;
	padding:15px 0;
	color:#333333;
	font-size:14px;
	text-decoration:none;
	font-weight: bold;
	background-image:url("../img/common/menuoff_bg.gif");
	background-repeat:repeat-x;
	background-position:right bottom;
}

#contents #menu .level1 > a:hover,
#contents #menu li.current a {
	color:#e00523;
	background-image:url("../img/common/menuon_bg.gif");
	background-repeat:repeat-x;
	background-position:right bottom;
}

/*---------------------------------------------------------*/




a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
.main-area img { width:auto; max-width:100%; height:auto; }








/* #top_slideshow */


#top_slideshow .disp_pc,
#top_slideshow .disp_tab {
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}
#top_slideshow p {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 55px 30px;
}
#top_slideshow p span {
	font-size: 31px;
}


/* ----- index: area ----- */
body #contents #index{
	margin:40px auto 30px auto;
	max-width:1110px;
	text-align:left;
	z-index:0;
}
body #contents #index .main-area{
	background-color:#ffffff;
}

@media screen and (max-width: 1110px){
	body #contents #index .main-area,
	body #contents div.contact .contact-index {
		padding:0 2%;
	}
}
@media screen and (max-width: 640px){
	body #contents{
		width:100%;
		margin:0 auto;
		background-color:#ffffff;
	}
	body #contents #index{
	    margin:20px auto 30px auto;
		width:100%;
	}
	body #contents #index .main-area{
		padding:0;
	}
}


.disp_pc2 { display:block !important; }
.disp_pc { display:block !important; }
.disp_tab { display:none !important; }

@media screen and (max-width: 1024px) {
.disp_pc { display:none !important; }
.disp_tab { display:block !important; }
}

.disp_sp { display:none !important; }


#display-top-l { float:left; width:72%; }
#display-top-l section { padding:0 0 40px; position:relative; }

#display-introduction-sec {}
#display-introduction-sec p {}

#display-product-sec {}
#display-product-sec ul {}
#display-product-sec li { float:left; width:48%; margin:0 2% 20px 0; }
#display-product-sec li a {}
#display-product-sec li img { margin:0 0 5px; }
#display-product-sec li span { display:block; }
#display-product-sec li a:hover { text-decoration:none; }

#display-top-r { float:right; width:25%; }
#display-top-r p { padding:0 0 20px; }
#display-top-r p a { display:block; }
#display-top-r p img {}
#display-top-r ul { background:#f6f6f6; padding:10px; }
#display-top-r li {}
#display-top-r li:first-child { margin:0 0 10px; }
#display-top-r li a { display:block; /*width:203px;*/ height:50px; line-height:50px; background:#fff; border:1px #ccc solid; padding:0 10px 0 45px; font-size:1rem; color:#333 !important; position:relative; }
#display-top-r li:first-child a:before { content:url(../img/common/icon_aside_01.png); position:absolute; top:5px; left:11px; }
#display-top-r li:last-child a:before { content:url(../img/common/icon_aside_01.png); position:absolute; top:5px; left:13px; }
#display-top-r li a:hover { text-decoration:none; opacity:0.7; transition:0.2s ease-in-out; }


#footer-nav { background:#f2f2f2; padding:22px 10px !important; }
#footer-nav nav { max-width: 100%; width:1110px; margin:0 auto; }
#footer-nav ul {}
#footer-nav li { display:inline-block; line-height:1.3; margin:0 80px 0 0; }
#footer-nav li a { font-size:0.875rem; color:#333 !important; }
#footer-nav li a:hover { text-decoration:underline; }



/* SAMPLE */

.h2-basic { line-height:1.3; margin:0 0 20px !important; padding:12px 16px !important; font-size:1.125rem !important; color:#333; font-weight:bold !important; position:relative; }
.h2-basic:before { content:""; position:absolute; top:10px; left:0; width:3px; height:27px; border-left:3px #d60522 solid; }

.h3-basic { line-height:1.3; border-bottom:1px #d9d9d9 solid; margin:0 0 20px !important; padding:10px 0 !important; font-size:1.125rem !important; color:#333; font-weight:bold !important; }
.h4-basic { line-height:1.3; margin:0 0 15px !important; padding:8px 15px 10px 1.2rem !important; font-size:1rem !important; color:#333; font-weight:bold !important; position:relative; }
.h4-basic:before { content:""; position:absolute; top:8px; left:0; width:1rem; height:1rem; background:#e00523; }
.h5-basic { line-height:1.3; margin:0 0 15px !important; padding:5px 0 10px !important; font-size:1rem !important; color:#333; font-weight:bold !important; }

.btn-basic { text-align:center; margin:0 auto !important; font-size:0.938rem; }
.btn-basic a { display:block; width:100%; line-height:1.3; background:#666; text-align:center; margin:auto; padding:15px 10px; color:#fff !important; position:relative; box-sizing:border-box !important; }
.btn-basic a:after { content:""; position:absolute; bottom:5px; right:0; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; transform:rotate(-45deg); }
.btn-basic a:hover { opacity:0.8; transition:0.2s ease-in-out; text-decoration:none !important; }
.btn-more1 { width:70%; padding:0 0 30px !important; }
.btn-more2 { padding:0 0 30px !important; }
.btn-more2 li { display:inline-block; vertical-align:top; width:48%; margin:0 0.5% !important; box-sizing:border-box !important; }
.btn-more2-box { text-align:center; margin:0 auto; }
.btn-more2-box ul { display:inline-block; width:100%; text-align:left; }

.txt-basic { line-height:1.85; padding:0 0 1em; font-size:0.938rem; color:#333; }
.txt-basic p { padding:0 0 20px !important; }
.txt-basic ol, .txt-basic ul { margin:0 0 0 1.5rem !important; padding:0 0 20px !important; }
.txt-basic ol ul, .txt-basic ol ol, .txt-basic ul ul, .txt-basic ol ol { margin:0 !important; }
.check_01 { margin-left:0 !important; list-style-type:none; }
/*.check_01 li { background:url(../img/common/ico_check_01.png) 0 5px no-repeat; padding:0 0 0 30px; list-style-type:none; }*/
.txt-basic ul { list-style-type:disc !important; }
.txt-basic ol { list-style-type:decimal !important; }

.tr-box {}
.td-box { float:left; }
.pn2 .td-box { width:50%; }
.pn3 .td-box { width:33.3%; }
.pn4 .td-box { width:25%; }
.pn5 .td-box { width:20%; }
.pn6 .td-box { width:16.6%; }
.pn7 .td-box { width:14.2%; }
.pn8 .td-box { width:12.5%; }
.pn9 .td-box { width:11.1%; }
.pn10 .td-box { width:10%; }

.txt-basic dl { padding:0 0 10px; }
.txt-basic dt { padding:0 0 5px; }
.txt-basic dd { padding:0 0 20px; }

.img-l dt { float:left; text-align:center; margin:0 auto 20px; }
.img-l dt img { width:100%; height:auto; margin:0 0 10px; }
.img-l dd { float:right; }
.img-r dt { float:right; text-align:center; margin:0 auto 20px; }
.img-r dt img { width:100%; height:auto; margin:0 0 10px; }
.img-r dd { float:left; }

.img20 dt { width:20%; }
.img20 dd { width:77%; }
.img25 dt { width:25%; }
.img25 dd { width:72%; }
.img30 dt { width:30%; }
.img30 dd { width:67%; }
.img35 dt { width:35%; }
.img35 dd { width:62%; }
.img40 dt { width:40%; }
.img40 dd { width:57%; }
.img45 dt { width:45%; }
.img45 dd { width:52%; }
.img50 dt { width:50%; }
.img50 dd { width:47%; }
.img55 dt { width:55%; }
.img55 dd { width:42%; }
.img60 dt { width:60%; }
.img60 dd { width:37%; }
.img65 dt { width:65%; }
.img65 dd { width:32%; }
.img70 dt { width:70%; }
.img70 dd { width:27%; }
.img75 dt { width:75%; }
.img75 dd { width:22%; }
.img80 dt { width:80%; }
.img80 dd { width:17%; }

.img-c { text-align:center; margin:0 auto 20px; }
.border img { border:1px #ccc solid; }

.img-2pane { text-align:center; margin:0 auto; }
.img-2pane ul { display:inline-block; text-align:left; }
.img-2pane li { display:inline-block; vertical-align:top; width:47.5%; text-align:center; margin:0 0.25% 0.5em !important; }
.img-2pane li img { width:100%; height:auto; }

.img-2pane2 { text-align:center; margin:0 auto; }
.img-2pane2 ul { display:table; table-layout: fixed; text-align:left; width: 100%; }
.img-2pane2 li { display:table-cell; vertical-align:top; width:42.5%; text-align:center; margin:0 0.25% 0.5em !important; }
.img-2pane2 li.arrow { vertical-align: middle; width:10%; text-align:center; padding:0 10px !important; }
.img-2pane2 li img { width:100%; height:auto; }

.img-3pane { text-align:center; margin:0 auto; }
.img-3pane ul { display:inline-block; text-align:left; }
.img-3pane li { display:inline-block; vertical-align:top; width:31.5%; text-align:center; margin:0 0.25% 0.5em !important; }
.img-3pane li img { width:100%; height:auto; }

.img100 img, .img100 li img { width:100% !important; height:auto; }
.spfn li {}

.table-basic { line-height:1.4; border:1px #bcbcbc solid; border-collapse:collapse; margin:0 0 20px !important; font-size:0.8rem; }
.table-basic th { background:#eee; vertical-align:middle; border:1px #bcbcbc solid; text-align:center !important; padding:5px 3px; color:#333 !important; }
.table-basic thead th { background:#666; color:#fff !important; }
.table-basic td { border:1px #bcbcbc solid; text-align:center !important; padding:5px 3px; color:#333 !important; }
.vam { vertical-align:middle; }
.wsnr { white-space:nowrap; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w100 { width:100%; }

.dl-basic { padding:0 0 30px; }
.dl-basic dt { clear:both; float:left; width:6em; padding:0.5em 0 !important; font-weight:bold; }
.dl-basic dd { border-bottom:1px #ccc solid; padding:0.5em 0 0.5em 7em !important; position:relative; }
.dl-basic dd:after { content:""; position:absolute; bottom:-1px; left:0; width:6em; border-bottom:1px #d60522 solid; }

#qa-ul { border:1px #0069ab solid; margin:0 0 20px !important; padding:20px !important; }
#qa-ul li { counter-increment:question; line-height:1.3; border-bottom:1px #ddd dashed; margin:0 0 15px !important; padding:20px 1.8rem 35px 60px !important; color:#0069ab; font-weight:bold; position:relative; }
#qa-ul li:last-child { border-bottom:none; margin:0 !important; padding:20px 1.8rem 20px 60px !important; }
#qa-ul li:before { content:"Q"counter(question); position:absolute; top:5px; left:0; width:46px; height:46px; line-height:46px; background:#0069ab; border-radius:50%; text-align:center; color:#fff; }
#qa-ul li a { display:block; }
#qa-ul li a:after { content:"▼"; position:absolute; bottom:50%; right:10px; margin:-0.344rem 0 0 !important; font-size:0.688rem; color:#333; transform:scaleX(1.2) scaleY(0.7); }

.qa-dl { padding:20px 0 !important; }
.qa-dl dt { counter-increment:question; line-height:1.5; border-bottom:1px #333 solid; margin:0 0 15px !important; padding:20px 0px 35px 60px !important; color:#333; font-weight:bold; position:relative; }
.qa-dl dt:before { content:"Q"counter(question); position:absolute; top:8px; left:0; width:46px; height:46px; line-height:46px; background:#666; border-radius:50%; text-align:center; color:#fff; }

.qa-dl dd { counter-increment:answer; line-height:1.85; border-bottom:1px #333 solid; margin:0 0 15px !important; padding:20px 0px 20px 60px !important; line-height:1.85; font-size:0.938rem; color:#333; position:relative; }
.qa-dl dd:before { content:"A"counter(answer); position:absolute; top:8px; left:0; width:44px; height:44px; line-height:44px; border:1px #333 solid; border-radius:50%; text-align:center; font-size:16px; font-weight:bold; color:#333; }
.qa-dl dd h5 { line-height:1.5; padding:0 0 20px !important; }
.qa-dl dd p { margin:0 0 0 -60px !important; }

.media-wrap iframe { width:100%; height:400px; padding:0 0 40px !important; }

.txt-l { text-align:left !important; }
.txt-r { text-align:right !important; }
.txt-c { text-align:center !important; margin:auto !important; }
.hide { display:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.red { color:#ff0000; }
.blue { color:#000099; }
.orange { color:#f7811e; }
.black { color:#333 !important; }
.s { font-size:0.7rem; }
.l { font-size:1.25rem; }
.fb { font-weight:bold !important;; }
.fn { font-weight:normal !important; }
.mark2 { background:#ffff00; }
.u { text-decoration:underline; }
.lstn { list-style-type:none !important; }
.li-o { margin-left:1rem !important; text-indent:-1rem !important; }
.li-mb1em li { margin-bottom:1rem !important; }
.ren { margin:0 !important; }
.ren li { counter-increment:section; padding:3px 0 3px 40px !important; list-style:none !important; }
.ren li::before { content:counter(section); display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; background:#666; border-radius:4px; text-align:center; margin:0 10px 0 -40px !important; color:#fff; }
.wakui { border:1px #eee solid; padding:20px 20px 0 !important; }

.more-detail { position:absolute; top:12px; right:1em; padding:0 0 0 1.1em; }
.more-detail:before { content:">"; display:inline-block; margin:0 3px 0 0; color:#e00523; transform:scaleX(0.6) scaleY(0.8); }
.more-detail a { font-size:0.875rem; color:#333 !important; }

.ico-basic { padding:0 0 20px 1.2em !important; font-size:1rem !important; color:#333 !important; position:relative; }
.ico-basic a { font-size:1rem !important; color:#333 !important; }
.ico-basic:before { content:">"; position:absolute; top:3px; left:4px; font-size:0.6rem; color:#e00523; font-weight:bold; }

.ico-pdf { padding:0 0 20px !important; }
.ico-pdf a { font-size:1rem !important; color:#333 !important; }
.ico-pdf:after { content:"PDF"; display:inline-block; vertical-align:middle; width:4em; height:1rem; line-height:1rem; background:#e00523; text-align:center; margin:-0.2rem 0 0 0.2rem; font-size:0.6rem; color:#fff; font-weight:bold; }



/* clearfix */

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



/* ! Custom Margin Classes
----------------------------------------------- */

.mb_1em { margin-bottom:1em !important; }
.mb_2em { margin-bottom:2em !important; }
.m0 { margin:0px !important; }
.mt0 { margin-top:0px !important; }
.mb0 { margin-bottom:0px !important; }
.ml0 { margin-left:0px !important; }
.mr0 { margin-right:0px !important; }
.m5 { margin:5px !important; }
.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }
.m10 { margin:10px !important; }
.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.ml10 { margin-left:10px !important; }
.mr10 { margin-right:10px !important; }
.m15 { margin:15px !important; }
.mt15 { margin-top:15px !important; }
.mb15 { margin-bottom:15px !important; }
.ml15 { margin-left:15px !important; }
.mr15 { margin-right:15px !important; }
.m20 { margin:20px !important; }
.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }
.m25 { margin:25px !important; }
.mt25 { margin-top:25px !important; }
.mb25 { margin-bottom:25px !important; }
.ml25 { margin-left:25px !important; }
.mr25 { margin-right:25px !important; }
.m30 { margin:30px !important; }
.mt30 { margin-top:30px !important; }
.mb30 { margin-bottom:30px !important; }
.ml30 { margin-left:30px !important; }
.mr30 { margin-right:30px !important; }
.m35 { margin:35px !important; }
.mt35 { margin-top:35px !important; }
.mb35 { margin-bottom:35px !important; }
.ml35 { margin-left:35px !important; }
.mr35 { margin-right:35px !important; }
.m40 { margin:40px !important; }
.mt40 { margin-top:40px !important; }
.mb40 { margin-bottom:40px !important; }
.ml40 { margin-left:40px !important; }
.mr40 { margin-right:40px !important; }
.m45 { margin:45px !important; }
.mt45 { margin-top:45px !important; }
.mb45 { margin-bottom:45px !important; }
.ml45 { margin-left:45px !important; }
.mr45 { margin-right:45px !important; }
.m50 { margin:50px !important; }
.mt50 { margin-top:50px !important; }
.mb50 { margin-bottom:50px !important; }
.ml50 { margin-left:50px !important; }
.mr50 { margin-right:50px !important; }


/* ! Custom Padding Classes
----------------------------------------------- */

.p0 { padding:0px !important; }
.pt0 { padding-top:0px !important; }
.pb0 { padding-bottom:0px !important; }
.pl0 { padding-left:0px !important; }
.pr0 { padding-right:0px !important; }
.p5 { padding:5px !important; }
.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }
.pl5 { padding-left:5px !important; }
.pr5 { padding-right:5px !important; }
.p10 { padding:10px !important; }
.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
.pl10 { padding-left:10px !important; }
.pr10 { padding-right:10px !important; }
.pr40 { padding-right:40px !important; }
.p15 { padding:15px !important; }
.pt15 { padding-top:15px !important; }
.pb15 { padding-bottom:15px !important; }
.pl15 { padding-left:15px !important; }
.pr15 { padding-right:15px !important; }
.p20 { padding:20px !important; }
.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px !important; }
.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }
.p25 { padding:25px !important; }
.pt25 { padding-top:25px !important; }
.pb25 { padding-bottom:25px !important; }
.pl25 { padding-left:25px !important; }
.pr25 { padding-right:25px !important; }
.p30 { padding:30px !important; }
.pt30 { padding-top:30px !important; }
.pb30 { padding-bottom:30px !important; }
.pl30 { padding-left:30px !important; }
.pr30 { padding-right:30px !important; }
.p35 { padding:35px !important; }
.pt35 { padding-top:35px !important; }
.pb35 { padding-bottom:35px !important; }
.pl35 { padding-left:35px !important; }
.pr35 { padding-right:35px !important; }
.p40 { padding:40px !important; }
.pt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.pl40 { padding-left:40px !important; }
.pr40 { padding-right:40px !important; }
.p45 { padding:45px !important; }
.pt45 { padding-top:45px !important; }
.pb45 { padding-bottom:45px !important; }
.pl45 { padding-left:45px !important; }
.pr45 { padding-right:45px !important; }
.p50 { padding:50px !important; }
.pt50 { padding-top:50px !important; }
.pb50 { padding-bottom:50px !important; }
.pl50 { padding-left:50px !important; }
.pr50 { padding-right:50px !important; }

/* ! display
----------------------------------------------------*/
.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }


/**/

.ico_item {
	padding:5px 5px 0 10px!important;
	margin:0 0 20px 0!important;
	background:#EBEBF0;
	border:1px #999999 solid;
}

.ico_item dl {
	float:left;
	margin:10px 60px 0 0!important;
}

.ico_item dl dt {
	margin:0 5px 0 0!important;
	width:27px!important;
	position:absolute;
}

.ico_item dl dd {
	border:none;
	font-size:12px;
	position:relative;
	top:-3px;
	left:32px;
}

.ico_item dl dd.one {
	line-height: 3.2;
}

/**/

table.list_item {
	font-size:12px;
	line-height:1.6em;
	color:#555;
	border-collapse: collapse;
	border-spacing: 0;
	clear:both;
}

table.list_item td img {
	margin:0 2px 2px 0;
}


/**/

.main-area img.msize500 { max-width: 100%; height: auto; }

@media print, screen and (min-width: 1024px) {
	.main-area img.msize500 { max-width: 500px!important; height: auto!important; }
}
@media print, screen and (min-width: 768px) {
	.main-area img.msize500 { max-width: 500px!important; height: auto!important; }
}

.en_btn:before {
	content: ">";
	position: absolute;
	top: 3px;
	left: 5px;
	font-size: 0.6rem;
	color: #e00523;
	font-weight: bold;
}
.en_btn {
	font-size: 0.7em;
	float: right;
	padding: 0 0 20px 1.5em !important;
	font-size: 0.8rem !important;
	color: #333 !important;
	position: relative;
	text-decoration: none;
}
.notice {
	border: 1px solid #ccc;
	padding: 10px 15px !important;
	margin: 0 0 30px 0 !important;
}

@media screen and (max-width: 640px) {
.notice {
	border: 1px solid #ccc;
	padding: 5px 10px !important;
	margin: 0 0 20px 0 !important;
}
}