/* ----------------------------------------------
	Header
-------------------------------------------------*/

#KOSETop #Header{
	margin:auto;
	width:800px;
	padding:8px 0 11px 0;
	}

#KOSETop #Logo{
	width:335px;
	float:left;
	margin-left:5px;
	display:inline;
	}

#KOSETop #HeaderLink{
	width:460px;
	text-align:right;
	float:left;
	}
	#KOSETop #HeaderLink ul{
		display:table;
	}
	#KOSETop #HeaderLink li{
		display:table-cell;
		vertical-align:middle;
		line-height:100%;
		}
	#KOSETop #HeaderLink li.global_btn{
		vertical-align:middle;
	}
	#KOSETop #HeaderLink img{
		display:inline;
		padding-left:28px;
		}

	#KOSETop #HeaderLink img.Home{
		vertical-align:middle;
		margin-bottom:5px;
		}
/* ----------------------------------------------
	Layout
-------------------------------------------------*/

#LeftArea{
	width:548px;
	padding-left:10px;
	float:left;
	}

#RightArea{
	margin:auto;
	width:215px;
	float:left;
	}

/* ----------------------------------------------
	Flash Area
-------------------------------------------------*/

#Flash-Main{
	width:567px;
	float:left;
	}

#Flash-Brand-BG{
	background-image:url(/images/flash/flash_brand_bg.gif);
	background-repeat:no-repeat;
	background-position: right;
	width:232px;
	height:279px;
	float:left;
	}

#Flash-Brand{
		margin-top:5px;
		margin-left:16px;
		font-size:10px;
		}

#Flash-Brand p{
		margin:80px 0px 50px 0;
		text-align:center;
		}

#Flash-Brand a{
		color:#538ed1;
		}

#Flash-Brand-BG img{
	margin-top:15px;
	vertical-align:bottom;
	}

	#Flash-Brand-BG img.h3Brand{
		margin-left:20px;
		}

	#Flash-Brand-BG img.NewBtn{
		margin-top:3px;
		margin-left:20px;
		vertical-align:bottom;
		}

/* ----------------------------------------------
	Tab Menu
-------------------------------------------------*/
.menu {
	color:#272727;
	width:800px;
	}

	.menu img{
		vertical-align:bottom;
		}

	.menu ul {
		margin:0px;
		padding:0px;
		list-style:none;
		}

		.menu li {
			float:left;
			line-height:23px;
			}

		.menu li a {
			color:#000000;
			}

		.menu li a.tabactive {
			position:relative;
			}

#tabcontent1,
#tabcontent2,
#tabcontent3,
#tabcontent4,
#tabcontent5,
#tabcontent6 {
	background-color:#fff;
	background-image:url(/images/tab/tab_border_middle.gif);
	background-repeat: repeat-y;
	width:800px;
	}

/* ----------------------------------------------
	Tab Content
-------------------------------------------------*/

.TabProducts{
	width:520px;
	float:left;
	margin-left:7px;
	display:inline;
	}

	.TabProducts a{
		position:relative;
		padding-bottom:10px;
		}

	.new{
		position:absolute;
		left: 10px;
		top: 10px;
		}

	.heightLine-Pr{
		width:168px;
		min-height:190px;
		padding:4px 0 15px 0;
		margin-right:3px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		background-image:url(/common/images/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		text-align:center;
		font-size:80%;
		line-height:120%;
		float:left;
		}

	.heightLine-Pr img{
		border-top:22px solid #fff;
		border-bottom:22px solid #fff;
		border-left:5px solid #fff;
		border-right:5px solid #fff;
		}

	.heightLine-Pr img.new{
		border:0;
		padding:22px 5px
		}

	a:link.heightLine-Pr,
	a:visited.heightLine-Pr {
		color:#3a3a3a;
		}

	a:hover.heightLine-Pr{
		background-image:url(/images/tab/icon_corner_b_top.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		cursor:pointer;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		text-decoration:none;
		}


/* ----------------------------------------------
	Tab RightBox
-------------------------------------------------*/
.TabRightBox{
	width:270px;
	padding:5px 0 0 0;
	text-align:center;
	float:left;
	}

	.TabRightBox ul{
		list-style:none;
		}

ul.banner li{
	padding-bottom:3px;
	}

.Blue{
	background-image:url(/images/tab/tabr_ctgtop_blue.jpg);
	background-repeat: no-repeat;
	text-align:center;
	background-position: bottom;
	padding-bottom:9px;
	}
	.Blue img{
		vertical-align:bottom;
		}

.PurposeBtn{
	text-align:right;
	margin-right:10px;
	margin-bottom:10px;
	}

.ItemListContainer{
	width:252px;
	margin:auto;
	}

.ItemListDiv{
	height:56px;
	background: url(/images/tab/h2_tabr_searchitem_m.jpg);
	background-repeat:repeat-y;
	}
.ItemList{
	padding:5px 5px 0 10px;
	text-align:left;
	}

	.ItemList li{
		background:url(/common/images/icon_arrow.gif) no-repeat left 3px;
		padding-left:8px;
		margin-left:3px;
		float:left;
		display:inline;
		}

	.ItemList li img{
		vertical-align:bottom;
		padding-bottom:2px;
		}

.TopBanner li img{
	vertical-align:bottom;
	}
/* ----------------------------------------------
	News
-------------------------------------------------*/
dl#News{
	width:548px;
	margin-top:10px;
	padding-bottom:8px;
	border-bottom:1px solid #8a8a8a;
	}
		dl#News dt {
		margin:0 16px 8px 0;
		padding-left:10px;
		width:90px;
		overflow:hidden;
		word-break:break-all;
		}

		dl#News dd {
		margin-bottom:8px;
		width:430px;
		}

		dl#News dt,
		dl#News dd {
		float:left;
		}

	dl#News a{
		color:#235daa;
		}
