@charset "utf-8";
/* CSS Document */


div #main3 { height: auto; }
div#main3 #wrapper { /* width:980; */
}
.btn2 { width: 210px; height: 40px; border-bottom: #1B1B1B solid 1px; padding-right: 10px; float: left; }
.btn4 { width: 210px; border-bottom: #1B1B1B solid 1px; padding-right: 10px; float: right; }
.btn3 { background: #FF9797; width: 500px; margin: auto; }
.btn3 a { display: block; color: #ffffff; padding: 10px; text-align: center; text-decoration: none; font-family: "Yu Gothic", sans-serif; font-weight: bold; }
.btn3 a:hover { text-decoration: none; color: #ffffff; background: #FFAAAA; text-decoration: none; padding: 10px; display: block; text-align: center; font-family: "Yu Gothic", sans-serif; font-weight: bold; }
.mottomiru { width: 47%; padding: 10px; background: #FF9797; color: #ffffff; text-align: center; display: block; text-decoration: none; font-family: "Yu Gothic", sans-serif; font-weight: bold; float: left; }
.mottomiru:hover { color: #ffffff; text-decoration: none; background: #FFAAAA; }
.mottomiru2 { width: 47%; padding: 10px; background: #FF9797; color: #ffffff; text-align: center; display: block; text-decoration: none; font-family: "Yu Gothic", sans-serif; font-weight: bold; float: right; }
.mottomiru2:hover { color: #ffffff; text-decoration: none; background: #FFAAAA; }
div#mainmenu { height: 140px; background: url(//gigaplus.makeshop.jp/thsnet/images/page/coolbiz/pata-n.jpg); padding-top: 14.5px; }
ul.titlemenu { width: 955px; list-style: none; margin: auto; height: 125px; }
ul.titlemenu li { float: left; text-indent: -9999px; }
ul.titlemenu li a { display: block; width: 100%; height: 125px; line-height: 125px; background: url(//gigaplus.makeshop.jp/thsnet/images/page/coolbiz/btn_top.jpg) no-repeat #dfdfdf; }
#menu01 { width: 186px; }
#menu02 { width: 180px; }
#menu03 { width: 180px; }
#menu04 { width: 167px; }
#menu05 { width: 241px; }
#menu01 a { background-position: 0 0; }
#menu02 a { background-position: -186px 0; }
#menu03 a { background-position: -366px 0; }
#menu04 a { background-position: -552px 0; }
#menu05 a { background-position: -719px 0; }
#menu01 a:hover { background-position: 0 -125px; }
#menu02 a:hover { background-position: -186px -125px; }
#menu03 a:hover { background-position: -366px -125px; }
#menu04 a:hover { background-position: -552px -125px; }
#menu05 a:hover { background-position: -719px -125px; }
div#maincont p.introduction { text-align: center; margin: 20px 0; font-size: 16px; color: #1f58ae; font-weight: bold; }
div#maincont ul.gnavi { display: flex; justify-content: space-around; }
div#maincont ul.gnavi li p { text-align: center; font-weight: bold; margin-top: 15px; }
/* プロファンクション */
#profunction { }
#wrapper #profunction ul { width: 980; list-style: none; }
#wrapper #profunction ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #profunction ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#profunction_item { margin-bottom: 50px; }
dt { }
#profunction_item dd { width: 316; margin-bottom : 5px; margin-top: 3px; }
dd p.itemname { width: 316; }
dd p.itemname-twoafter { width: 316; padding-left : 17px; }
dd p.size { width: 316; margin-left : 0px; font-size : 80%; color: #a9a9a9; }
dd p.size-twoafter { width: 316; padding-left : 17px; font-size : 80%; color: #a9a9a9; }
dd p.price { width: 316; padding-left : 230px; font-size : 20px; font-weight : bold; color: #ff8c00 }
dd p.price-twoafter { width: 316; padding-left : 246px; font-size : 20px; font-weight : bold; color: #ff8c00 }
#wrapper #profunction_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #profunction_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/*　その他のナガイ　*/
#wrapper #sonota { width: 980px; height: 210px; margin-bottom: 30px; }
#wrapper #sonota ul { width: 980; list-style: none; }
#wrapper #sonota ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #sonota ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* その他の商品*/

#sonota_item { padding-bottom: 20px; }
dt { }
#sonota_item dd { width: 230; margin-bottom : 5px; margin-top: 3px; }
dd p.sonota-itemname { width: 230; }
dd p.sonota-itemname-twoafter { width: 230; padding-left : 20px; }
dd p.sonota-size { width: 230; margin-left : 0px; font-size : 80%; color: #a9a9a9; }
dd p.sonota-size-twoafter { width: 230; padding-left : 20px; font-size : 80%; color: #a9a9a9; }
dd p.sonota-price { width: 230; padding-left : 165px; font-size : 15px; font-weight : bold; color: #ff8c00 }
dd p.sonota-price-twoafter { width: 230; padding-left : 185px; font-size : 15px; font-weight : bold; color: #ff8c00 }
#wrapper #sonota_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #sonota_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* ビーズベリー */
#beadsberry { }
#wrapper #beadsberry ul { width: 980; list-style: none; }
#wrapper #beadsberry ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #beadsberry ul li :after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* びーずべりーの商品 */
#beadsberry_item { }
#wrapper #beadsberry_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #beadsberry_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* KAZEN */
#kazen { }
#wrapper #kazen ul { width: 980; list-style: none; }
#wrapper #kazen ul li { display: inline; float: left; margin: 0 0 0 0; }
.itemlist dd p.gomoji_price-twoafter { width: 316; padding-left : 230px; font-size : 20px; font-weight : bold; color: #ff8c00 }
#wrapper #kazen ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#kazen_item { margin-bottom: 50px; }
#wrapper #kazen_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #kazen_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* KAZEN */
#kazen-133 { }
#wrapper #kazen-133 ul { width: 980; list-style: none; }
#wrapper #kazen-133 ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #kazen-133 ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#kazen-133_item { margin-bottom: 50px; }
#wrapper #kazen-133_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #kazen-133_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#kazen-133_item dt { background-color: #FFFFFF }
#kazen-133_item dd { width: 357; margin-bottom : 5px; margin-top: 3px; }
dd p.itemname-popurin { width: 357; padding-left : 40px; }
dd p.size-popurin { width: 357; padding-left : 40px; font-size : 80%; color: #a9a9a9; }
dd p.price-popurin { width: 357; padding-left : 240px; font-size : 20px; font-weight : bold; color: #ff8c00 }
/*codeblue*/
#codeblue { }
#wrapper #codeblue ul { width: 980; list-style: none; }
#wrapper #codeblue ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #codeblue ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* FOLK */
#folk { }
#wrapper #folk ul { width: 980; list-style: none; }
#wrapper #folk ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #folk ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#folk_item {margin-bottom: 50px; }
/* #folk_item.clearfix{margin-right: 166px;
					margin-left:  166px; } */
#wrapper #folk_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #folk_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/* code item */

#code_item { margin-bottom: 80px; }
#code_item dt { background-color: #FFFFFF }
#code_item dd { width: 230; margin-bottom : 5px; margin-top: 3px; }
dd p.code-itemname { width: 220; padding-left : 10px; }
dd p.code-itemname-twoafter { width: 230; padding-left : 30px; }
dd p.code-size { width: 230; margin-left : 0px; font-size : 80%; color: #a9a9a9; padding-left : 10px; }
dd p.code-size-twoafter { width: 230; padding-left : 30px; font-size : 80%; color: #a9a9a9; }
dd p.code-price { width: 230; padding-left : 165px; font-size : 15px; font-weight : bold; color: #ff8c00 }
dd p.code-price-twoafter { width: 230; padding-left : 185px; font-size : 15px; font-weight : bold; color: #ff8c00 }
#wrapper #code_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #code_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/*　チトセ */
#chitose { height: 386; }
#wrapper #chitose ul { width: 980; list-style: none; }
#wrapper #chitose ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #chitose ul li .clearfix:after { content: "."; display: block; font-size: 0; clear: both; visibility: hidden; }
#chitose_item { margin-bottom: 50px; }
#wrapper #chitose_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #chitose_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/*　ルコック */
#wrapper #lecoq ul { width: 980; list-style: none; }
#wrapper #lecoq ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #lecoq ul li .clearfix:after { content: "."; display: block; font-size: 0; clear: both; visibility: hidden; }
#lecoq_item { margin-bottom: 50px; }
#wrapper #lecoq_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #lecoq_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/*　新商品 */
#new_item { margin-bottom: 40px; }
#wrapper #new_item ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #new_item ul li .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
/*おすすめ特集*/
#osusumelp { margin-bottom: 50px; }
#wrapper #osusumelp ul { width: 980; list-style: none; }
#wrapper #osusumelp ul li { display: inline; float: left; margin: 0 0 0 0; }
#wrapper #osusumelp ul li .clearfix:after { content: "."; display: block; font-size: 0; clear: both; visibility: hidden; }


dd p.price em.tiny { font-size: 14px; font-weight: bold; color: #ff8c00;}
dd p.price-twoafter em.tiny { font-size: 14px; font-weight: bold; color: #ff8c00;}
dd p.price { width: 316; padding-left: 180px; font-size: 20px; font-weight: bold; color: #ff8c00;}
dd p.price-twoafter { width: 316; padding-left: 200px; font-size: 20px; font-weight: bold; color: #ff8c00;}
dd p.sonota-price { width: 230; padding-left: 120px; font-size: 15px; font-weight: bold; color: #ff8c00;}
dd p.sonota-price-twoafter { width: 230; padding-left: 140px; font-size: 15px; font-weight: bold; color: #ff8c00;}
dd p.sonota-price em.tiny {font-size: 12px;}
dd p.sonota-price-twoafter em.tiny {font-size: 12px;}
dd p.price-popurin { width: 357; padding-left: 200px; font-size: 20px; font-weight: bold; color: #ff8c00;}
dd p.price-popurin em.tiny { font-size: 14px; font-weight: bold; color: #ff8c00;}
dd p.code-price { width: 230; padding-left: 110px; font-size: 15px; font-weight: bold; color: #ff8c00;}
dd p.code-price em.tiny {font-size: 12px;}
dd p.code-price-twoafter { width: 230; padding-left: 130px; font-size: 15px; font-weight: bold; color: #ff8c00;}
dd p.code-price-twoafter em.tiny { font-size: 12px;}
div.itemlist h4.iteminfo { margin-bottom: 15px; text-align: center; }