@charset "utf-8";



/************************************************

 2015リニューアル時追加

************************************************ */





/*****コンテンツトップスライドショーココカラ*****/



#image-navigation2 .navi-image { position:relative;}

#image-navigation2 .navi-image a { display:block; }

#image-navigation2 .navi-image a { position:absolute; top:0; left:0; z-index:8; }

#image-navigation2 .navi-image a.active { z-index:10; }

#image-navigation2 .navi-image a.last-active { z-index:9; }



#image-navigation2 ul  {

	margin:0 auto  !important;

        table-layout: fixed;

        width : 760px;

        display: table;

        table-layout: fixed;

        text-align: center;

        width: 100%;

}

#image-navigation2 .navi li {

        float: left;

        margin-top:0px;

        margin-right:0;

        margin-left:0;

        margin-bottom:10px;

        list-style: none;

        border: none;

}

#image-navigation2 .navi img {

	width: 253px;

	height: 81px;

}

#image-navigation2 .navi li a {

	width: 253px;

	height: 81px;

	text-indent: -9999px;

}

#image-navigation2 .navi-image {

	overflow:hidden;

	width: 760px;

	height: 244px;

}

#image-navigation2 img:hover {

    filter:alpha(opacity=100) !important;

    opacity:1.0 !important;

}



/*****コンテンツトップスライドショーココマデ*****/



/*****商品別人気ランキングココカラ*****/

ul#tab {

	zoom: 1;

	border-bottom: 5px solid #1e90ff;

	list-style: none;

	padding: 0;

        width:760px;

}

ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab li {

	float: left;

	text-align: center;

}

ul#tab li:last-child {

	background: none;

}

ul#tab li a {

	display: block;

	width: 106.6px;

	padding: 8px 0px;

	text-decoration: none;

	color: #222;

        font-size:90%;

        background: #EEECEC;

        border-left:1px solid #D3CFD0;

        border-right:1px solid #A59B9D;

        border-top:1px solid #D3CFD0;

        border-radius: 10px 10px 0 0;

        -webkit-border-top-left-radius: 10px;

        -webkit-border-top-right-radius: 10px;

        -moz-border-radius-topleft: 10px;

        -moz-border-radius-topright: 10px;

        background: -moz-linear-gradient(top, #F9F9F9, #E0E0E0);

        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E0E0E0));

        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#E0E0E0');

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#E0E0E0')";

}

#detail {

	clear: both;

	overflow: hidden;

	background: #ffffff;

        border-left: 1px solid #bebcbc;

        border-right: 1px solid #bebcbc;

        border-bottom: 1px solid #bebcbc;

	width: 758px;

	height: 290px;

	padding: 0px;

        margin:0 0 20px 0;

}

#detail .detailimg  {

        display:inline;

}

.tabbox {

	display: none;

}

.tabbox img {

	margin:15px 0 0 7px;

}



#rankingcontent {

        width:178px;

        height:20px;

        margin:5px 0 0 10px;

	float: left;

}



.rankprice {

        text-align: right;

        color:#dc143c;

        font-weight:bold;

        font-size:12pt;

        margin-top:0px;

}

.ranknumber {

        text-align: left;

        font-size:8pt;

        margin-top:0px;

        height:20px;

}

.rankname {

        text-align: left;

        font-size:8pt;

        margin-top:0px;

        height:40px;

        overflow: hidden;

        text-overflow:ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

}

ul.ranknumberimg {

	zoom: 1;

	list-style: none;

        width:760px;

        z-index:99999;

        position: relative;

}

ul.ranknumberimg li {

	float: left;

        width:178px;

        height:28px;

	text-align: left;

        margin:-5px 0 -20px 10px;

}

ul.ranknumberimg img {

        width:178px;

        height:28px;

}



/*****商品別人気ランキングココマデ*****/





/*****【事務服】2015SS新作コーディネートBEST5ココカラ*****/



#newitemcoordinate2015SS {

        margin:0 0 40px 20px;

}



/**デフォルトtable 相殺↓**/

#newitemcoordinate2015SS table {

    margin: 15px auto -20px auto;

    border-top: none;

    border-left: none;

    /*width: 100%;*/

    /*border-collapse: collapse;*/

    /*text-align: left;*/

}

#newitemcoordinate2015SS table th {

    padding: -8px;

    border-right: none;

    border-bottom: none;

    /*color: #333;*/

    /*background-color: #f0f0f0;*/

    /*font-weight: normal;*/

}

#newitemcoordinate2015SS table td {

    padding: -8px;

    border-right: none;

    border-bottom: none;

}

/**デフォルトtable 相殺↑**/



.newitemcoordinate2015SS {

	overflow: hidden;

	width: 760px;

	height: 487px;

        background-image: url("http://www.iwaki-uni.co.jp/upload/save_image/newitemcoordinate2015back.fw.png");

        background-size:760px 487px;

        background-repeat:no-repeat;

        background-position: center center;

        border:none;



}

.newitemcoordinate2015SS .img_left {

	width:310px;

	float: left;

	display:block;



}

.newitemcoordinate2015SS .img_right{

	width:415px;

	display:block;

	float: right;

	/*padding:3px 3px 8px 0;*/

        margin-right:3px;



}

