@charset "utf-8";
@import'/sites/default/files/shared_contents/cmn/css/megadropdown.css';

/* [common] ------------------------------------------------*/

/* [Indent Pattern] ==================================================*/
/* ----- 1em ----- */
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

/* ----- 1.3em ----- */
.indent1-3 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

/* ----- 1.5em ----- */
.indent1-5 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

/* ----- 1.7em ----- */
.indent1-7 {
	padding-left: 1.7em;
	text-indent: -1.7em;
}

/* ----- 2em ----- */
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}

/* ----- 3em ----- */
.indent3 {
	padding-left: 3em;
	text-indent: -3em;
}

/* ----- 4em ----- */
.indent4 {
	padding-left: 4em;
	text-indent: -4em;
}

/* ----- 4.5em ----- */
.indent4-5 {
	padding-left: 4.5em;
	text-indent: -4.5em;
}

/* ----- 5em ----- */
.indent5 {
	padding-left: 5em;
	text-indent: -5em;
}

/* ----- 6em ----- */
.indent6 {
	padding-left: 6em;
	text-indent: -6em;
}

/* ----- 7em ----- */
.indent7 {
	padding-left: 7em;
	text-indent: -7em;
}

/* ----- 7.5em ----- */
.indent7-5 {
	padding-left: 7.5em;
	text-indent: -7.5em;
}

/* ----- 8em ----- */
.indent8 {
	padding-left: 8em;
	text-indent: -8em;
}

/* ----- 8.5em ----- */
.indent8-5 {
	padding-left: 8.5em;
	text-indent: -8.5em;
}

/* ----- 9em ----- */
.indent9 {
	padding-left: 9em;
	text-indent: -9em;
}

/* ----- 9.5em ----- */
.indent9-5 {
	padding-left: 9.5em;
	text-indent: -9.5em;
}

/* ----- 10em ----- */
.indent10 {
	padding-left: 10em;
	text-indent: -10em;
}

/* span indent */
span.indent1,
span.indent1-5,
span.indent1-7,
span.indent2,
span.indent3,
span.indent4,
span.indent4-5,
span.indent5,
span.indent6,
span.indent7,
span.indent7-5,
span.indent8,
span.indent8-5,
span.indent9,
span.indent9-5,
span.indent10 {
	display: inline-block;
}

/* li.indent > span */
li.indent1 {
	text-indent: 0;
}

li.indent1-5 {
	text-indent: 0;
}

li.indent1-7 {
	text-indent: 0;
}

li.indent2 {
	text-indent: 0;
}

li.indent3 {
	text-indent: 0;
}

li.indent4 {
	text-indent: 0;
}

li.indent4-5 {
	text-indent: 0;
}

li.indent5 {
	text-indent: 0;
}

li.indent6 {
	text-indent: 0;
}

li.indent7 {
	text-indent: 0;
}

li.indent7-5 {
	text-indent: 0;
}

li.indent8 {
	text-indent: 0;
}

li.indent8-5 {
	text-indent: 0;
}

li.indent9 {
	text-indent: 0;
}

li.indent9-5 {
	text-indent: 0;
}

li.indent10 {
	text-indent: 0;
}

li.indent1 span {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	text-indent: 0;
}

li.indent1-5 span {
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
	text-indent: 0;
}

li.indent1-7 span {
	display: inline-block;
	width: 1.7em;
	margin-left: -1.7em;
	text-indent: 0;
}

li.indent2 span {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	text-indent: 0;
}

li.indent3 span {
	display: inline-block;
	width: 3em;
	margin-left: -3em;
	text-indent: 0;
}

li.indent4 span {
	display: inline-block;
	width: 4em;
	margin-left: -4em;
	text-indent: 0;
}

li.indent4-5 span {
	display: inline-block;
	width: 4.5em;
	margin-left: -4.5em;
	text-indent: 0;
}

li.indent5 span {
	display: inline-block;
	width: 5em;
	margin-left: -5em;
	text-indent: 0;
}

li.indent6 span {
	display: inline-block;
	width: 6em;
	margin-left: -6em;
	text-indent: 0;
}

li.indent7 span {
	display: inline-block;
	width: 7em;
	margin-left: -7em;
	text-indent: 0;
}

li.indent7-5 span {
	display: inline-block;
	width: 7.5em;
	margin-left: -7.5em;
	text-indent: 0;
}

li.indent8 span {
	display: inline-block;
	width: 8em;
	margin-left: -8em;
	text-indent: 0;
}

li.indent8-5 span {
	display: inline-block;
	width: 8.5em;
	margin-left: -8.5em;
	text-indent: 0;
}

li.indent9 span {
	display: inline-block;
	width: 9em;
	margin-left: -9em;
	text-indent: 0;
}

li.indent9-5 span {
	display: inline-block;
	width: 9.5em;
	margin-left: -9.5em;
	text-indent: 0;
}

li.indent10 span {
	display: inline-block;
	width: 10em;
	margin-left: -10em;
	text-indent: 0;
}

/* li.indent > span */
dt.indent1 {
	text-indent: 0;
}

dt.indent1-5 {
	text-indent: 0;
}

dt.indent1-7 {
	text-indent: 0;
}

dt.indent2 {
	text-indent: 0;
}

dt.indent3 {
	text-indent: 0;
}

dt.indent4 {
	text-indent: 0;
}

dt.indent4-5 {
	text-indent: 0;
}

dt.indent5 {
	text-indent: 0;
}

dt.indent6 {
	text-indent: 0;
}

dt.indent7 {
	text-indent: 0;
}

dt.indent7-5 {
	text-indent: 0;
}

dt.indent8 {
	text-indent: 0;
}

dt.indent8-5 {
	text-indent: 0;
}

dt.indent9 {
	text-indent: 0;
}

dt.indent9-5 {
	text-indent: 0;
}

dt.indent10 {
	text-indent: 0;
}

dt.indent1 span {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	text-indent: 0;
}

dt.indent1-5 span {
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
	text-indent: 0;
}

dt.indent1-7 span {
	display: inline-block;
	width: 1.7em;
	margin-left: -1.7em;
	text-indent: 0;
}

dt.indent2 span {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	text-indent: 0;
}

dt.indent3 span {
	display: inline-block;
	width: 3em;
	margin-left: -3em;
	text-indent: 0;
}

dt.indent4 span {
	display: inline-block;
	width: 4em;
	margin-left: -4em;
	text-indent: 0;
}

dt.indent4-5 span {
	display: inline-block;
	width: 4.5em;
	margin-left: -4.5em;
	text-indent: 0;
}

dt.indent5 span {
	display: inline-block;
	width: 5em;
	margin-left: -5em;
	text-indent: 0;
}

dt.indent6 span {
	display: inline-block;
	width: 6em;
	margin-left: -6em;
	text-indent: 0;
}

dt.indent7 span {
	display: inline-block;
	width: 7em;
	margin-left: -7em;
	text-indent: 0;
}

dt.indent7-5 span {
	display: inline-block;
	width: 7.5em;
	margin-left: -7.5em;
	text-indent: 0;
}

dt.indent8 span {
	display: inline-block;
	width: 8em;
	margin-left: -8em;
	text-indent: 0;
}

dt.indent8-5 span {
	display: inline-block;
	width: 8.5em;
	margin-left: -8.5em;
	text-indent: 0;
}

dt.indent9 span {
	display: inline-block;
	width: 9em;
	margin-left: -9em;
	text-indent: 0;
}

dt.indent9-5 span {
	display: inline-block;
	width: 9.5em;
	margin-left: -9.5em;
	text-indent: 0;
}

dt.indent10 span {
	display: inline-block;
	width: 10em;
	margin-left: -10em;
	text-indent: 0;
}

/* dl.indent > dt */
dl.indent1 {
	text-indent: 0;
}

dl.indent1-5 {
	text-indent: 0;
}

dl.indent1-7 {
	text-indent: 0;
}

dl.indent2 {
	text-indent: 0;
}

dl.indent3 {
	text-indent: 0;
}

dl.indent4 {
	text-indent: 0;
}

dl.indent4-5 {
	text-indent: 0;
}

dl.indent5 {
	text-indent: 0;
}

dl.indent6 {
	text-indent: 0;
}

dl.indent7 {
	text-indent: 0;
}

dl.indent7-5 {
	text-indent: 0;
}

dl.indent8 {
	text-indent: 0;
}

dl.indent8-5 {
	text-indent: 0;
}

dl.indent9 {
	text-indent: 0;
}

dl.indent9-5 {
	text-indent: 0;
}

dl.indent10 {
	text-indent: 0;
}

dl.indent1 dt {
	font-weight: bold;
}

dl.indent1-5 dt {
	font-weight: bold;
}

dl.indent1-7 dt {
	font-weight: bold;
}

dl.indent2 dt {
	font-weight: bold;
}

dl.indent3 dt {
	font-weight: bold;
}

dl.indent4 dt {
	font-weight: bold;
}

dl.indent4-5 dt {
	font-weight: bold;
}

dl.indent5 dt {
	font-weight: bold;
}

dl.indent6 dt {
	font-weight: bold;
}

dl.indent7 dt {
	font-weight: bold;
}

dl.indent7-5 dt {
	font-weight: bold;
}

dl.indent8 dt {
	font-weight: bold;
}

dl.indent8-5 dt {
	font-weight: bold;
}

dl.indent9 dt {
	font-weight: bold;
}

dl.indent9-5 dt {
	font-weight: bold;
}

dl.indent10 dt {
	font-weight: bold;
}

