@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(/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(/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(/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(/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(/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; }

/* ----- p.literal ----- */
p.literal { font-size: 10pt; color: #cc3333; text-align:right; }

/* ----- ul.document ----- */
ul.document li { padding:1px 0 1px 24px; background:url(/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(/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(/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(/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(/cmn/img/arrow_01.gif) no-repeat 3px 0.4em scroll transparent; }
ul.link li a.exterior { padding:0 0 0 20px; background:url(/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(/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:35px; right:230px; 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 30px -3px 0; padding:5px 0 3px 21px; min-height:12px; background:url(/cmn/img/icon_earth.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(/cmn/img/bg_global.png) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#header .nav.global li.home a     { width:97px; background-position:0 -39px; }
#header .nav.global li.products a { width:135px; background-position:-97px -39px; }
#header .nav.global li.creative a { width:175px; background-position:-232px -39px; }
#header .nav.global li.csr a      { width:136px; background-position:-407px -39px; }
#header .nav.global li.com a      { width:111px; background-position:-543px -39px; }
#header .nav.global li.ir a       { width:164px; background-position:-654px -39px; }
#header .nav.global li.support a      { width:132px; background-position:-818px -39px; }

#header .nav.global li.home a.hover ,
#header .nav.global li.home a:hover     { background-position:0 0; }
#header .nav.global li.products a.hover ,
#header .nav.global li.products a:hover { background-position:-97px 0; }
#header .nav.global li.creative a.hover ,
#header .nav.global li.creative a:hover { background-position:-232px 0; }
#header .nav.global li.csr a.hover ,
#header .nav.global li.csr a:hover      { background-position:-407px 0; }
#header .nav.global li.com a.hover ,
#header .nav.global li.com a:hover      { background-position:-543px 0; }
#header .nav.global li.ir a.hover ,
#header .nav.global li.ir a:hover       { background-position:-654px 0; }
#header .nav.global li.support a.hover ,
#header .nav.global li.support a:hover      { background-position:-818px 0; }

/* #top #header .nav.global li.home a          { background-position:0 0; } */
#products #header .nav.global li.products a { background-position:-97px  0; }
#creative #header .nav.global li.creative a { background-position:-232px 0; }
#csr #header .nav.global li.csr a           { background-position:-407px 0; }
#com #header .nav.global li.com a           { background-position:-543px 0; }
#ir #header .nav.global li.ir a             { background-position:-654px 0; }
#support #header .nav.global li.support a           { background-position:-818px 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(/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(/cmn/img/arrow_01.png) no-repeat 11px 16px; 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(/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(/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("/cmn/img/extra/icon_book_blue.png") no-repeat 2px center scroll transparent; }
#extra .webcatalog li.webcatalog-icon-orange a { background:url("/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(/cmn/img/extra/bnr_showroom.png) no-repeat 0 0 transparent; }
#extra .banners a.ud { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_ud.png) no-repeat 0 0 transparent; }
#extra .banners a.ecox { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_ecox.png) no-repeat 0 0 transparent; }
#extra .banners a.ecooffice { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_ecooffice.png) no-repeat 0 0 transparent; }
#extra .banners a.environment2116 { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_environment.jpg) no-repeat 0 0 transparent; }
#extra .banners a.csr { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_csr.png) no-repeat 0 0 transparent; }
#extra .banners a.top-message { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_top_message.png) no-repeat 0 0 transparent; }
#extra .banners a.award2012 { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_award2012.jpg) no-repeat 0 0 transparent; }
#extra .banners a.showcase { display:block; width:230px; height:60px; background:url(/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(/cmn/img/extra/bnr_shinsotsu.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.school { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_school.png) no-repeat 0 0 transparent; }

#extra .banners a.release1 { display:block; width:230px; height:60px; background:url(/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(/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(/cmn/img/extra/bnr_ofon.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.stationery { display:block; width:230px; height:60px; background:url(/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(/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(/cmn/img/extra/bnr_creative-showcase.gif) no-repeat 0 -170px scroll transparent; text-indent:-9999px; overflow:hidden; }

#extra .banners a.kanban { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_kanban.gif) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }

#extra .banners a.worksight { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_worksight01.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.campus { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_campus01.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.campus39 { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_39campus.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.kokuyo_design_award_2015 { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_kokuyo_design_award_2015.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.artproject { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_artproject.png) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.workersfield { display:block; width:230px; height:60px; background:url(/cmn/img/extra/bnr_workersfield.jpg) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#extra .banners a.inspi { display:block; width:230px; height:60px; background:url(/cmn/img/extra/top_bnr_inspi2.png) no-repeat 0 0 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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/cmn/img/bg_topicpath_home.png) no-repeat right top scroll transparent; }
#topicpath ul li.last-child span { background:url(/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(/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(/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(/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; }
*/

/* ---- .social-area ---- */
#footer-sitemap .wrap .social-area { background:#fff; margin:30px 0 20px 0; padding:0 0 20px 20px; }
#footer-sitemap .wrap .social-area .group { width:920px; }
#footer-sitemap .wrap .social-area .group .twitter { float:left; margin:20px 5px 0 0; display:inline; }
#footer-sitemap .wrap .social-area .group .facebook { float:left; margin:20px 5px 0 0; display:inline; }
#footer-sitemap .wrap .social-area .group .brand { float:left; margin:0; display:inline; width:577px; }

/* ----- #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; }
#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(/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(/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; }


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

/* 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(/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(/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(/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(/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(/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 !important; 
	font-size:85.71428571% !important; 
	color:#333333 !important; 
}

/* ----- 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(/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(/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(/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(/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(/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(/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:72px !important; }
* html .social-buttons div.twitter iframe { width:71px !important; }
*+html .social-buttons div.twitter iframe { width:78px !important; }
html>/**/body .social-buttons div.twitter iframe { width /***/:78px !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(/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(/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(/cmn/img/line_dot_01.png) repeat-x left bottom transparent; }
.line-dot-list .end { padding:0 0 1px; background:url(/cmn/img/line_dot_00.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*/

.icon-external-link::after {
	content: "\e901";
	font-family: webicon;
	margin-left: 4px;
}

.hover-box {
	padding: 10px!important;
}

.hover-box:hover {
	background-color: #f0f0f0!important;
}

.link-ttl {
	font-size:14px;
	font-weight: bold;
	line-height: 1.4em;
}