@charset "utf-8";


/* 看板(全ページ共通) */

#navi {
  height: 73px;
  width: 900px;
  border-bottom: 3px solid #000000;
  background-color: #333333;
  margin: 0 0 4px;
}

#navi .logo-block {
	width: 200px;
	float: left;
}

#navi .gnavi-block {
	width: 680px;
*width: 670px;
	float: right;
  padding: 0px;
  margin-top: 32px;
}

ul#gnavi {
	margin-top: 10px;
}

ul#gnavi li {
	margin-right: 15px;
	float: left;
}

ul#gnavi li.company {
	margin-right: 0px;
}

#navi .gnavi-block ul li {
  margin: 0px;
  float: left;
}


/*----------------------------------------------*/

/* サイドメニュー(全ページ共通) */

#menu {
  background: #ADADAD;
  width: 190px;
}

#menu p.product {
  background:transparent url(/up/img/design/20091109093742-1-2.gif) no-repeat scroll left center;
  color:#000000;
  padding:0 0 0 15px;
  margin: 10px 15px;
}

#menu .search-block {
	background: #4A4A4B;
	padding: 9px 0px 6px 14px;
	color: #FFFFFF;
	font-size: 10px;
}

#menu .search-block input {
	vertical-align: middle;
}

#menu .search-block img {
	vertical-align: middle;
}

#menu .search-block input.word {
	width: 130px;
}

#menu h3 {
	margin: 10px 0 10px 10px;
}

#menu ul.category {
  margin: 15px 0 13px;
  border-top: 1px solid #888888;
  width: 190px;
}

#menu ul.category li {
	font-weight: bold;
  margin: 0;
  padding: 5px 5px;
  *padding: 0;
  border-bottom: 1px solid #888888;
}

#menu ul.category li a {
	display: block;
	width:auto;
	/* ▽IE6のメニュー余白対策▽ */
	_width:190px;
  background: none;
  color:#FFFFFF;
  text-decoration:none;
  padding: 0px;
  font-weight: normal;
}

#menu ul.category li img {
  float: left;
  margin-right: 5px;
}

#menu ul.category li a:hover {
  color:#000000;
  text-decoration:underline;
  padding: 0px;
  background: none;
}

#menu ul.category li a.active {
	background: url(/st/img/shop/common/menu/m_category_on.gif) no-repeat left bottom;
	padding: 6px 0px 6px 13px;
	text-decoration: none;
}

#menu .category-list {
	text-align: right;
	margin: 7px 5px 0px 0px;
}

#commodity-search-block {
  background: #4A4A4B;
}

#commodity-search-block .keyword {
  margin: auto;
}

#commodity-search-block p.white{
  color: #FFFFFF;
  text-align: center;
}


/* -------------------------------------------------------------- */

/* メインページCSS */
#main {
  width: 900px;
  background: #F2F3E9 url(/up/img/design/20091112114002-1-3.gif) left top;
}

#contents {
  background: #F2F3E9;
  width: 708px;
}

.item-top-block {
	width: 708px;
	margin: 0 0 20px;
}

.explain-block {
	margin: 0px 0px 10px;
}

.explain-block .c-left {
	width: 350px;
color: #000000;
}

.explain-block .c-left img {
  margin-left: 150px;
  width: 100px;
}

.explain-block p {
	line-height: 2;
}

.wrap-top-detail-block {
	margin: 0 0 40px;
	width: 688px;
	padding: 0 10px;
}

.wrap-top-detail-block .c-left {
	width: 341px;
}

.wrap-top-detail-block .c-right {
	width: 334px;
}

.wrap-top-detail-block h4 {
	margin: 30px 0px 0px;
	border-top: 1px solid;
	padding: 2px 0 0;
}

.wrap-top-detail-block h4 .flash {
  float: left;
}

.wrap-top-detail-block h4 .theme {
  margin: 0 0 0 10px;
  float: left;
}

.wrap-top-detail-block h4 p {
  font-family:Univers,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size:15px;
  line-height:130%;
  color:#000000;
}

.guide-area h3 {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 6px;
}

.guide-block {
	padding: 13px 10px;
	margin: 0 0 20px;
}

.guide-block .guide {
	width: 688px;
}

.guide-block .guide .c-left {
	width: 341px;
}