.newitemcoordinate2015SS .img_left img {

        margin:0 0 5px 5px;

        box-shadow:5px 5px 10px;

}

.newitemcoordinate2015SS .img_right img {

        margin-bottom: 5px;



}



/*****【事務服】2015SS新作コーディネートBEST5ココマデ*****/





/*****【事務服】プチプラ特集ココカラ*****/

#jimuhuku_reasonable2015 {

        margin-left:20px;

}

.column-1 {

	overflow: hidden;

	width: 758px;

	height: 600px;

}

.column-1 .img_left {

	width:350px;

	float: left;

	display:block;

	margin:110px 15px 15px 15px;

}

.column-1 .img_right{

	width:340px;

	display:block;

	float: left;

	margin:110px 15px 15px 15px;

}

.column-1 .img_right img{

	margin-bottom:5px;

}

.column-1 .icon_plus{

	text-align:center;

}

/**デフォルトtable 相殺↓**/

#reasonable {

    margin: 0 auto -20px auto;

    border-top: none;

    border-left: none;

    /*width: 100%;*/

    /*border-collapse: collapse;*/

    /*text-align: left;*/

}

#reasonable th {

    padding: -8px;

    border-right: none;

    border-bottom: none;

    /*color: #333;*/

    /*background-color: #f0f0f0;*/

    /*font-weight: normal;*/

}

#reasonable td {

    /*padding: -8px;*/

    border-right: none;

    border-bottom: none;

}

/**デフォルトtable 相殺↑**/



/*****【事務服】プチプラ特集ココマデ*****/





/*****【介護】おすすめコーディネートココカラ*****/



#kaigo_coordinate2015 {

        width:760px;

        height:550px;

        margin:0 0 20px 20px;

        border-top: none;

        border-left:none;

}

#kaigo_coordinate2015 table {

        border-top: none;

        border-left: none;

}

.kaigo_coordinate2015 {

	overflow: hidden;

	width: 760px;

	height: 550px;

        background-size:760px 550px;

        background-repeat:no-repeat;

        background-position: center center;

        border: none;

}

.kaigo_coordinate2015 .img_right{

	width:352px;

	display:block;

	float: right;

	/*padding:3px 3px 8px 0;*/

        margin-top: 100px;

}

.kaigo_coordinate2015 .img_right img{

        margin-left: 8px;

}



/*****【介護】おすすめコーディネートココマデ*****/





/*****【飲食】カフェおすすめコーディネートココカラ*****/



#cafe_coordinate2015 {

        width:760px;

        height:550px;

        margin:0 0 20px 20px;

        border-top: none;

        border-left:none;

}

#cafe_coordinate2015 table {

        border-top: none;

        border-left: none;

}

.cafe_coordinate2015 {

	overflow: hidden;

	width: 760px;

	height: 550px;

        background-size:760px 550px;

        background-repeat:no-repeat;

        background-position: center center;

        border: none;

}

.cafe_coordinate2015 .img_right{

	width:352px;

	display:block;

	float: right;

	/*padding:3px 3px 8px 0;*/

        margin-top: 95px;

}

.cafe_coordinate2015 .img_right img{

        margin-left: 8px;

}



/*****【飲食】カフェおすすめコーディネートココマデ*****/







/*****【介護】おすすめコーディネートココカラ*****/



#kaigo_coordinate2015 {

        width:760px;

        height:550px;

        margin:0 0 20px 20px;

        border-top: none;

        border-left:none;

}

#kaigo_coordinate2015 table {

        border-top: none;

        border-left: none;

}

.kaigo_coordinate2015 {

	overflow: hidden;

	width: 760px;

	height: 550px;

        background-size:760px 550px;

        background-repeat:no-repeat;

        background-position: center center;

        border: none;

}

.kaigo_coordinate2015 .img_right{

	width:352px;

	display:block;

	float: right;

	/*padding:3px 3px 8px 0;*/

        margin-top: 100px;

}

.kaigo_coordinate2015 .img_right img{

        margin-left: 8px;

}



/*****【介護】おすすめコーディネートココマデ*****/

.snavRight ul li{

	list-style: none;

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #333;

	margin-right: 10px;

	padding-right: 10px;

}

 ul li.serect {

	list-style: none;

	border-right-style: none;

	margin-right: 5px;

	text-align: right;

	font-weight: bold;

}



.snavRight ul li.none{ border-right-style:none;}



.clearfix:after{

	content: "";

	clear: both;

	display: block;

}

.salon{

	margin-bottom: 15px;

}

.salon ul{

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

.salon ul li{

	list-style-type: none;

	border: 1px solid #666;

	float: left;

	margin-top: 5px;

	margin-right: 1px;

	margin-bottom: 1px;

	margin-left: 1px;

}



.main h1 {

        margin-bottom:20px;

        margin-left:20px;

        font-size:16px;

        padding: 0.4em 0.4em;/*文字の上下 左右の余白*/

        color: #000;/*文字色*/

        background: #f4f4f4;/*背景色*/

        border-left: solid 5px #ff964c;/*左線*/

        border-bottom: solid 3px #d7d7d7;/*下線*/

        text-align:left;

}