dl.indent1 dt span {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent1-5 dt span {
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent1-7 dt span {
	display: inline-block;
	width: 1.7em;
	margin-left: -1.7em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent2 dt span {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent3 dt span {
	display: inline-block;
	width: 3em;
	margin-left: -3em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent4 dt span {
	display: inline-block;
	width: 4em;
	margin-left: -4em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent4-5 dt span {
	display: inline-block;
	width: 4.5em;
	margin-left: -4.5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent5 dt span {
	display: inline-block;
	width: 5em;
	margin-left: -5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent6 dt span {
	display: inline-block;
	width: 6em;
	margin-left: -6em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent7 dt span {
	display: inline-block;
	width: 7em;
	margin-left: -7em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent7-5 dt span {
	display: inline-block;
	width: 7.5em;
	margin-left: -7.5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent8 dt span {
	display: inline-block;
	width: 8em;
	margin-left: -8em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent8-5 dt span {
	display: inline-block;
	width: 8.5em;
	margin-left: -8.5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent9 dt span {
	display: inline-block;
	width: 9em;
	margin-left: -9em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent9-5 dt span {
	display: inline-block;
	width: 9.5em;
	margin-left: -9.5em;
	text-indent: 0;
	font-weight: normal;
}

dl.indent10 dt span {
	display: inline-block;
	width: 10em;
	margin-left: -10em;
	text-indent: 0;
	font-weight: normal;
}


/* width variation */
.w10 {
	width: 10px !important;
}

.w20 {
	width: 20px !important;
}

.w30 {
	width: 30px !important;
}

.w40 {
	width: 40px !important;
}

.w50 {
	width: 50px !important;
}

.w60 {
	width: 60px !important;
}

.w70 {
	width: 70px !important;
}

.w80 {
	width: 80px !important;
}

.w90 {
	width: 90px !important;
}

.w100 {
	width: 100px !important;
}

.w110 {
	width: 110px !important;
}

.w120 {
	width: 120px !important;
}

.w130 {
	width: 130px !important;
}

.w140 {
	width: 140px !important;
}

.w150 {
	width: 150px !important;
}

.w160 {
	width: 160px !important;
}

.w170 {
	width: 170px !important;
}

.w180 {
	width: 180px !important;
}

.w190 {
	width: 190px !important;
}

.w200 {
	width: 200px !important;
}

.w210 {
	width: 210px !important;
}

.w220 {
	width: 220px !important;
}

.w230 {
	width: 230px !important;
}

.w240 {
	width: 240px !important;
}

.w250 {
	width: 250px !important;
}

.w260 {
	width: 260px !important;
}

.w270 {
	width: 270px !important;
}

.w280 {
	width: 280px !important;
}

.w290 {
	width: 290px !important;
}

.w300 {
	width: 300px !important;
}

.w310 {
	width: 310px !important;
}

.w320 {
	width: 320px !important;
}

.w330 {
	width: 330px !important;
}

.w340 {
	width: 340px !important;
}

.w350 {
	width: 350px !important;
}

.w360 {
	width: 360px !important;
}

.w370 {
	width: 370px !important;
}

.w380 {
	width: 380px !important;
}

.w390 {
	width: 390px !important;
}

.w400 {
	width: 400px !important;
}

.w410 {
	width: 410px !important;
}

.w420 {
	width: 420px !important;
}

.w430 {
	width: 430px !important;
}

.w440 {
	width: 440px !important;
}

.w450 {
	width: 450px !important;
}

.w460 {
	width: 460px !important;
}

.w470 {
	width: 470px !important;
}

.w480 {
	width: 480px !important;
}

.w490 {
	width: 490px !important;
}

.w500 {
	width: 500px !important;
}


/* margin-top variation */
.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mt110 {
	margin-top: 110px !important;
}

.mt120 {
	margin-top: 120px !important;
}

.mt130 {
	margin-top: 130px !important;
}

.mt140 {
	margin-top: 140px !important;
}

.mt150 {
	margin-top: 150px !important;
}

.mt160 {
	margin-top: 160px !important;
}

.mt170 {
	margin-top: 170px !important;
}

.mt180 {
	margin-top: 180px !important;
}

.mt190 {
	margin-top: 190px !important;
}

.mt200 {
	margin-top: 200px !important;
}

.mt210 {
	margin-top: 210px !important;
}

.mt220 {
	margin-top: 220px !important;
}

.mt230 {
	margin-top: 230px !important;
}

.mt240 {
	margin-top: 240px !important;
}

.mt250 {
	margin-top: 250px !important;
}

.mt260 {
	margin-top: 260px !important;
}

.mt270 {
	margin-top: 270px !important;
}

.mt280 {
	margin-top: 280px !important;
}

.mt290 {
	margin-top: 290px !important;
}

.mt300 {
	margin-top: 300px !important;
}

.mt310 {
	margin-top: 310px !important;
}

.mt320 {
	margin-top: 320px !important;
}

.mt330 {
	margin-top: 330px !important;
}

.mt340 {
	margin-top: 340px !important;
}

.mt350 {
	margin-top: 350px !important;
}

.mt360 {
	margin-top: 360px !important;
}

.mt370 {
	margin-top: 370px !important;
}

.mt380 {
	margin-top: 380px !important;
}

.mt390 {
	margin-top: 390px !important;
}

.mt400 {
	margin-top: 400px !important;
}

.mt410 {
	margin-top: 410px !important;
}

.mt420 {
	margin-top: 420px !important;
}

.mt430 {
	margin-top: 430px !important;
}

.mt440 {
	margin-top: 440px !important;
}

.mt450 {
	margin-top: 450px !important;
}

.mt460 {
	margin-top: 460px !important;
}

.mt470 {
	margin-top: 470px !important;
}

.mt480 {
	margin-top: 480px !important;
}

.mt490 {
	margin-top: 490px !important;
}

.mt500 {
	margin-top: 500px !important;
}


/* margin-right variation */
.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr100 {
	margin-right: 100px !important;
}

.mr110 {
	margin-right: 110px !important;
}

.mr120 {
	margin-right: 120px !important;
}

.mr130 {
	margin-right: 130px !important;
}

.mr140 {
	margin-right: 140px !important;
}

.mr150 {
	margin-right: 150px !important;
}

.mr160 {
	margin-right: 160px !important;
}

.mr170 {
	margin-right: 170px !important;
}

.mr180 {
	margin-right: 180px !important;
}

.mr190 {
	margin-right: 190px !important;
}

.mr200 {
	margin-right: 200px !important;
}

.mr210 {
	margin-right: 210px !important;
}

.mr220 {
	margin-right: 220px !important;
}

.mr230 {
	margin-right: 230px !important;
}

.mr240 {
	margin-right: 240px !important;
}

.mr250 {
	margin-right: 250px !important;
}

.mr260 {
	margin-right: 260px !important;
}

.mr270 {
	margin-right: 270px !important;
}

.mr280 {
	margin-right: 280px !important;
}

.mr290 {
	margin-right: 290px !important;
}

.mr300 {
	margin-right: 300px !important;
}

.mr310 {
	margin-right: 310px !important;
}

.mr320 {
	margin-right: 320px !important;
}

.mr330 {
	margin-right: 330px !important;
}

.mr340 {
	margin-right: 340px !important;
}

.mr350 {
	margin-right: 350px !important;
}

.mr360 {
	margin-right: 360px !important;
}

.mr370 {
	margin-right: 370px !important;
}

.mr380 {
	margin-right: 380px !important;
}

.mr390 {
	margin-right: 390px !important;
}

.mr400 {
	margin-right: 400px !important;
}

.mr410 {
	margin-right: 410px !important;
}

.mr420 {
	margin-right: 420px !important;
}

.mr430 {
	margin-right: 430px !important;
}

.mr440 {
	margin-right: 440px !important;
}

.mr450 {
	margin-right: 450px !important;
}

.mr460 {
	margin-right: 460px !important;
}

.mr470 {
	margin-right: 470px !important;
}

.mr480 {
	margin-right: 480px !important;
}

.mr490 {
	margin-right: 490px !important;
}

.mr500 {
	margin-right: 500px !important;
}


/* margin-left variation */
.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.ml110 {
	margin-left: 110px !important;
}

.ml120 {
	margin-left: 120px !important;
}

.ml130 {
	margin-left: 130px !important;
}

.ml140 {
	margin-left: 140px !important;
}

.ml150 {
	margin-left: 150px !important;
}

.ml160 {
	margin-left: 160px !important;
}

.ml170 {
	margin-left: 170px !important;
}

.ml180 {
	margin-left: 180px !important;
}

.ml190 {
	margin-left: 190px !important;
}

.ml200 {
	margin-left: 200px !important;
}

.ml210 {
	margin-left: 210px !important;
}

.ml220 {
	margin-left: 220px !important;
}

.ml230 {
	margin-left: 230px !important;
}

.ml240 {
	margin-left: 240px !important;
}

.ml250 {
	margin-left: 250px !important;
}

.ml260 {
	margin-left: 260px !important;
}

.ml270 {
	margin-left: 270px !important;
}

.ml280 {
	margin-left: 280px !important;
}

.ml290 {
	margin-left: 290px !important;
}

.ml300 {
	margin-left: 300px !important;
}

.ml310 {
	margin-left: 310px !important;
}

.ml320 {
	margin-left: 320px !important;
}

.ml330 {
	margin-left: 330px !important;
}

.ml340 {
	margin-left: 340px !important;
}

.ml350 {
	margin-left: 350px !important;
}

.ml360 {
	margin-left: 360px !important;
}

.ml370 {
	margin-left: 370px !important;
}

.ml380 {
	margin-left: 380px !important;
}

.ml390 {
	margin-left: 390px !important;
}

.ml400 {
	margin-left: 400px !important;
}

.ml410 {
	margin-left: 410px !important;
}

.ml420 {
	margin-left: 420px !important;
}

.ml430 {
	margin-left: 430px !important;
}

.ml440 {
	margin-left: 440px !important;
}

.ml450 {
	margin-left: 450px !important;
}

.ml460 {
	margin-left: 460px !important;
}

.ml470 {
	margin-left: 470px !important;
}

.ml480 {
	margin-left: 480px !important;
}

.ml490 {
	margin-left: 490px !important;
}

.ml500 {
	margin-left: 500px !important;
}


/* margin-bottom variation */
.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mb110 {
	margin-bottom: 110px !important;
}

.mb120 {
	margin-bottom: 120px !important;
}

.mb130 {
	margin-bottom: 130px !important;
}

.mb140 {
	margin-bottom: 140px !important;
}

.mb150 {
	margin-bottom: 150px !important;
}

.mb160 {
	margin-bottom: 160px !important;
}

.mb170 {
	margin-bottom: 170px !important;
}

.mb180 {
	margin-bottom: 180px !important;
}

.mb190 {
	margin-bottom: 190px !important;
}

.mb200 {
	margin-bottom: 200px !important;
}

.mb210 {
	margin-bottom: 210px !important;
}

.mb220 {
	margin-bottom: 220px !important;
}

.mb230 {
	margin-bottom: 230px !important;
}

.mb240 {
	margin-bottom: 240px !important;
}

.mb250 {
	margin-bottom: 250px !important;
}

.mb260 {
	margin-bottom: 260px !important;
}

.mb270 {
	margin-bottom: 270px !important;
}

.mb280 {
	margin-bottom: 280px !important;
}

.mb290 {
	margin-bottom: 290px !important;
}

.mb300 {
	margin-bottom: 300px !important;
}

.mb310 {
	margin-bottom: 310px !important;
}

.mb320 {
	margin-bottom: 320px !important;
}

.mb330 {
	margin-bottom: 330px !important;
}

.mb340 {
	margin-bottom: 340px !important;
}

.mb350 {
	margin-bottom: 350px !important;
}

.mb360 {
	margin-bottom: 360px !important;
}

.mb370 {
	margin-bottom: 370px !important;
}

.mb380 {
	margin-bottom: 380px !important;
}

.mb390 {
	margin-bottom: 390px !important;
}

.mb400 {
	margin-bottom: 400px !important;
}

.mb410 {
	margin-bottom: 410px !important;
}

.mb420 {
	margin-bottom: 420px !important;
}

.mb430 {
	margin-bottom: 430px !important;
}

.mb440 {
	margin-bottom: 440px !important;
}

.mb450 {
	margin-bottom: 450px !important;
}

.mb460 {
	margin-bottom: 460px !important;
}

.mb470 {
	margin-bottom: 470px !important;
}

.mb480 {
	margin-bottom: 480px !important;
}

.mb490 {
	margin-bottom: 490px !important;
}

.mb500 {
	margin-bottom: 500px !important;
}


/* ----- check ----- */
.container {
	background-color: transparent;
}

#header {
	background-color: transparent;
}

#contents {
	background-color: transparent;
}

#main {
	background-color: transparent;
}

#aside {
	background-color: transparent;
}

#footer {
	background-color: transparent;
}

/* Common
------------------------------------------------------------*/
/* ----- html ----- */
html {}

/* ----- body ----- */
body {}

html.font-transition {}

/* ----- a ----- */
/*
a {
	-moz-transition    : color 0.2s linear 0.001s;
	-webkit-transition : color 0.2s linear 0;
	-o-transition      : color 0.2s linear 0;
	-ms-transition     : color 0.2s linear 0;
	transition         : color 0.2s linear 0;
}
*/
.article a:active {
	text-shadow: 0 0 2px #FFEA82;
}



a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:active {
	color: #007AE1;
}

a:hover {
	color: #ff5f96;
}

.article a:link {
	color: #007ae1;
}

.article a:visited {
	color: #7fbcf0;
}

.article a:active {
	color: #007ae1;
}

.article a:hover {
	color: #ff5f96;
}

a.pdf:link,
a.exterior:link,
a.arrow4:link,
a.arrow3:link,
a.arrow2:link,
a.arrow1:link {
	color: #333333;
}

a.pdf:visited,
a.exterior:visited,
a.arrow4:visited,
a.arrow3:visited,
a.arrow2:visited,
a.arrow1:visited {
	color: #333333;
}

a.pdf:active,
a.exterior:active,
a.arrow4:active,
a.arrow3:active,
a.arrow2:active,
a.arrow1:active {
	color: #7fbcf0;
}

a.pdf:hover,
a.exterior:hover,
a.arrow4:hover,
a.arrow3:hover,
a.arrow3:hover,
a.arrow2:hover,
a.arrow1:hover {
	color: #ff5f96;
}


/* ----- a.arrow ----- */
a.arrow1 {
	display: inline-block;
	padding: 0 0 0 10px;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 0 0.35em;
	text-decoration: none;
	line-height: 1.2em;
}

* html a.arrow1 {
	background-position: 0 0.3em;
}

*+html a.arrow1 {
	background-position: 0 0.35em;
}

html>

/**/
body a.arrow1 {
	background-position
	/***/
	: 0 0.35em\9;
}

a.arrow1:hover {
	text-decoration: underline;
}

a.arrow2 {
	display: inline-block;
	min-height: 19px;
	padding-left: 25px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_02.png) no-repeat left top transparent;
	font-weight: bold;
	text-decoration: none;
}

* html a.arrow2 {
	height: 19px;
}

a.arrow2:hover {
	text-decoration: underline;
}

a.arrow3 {
	display: inline-block;
	min-height: 19px;
	padding-left: 25px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_03.png) no-repeat left top transparent;
	text-decoration: none;
}

* html a.arrow3 {
	height: 19px;
}

a.arrow3:hover {}

a.arrow4 {
	display: inline-block;
	min-height: 19px;
	padding-left: 25px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_04.png) no-repeat 0 3px transparent;
	text-decoration: none;
}

* html a.arrow4 {
	height: 19px;
}

a.arrow4:hover {
	text-decoration: underline;
}

a.arrow5 {
	display: inline-block;
	border: 1px solid #cccccc;
	text-decoration: none;
}

a.arrow5 span {
	display: inline-block;
	padding: 4px 8px 5px 20px;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 8px 0.8em;
	text-decoration: none;
	border: 1px solid #ffffff;
}

* html a.arrow1 a.arrow5 span {
	background-position: 8px 0.8em;
	vertical-align: bottom;
}

*+html a.arrow1 a.arrow5 span {
	background-position: 8px 0.8em;
}

html>

/**/
body a.arrow5 span {
	padding
	/***/
	: 5px 8px 4px 20px\9;
	background-position
	/***/
	: 8px 0.8em\9;
}

a.arrow5:link {
	color: #333333;
	background-color: #ffffff;
	text-decoration: none;
}

a.arrow5:visited {
	color: #333333;
	background-color: #ffffff;
	text-decoration: none;
}

a.arrow5:active {
	color: #333333;
	background-color: #ffffff;
	text-decoration: none;
}

a.arrow5:hover {
	color: #333333;
	background-color: #cccccc;
	text-decoration: none;
}

* html .link a.arrow5.exterior span {
	padding: 8px 8px 7px 20px;
}



/* ----- a.exterior ----- */
a.exterior img {
	margin: 0 0 0 6px;
	vertical-align: 0px;
}

* html a.exterior img {
	margin: 0 0 0 6px;
	vertical-align: 0;
	line-height: 1.5;
}

/* ----- a.pdf ----- */
a.pdf {
	text-decoration: none;
}

a.pdf:hover {
	text-decoration: underline;
}

a.pdf:hover span.num {
	text-decoration: none;
}

span.num {
	display: inline-block;
	padding: 0.2em 0 0 0;
	font-size: 85.71428571%;
	vertical-align: bottom;
	line-height: 1em;
}

span.num img {
	margin: 0 3px 0 6px;
	vertical-align: text-top;
}


/* ----- p ----- */
p img {
	vertical-align: middle;
}

p sup {
	font-size: 71.42857143%;
	vertical-align: text-top;
}

p sub {
	font-size: 71.42857143%;
	vertical-align: text-bottom;
}


/* ----- em ----- */
em {
	font-weight: bold;
	font-style: normal;
	color: #655651;
}

/* ----- strong ----- */
strong {
	font-weight: bold;
	color: #e06746;
}

/* ----- div.sew ----- */
div.sew {}

div.sew p {
	margin: 1.5em 0 0 0;
}

div.sew p.first-child {
	margin: 0;
}

/* ----- ul.document ----- */
ul.document li {
	padding: 1px 0 1px 24px;
	background: url(/sites/default/files/shared_contents/cmn/img/square_01.png) no-repeat 5px 0.55em transparent;
}

ul.document li li {
	margin: 0 0 0 20px;
	padding: 1px 0 1px 24px;
	background: url(/sites/default/files/shared_contents/cmn/img/circle_01.png) no-repeat 5px 0.6em transparent;
}

ul.document li li li {
	margin: 0 0 0 12px;
	padding: 1px 0 1px 24px;
	background: url(/sites/default/files/shared_contents/cmn/img/circle_02.png) no-repeat 5px 0.6em transparent;
}

ul.document.caption li {
	background-position: 5px 0.5em;
	font-size: 85.71428571%;
}

/* ----- ul.disc -----
ul.disc li { margin:3px 0 3px 20px; }
ul.disc-type2 { line-height:1.6em; }
ul.disc-type2 li { margin:3px 0; padding:0 0 0 15px; list-style-type:none; background:url(/sites/default/files/shared_contents/cmn/img/circle_01.gif) no-repeat 0 0.3em scroll transparent; }
*/

/* ----- ul.link -----
ul.link { line-height:1.6em; }
ul.link li { margin:3px 0; list-style-type:none; }
ul.link li a { padding:0 0 0 20px; background:url(/sites/default/files/shared_contents/cmn/img/arrow_01.gif) no-repeat 3px 0.4em scroll transparent; }
ul.link li a.exterior { padding:0 0 0 20px; background:url(/sites/default/files/shared_contents/cmn/img/icon_exterior.gif) no-repeat 3px 0.4em scroll transparent; }
*/

/* ----- ol.decimal ----- */
ol.decimal li {
	margin: 0 0 0 20px;
	list-style-type: decimal;
}

* html ol.decimal li {
	margin: 0 0 0 25px;
	list-style-type: decimal;
}

*+html ol.decimal li {
	margin: 0 0 0 25px;
	list-style-type: decimal;
}

ol.decimal ol.decimal li {
	padding-left: 2em;
	text-indent: -2em;
	list-style-type: none;
}

ol.decimal ol.decimal li span {
	margin-right: 0.5em;
}

/* ----- dl.detail ----- */
dl.detail {
	position: relative;
}

dl.detail dt {
	position: absolute;
	left: 0;
	width: 189px;
	font-weight: bold;
}

dl.detail dd {
	padding-left: 200px;
}


/* [Structure] ---------------------------------------------*/

/* Outline Layout
------------------------------------------------------------*/
/* ----- center ----- */
body {
	text-align: center;
}

.container {
	margin: 0 auto;
	text-align: left;
}


/* Navigation
------------------------------------------------------------*/
/* ----- #header ----- */
#header {
	border-top: 3px solid #939598;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_header.png) repeat-x bottom center scroll #ffffff;
}

#header .wrap .utility {
	position: relative;
	min-height: 83px;
}

* html #header .wrap .utility {
	height: 83px;
}

/* Corporate Identity + to TopPage */
#header .utility .ci {
	float: left;
	margin-top: 15px;
}

#header .utility .group-ci {
	position: absolute;
	top: 11px;
	right: 0;
}

/* .search-box */
#header .utility .search-box {
	position: absolute;
	bottom: 30px;
	right: 0;
}