.guide-block .guide .c-right {
	width: 338px;
}

.guide-block .guide .inside {
	width: 320px;
	margin-left: 10px;
}

.guide-block .guide p {
	margin: 20px 0;
	color: #000000;
}


/*----------------------------------------------*/


/* TOP */

#wrap-top-page .shop-top-block {
	margin: 0 0 20px;
}


/* 新着情報 */

.news-block {
	margin: 0 0 20px;
}

.news-block h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.news-block ul {
	margin: 0 0 0 10px;
	width: 686px;
}

.news-block ul li {
	float: left;
	margin: 0 58px 0 0;
	width: 128px;
}

.news-block ul li.right {
	margin: 0;
}

.news-block ul li .name {
	font-size: 11px;
	margin: 5px 0 0 ;
}

.news-block ul li .name a {
	color: #0F8FB4;
}


/* おすすめ商品(トップと商品詳細で共通) */

.recommend-block {
	margin: 0 0 20px;
}

.recommend-block h5 {
	border-bottom: 1px solid #888888;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.recommend-block ul {
	margin: 0 0 0 10px;
	width: 686px;
}

.recommend-block ul li {
	float: left;
	margin: 0 20px;
	width: 128px;
*width: 125px;
}

.recommend-block ul li.right {
	margin-right: 0;
}

.recommend-block ul li .name {
	font-size: 11px;
	margin: 5px 0 0 ;
}

.recommend-block ul li .name a {
	color: #0F8FB4;
}


/* お買い物ガイド(トップ,お買い物ガイド,商品詳細で共通) */

.guide-block {
	margin: 0 0 20px;
}

.guide-area h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.guide-block {
	border: 1px solid #DAD5C0;
	padding: 13px 20px;
}

.guide-block .guide {
	width: 666px;
	background: url(../img/detail/bg_guide.gif) repeat-y left top;
}

.guide-block .guide .c-left {
	width: 333px;
}

.guide-block .guide .c-right {
	width: 333px;
}

.guide-block .guide .inside {
	width: 300px;
}

.guide-block .guide .c-right .inside {
	margin-left: 30px;
}

.guide-block .guide h6 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 20px;
	padding: 0px 0px 6px;
}

.guide-block .guide p {
	margin: 0px 0px 20px;
}


/* ▼メインページCSS▼ */
/*--modify_mainを使うため、mainは実質使わない予定--*/
#main {
  width: 900px;
  background: #F2F3E9 url(/up/img/design/20091112114002-1-3.gif) left top;
}
/*--新メイン--*/
#shop-main {
  width: 900px;
  background: #F2F3E9 url(/up/img/design/20091112114002-1-3.gif) left top;
}

#contents {
  background: #F2F3E9;
  width: 708px;
}

.item-top-block {
	width: 708px;
	margin: 0 0 40px;
}

.explain-block {
	margin: 0px 0px 10px;
}

.explain-block .c-left {
	width: 340px;
color: #000000;
}

.explain-block .c-left img {
	float: right;
	margin: 0 60px 0 0;
}

.explain-block p {
	line-height: 2;
}

.wrap-top-detail-block {
	margin: 0 0 40px;
	width: 688px;
	padding: 0 10px;
}

.wrap-top-detail-block .c-left {
	width: 341px;
}

.wrap-top-detail-block .c-right {
	width: 334px;
}

.wrap-top-detail-block h4 {
	margin: 50px 0px 0px;
	border-top: 1px solid;
	padding: 2px 0 0;
}

.wrap-top-detail-block h4 .flash {
  float: left;
}

.wrap-top-detail-block h4 .theme {
  margin: 0 0 0 10px;
  float: left;
}

.wrap-top-detail-block h4 p {
  font-family:Univers,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size:15px;
  line-height:130%;
  color:#000000;
}

.guide-area h3 {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 6px;
}

.guide-block {
	padding: 13px 10px;
	margin: 0 0 20px;
        border: none;
}

.guide-block .guide {
	width: 688px;
}

.guide-block .guide .c-left {
	width: 341px;
}

.guide-block .guide .c-right {
	width: 338px;
}

.guide-block .guide .inside {
	width: 320px;
        *width: 315px;
	margin-left: 10px;
}

.guide-block .guide p {
	margin: 20px 0;
	color: #000000;
}