/* ----------------------------------------------
	Campaign
-------------------------------------------------*/
.box_hover{
	background:#b1e4fa;
	cursor:pointer;
	}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

div.CpBase{
	width:548px;
	background-color:#eeedeb;
	padding-top:4px;
	padding-bottom:5px;
	margin-bottom:20px;
	}

	/*.CpBase dl {
		width:266px;
		background-color:#FFFFFF;
		margin-left:5px;
		float:left;
		display:inline;
		}*/

	.CpBase dl img{
		margin-top:5px;
		}

	.CpBase dl.CpItemL {
		width:267px;
		background-image:url(/common/images/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-color:#FFFFFF;
		margin-left:5px;
		float:left;
		display:inline;
		}

	.CpBase dl.CpItemR {
		width:266px;
		background-image:url(/common/images/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-color:#FFFFFF;
		margin-left:5px;
		float:left;
		display:inline;
		}

	.CpBase dt {
		text-align:center;
		}

	.CpBase dd {
		padding:2px 5px 8px 8px;
		}


/* ----------------------------------------------
	Special
-------------------------------------------------*/

div.SpBase{
	width:548px;
	background-color:#eeedeb;
	padding-top:4px;
	padding-bottom:5px;
	}

	.SpBase dl.SpItem {
		width:176px;
		background-color:#FFFFFF;
		background-image:url(/common/images/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		margin-left:5px;
		float:left;
		display:inline;
		}

	.SpBase dt {
		margin:5px 2px 0 8px;
		color:#104571;
		}

	.SpBase dd {
		padding:2px 5px auto 5px;
		text-align:center;
		}

	.SpBase dd.SpText {
		text-align:left;
		margin:3px 8px;
		}


div.SpBase2{
	width:548px;
	background-color:#eeedeb;
	padding-bottom:5px;
	}

	.SpBase2 dl.SpItem {
		width:176px;
		background-color:#FFFFFF;
		background-image:url(/common/images/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		margin-left:5px;
		float:left;
		display:inline;
		}

	.SpBase2 dt {
		margin:5px 2px 0 8px;
		color:#104571;
		}

	.SpBase2 dd {
		padding:2px 5px auto 5px;
		text-align:center;
		}

	.SpBase2 dd.SpText {
		text-align:left;
		margin:3px 8px;
		}

/* ----------------------------------------------
	CompanyInfo
-------------------------------------------------*/

.RightBox{
	border:1px solid #8a8a8a;
	margin-bottom:10px;
	}

	.RightBox ul{
		list-style:none;
		margin-top:10px;
		margin-bottom:5px;
		}

	.RightBox li{
		margin:0 5px 0 8px;
		}

	.RightBox p{
		margin:10px;
		}

	.sns-box{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		border: solid 1px #858585;
	}
	.sns-box .inner{
		padding: 10px 0;
	}
	.sns-box a:hover{
		opacity: 0.5;
	}
/* ----------------------------------------------
	MarieClaire
-------------------------------------------------*/
#MarieClaire{
	width:213px;
	border:1px solid #8a8a8a;
	padding-bottom:10px;
	bottom:0;
	right:0;
	padding-top: 10px;
	}

	#MarieClaire ul{
		list-style:none;
		margin-top:10px;
		margin-bottom:5px;
		}

	#MarieClaire li{
		margin:0 5px 0 8px;
		}

	#MarieClaire p{
		margin:10px;
		}

	#QRL{
		width:60px;
		margin:0 0 0px 8px;
		float:left;
		display:inline;
		}

	#QRR{
		width:140px;
		float:left;
		}

		#QRR p{
		margin:0;
		}

.mb26{
	margin-bottom:26px;
	}

.sns_banner{
	margin-bottom: 30px;
}


/* for PRINT */
@media print {
    .hero-wrap .slider,
    .hero-wrap .slider-2 {
        display: none;
    }
    div.menu {
        margin-top: 20px;
    }
}