#header .utility .search-box input.txtbox {
	float: left;
	width: 149px;
	height: 17px;
	padding: 2px 3px;
	border: 1px solid #c8d4dc;
}

* html #header .utility .search-box input.txtbox {
	float: left;
	width: 149px;
	height: 17px;
	padding: 2px 3px 2px 3px;
}

*+html #header .utility .search-box input.txtbox {
	float: left;
	width: 149px;
	height: 17px;
	padding: 2px 3px 2px 3px;
}

html>

/**/
body #header .utility .search-box input.txtbox {
	float
	/***/
	: left\9;
	width
	/***/
	: 149px\9;
	height
	/***/
	: 17px\9;
	padding
	/***/
	: 2px 3px 2px 3px\9;
}

#header .utility .search-box input.submit {
	float: left;
}

/* .nav.utility */
#header .utility .nav.other-website {
	position: absolute;
	bottom: 20px;
	right: -15px;
	font-size: 85.71428571%;
}

#header .utility .nav.other-website li {
	float: left;
	padding: 0 3px;
	line-height: 1;
}

* html #header .utility .nav.other-website li a {
	line-height: 1.2;
}

#header .utility .nav.other-website li.last-child {}


#header .utility .nav.other-website li a:link,
#header .utility .nav.other-website li a:visited {
	color: #52636b;
	text-decoration: none;
}