/* ▼検索ページ▼ */
.searchResults2 {
display:block;
margin:0 0 100px;
width:708px;
}

.searchResults2 .dvPts2 {
float:left;
margin:0 15px 20px 0;
width:375px;
}


/*----------------------------------------------*/

/* 商品詳細ページ */

#wrap-detail-page {
}

#wrap-detail-page h3.category {
	font-size: 12px;
	background: #DAD5C0;
	padding: 5px 0px 5px 18px;
	margin: 0px 0px 2px;
}

#wrap-detail-page .item-detail-block {
	width: 708px;
	margin: 0 0 20px;
}

#wrap-detail-page .item-detail-block .c-left {
	width: 408px;
}

#wrap-detail-page .item-detail-block .c-right {
	width: 299px;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail {
	margin-top: 4px;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li {
	float: left;
	margin-right: 5px;
*margin-right: 4px;
	font-size: 11px;
	width: 95px;
}

#wrap-detail-page .item-detail-block #CommondityPhoto {
	border: 1px solid #DBD6C6;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a img {
	border: 1px solid #DBD6C6;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a:hover img {
	border: 1px solid #775F34;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a.active img {
	border: 1px solid #775F34;
}

#wrap-detail-page h4.goods {
	font-size: 18px;
	margin: 0px 0px 30px 9px;
}

#wrap-detail-page .item-detail-block h5 {
	margin: 0 0 5px;
}

#wrap-detail-page table.tbl .on {
background:#E9E6DA;
}

#wrap-detail-page table.tbl .off {
background:#F2F3E9;
}


#wrap-detail-page table.price {
	width: 299px;
	margin: 0 0 13px;
}

#wrap-detail-page table.price th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
}

#wrap-detail-page table.price td {
	padding: 7px 0;
}

#wrap-detail-page table.price img {
	vertical-align: middle;
}

#wrap-detail-page table.price .notes {
	font-size:10px;
	margin: 0 3px;
}


#wrap-detail-page table.goods {
	width: 299px;
	margin: 0 0 13px;
}

#wrap-detail-page table.goods th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	background:#F2F3E9;
	vertical-align: top
}

#wrap-detail-page table.goods td {
	padding: 2px 3px 2px 5px;
	font-size: 10px;
}

#wrap-detail-page table.goods td.cart {
	text-align:right;
}


#wrap-detail-page table.goods th.top {
	border-top: 1px solid #DAD5C0;
}

#wrap-detail-page table.goods td.top {
	border-top: 1px solid #DAD5C0;
}

#wrap-detail-page table.goods .on {
background:#F2F3E9;
}

#wrap-detail-page table.goods .off {
background:#E9E6DA;
}

#wrap-detail-page .explain-block {
	margin: 0px 0px 10px;
}

#wrap-detail-page .explain-block h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px;
}

#wrap-detail-page .explain-block p {
	line-height: 2;
}

#wrap-detail-page .wrap-detail-block {
	width: 708px;
	margin-bottom: 20px;
}

#wrap-detail-page .wrap-detail-block .c-left {
	width: 340px;
}

#wrap-detail-page .wrap-detail-block .c-right {
	width: 340px;
}

#wrap-detail-page .wrap-detail-block table.detail {
	border-top: 1px solid #DAD5C0;
	width: 340px;
}

#wrap-detail-page .wrap-detail-block table.detail th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#wrap-detail-page .wrap-detail-block table.detail td {
	padding: 7px 0;
	vertical-align: top;
}

#wrap-detail-page .wrap-detail-block h5 {
	margin: 0px 0px 5px;
}

#wrap-detail-page .wrap-detail-block dl.faq {
}

#wrap-detail-page .wrap-detail-block dl.faq dt {
	border-top: 1px solid #DAD5C0;
	background: #E9E6DA;
	padding: 7px 0 7px 9px;
}

#wrap-detail-page .wrap-detail-block dl.faq dd {
	padding: 3px 0 15px 9px;
}



/* ▼商品詳細ページ▼ */

.item-detail-block {
	width: 708px;
	margin: 0 0 20px;
  color: #000000;
}

.item-detail-block .c-left {
	width: 408px;
}

.item-detail-block .c-right {
	width: 299px;
}

.item-detail-block .c-left ul.thumbnail {
	margin-top: 4px;
}

