@charset 'utf-8';

.shell { overflow:hidden; position:relative; }
.multiLanes { overflow:hidden; }
.one .lane1, .one .lane2 { padding-top: 255px; } /* sub-stage-height+25px */
/*.lane5 { padding-top:100px; }*/
.one .lane5 { padding-top:362px; }/*wall-panel-height-mainStage-image*/

/*----- Contents Section -----*/
.slots {
 margin-bottom: 8px;
 padding: 0 10px 10px 10px;
 background-color:#fdfdfd;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 1px 3px #bbb;
 -webkit-box-shadow: 0px 1px 3px #bbb;
/* behavior: url(pie.htc);*/
 }
/*
.one .slots { background-color:#fdfdfd; }
.biz .slots { background-color:#3f4856; }
*/
		.slots a {
		 display:block;
		 text-decoration: none;
		 }

		 .slots .title {
		 display:block;
		 margin: 5px 0;
		 font-size: 8.5pt;
		 font-weight: bold;
		 color: #3b5b99;
		 }
/*
.one .slots .title { color: #3b5b99; }
.biz .slots .title { color: #ebff67; }
*/
		 .slots .name {
		 display:block;
		 margin-bottom: 7pt;
		 font-weight: bold;
		 font-size: 11pt;
		 color: #282828;
		 }
/*
.one .slots .name { font-size: 11pt; color: #282828; }
.biz .slots .name { font-size: 11.5pt; color: #ffffff; }
*/
.ctm { font-size:9pt; margin-left:3px;}

		 .slots .text {
		 margin: 0;
		 font-size: 9pt;
		 line-height:12pt;
		 color: #646464;
		 }
/*
.one .slots .text { color: #646464; }
.biz .slots .text { color: #ffffff; }
*/
		.slots .more {
		 display: block;
		 text-align: right;
		 font-size: 8pt;
		 }
/*
.biz .slots .more { color: #cef; }
*/
		 .slots .price {
		 display:none;
		 }

.panel {
 width:202px;
 padding-top: 10px;
/* background-color:#cccccc;*/
 }

.noPad {
 padding:0;
 background-color:#f6f6f6;
 box-shadow:none;
 -webkit-box-shadow:none;
 }


.fSmile {
 display:inline-block;
 background: url(images/smilesemi.png) no-repeat;
 text-indent:6.7em;
 line-height:1.5;
 }

/*
div.mainStageOv {
 position: absolute;
 top: 0px;
 left: 270px;
 width: 670px;
 height: 45px;
 background: url(images/stg-hpb_ov.png) no-repeat;
 }
*/


/* subStage for Top Products and service */

.subStage a {
 display:block;
 width:459px;
 height:230px;
 overflow:hidden;
 -background:url(styles/images/stg-sub-atokmac.jpg) no-repeat 0 0;
 position:relative;
 }
.subStage a img {
 position:absolute;
 }

.subStage a img#cover {
 
 }
.subStage a img#motion {
 width:560px;
 top:-118px;
 left:-130px;
 z-index:5;
 }


/* Biz Right-Menu */

.rightMenu {
 width: 222px;
 margin-bottom: 10px;
}

.rightMenu a {
 display: block;
 height: 36px;
 margin-bottom: 2px;
 text-decoration: none;
 background: #efefef;
 padding-left: 20px;
 font-size: 10pt;
 line-height: 36px;
 font-weight: bold;
 color: #4a4a4a;
 }


.sakura {
 background-color:#f2d8df;
 }


/*---- Add badge -----*/
.badgeFrame {
 position:absolute;
 top:10px;
 right:10px;
 display:block;
 width :214px;
 height:210px;
 overflow:hidden;
 z-index:100;
 }
.badge {
 position:relative;
 width :214px;
 height:210px;
 -background: url(images/up-stg-taro_ov.png) no-repeat;
 -moz-transition   : -moz-transform .5s ease .8s;
 -webkit-transition: -webkit-transform .5s ease .8s;
 -o-transition     : -o-transform .5s ease .8s;
 -ms-transition    : -ms-transform .5s ease .8s;
 transition        : transform .5s ease .8s;
 -moz-transform-origin:0 800%;
 -webkit-transform-origin:0 800%;
 -o-transform-origin:0 800%;
 -ms-transform-origin:0 800%;
 transform-origin:0 800%;
 -moz-transform: rotate(20deg);
 -webkit-transform: rotate(20deg);
 -o-transform: rotate(20deg);
 -ms-transform: rotate(20deg);
 transform: rotate(20deg);
 }