#header .utility .nav.other-website li a:hover {
	color: #52636b;
	text-decoration: underline;
}

#header .utility .nav.other-website li a.global-web {
	display: inline-block;
	margin: -5px 10px -3px 0;
	padding: 0 0 0 11px;
	min-height: 12px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png) no-repeat left center transparent;
}

* html #header .utility .nav.other-website li a.global-web {
	position: relative;
	height: 12px;
	margin-bottom: -6px;
}

*+html #header .utility .nav.other-website li a.global-web {
	margin-bottom: -5px;
}

/* .nav.utility .global */
#header .nav.global {
	clear: both;
	height: 37px;
}

#header .nav.global li {
	float: left;
	height: 37px;
}

#header .nav.global li.home {
	width: :97px;
}

#header .nav.global li.products {
	width: :135px;
}

#header .nav.global li.creative {
	width: :175px;
}

#header .nav.global li.csr {
	width: :136px;
}

#header .nav.global li.com {
	width: :111px;
}

#header .nav.global li.ir {
	width: :164px;
}

#header .nav.global li.support {
	width: :132px;
}

#header .nav.global li a {
	display: block;
	height: 37px;
	background: url(/sites/default/files/shared_contents/heartland/common/images/bg_global.png) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#header .nav.global li.home a {
	width: 158px;
	background-position: 0 -39px;
}

#header .nav.global li.company a {
	width: 158px;
	background-position: -158px -39px;
}

#header .nav.global li.products a {
	width: 158px;
	background-position: -316px -39px;
}

#header .nav.global li.office a {
	width: 158px;
	background-position: -474px -39px;
}

#header .nav.global li.contact a {
	width: 158px;
	background-position: -632px -39px;
}

#header .nav.global li.recipe a {
	width: 160px;
	background-position: -790px -39px;
}


#header .nav.global li.home a.hover,
#header .nav.global li.home a:hover {
	background-position: 0 0;
}

#header .nav.global li.company a.hover,
#header .nav.global li.company a:hover {
	background-position: -158px 0;
}

#header .nav.global li.products a.hover,
#header .nav.global li.products a:hover {
	background-position: -316px 0;
}

#header .nav.global li.office a.hover,
#header .nav.global li.office a:hover {
	background-position: -474px 0;
}

#header .nav.global li.contact a.hover,
#header .nav.global li.contact a:hover {
	background-position: -632px 0;
}

#header .nav.global li.recipe a.hover,
#header .nav.global li.recipe a:hover {
	background-position: -790px 0;
}



#home #header .nav.global li.home a {
	background-position: 0 0;
}

#company #header .nav.global li.company a {
	background-position: -158px 0;
}

#products #header .nav.global li.products a {
	background-position: -316px 0;
}

#office #header .nav.global li.office a {
	background-position: -474px 0;
}

#contact #header .nav.global li.contact a {
	background-position: -632px 0;
}

#recipe #header .nav.global li.recipe a {
	background-position: -790px 0;
}



/* ----- #contents ----- */
.products-index #contents,
.creative-index #contents,
.csr-index #contents,
.com-index #contents,
.ir-index #contents,
.support-index #contents,
.pane1 #contents {
	background-position: 0 -49px;
}

.products-index #contents .wrap,
.creative-index #contents .wrap,
.csr-index #contents .wrap,
.com-index #contents .wrap,
.ir-index #contents .wrap,
.support-index #contents .wrap,
.pane1 #contents .wrap {
	padding: 0;
}


/* ----- #aside ----- */
#aside .nav div.category {
	position: absolute;
	top: 26px;
	left: 0;
}

*+html #aside .nav div.category {
	position: absolute;
	top: 24px;
	left: 0;
}

.products-index #aside .nav div.category,
.creative-index #aside .nav div.category,
.csr-index #aside .nav div.category,
.com-index #aside .nav div.category,
.ir-index #aside .nav div.category,
.support-index #aside .nav div.category {
	position: static;
	top: auto;
	left: auto;
	display: none;
}

/* .nav .local */

/* lv-1 */
#aside .nav ul.local {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #cbcbcc;
	font-size: 85.71428571%;
}

#aside .nav ul.local li {
	padding: 0 0 1px;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) no-repeat left bottom #ffffff;
}

#aside .nav ul.local li a {
	display: block;
	width: 201px;
	padding: 12px 3px 11px 24px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png) no-repeat 11px 16px #ffffff;
	line-height: 1.21em;
}

* html #aside .nav ul.local li a {
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 9px;
	line-height: 1.4em;
	vertical-align: bottom;
}

*+html #aside .nav ul.local li a {
	padding-top: 11px;
	padding-bottom: 9px;
	line-height: 1.4em;
}

html>

/**/
body #aside .nav ul.local li a {
	padding-bottom
	/***/
	: 8px\9;
	line-height
	/***/
	: 1.4em\9;
}

#aside .nav ul.local li.last-child {
	padding: 0;
	background-image: none;
	border-bottom: 1px solid #cbcbcc;
}

#aside .nav ul.local li.last-child a {
	padding: 12px 3px 12px 24px;
}

* html #aside .nav ul.local li.last-child a {
	padding-top: 11px;
	padding-bottom: 8px;
}

*+html #aside .nav ul.local li.last-child a {
	padding-top: 10px;
	padding-bottom: 8px;
}


/* lv-2 */
#aside .nav ul.local li ul {
	padding: 0 0 5px 5px;
	margin: 0;
	background-image: none;
	background-color: #c9cacc;
}

#aside .nav ul.local li li {
	padding: 0;
	margin: 0;
	background-image: none;
}

* html #aside .nav ul.local li li {
	display: inline;
}

*+html #aside .nav ul.local li li {
	display: inline;
}

#aside .nav ul.local li.last-child li a,
#aside .nav ul.local li li a {
	display: block;
	margin: 0;
	padding: 6px 0 4px 25px;
	width: 198px;
	background: url(/sites/default/files/shared_contents/cmn/img/square_02.png) no-repeat 14px 12px #ffffff;
	line-height: 1.3em;
}

* html #aside .nav ul.local li.last-child li,
* html #aside .nav ul.local li li a {
	padding: 6px 0 4px 25px;
}

*+html #aside .nav ul.local li.last-child li,
*+html #aside .nav ul.local li li a {
	padding: 6px 0 4px 25px;
}


#aside .nav .local a:link,
#aside .nav .local a:active,
#aside .nav .local a:visited {
	-moz-transition: background-color 0.2s ease-in-out 0.001s;
	-webkit-transition: background-color 0.2s ease-in-out 0;
	-o-transition: background-color 0.2s ease-in-out 0;
	-ms-transition: background-color 0.2s ease-in-out 0;
	transition: background-color 0.2s ease-in-out 0;
}

#aside .nav .local a:hover {
	-moz-transition: background-color 0s linear 0.001s;
	-webkit-transition: background-color 0s linear 0;
	-o-transition: background-color 0s linear 0;
	-ms-transition: background-color 0s linear 0;
	transition: background-color 0s linear 0;
}

#aside .nav .local a:link,
#aside .nav .local a:visited {
	text-decoration: none;
	color: #333333;
	background-color: transparent;
}

#aside .nav .local a:hover {
	background-color: #efefef;
}

/* current set */
#aside .nav .local li ul {
	display: none;
}



/* current set */
#aside .nav .local li.current,
#aside .nav .local li li.current,
#aside .nav .local li li li.current {}

#aside .nav .local li.current ul {
	display: block;
}

#aside .nav .local li {
	font-weight: normal;
}

#aside .nav .local li.current a:link,
#aside .nav .local li.current a:visited {
	background-color: #efefef;
}

#aside .nav .local li.current a:hover {
	background-color: #efefef;
}

#aside .nav .local li.current ul li a:link,
#aside .nav .local li.current ul li a:visited {
	background-color: transparent;
}

#aside .nav .local li.current ul li a:hover {
	background-color: #cccccc;
}


/* ----- #extra ----- */

/* #extra > .webcatalog */
#extra .webcatalog {
	width: 218px;
	padding: 0 5px 0 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

#extra .webcatalog .title {
	position: relative;
	margin: 0 -5px 0;
	padding: 0;
}

#extra .webcatalog .title img {}

#extra .webcatalog .webcatalog-list li {
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left top scroll transparent;
}

#extra .webcatalog li a {
	position: relative;
	display: inline-block;
	padding: 9px 5px 9px 42px;
	width: 171px;
}

#extra .webcatalog li a:link,
#extra .webcatalog li a:visited {
	text-decoration: none;
}

#extra .webcatalog li a:hover {
	text-decoration: none;
}

#extra .webcatalog li.webcatalog-icon-blue a {
	background: url(/sites/default/files/shared_contents"/cmn/img/extra/icon_book_blue.png") no-repeat 2px center scroll transparent;
}

#extra .webcatalog li.webcatalog-icon-orange a {
	background: url(/sites/default/files/shared_contents"/cmn/img/extra/icon_book_orange.png") no-repeat 2px center scroll transparent;
}

#extra .webcatalog li a span {
	position: absolute;
	top: 15px;
	right: 0;
}

/* #extra .banners */
#extra .banners {
	margin: 15px 0 0 0;
}

#extra .banners li {
	margin: 10px 0 0 0;
	display: inline-block;
}

#extra .banners li.first-child {
	margin: 0;
}

#extra .banners a {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
}

#extra .banners a.showroom {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_showroom.png) no-repeat 0 0 transparent;
}

#extra .banners a.ud {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_ud.png) no-repeat 0 0 transparent;
}