.item-detail-block .c-left ul.thumbnail li {
	float: left;
	margin-right: 4px;
	font-size: 11px;
	/*width: 70px;*/
}

.item-detail-block #CommondityPhoto {
	border: 1px solid #DBD6C6;
}

.item-detail-block .c-left ul.thumbnail li a img {
	border: 1px solid #DBD6C6;
}

.item-detail-block .c-left ul.thumbnail li a:hover img {
	border: 1px solid #775F34;
}

.item-detail-block .c-left ul.thumbnail li a.active img {
	border: 1px solid #775F34;
}

h4.goods {
	font-size: 18px;
	margin: 0px 0px 30px 9px;
}

.item-detail-block h5 {
	margin: 0 0 5px;
}

table.tbl .on {
background:#E9E6DA;
}

table.tbl .off {
background:#F2F3E9;
}


table.price {
	width: 299px;
	margin: 0 0 13px;
}

table.price th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
}

table.price td {
	padding: 7px 0;
font-size: 18px;
}

table.price img {
	vertical-align: middle;
}

table.price .notes {
	font-size:10px;
	margin: 0 3px;
}


table.goods {
	width: 299px;
	margin: 0 0 13px;
}

table.goods th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	background:#F2F3E9;
	vertical-align: top
}

table.goods td {
	padding: 2px 3px 2px 5px;
	font-size: 10px;
}

table.goods td.cart {
	text-align:right;
}


table.goods th.top {
	border-top: 1px solid #DAD5C0;
}

table.goods td.top {
	border-top: 1px solid #DAD5C0;
}

table.goods .on {
background:#F2F3E9;
}

table.goods .off {
background:#E9E6DA;
}

.explain-block {
	margin: 0px 0px 10px;
  color: #000000;
}

.explain-block h5 {
	border-bottom: 1px solid;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px;
  font-size: 13px;
}

.explain-block p {
	line-height: 2;
}

.wrap-detail-block {
	width: 708px;
  color: #000000;
  margin-bottom: 20px;
}

.wrap-detail-block .c-left {
	width: 340px;
}

.wrap-detail-block .c-right {
	width: 340px;
}

#page-shop-commondity-detail .wrap-detail-block table.detail {
	border-top: 1px solid #DAD5C0;
	width: 340px;
  color: #000000;
}

#page-shop-commondity-detail .wrap-detail-block table.detail th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#page-shop-commondity-detail .wrap-detail-block table.detail td {
	padding: 7px 0;
	vertical-align: top;
}

.wrap-detail-block h5 {
	margin: 0px 0px 5px;
  font-size: 13px;
}

.wrap-detail-block dl.faq {
}

.wrap-detail-block dl.faq dt {
	border-top: 1px solid #DAD5C0;
	background: #E9E6DA;
	padding: 7px 0 7px 9px;
}

.wrap-detail-block dl.faq dd {
	padding: 3px 0 15px 9px;
}

.recommend-block {
	margin: 0 0 20px;
  color: #000000;
}

.recommend-block h5 {
	border-bottom: 1px solid #888888;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 6px;
}

.recommend-block ul {
	margin: 0 0 0 10px;
	width: 686px;
}

.recommend-block ul li {
	float: left;
	margin: 0 20px;
	width: 128px;
*width: 125px;
}

.recommend-block ul li.right {
	margin: 0;
}

.recommend-block ul li .name {
	font-size: 11px;
	margin: 5px 0 0 ;
}

.recommend-block ul li .name a {
	color: #0F8FB4;
}

/* ▼コンセプトフリーページ▼ */
#concept {
  margin-left: -2px;
}

.concept-menu {
  padding: 3px 0;
  width: 710px;
  background: #000000;
}

.concept-menu ul li {
  float: left;
  margin-left: 30px;
  list-style-image: url(/up/img/design/20091112093922-1-2.gif)
}

.concept-menu ul li a {
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 30px;
}

.concept-menu ul li a:hover {
  text-decoration: underline;
}

.concept-image-block {
  margin:0 0 20px;
  width:708px;
}

.concept-explain-block {
  color:#000000;
  margin:0 0 40px;
}

.concept-explain-block .c-left {
  margin-left: 30px;
}

.concept-explain-block .c-right {
  margin-right: 30px;
}

.qualityMark {
  width: 300px;
}