.badgeMotion {
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
 }

/*---- endOf Add badge -----*/


/* tab operation navi for biz/edu/gov/med *************** */

.one .tabNavi { display: none; }
.biz .tabNavi, .gov .tabNavi, .edu .tabNavi, .med .tabNavi {
 position: relative;
 margin-bottom: 10px;
 margin-left:3px;
 width: 696px;
 }
.tabNavi:after { content:"."; display: block;
 height: 0; clear: both; visibility: hidden; }

.tabNavi ul {
/* margin-left:15px;*/
 }

.tabNavi li {
 float: left;
 height:57px;
 overflow-y:hidden;
 }

.tabNavi a {
 display: block;
 height: 57px;
 }

.tabNavi a#biz,
.tabNavi a#edu,
.tabNavi a#med { width:  166px; }
.tabNavi a#gov { width: 198px; }
.tabnavi li img { width:100%; }


/* 2Lanes for Mobile Display (222px*2+15px+3px*2) */
@media only screen and (max-width: 719px) {

	.biz .tabNavi, .gov .tabNavi, .edu .tabNavi, .med .tabNavi { width:461px; }

	.tabNavi li { height:38px; }
	.tabNavi a { height: 38px; }
	.tabNavi a#biz,.tabNavi a#edu,.tabNavi a#med { width:  110px; }
	.tabNavi a#gov { width: 131px; }
}


/* other Side Contents Summary ************************** */
div.wall {
 position: absolute;
 top: 76px;    /* spacing from TOP */
 right: 3px;
 display: none;
 }

/* 5Lanes (222px*5+15px*4+3px*2) */
@media only screen and (min-width: 1192px) {
	body.one div.wall { display: block; }
	div.wall { display: block; }/* confirm contents */
}

div.compass {
 padding-top:10px;
 width:202px;
 background: url(images/icon-compass.png) no-repeat 0 10px;
 }

div.compass h4 {
 padding-left:50px;
 margin:7px 0 17px 0;
 font-weight:bold;
 font-size:12.5pt;
 color:#666;
 }

div.compass li {
 padding:7px 0 7px 10px;
 background:url(images/bullet_glay.gif) no-repeat 2px 13px;
 border-bottom:1px #ddd solid;
 }

div.compass li.btm {
 border-bottom:none;
 padding-bottom:0;
 }

div.compass a {
 color:#5a5a68;
 }
div.compass a:hover {
 background:#6495ed;
 color:#f2f2f2;
 }


/* information Section ********************************** */
.infos {
 position: relative;
 margin:0 3px;
 padding: 12px 0;
 background-color: #fdfdfd;
 }
.infos:after { content:"."; display: block;
 height: 0; clear: both; visibility: hidden; }

.infos .inner {
 float: left;
 width: 47%;
 }
.infos .notice { padding: 0 1% 0 2%; }
.infos .headline { padding: 0 2% 0 1%; }

.infoHeader {
 font-weight: bold;
 color: #666;
 }

.headline .infoHeader span, .headline .infoHeader a {
 display: inline-block;
 height: 16px;
 overflow: hidden;
 }

.headline .infoHeader a { margin-left: 10px; }
.headline .infoHeader a:hover { background-position: 0 -16px; }

.headline .infoHeader .rss {
 width: 40px;
 text-indent: -50em;
 background: url(images/btn_rss.gif) no-repeat 0 0;
 }

.headline .infoHeader .tw {
 width: 60px;
 text-indent: -50em;
 background: url(images/btn_twitter.png) no-repeat 0 0;
 }

.infoBody {
 margin-top: 3px;
 border-top: #f6f6f6 1px solid;
 height: 120px;
 font-size: 12px;
 overflow-y: scroll;
 }

.infoBody li {
 padding:0 0 7px 8px;
 background: transparent url(images/bullet_glay.gif) no-repeat 1px 0.4em;
 }

.infoBodyScroll {
 margin-top: 3px;
 font-size:  12px;
 }

img {
 width: 100%;
 max-width: 1171px;
 height: auto;
 display: block
 }


/* 2Lanes for Mobile Display (222px*2+15px+3px*2) */
@media only screen and (max-width: 719px) {
	.infos .inner { float:none; width: 94%; }
	.infos .headline { padding-top: 20px; }
}

/* for LAF */
.biz .lane5 { margin-top:-66px; } 
.biz .lane5 div.slots[data-num="168"]{
 border-radius:111px 111px 0 0;
 }