#extra .banners a.ecox {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_ecox.png) no-repeat 0 0 transparent;
}

#extra .banners a.ecooffice {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_ecooffice.png) no-repeat 0 0 transparent;
}

#extra .banners a.csr {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_csr.png) no-repeat 0 0 transparent;
}

#extra .banners a.top-message {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_top_message.png) no-repeat 0 0 transparent;
}

#extra .banners a.award2012 {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_award2012.jpg) no-repeat 0 0 transparent;
}

#extra .banners a.showcase {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_showcase.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.shinsotsu {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_shinsotsu.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.release1 {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_shibuyamov.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.release2 {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_camiapp.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.furniture {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_airfort.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.stationery {
	display: block;
	width: 230px;
	height: 60px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_clippy.jpg) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.creative-showcase {
	display: block;
	width: 230px;
	height: 170px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_creative-showcase.gif) no-repeat 0 0 scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}

#extra .banners a.creative-showcase:hover {
	display: block;
	width: 230px;
	height: 170px;
	background: url(/sites/default/files/shared_contents/cmn/img/extra/bnr_creative-showcase.gif) no-repeat 0 -170px scroll transparent;
	text-indent: -9999px;
	overflow: hidden;
}


/* #extra > .emphasis-link */
#extra .ecox-pr {
	margin: 15px 0 0 0;
	padding: 0;
}

#extra .ecox-pr .title {
	margin: 0 0 5px 0;
	padding: 0;
}

#extra .ecox-pr p {
	line-height: 1.2em;
}

/* #extra > .emphasis-link */
#extra .ecox-pr {
	margin: 15px 0 0 0;
	padding: 0;
}

#extra .ecox-pr .title {
	margin: 0 0 5px 0;
	padding: 0;
}

#extra .ecox-pr p {
	line-height: 1.2em;
}


/* #extra > .extra-information */
#extra .extra-information {
	margin: 30px 0 0 0;
}

#extra .extra-information div.first-child {
	margin: 0;
}

#extra .extra-information div {
	margin: 10px 0 0 0;
}

/* #extra > .extra-information > .feedback-information */
#extra .extra-information .feedback-information {
	padding: 5px 6px 10px;
	background-color: #efeff0;
}

#extra .extra-information .feedback-information .title {
	width: 218px;
	padding: 1px;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left bottom scroll transparent;
}

#extra .extra-information .feedback-information p {
	margin: 10px 13px 0 13px;
	padding: 0;
	line-height: 1.3em;
}

#extra .extra-information .feedback-information .image {
	margin: 15px 0 0 0;
	text-align: center;
}

#extra .extra-information .feedback-information .image img {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

/* #extra > .extra-information > .wordbank-information */
#extra .extra-information .wordbank-information {
	padding: 5px 6px 10px;
	background-color: #efeff0;
}

#extra .extra-information .wordbank-information .title {
	width: 218px;
	padding: 1px;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left bottom scroll transparent;
}

#extra .extra-information .wordbank-information p {
	margin: 10px 13px 0 13px;
	padding: 0;
	line-height: 1.3em;
}

#extra .extra-information .wordbank-information .image {
	margin: 15px 0 0 0;
	text-align: center;
}

#extra .extra-information .wordbank-information .image img {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

/* #extra > .extra-information > .wordbank-information */
#extra .twitter {
	margin: 30px 0 0 0;
}

/* #extra .first-child */
#extra .first-child {
	margin: 0;
}


/* ----- #topicpath ----- */
#topicpath {
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_base.png) repeat left top scroll transparent;
	height: 30px;
}

#topicpath ul li {
	float: left;
	margin: 0;
	height: 30px;
}

#topicpath ul li a {
	display: inline-block;
	padding: 5px 13px 0 18px;
	height: 25px;
	text-decoration: none;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath.png) no-repeat left top scroll transparent;
}

* html #topicpath ul li a {
	padding: 6px 13px 0 18px;
	height: 24px;
}

*+html #topicpath ul li a {
	padding: 6px 13px 0 18px;
	height: 24px;
}

#topicpath ul li span {
	display: inline-block;
	padding: 5px 20px 0 10px;
	height: 25px;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath.png) no-repeat left center scroll transparent;
}

* html #topicpath ul li span {
	padding: 6px 13px 0 10px;
	height: 24px;
}

*+html #topicpath ul li span {
	padding: 6px 13px 0 10px;
	height: 24px;
}

#topicpath ul.steadfast li a.home,
#topicpath ul li a.home {
	display: block;
	width: 42px;
	height: 30px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home.png) no-repeat left top scroll transparent;
}

#topicpath ul.steadfast li span.home,
#topicpath ul li span.home {
	display: block;
	width: 42px;
	height: 30px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home_top.png) no-repeat left top scroll transparent;
}

#topicpath ul li.last-child {
	padding: 0 0 0 9px;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_last_arrow.png) no-repeat left top scroll transparent;
}

#topicpath ul.steadfast li.last-child.home,
#topicpath ul li.last-child.home {
	padding: 0 9px 0 0;
	background-image: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home_arrow.png);
	background-position: right top;
}

#topicpath ul.steadfast li.last-child.home a.home,
#topicpath ul li.last-child.home a.home {
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home.png) no-repeat right top scroll transparent;
}

#topicpath ul li.last-child span {
	background: url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_last.png) no-repeat right top scroll transparent;
}

#topicpath ul li a:link {
	color: #333333;
	text-decoration: none;
}

#topicpath ul li a:visited {
	color: #333333;
	text-decoration: none;
}

#topicpath ul li a:active {
	color: #333333;
	text-decoration: none;
}

#topicpath ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

/* for nojs */
#topicpath ul li span,
#topicpath ul li a {
	width: 120px;
	overflow: hidden;
}

* html #topicpath ul li span,
* html #topicpath ul li a {
	width: auto;
	overflow: auto;
}

#topicpath ul.steadfast li span,
#topicpath ul.steadfast li a {
	width: auto;
	overflow: auto;
}


/* ----- #footer-sitemap ----- */
#footer-sitemap {
	border-top: 1px solid #ffffff;
	background-color: #cfd0d1;
}

#footer-sitemap .wrap {
	padding: 26px 0 5px 0;
}

#footer-sitemap .wrap .sitemap {
	background: url(/sites/default/files/shared_contents/cmn/img/bg_footersitemap.png) repeat-y left top scroll transparent;
}

#footer-sitemap .wrap .sitemap dl {
	float: left;
	padding: 0 11px 0 12px;
	font-size: 85.71428571%;
}

#footer-sitemap .wrap .sitemap dl.products {
	width: 148px;
	padding-left: 0;
	padding-right: 10px;
}

#footer-sitemap .wrap .sitemap dl.creative {
	width: 172px;
}

#footer-sitemap .wrap .sitemap dl.csr {
	width: 119px;
}

#footer-sitemap .wrap .sitemap dl.com {
	width: 107px;
}

#footer-sitemap .wrap .sitemap dl.ir {
	width: 153px;
}

#footer-sitemap .wrap .sitemap dl.support {
	padding: 0 0 0 12px;
	width: 137px;
}

#footer-sitemap .wrap .sitemap dl dt {
	font-weight: bold;
	margin: 0 0 11px 0;
}

#footer-sitemap .wrap .sitemap dl dd {
	margin: 7px 0 0 0;
}

#footer-sitemap .wrap .sitemap a {
	line-height: 1.2em;
}

#footer-sitemap .wrap .sitemap dt a:link {
	color: #000000;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dt a:visited {
	color: #000000;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dt a:active {
	color: #000000;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dt a:hover {
	color: #000000;
	text-decoration: underline;
}

#footer-sitemap .wrap .sitemap dd a:link {
	color: #666666;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dd a:visited {
	color: #666666;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dd a:active {
	color: #666666;
	text-decoration: none;
}

#footer-sitemap .wrap .sitemap dd a:hover {
	color: #666666;
	text-decoration: underline;
}

#footer-sitemap .wrap .other {
	margin: 30px 0 0 0;
	padding: 11px 0 2px 0;
	background: url(/sites/default/files/shared_contents/cmn/img/line_check_01.png) repeat-x left top scroll transparent;
	font-size: 85.71428571%;
}

#footer-sitemap .wrap .other .group {
	padding: 0 0 6px 0;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_other.png) repeat-y 353px 0 scroll transparent;
}

#footer-sitemap .wrap .other .group .group {
	background: none;
}

#footer-sitemap .wrap .other .group .community {
	float: left;
	width: 353px;
}

#footer-sitemap .wrap .other .group .community .twitter {
	float: left;
	margin: 23px 0 0 0;
}

#footer-sitemap .wrap .other .group .community .facebook {
	float: left;
	margin: 23px 0 0 7px;
}

#footer-sitemap .wrap .other .group .brand {
	float: right;
	width: 577px;
	padding: 4px 0 0 0;
}


/* ----- #footer ----- */
#footer {
	background-color: #939598;
	font-size: 85.71428571%;
	line-height: 1.2;
}

#footer .wrap {
	padding: 9px 0;
}

#footer .wrap .utility {
	float: left;
}

#footer .wrap .utility li {
	float: left;
	margin: 0 0 0 6px;
	padding: 0 0 0 6px;
	border-left: 1px solid #aaabae;
}

#footer .wrap .utility li.first-child {
	margin: 0;
	padding: 0;
	border-left: none;
}

#footer .wrap .utility a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer .wrap .utility a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer .wrap .utility a:active {
	color: #ffffff;
	text-decoration: none;
}

#footer .wrap .utility a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer .wrap .copyright {
	float: right;
	color: #d4d4d5;
	line-height: normal;
}

#footer .wrap .copyright img {
	vertical-align: middle;
	margin-left: 20px;
}

/* [Module] ------------------------------------------------*/

/* Group
------------------------------------------------------------*/

/* Group Type
------------------------------------------------------------*/
/* ----- layout option ----- */
.group.ltri .text {
	float: left;
	width: 427px
}

.group.ltri .image {
	float: right;
	width: 214px
}

.group.lirt .text {
	float: right;
	width: 427px
}

.group.lirt .image {
	float: left;
	width: 214px
}

.group.lirt .image p.caption,
.group.ltri .image p.caption {
	color: #8c8c8c;
}

.group.ltri .lihi {
	margin-top: 3px;
}

.group.lirt .lihi {
	margin-top: 3px;
}


/* ----- type01 [][] ----- */

/* ----- type02 [][] ----- */

/* ----- type03 [][] ----- */