.qualityMark dl {
  margin-bottom:30px;
}

.qualityMark dl dt {
  float:left;
  width:40px;
}

.qualityMark dl dd {
  line-height:140%;
  margin-left:50px;
}

.concept-theme-block {
  background: #F2F4E9;
}

.concept-theme-block .c-right {
  width: 295px;
}

.concept-theme-block .c-right img {
  margin: 20px 0 0;
}

/* ▼コンセプト（テーマ別）フリーページ▼ */
.themeArea {
float:right;
padding:50px 30px 0 0;
width:385px;
color:#000000;
}

.themeHead {
margin-bottom:35px;
}

.themeMark {
float:left;
width:58px;
}

#page-shop-commondity-detail .themeHead h2 {
color:#000000;
float:right;
font-family:Univers,Helvetica,Arial,sans-serif;
font-size:140%;
font-weight:bold;
line-height:150%;
padding-top:3px;
width:310px;
border:none;
}

.themeTitle {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
letter-spacing:1px;
margin-bottom:15px;
}

#page-shop-commondity-detail .themeArea p {
line-height:150%;
margin-bottom:1em;
}

.themeFoot {
margin-bottom:20px;
padding-top:20px;
}

#conceptall {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091209065357-1-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept09 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091112111937-2-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept08 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091112111937-1-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept07 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091112111937-3-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept06 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091117075803-1-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept05 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091112111947-1-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}

#concept052 {
  margin-left: -2px;
  background:transparent url(/up/img/design/20091112111937-5-3.jpg) no-repeat scroll left top;
  min-height: 700px;
}


/* ▼デザイナーフリーページ▼ */
#contentsRight {
  background:#FFFFFF none repeat scroll 0 0;
  float:right;
  margin:0;
  padding:0;
  position:relative;
}

#dmArea {
  background:transparent url(http://www.nico.or.jp/hyaku/wp-content/themes/100_theme/images/dm/bg_dm.gif) no-repeat scroll 33px 20px;
  margin:0;
  padding:125px 30px 0 33px;
}


.dmBox {
  border-collapse:collapse;
  border-spacing:0;
  border-top:1px solid #000000;
  margin-bottom:50px;
}

.dmBox td {
  vertical-align:top;
}

.dmData {
  border-collapse:collapse;
  border-spacing:0;
  border-top:2px solid #000000;
}

.dmData td.dmTheme {
  font-family:Univers,Helvetica,Arial,sans-serif;
  font-size:90%;
  font-weight:bold;
  line-height:140%;
  padding:6px 0 20px;
}

.dmData td.dmTheme img {
  margin-right:7px;
  vertical-align:middle;
}

.dmData td.dmPosition {
  font-size:80%;
  line-height:140%;
  padding:0 0 3px;
}

.dmData td.dmName1 {
  font-size:100%;
  line-height:140%;
  padding:0 10px 5px 0;
  white-space:nowrap;
  width:1%;
}

.dmData td.dmName2 {
  font-size:80%;
}

.dmData td.dmOther {
  font-size:80%;
  line-height:140%;
  padding:0 0 5px;
}

.wpEdit {
  clear:both;
  font-size:80%;
  line-height:120%;
  margin:0 0 1em;
  text-align:right;
}

/* ▼参加企業フリーページ▼ */
#page-shop-commondity-detail h2.title03 {
  background:transparent url(http://www.nico.or.jp/hyaku/wp-content/themes/100_theme/images/common/line_title.gif) no-repeat scroll left bottom;
  color:#000000;
  font-family:Univers,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size:120%;
  font-weight:normal;
  letter-spacing:1px;
  line-height:110%;
  margin:40px 0 15px;
  padding:5px 0;
  border: none;
}

.titleIcon {
  font-family:Univers,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size:18px;
  line-height:130%;
  margin:20px 0;
  padding:0;
  color:#000000;
}

.titleIcon img {
margin-right:10px;
vertical-align:middle;
}

.proBox {
  clear:both;
  margin-bottom:30px;
  margin:0;
  padding:0 30px 0 33px;
  width:655px;
  color:#000000;
}

.proData {
  border-top:1px solid #000000;
  float:left;
  width:655px;
  margin:20px 0;
}

.mfctrDesc {
  margin:10px 0;
}