@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :james(admin)
 style info :共通MODULE/PARTS

=================================================================== */
/* ===================================================================
font size %
        9px  = 75%
        10px = 85%
        12px = 100%
        14px = 120%
        16px = 135%
        18px = 150%
        20px = 170%
=================================================================== */

/*---------------------------------------------------
  INDEX TOP CONTENT
----------------------------------------------------*/

#mainVis{
	clear:both;
	width:980px;
	height:352px;
	margin:0 auto 21px;
	overflow:hidden;
}

#visFocus{
	clear:both;
	width:978px;
	height:340px;
	margin:0 auto;
	overflow:hidden;
}

#visThumb{
	float:right;
	width:53px;
	height:7px;
	margin:5px 0 0 0;
	overflow:hidden;
}

#visThumb ul li{
	float:left;
	width:16px;
	height:7px;
	margin:0 1px 0 0;
	overflow:hidden;
}

/*-- 投稿記事 --*/

.article{
	float:left;
	width:254px;
	height:308px;
	margin:0 0 0 0;
	overflow:hidden;
	background:url(../img/top/article.jpg) no-repeat;
}

.articleImage{
	width:226px;
	height:152px;
	margin:16px 0 0 14px;
	overflow:hidden;
}

.articleDate{
	width:226px;
	height:auto;
	margin:3px 0 0 14px;
	overflow:hidden;
}

.articleDate p{
	font-size:10px;
}

.articleTitle{
	width:226px;
	height:auto;
	margin:0 0 0 14px;
	overflow:hidden;
}

.articleTitle h4{
	font-size:14px;
}

.articleContent{
	width:226px;
	height:60px;
	margin:0 0 0 14px;
	overflow:hidden;
}

.articleContent p{
	font-size:10px;
	line-height:150%;
}

.article_twin{
	float:left;
	width:508px;
	height:308px;
	margin:3px 0 0 0;
	overflow:hidden;
}

.articleLink{
	width:226px;
	margin:0 0 0 14px;
	overflow:hidden;
}

.articleLink a{
	font-size:10px;
}

/*---------------------------------------------------
  SHOP TOP CONTENT
----------------------------------------------------*/

#mainVis_shop{
	clear:both;
	width:980px;
	height:270px;
	margin:0 auto 21px;
	overflow:hidden;
}

#titleTopics{
	width:750px;
	height:30px;
	margin:0 0 10px 0;
	overflow:hidden;
	border-bottom:#333 1px solid;
}

#titleTopics h5{
	font-size:18px;
	font-weight:normal;
	padding:0 0 0 0;
}

/*-- shopContentsNavi --*/

#shopContentsNavi{
	width:750px;
	height:34px;
	margin:0 0 10px;
}
#shopContentsNavi2{
	width:750px;
	height:34px;
	margin:0 0 10px;
}

#shopContentsNavi th,#shopContentsNavi2 th{
  width: 180px;
	font-size:21px;
	text-align:center;
	background:url(../img/common/shop/section_line.gif) no-repeat right top;
}

#shopContentsNavi th a,#shopContentsNavi2 th a{
	display:block;
	text-decoration:none;
}

#shopContentsNavi th a:hover,#shopContentsNavi2 th a:hover{
	color:#999;
	text-decoration:none;
}

#shopContentsNavi td,#shopContentsNavi2 td{
	width:190px;
	text-align:center;
	background:url(../img/common/shop/section_line.gif) no-repeat right top;
}

#shopContentsNavi td a,#shopContentsNavi2 td a{
	display:block;
	color:#4D4D4D;
	text-decoration:none;
}

/*-- shopinfo_single --*/

#shopinfo_single{
	width:205px;
	height:auto;
	margin:0 0 11px;
	border:#5b5b5b 1px solid;
}

#shopinfo_single .title{
	width:190px;
	height:28px;
	margin:5px auto 0;
	padding:5px 0 0 5px;
	color:#FFF;
	font-size:14px;
}

#shopinfo_single .title p{
	font-size:10px;
	display:inline;
}

#shopinfo_single .detail{
	display:block;
	width:190px;
	height:auto;
	margin:5px auto 5px;
	font-size:10px;
}

/*-- shopinfo_top --*/

#shopinfo_top{
	width:100%;
}

#shopinfo_top .title{
  width: 100%;
	padding:10px 0 10px 15px;
	color:#FFF;
	font-size:16px;
  background: #666;
}
#shopinfo_top table{
  width: 100%;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
#shopinfo_top table th,#shopinfo_top table td{
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
#shopinfo_top table th{
  width: 200px;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}
#shopinfo_top table th h5{
  margin: 10px 0 5px;
}
#shopinfo_top table th .icon_fb,#shopinfo_top table th .icon_tw,#shopinfo_top table th .icon_ig{
  display: inline-block;
  vertical-align: top;
}
#shopinfo_top table td{
  font-size: 16px;
  text-align: center;
}


/*-- shopinfo_main --*/

#shopinfo_main{
  width: 750px;
	/* width:100%; */
}

#shopinfo_main .title{
	height:28px;
	margin:5px auto 0;
	padding:5px 0 5px 10px;
	color:#FFF;
	font-size:18px;
}

#shopinfo_main .title p{
	font-size:14px;
	display:inline;
}

#shopinfo_main .detail{
	display:block;
	height:auto;
	margin:25px auto 0;
	font-size:14px;
}