/* popup */
body.popup .group.ltri .text {
	float: left;
	width: 427px
}

body.popup .group.ltri .image {
	float: right;
	width: 214px
}

body.popup .group.lirt .text {
	float: right;
	width: 427px
}

body.popup .group.lirt .image {
	float: left;
	width: 214px
}


/* Title Type
------------------------------------------------------------*/
.title-lv1 {
	font-weight: bold;
	font-size: 171.4285714%;
	line-height: 1.2em;
}

.title-lv1 span {
	font-size: 58.3%;
	line-height: 1.4em;
}

.pane2 #main .header>.title-lv1:nth-last-child(1),
.pane2 #main .header>.title-lv1:nth-last-child(3) {
	margin-bottom: 5px;
}

.title-lv2 {
	margin: 0 0 19px 0;
	padding: 5px 5px 2px 42px;
	min-height: 29px;
	border: 1px solid #cdcdcd;
	font-weight: bold;
	font-size: 114.2857143%;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_title_lv2.png) no-repeat 7px 7px scroll #ffffff;
	line-height: 1.85em;
}

* html .title-lv2 {
	padding: 5px 5px 0 41px;
	height: 31px;
	line-height: 1.8em;
}

*+html .title-lv2 {
	padding: 5px 5px 0 41px;
	line-height: 1.8em;
}

.title-lv2 sub {
	vertical-align: -3px;
	line-height: 1em;
	font-size: 72%;
}

.title-lv3 {
	margin: 0 0 16px 0;
	padding: 0 0 2px 25px;
	border-bottom: 2px solid #939598;
	font-weight: bold;
	font-size: 114.2857143%;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_title_lv3.png) no-repeat 1px 5px scroll transparent;
	line-height: 1.55em;
}

* html .title-lv3 {
	line-height: 1.8em;
}

*+html .title-lv3 {
	line-height: 1.8em;
}

.title-lv3 sub {
	vertical-align: -2px;
	font-size: 72%;
}

.title-lv4 {
	margin: 0 0 9px 0;
	font-weight: bold;
	border-bottom: 1px solid #939598;
	font-size: 114.2857143%;
	line-height: 1.5em;
}

.title-lv5 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5em;
}

.title-lv5-img {
	margin: 0 0 7px 0;
	line-height: 1%;
	font-size: 1%;
}

.title-lv6 {
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 85.71428571%;
	line-height: 1.5em;
}

.pane1 .title-lv1 {}

.pane1 .title-lv2 {}

.pane1 .title-lv3 {}

.pane1 .title-lv4 {}

/* title header set */
#main .header {
	position: relative;
	padding: 0 0 2em 0;
}

#main .header .typical-image {
	margin: 0 0 1em 0;
}

#main .header .category-group {
	font-weight: bold;
}

#main .header .title-lv1 {
	margin-bottom: 16px;
}

.popup #main .header {
	position: relative;
	padding: 30px 0 2em 0;
}

/* irregular-title */
.note {
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 85.71428571%;
	line-height: 1.5em;
}

.catch {
	margin: 0 0 10px 0;
	font-size: 171.4285714%;
	line-height: 1.2em;
}

/* Section
------------------------------------------------------------*/
.section {
	margin: 60px 0 0 0;
}

.section.first-child {
	margin: 0 0 0 0;
}

.section .section {
	margin: 38px 0 0 0;
}

.article .section.first-child {
	margin: 0;
}

.pane1 .article .section.first-child {
	margin: 36px 0 0 0;
}


/* Table Type
------------------------------------------------------------*/
/* ----- table default ----- */
table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #afafb0;
	border-left: 1px solid #afafb0;
}

table tr {
	background-color: #ffffff;
}

table th {
	padding: 10px 14px;
	border-right: 1px solid #afafb0;
	border-bottom: 1px solid #afafb0;
	text-align: left;
	background-color: #d6d7d8;
	font-weight: bold;
}

table td {
	padding: 10px 14px;
	border-right: 1px solid #afafb0;
	border-bottom: 1px solid #afafb0;
}

table caption span {
	display: inline;
	font-size: 114.2857143%;
	font-weight: bold;
}

* html table caption span {
	float: left;
	font-size: 114.2857143%;
	font-weight: bold;
}

*+html table caption span {
	float: left;
	font-size: 114.2857143%;
	font-weight: bold;
}

table caption span.num {
	float: right;
	margin: 0.5em 0 0 0;
	font-size: 85.71428571%;
	font-weight: normal;
}


/* ----- table option ----- */
table.va-m th,
table.va-m td,
table .va-m {
	vertical-align: middle;
}

table.va-t th,
table.va-t td,
table .va-t {
	vertical-align: top;
}

table.va-b th,
table.va-b td,
table .va-b {
	vertical-align: bottom;
}

table {
	margin: 0 0 25px 0;
}

table.no-caption {
	margin: 25px 0;
}

/* ----- table.row-data ----- */
table.row-data {}

table.row-data {}


/* ----- table cell .colors ----- */
.cls-efeff0 {
	background-color: #efeff0;
}

.cls-ebf6fa {
	background-color: #ebf6fa;
}

/* ----- table border-weak ----- */
table td.border-weak-bottom {
	border-bottom: 0;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left bottom scroll transparent;
}


.link-table {
	margin: 37px 0 0 0;
}

.link-table table {
	margin: 0;
	border-top: 1px solid #d0cec5;
	border-left: 1px solid #d0cec5;
	border-right: 1px solid #d0cec5;
}

.link-table table col.date {
	width: 10em;
}

.link-table table col.title {
	vertical-align: middle;
}

.link-table table tr {
	border: none;
	background-color: transparent;
}

.link-table table th {
	border: none;
	background-color: transparent;
	padding: 9px 10px;
	vertical-align: top;
	border-bottom: 1px solid #d0cec5;
}

.link-table table td {
	border: none;
	background-color: transparent;
	padding: 9px 10px;
	vertical-align: top;
	border-bottom: 1px solid #d0cec5;
}

.link-table table td img {
	margin: 0 5px 0 10px;
	vertical-align: -3px;
}


/* Module Parts
------------------------------------------------------------*/

/* ----- .pagetop ----- */
.pagetop {
	margin: 15px 0 0 0;
	text-align: right;
}

* html .pagetop {
	padding-top: 4px;
}

.pagetop a {
	display: inline-block;
	padding: 3px 1.5em 3px 3px;
	line-height: 1em;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_07.png) no-repeat right center transparent;
	font-size: 85.71428571%;
	text-decoration: none;
}

.pagetop a:link,
.pagetop a:active,
.pagetop a:visited {
	color: #333333;
	text-decoration: none;
}

.pagetop a:hover {
	color: #333333;
	text-decoration: underline;
}

/*
.pagetop p a:link ,
.pagetop p a:active ,
.pagetop p a:focus ,
.pagetop p a:visited { color:#2562db; }
.pagetop p a { display:inline-block; padding:3px 0 3px 13px; background:url(/sites/default/files/shared_contents/cmn/img/arrow_pagetop.gif) no-repeat 0 3px transparent; }
* html .pagetop p a { display:inline; zoom:1; }
*+html .pagetop p a { display:inline; zoom:1; }
*/

/* ----- .content-navi ----- */
table.content-navi {
	margin: 40px 0 0 0;
	border-top: 1px solid #aeb0b2;
	border-left: 1px solid #aeb0b2;
	background-color: #aeb0b2;
}

table.content-navi th {
	border: none;
}

table.content-navi td {
	padding: 10px 3px 9px;
	background-color: #ffffff;
	vertical-align: top;
	border-bottom: 1px solid #aeb0b2;
	border-right: 1px solid #aeb0b2;
}

table.content-navi td.current {
	background-color: #ebebeb;
}

table.content-navi td.hover {
	cursor: pointer;
	background-color: #ebebeb;
}

table.content-navi td a {
	display: block;
	padding-left: 1.8em;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png) no-repeat 8px 0.5em scroll transparent;
	line-height: 1.5em;
	text-decoration: none;
}

table.content-navi td a:link {
	color: #333333;
}

table.content-navi td a:visited {
	color: #333333;
}

table.content-navi td a:hover {
	color: #333333;
}

table.content-navi td a:active {
	color: #333333;
}

table.content-navi .slice2 col {
	width: 333px;
}

table.content-navi .slice2 col.first-child {
	width: 334px;
}

table.content-navi .slice3 col {
	width: 216px;
}

table.content-navi .slice3 col.first-child {
	width: 216px;
}

table.content-navi td {
	-moz-transition: background-color 0.2s ease-in-out 0.001s;
	-webkit-transition: background-color 0.2s ease-in-out 0;
	-o-transition: background-color 0.2s ease-in-out 0;
	-ms-transition: background-color 0.2s ease-in-out 0;
	transition: background-color 0.2s ease-in-out 0;
}

table.content-navi td.hover {
	-moz-transition: background-color 0s linear 0.001s;
	-webkit-transition: background-color 0s linear 0;
	-o-transition: background-color 0s linear 0;
	-ms-transition: background-color 0s linear 0;
	transition: background-color 0s linear 0;
}

/* ----- .content-navi-inside ----- */
table.content-navi-inside {
	margin: 0;
	border-top: 1px solid #aeb0b2;
	border-left: 1px solid #aeb0b2;
	background-color: #aeb0b2;
}

table.content-navi-inside th {
	border: none;
}

table.content-navi-inside td {
	padding: 4px 3px 3px;
	background-color: #efeff0;
	vertical-align: top;
	border-bottom: 1px solid #aeb0b2;
	border-right: 1px solid #aeb0b2;
}

table.content-navi-inside td.hover {
	cursor: pointer;
	background-color: #d7d7d8;
}

table.content-navi-inside td a {
	display: block;
	padding-left: 30px;
	background: url(/sites/default/files/shared_contents/cmn/img/arrow_09.png) no-repeat 10px 0.3em scroll transparent;
	line-height: 1.5em;
	text-decoration: none;
}

table.content-navi-inside td a:link {
	color: #333333;
}

table.content-navi-inside td a:visited {
	color: #333333;
}

table.content-navi-inside td a:hover {
	color: #333333;
}

table.content-navi-inside td a:active {
	color: #333333;
}

table.content-navi-inside .slice2 col {
	width: 333px;
}

table.content-navi-inside .slice2 col.first-child {
	width: 334px;
}

table.content-navi-inside .slice3 col {
	width: 216px;
}

table.content-navi-inside .slice3 col.first-child {
	width: 216px;
}

table.content-navi-inside td {
	-moz-transition: background-color 0.2s ease-in-out 0.001s;
	-webkit-transition: background-color 0.2s ease-in-out 0;
	-o-transition: background-color 0.2s ease-in-out 0;
	-ms-transition: background-color 0.2s ease-in-out 0;
	transition: background-color 0.2s ease-in-out 0;
}

table.content-navi-inside td.hover {
	-moz-transition: background-color 0s linear 0.001s;
	-webkit-transition: background-color 0s linear 0;
	-o-transition: background-color 0s linear 0;
	-ms-transition: background-color 0s linear 0;
	transition: background-color 0s linear 0;
}

/* ----- p.caption ----- */
p.caption {
	margin-top: 3px;
	font-size: 85.71428571%;
	color: #333333;
}

/* ----- p.impression ----- */
p.impression {
	margin: 30px 0;
	text-align: center;
}

/* ----- .mosaic-ic ----- */
.mosaic-ic {
	margin: 24px 0 0 0;
}

.mosaic-ic .set p.caption {
	color: #8c8c8c;
}

/* .mosaic-ic.index-link  */
.mosaic-ic.index-link div.set {
	padding-bottom: 10px;
	min-height: 135px;
}

* html .mosaic-ic.index-link div.set {
	height: 135px;
}

.mosaic-ic.index-link div p {
	margin: 5px 0 0 0;
}

/* .mosaic-ic .type2 */
.mosaic-ic .type2 {
	margin: 14px 0 0 0;
}

.mosaic-ic .type2.first-child {
	margin: 0;
}

.mosaic-ic .type2 div.set {
	float: left;
	margin: 0 0 0 30px;
	width: 320px;
}

.mosaic-ic .type2 div.set.first-child {
	margin: 0;
	padding: 0;
	width: 320px;
}

/* .mosaic-ic .type3 */
.mosaic-ic .type3 {
	margin: 14px 0 0 0;
}

.mosaic-ic .type3.first-child {
	margin: 0;
}

.mosaic-ic .type3 div.set {
	float: left;
	margin: 0 0 0 14px;
	width: 214px;
}

.mosaic-ic .type3 div.set.first-child {
	margin: 0;
	padding: 0;
	width: 214px;
}

/* .mosaic-ic .type4 */
.mosaic-ic .type4 {
	margin: 14px 0 0 0;
}

.mosaic-ic .type4.first-child {
	margin: 0;
}

.mosaic-ic .type4 div.set {
	float: left;
	margin: 0 0 0 10px;
	width: 160px;
}

.mosaic-ic .type4 div.set.first-child {
	margin: 0;
	padding: 0;
	width: 160px;
}

/* .popup .mosaic-ic .type2 */
.popup .mosaic-ic .type2 {
	margin: 14px 0 0 0;
}

.popup .mosaic-ic .type2.first-child {
	margin: 0;
}

.popup .mosaic-ic .type2 div.set {
	float: left;
	margin: 0 0 0 14px;
	width: 265px;
}

.popup .mosaic-ic .type2 div.set.first-child {
	margin: 0;
	padding: 0;
	width: 265px;
}


/* ----- .control ----- */
.control {
	margin: 15px 0 0 0;
	text-align: right;
}

/* .buttons */
.control.buttons {
	margin: 15px 0 0 0;
	text-align: center;
}

.control.buttons .button {
	margin-left: 30px;
}

.control.buttons .button.first-child {
	margin-left: 0;
}

/* .playback */
.control.playback {
	margin: 40px 0 0 0;
}

/* .close */
.control.close {
	margin-top: 30px;
	text-align: center;
}

.control.close a {
	display: inline-block;
	padding-right: 28px;
	background: url(/sites/default/files/shared_contents/cmn/img/btn_close.png) no-repeat right center scroll transparent;
	t
}

.control.close a:link {
	text-decoration: none;
	color: #333333;
}

.control.close a:visited {
	text-decoration: none;
	color: #333333;
}

.control.close a:active {
	text-decoration: none;
	color: #333333;
}

.control.close a:hover {
	text-decoration: underline;
}

/* .branching */
.control.branching {
	margin: 30px 0 0 0;
	background: url(/sites/default/files/shared_contents/cmn/img/bg_branching.png) repeat-y 335px 0 scroll transparent
}

.control.branching .next {
	float: right;
	width: 305px;
	padding: 5px 5px 5px 25px;
	text-align: left;
}

.control.branching .prev {
	float: left;
	width: 303px;
	padding: 5px 25px 5px 5px;
	text-align: right;
}

/* .pager */
.control.pager {
	position: relative;
	margin: 40px 0 30px 0;
	text-align: center;
}

.control.pager a {
	display: inline-block;
	width: 30px;
	padding: 4px 0;
	text-align: center;
	border: 1px solid #c7c7c8;
	background-color: #ffffff;
	text-decoration: none;
}

* html .control.pager a {
	padding: 4px 0 3px 0;
}

*+html .control.pager a {
	padding: 4px 0 3px 0;
}

.control.pager a:link {
	background-color: #ffffff;
	color: #333333;
}

.control.pager a:visited {
	background-color: #ffffff;
	color: #333333;
}

.control.pager a:active {
	background-color: #ffffff;
	color: #333333;
}

.control.pager a:hover {
	background-color: #ebebeb;
	color: #333333;
}

.control.pager .prev {
	position: absolute;
	top: 0;
	left: 0;
}

.control.pager .prev a {
	width: auto;
	padding: 4px 10px 4px 26px;
	font-weight: bold;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_05.png);
	background-repeat: no-repeat;
	background-position: 7% 0.8em;
}

* html .control.pager .prev a {
	padding: 4px 10px 3px 26px;
}

*+html .control.pager .prev a {
	padding: 4px 10px 3px 26px;
}

.control.pager .next {
	position: absolute;
	top: 0;
	right: 0;
}

.control.pager .next a {
	width: auto;
	padding: 4px 26px 4px 10px;
	font-weight: bold;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 93% 0.8em;
}

* html .control.pager .next a {
	padding: 4px 26px 3px 10px;
}

*+html .control.pager .next a {
	padding: 4px 26px 3px 10px;
}

.control.pager .first {
	position: absolute;
	top: 0;
	left: 186px;
}

.control.pager .end {
	position: absolute;
	top: 0;
	right: 186px;
}

.control.pager .current {}

.control.pager .range div {
	display: inline-block;
	margin: 0 10px;
}

.control.pager .range ul,
.control.pager .range li {
	display: inline;
	margin: 0 2px;
}

.control.pager .range li.first-child {
	margin: 0 2px 0 0;
}

.control.pager .range li.last-child {
	margin: 0 0 0 2px;
}

.control.pager .range .current a:link {
	background-color: #ebebeb;
}

.control.pager .range .current a:visited {
	background-color: #ebebeb;
}

.control.pager .range .current a:hover {
	background-color: #ebebeb;
}

.control.pager .range .current a:active {
	background-color: #ebebeb;
}


/* ----- .publisher ----- */
.publisher {
	margin: 30px 0 0 0;
	text-align: right;
}

.publisher p {
	font-weight: bold;
}

/* ----- .special ----- */
.special {
	padding: 17px 22px;
	border: 4px solid #d6d6d6;
	background-color: #efeff0;
}

.special .title {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 114.2857143%;
}

.special .special-body {
	margin: 20px 0 0 0;
	padding: 15px;
	background-color: #ffffff;
}

/* ----- .sheet ----- */
.sheet {
	padding: 17px 22px;
	background-color: #efeff0;
}

.sheet .title {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 114.2857143%;
}

.sheet .sheet-body {
	font-size: 114.2857143%;
}

/* ----- .linkage ----- */
.linkage {
	padding: 17px 22px;
	background-color: #efeff0;
}

.linkage .title {
	margin: 0 0 10px;
	font-weight: bold;
}

.linkage .linkage-body {}

.linkage .linkage-body ul li {
	margin: 3px 0 0 0;
}

/* ----- .frame ----- */
.frame {
	padding: 16px 21px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.frame .title {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 114.2857143%;
}

.frame .frame-body {
	font-size: 114.2857143%;
}

/* ----- .image-frame ----- */
.image-frame {
	margin: 30px 0 0 0;
	padding: 20px 5px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}

/* ----- .image-holder ----- */
.image-holder {
	margin: 30px 0 0 0;
	text-align: center;
}

.image-holder ul li {
	display: inline;
	margin: 0 0 0 10px;
}

.image-holder ul li.first-child {
	margin: 0;
}

/* ----- .strong-frame ----- */
.strong-frame {
	margin: 0 0 30px;
	padding: 18px;
	background-color: #ffd6d6;
	text-align: left;
}

.strong-frame p {
	line-height: 1.2em;
}

.strong-frame .link {
	margin: 9px 0 0 0;
	line-height: 1.5em;
}

/* ----- .frame-sheet ----- */
.frame-sheet {
	padding: 16px;
	border: 4px solid #d6d6d6;
	background-color: #efeff0;
}

.frame-sheet .title {
	margin: 0 0 10px;
	font-weight: bold;
}

.frame-sheet .frame-sheet-body {
	margin: 0 0 0 0;
}

/* ----- .call-frame ----- */
.call-frame {
	padding: 16px 21px;
	background-color: #efeff0;
	border: 1px solid #cccccc;
}

.call-frame .title {
	margin: 0 0 10px;
	font-weight: bold;
}

.call-frame .call-frame-body {
	padding: 25px 30px 25px;
	background-color: #ffffff;
}

.call-frame .call-frame-body .number {
	text-align: left;
	line-height: 1.2em;
}

.call-frame .call-frame-body .number span {
	margin: 0 10px 0 0;
	font-size: 114.2857143%;
}

.call-frame .call-frame-body .number span.dial {
	font-size: 228.5714286%;
	color: #ff0000;
}

.call-frame .call-frame-body .detail {
	margin: 25px 0 0 0;
}

.call-frame .call-frame-body .detail dt {
	width: 5em;
}

.call-frame .call-frame-body .detail dd {
	padding: 0 0 0 5em;
}

.popup .call-frame {
	margin: 28px 0 0 0;
}

/* ----- .impact-frame ----- */
.impact-frame {
	padding: 22px;
	border: 4px solid #d6d6d6;
	background-color: #efeff0;
}

.impact-frame .sheet {
	padding: 20px;
	width: auto;
	background-color: #ffffff;
}

.impact-frame .sheet .sew p {
	margin-top: 1em;
}

.impact-frame .sheet .sew p.first-child {
	margin-top: 0;
}


/* ----- .unity-group ----- */
.unity-group {
	position: relative;
	border: 1px solid #cccccc;
}

.unity-group .unity-head {
	background-color: #efeff0;
}

.unity-group .unity-body {
	padding: 19px;
	background-color: #ffffff;
}

.unity-group .to-linklist {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 85.71428571%;
}

.unity-group .to-linklist a {
	display: block;
	padding: 0 0 0 1em;
	text-decoration: none;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}

* html .unity-group .to-linklist a {
	padding: 1px 0 0 1em;
}

html>

/**/
body .unity-group .to-linklist a {
	padding
	/***/
	: 1px 0 0 1em\9;
}

.unity-group .to-linklist a:link {
	color: #333333;
	text-decoration: none;
}

.unity-group .to-linklist a:visited {
	color: #333333;
	text-decoration: none;
}

.unity-group .to-linklist a:hover {
	color: #333333;
	text-decoration: underline;
}

.unity-group .to-linklist a:active {
	color: #333333;
	text-decoration: none;
}


/* ----- .content-index-group ----- */
.content-index-group {
	position: relative;
	border: 1px solid #cccccc;
}

.content-index-group .content-index-head {
	background-color: #efeff0;
}

.content-index-group .content-index-body {
	padding: 19px;
}

.content-index-group .content-index-body .content-index {
	margin: 14px 0 0 0;
}

.content-index-group .content-index-body .content-index dt {
	margin: 0 0 5px;
	font-weight: bold;
	color: #000000;
}

.content-index-group .content-index-body .content-index dd {}

.content-index-group .content-index-body .content-index dd.first-child {
	margin: 0;
}

.content-index-group .content-index-body .content-index dd div {
	float: left;
	width: 200px;
	margin: 0 0 0 15px;
}

.content-index-group .content-index-body .content-index dd div.first-child {
	margin: 0;
}

.content-index-group .content-index-body .content-index dd div img {
	margin: 0 0 6px 0;
}

.content-index-group .to-linklist {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 85.71428571%;
}

.content-index-group .to-linklist a {
	display: block;
	padding: 0 0 0 1em;
	text-decoration: none;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}

* html .content-index-group .to-linklist a {
	padding: 1px 0 0 1em;
}

html>

/**/
body .content-index-group .to-linklist a {
	padding
	/***/
	: 1px 0 0 1em\9;
}

.content-index-group .to-linklist a:link {
	color: #333333;
	text-decoration: none;
}

.content-index-group .to-linklist a:visited {
	color: #333333;
	text-decoration: none;
}

.content-index-group .to-linklist a:hover {
	color: #333333;
	text-decoration: underline;
}

.content-index-group .to-linklist a:active {
	color: #333333;
	text-decoration: none;
}

/* ----- .content-list-type1 ----- */
.content-list-type1 {
	margin: 30px 0 0 0;
}

.content-list-type1 li {
	display: inline-block;
	width: 200px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

* html .content-list-type1 li {
	display: inline;
	zoom: 1;
}

*+html .content-list-type1 li {
	display: inline;
	zoom: 1;
}

.content-list-type1 li.top {
	margin-top: 0;
}

.content-list-type1 li.cycle {
	margin-left: 0;
}

.content-list-type1 li img {
	margin-bottom: 5px;
}

/* ----- .content-list-type2 ----- */
.content-list-type2 {
	margin: 30px 0 0 0;
}

.content-list-type2 li {
	display: inline-block;
	width: 200px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

* html .content-list-type2 li {
	display: inline;
	zoom: 1;
}

*+html .content-list-type2 li {
	display: inline;
	zoom: 1;
}

.content-list-type2 li.top {
	margin-top: 0;
}

.content-list-type2 li.cycle {
	margin-left: 0;
}

.content-list-type2 li img {
	margin-bottom: 5px;
}

/* ----- .content-list-type2-a ----- */
.content-list-type2-a {
	margin: 30px 0 0 0;
}

.content-list-type2-a li {
	display: inline-block;
	width: 200px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

* html .content-list-type2-a li {
	display: inline;
	zoom: 1;
}

*+html .content-list-type2-a li {
	display: inline;
	zoom: 1;
}

.content-list-type2-a li.top {
	margin-top: 0;
}

.content-list-type2-a li.cycle {
	margin-left: 0;
}

.content-list-type2-a li img {
	margin-bottom: 5px;
}

.content-list-type2-a li a.arrow5 span {
	width: 168px;
}

/* ----- .content-list-type3 ----- */
.content-list-type3 {
	margin: 30px 0 0 0;
}

.content-list-type3 li {
	display: inline-block;
	width: 200px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

* html .content-list-type3 li {
	display: inline;
	zoom: 1;
}

*+html .content-list-type3 li {
	display: inline;
	zoom: 1;
}

.content-list-type3 li.top {
	margin-top: 0;
}

.content-list-type3 li.cycle {
	margin-left: 0;
}

.content-list-type3 li img {
	margin-bottom: 5px;
}

/* ----- .content-list-type4 ----- */
.content-list-type4 {
	margin: 30px 0 0 0;
}

.content-list-type4 li {
	display: inline-block;
	width: 200px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

* html .content-list-type4 li {
	display: inline;
	zoom: 1;
}

*+html .content-list-type4 li {
	display: inline;
	zoom: 1;
}

.content-list-type4 li.top {
	margin-top: 0;
}

.content-list-type4 li.cycle {
	margin-left: 0;
}

.content-list-type4 li img {
	margin-bottom: 5px;
}

/* ----- .ecooffice-blog-box -- playback--- */
.ecooffice-blog-box {
	width: 320px;
}

.ecooffice-blog-box .blog {
	width: 298px;
	padding: 10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.ecooffice-blog-box .blog .text {
	padding: 0;
	width: 160px;
}

.ecooffice-blog-box .blog .text dl dt {
	font-size: 85.71428571%;
}

.ecooffice-blog-box .blog .image {
	border: 1px solid #cccccc;
	padding: 1px;
	width: 106px;
}

/* ----- .social-buttons ----- */
.social-buttons {
	padding: 40px 0 0 0;
	text-align: right;
	width: 100%;
}

.social-buttons div {
	display: inline-block;
	margin: 0 0 0 6px;
	vertical-align: top;
}

* html .social-buttons div {
	display: inline;
	zoom: 1;
}

*+html .social-buttons div {
	display: inline;
	zoom: 1;
}

.social-buttons div.twitter {
	margin: 0 0 0 5px;
}

.social-buttons div.twitter iframe {
	width: 62px !important;
}

* html .social-buttons div.twitter iframe {
	width: 61px !important;
}

*+html .social-buttons div.twitter iframe {
	width: 68px !important;
}

html>

/**/
body .social-buttons div.twitter iframe {
	width
	/***/
	: 68px !important\9;
}

.social-buttons div.share {
	margin-left: 4px;
	padding: 0 0 4px 0;
}

* html .social-buttons div.share {
	margin: 0 0 0 6px;
}

*+html .social-buttons div.share {
	margin: 0 0 0 6px;
}

html>

/**/
body .social-buttons div.share {
	margin
	/***/
	: 0 0 0 6px\9;
}

/* .heade > .social-buttons */
#main .header .social-buttons {
	position: absolute;
	padding: 2px 0 0 0;
}

#main .header.inspiration .social-buttons {
	position: absolute;
	right: 0;
	top: -25px;
	bottom: auto;
	padding: 0;
	border: none;
}


/* ----- .date-list ----- */
.date-list li {
	position: relative;
}

.date-list li a {
	display: block;
	padding: 10px 0 3px 130px;
	width: 540px;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left bottom #ffffff;
}

.date-list li a span {
	position: absolute;
	left: 0;
	width: 115px;
	display: inline-block;
	padding: 0 0 0 10px;
	background-image: url(/sites/default/files/shared_contents/cmn/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	text-decoration: none;
}

* html .date-list li a span {
	line-height: 1em;
	background-position: 0 0.3em;
}

*+html .date-list li a span {
	line-height: 1em;
	background-position: 0 0.3em;
}

.date-list li a {}

.date-list li a:active {
	color: #333333;
	text-decoration: none;
}

.date-list li a:link {
	color: #333333;
	text-decoration: none;
}

.date-list li a:visited {
	color: #333333;
	text-decoration: none;
}

.date-list li a:hover {
	color: #ff5f96;
	text-decoration: none;
}

/* ----- .line-dot-list ----- */
.line-dot-list li {
	padding: 0 0 1px;
	background: url(/sites/default/files/shared_contents/cmn/img/line_dot_01.png) repeat-x left bottom transparent;
}

.line-dot-list li a.arrow1 {
	display: block;
	padding: 8px 0 9px 10px;
	background-position: 0 0.95em
}

/* ----- .muststar ----- */
.muststar {
	display: inline-block;
	padding: 2px;
	font-size: 85.71428571%;
	color: #ffffff;
	background-color: #fd0000;
	line-height: 1;
	font-weight: normal;
	vertical-align: text-bottom;
}

.mailform table.form-type2 span.muststar {
	float: right;
}

h2 .muststar {
	margin: 0;
	font-size: 75%;
	vertical-align: 1px;
}

* html h2 .muststar {
	margin-top: 7px;
	font-size: 75%;
	vertical-align: 0;
}

.mustmsg {
	font-size: 90%;
	color: #fd0000;
}

/* for system */
html body #aside .nav .local li.current a:link,
html body #aside .nav .local li.current a:visited {
	background-color: #efefef;
}

html body #aside .nav .local li.current a:hover {
	background-color: #efefef;
}

html body #aside .nav .local li.current-route {
	background-color: #c9cacc;
}

html body #aside .nav .local li.current-route a:link,
html body #aside .nav .local li.current-route a:visited {
	background-color: #c9cacc;
}

html body #aside .nav .local li.current-route a:hover {
	background-color: #c9cacc;
}

html body #aside .nav .local li.current-route ul {
	display: block;
}

html body #aside .nav .local li.current-route ul li a:link,
html body #aside .nav .local li.current-route ul li a:visited {
	text-decoration: none;
	color: #333333;
	background-color: transparent;
}

html body #aside .nav .local li.current-route ul li a:hover {
	background-color: #efefef;
}

html body #aside .nav .local li.current-route ul li.current a:link,
html body #aside .nav .local li.current-route ul li.current a:visited {
	background-color: #e5e6e7;
}

html body #aside .nav .local li.current-route ul li.current a:hover {
	background-color: #e5e6e7;
}

/*EOF*/