@charset "Shift_JIS";

/* breadcrumb
----------------------------------------------- */
#breadcrumb {
margin:0;
padding:0;
width:979px;
height:30px;
border-bottom:1px solid #ccc;
}

/* 新しいシステム後のCSS */


#breadcrumb p,
#breadcrumb a {
margin:0;
padding:0;
}

#breadcrumb p small {
margin:0;
padding:0 0 0 16px;
line-height:30px;
float:left;
}

#breadcrumb a:hover {
text-decoration:underline;
}


/* container (Category)
----------------------------------------------- */
#containerCategory,
#containerCategoryTop,
#containerSubCategory {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
}

#containerCategoryTop,
#containerSubCategory {
	margin-top: 20px;
	border-bottom:1px solid #ccc;
}

#containerCategory h2 {
	background:url(../image/site2013/title_category.png) no-repeat;
	text-indent:-9999pt;
	overflow:hidden;
	width:979px;
	height:22px;
	margin:16px 0 9px 16px;
}


#containerCategory #interview,
#containerCategory #interior,
#containerCategory #store,
#containerCategory #news,
#containerCategory #knowledge,
#containerCategory #lifestyle,
#containerCategory #social{
	width:979px;
	overflow:hidden;
}

#containerCategory h2#interview {
	background-position:0 0;
}
#containerCategory h2#interior {
	background-position:0 -22px;
}
#containerCategory h2#store {
	background-position:0 -44px;
}
#containerCategory h2#news {
	background-position:0 -66px;
}
#containerCategory h2#knowledge {
	background-position:0 -88px;
}
#containerCategory h2#lifestyle {
	background-position:0 -110px;
}
#containerCategory h2#social {
	background-position:0 -132px;
}

#containerCategory h3 {
	width:979px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	text-indent:16px;
}

#containerCategory h3 a:hover {
	color:#999;
}


/* container (BackNumber)
----------------------------------------------- */
#containerBackNumber{
	margin:15px 0 0 0;
	padding:0;
	clear: both;
	border-bottom:1px solid #ccc;
}

#containerBackNumber h3 {
	text-indent: -9999px;
	margin:40px 0 9px 15px;
	padding: 0;
	width: 979px;
	height: 23px;
	background: url(../image/site2013/back_number.gif) no-repeat;
}

#containerBackNumber dl {
	display: table;
}

#containerBackNumber dl dt {
	width:207px;
	height:75px;
	display:table-cell;
	vertical-align:middle;
}

#containerBackNumber img {
	float:left;
	margin:5px 16px;
	width:86px;
	height:65px;
	vertical-align: middle;

}

#containerBackNumber dl dd {
	width: 620px;
	margin:0;
	padding:0 0 0 16px;
	display:table-cell;
	vertical-align:middle;
	font-size:10px;
}

#box_back {
	border-top:1px solid #ccc;
	width:979px;
	height:75px;
	overflow:hidden;
}

/* container (Article)
----------------------------------------------- */
#containerArticle {
	margin:0;
	padding:0;
	width:979px;
	border-bottom:1px solid #ccc;
	clear:both;
}

#containerArticle h1 {
	margin:35px 0 16px 50px;
	padding:0;
	float:left;
	width:640px;
	height:2em;
	font-weight:normal;
	font-size:16px;
	text-indent:14px;
	line-height:2em;
}


#containerArticle h1.title_interview {
	border-left:3px solid #5a7998;
}
#containerArticle h1.title_interior {
	border-left:3px solid #4f858f;
}
#containerArticle h1.title_store {
	border-left:3px solid #5e7d3c;
}
#containerArticle h1.title_news {
	border-left:3px solid #959526;
}
#containerArticle h1.title_knowledge {
	border-left:3px solid #b7a768;
}
#containerArticle h1.title_lifestyle {
	border-left:3px solid #a75a58;
}
#containerArticle h1.title_social {
	border-left:3px solid #8d5e75;
}
#containerArticle h1.title_others {
	border-left:3px solid #787878;
}

#containerArticle #plugin {
	margin:40px 0 16px 45px;
	padding:0;
	float:left;
	width:235px;
	height:2em;
	line-height:2em;
}

#containerArticle #plugin #tweet {
	float:right;
	margin-right:30px;
}

#containerArticle #text,
#containerArticle #text_w {
	clear:both;
	margin:16px 0 16px 50px;
	padding:0;
}

#containerArticle #text {
	float:left;
	width:640px;
}

#containerArticle #text_w {
	width:880px;
}

#containerArticle #text img,
#containerArticle #text_w img {
	margin:0 10px 10px 0;
}

#containerArticle #text p,
#containerArticle #text_w p {
	margin:10px 0;
}

#containerArticle #text p.writing,
#containerArticle #text_w p.writing {
	clear:both;
	text-align:right;
}

#containerArticle #text #pager,
#containerArticle #text_w #pager{
	margin: 0;
	padding: 15px 0 25px 0;
	text-align: center;
}

#containerArticle #text #pager a.page,
#containerArticle #text_w #pager a.page {
	border: 1px dotted #888;
	padding: 8px 13px;
	margin: 0px;
	color: #666;
}

#containerArticle #text #pager a.page:hover,
#containerArticle #text_w #pager a.page:hover {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}

#containerArticle #text #pager .page_on,
#containerArticle #text_w #pager .page_on {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}


#containerArticle #recommend {
	margin:0 20px 0 0;
	padding:0;
	width:239px;
	float:right;
}

#containerArticle #recommend h2 {
	text-indent:-9999px;
	margin:25px 0 10px 0;
	padding:0;
	width:239px;
	height:23px;
	background:url(../image/site2013/title_job.gif) no-repeat 19px 0;
}


#containerArticle #recommend div{
	width:239px;
	margin:0;
	padding:0;
/*	border-bottom:1px solid #ccc;*/
}


#containerArticle #recommend dl{
	padding:20px 20px 10px 19px;
}

#containerArticle #recommend dl dt img {
	width:200px;
}

#containerArticle #recommend dl dd {
	margin-top:5px;
	font-size:11px;
}


#containerArticleCommentList {
	margin:0;
	padding:0;
	width:979px;
	border-bottom:1px solid #ccc;
	clear:both;
}

#containerArticleCommentList h3{
	margin:35px 0 16px 50px;
	padding:0;
	float:left;
	width:239px;
	height:33px;
	font-weight:normal;
	font-size:16px;
	text-indent:7px;
	line-height:33px;
	border-left:4px solid #787878;
}

#containerArticleCommentList .star,
#containerArticleCommentList .star0,
#containerArticleCommentList .star1,
#containerArticleCommentList .star2,
#containerArticleCommentList .star3,
#containerArticleCommentList .star4,
#containerArticleCommentList .star5,
#containerArticleCommentList .star6 {
	text-indent:100px;
	width: 350px;
	height:33px;
	margin:35px 0 0 20px;
	padding: 7px 0 0 0;
	float: left;
}

#containerArticleCommentList .score {
	color: #ffa904;
	font-weight:bold;
}

#containerArticleCommentList .star1 {
	background:url(/image/site/star_l1.gif) no-repeat;
}

#containerArticleCommentList .star2 {
	background:url(/image/site/star_l2.gif) no-repeat;
}

#containerArticleCommentList .star3 {
	background:url(/image/site/star_l3.gif) no-repeat;
}

#containerArticleCommentList .star4 {
	background:url(/image/site/star_l4.gif) no-repeat;
}

#containerArticleCommentList .star5 {
	background:url(/image/site/star_l5.gif) no-repeat;
}

#containerArticleCommentList .star6 {
	background:url(/image/site/star_l6.gif) no-repeat;
}


#containerArticleCommentList .comment_list {
	width:880px;
	border-top:1px solid #ccc;
	margin:0 0 35px 50px;

}
#containerArticleCommentList .comment_list ul {
	clear:both;
	border-bottom:1px solid #ccc;
	width:880px;
	height:100px;
	margin-top:20px;
}

#containerArticleCommentList .comment_list ul.no_comment {
	height:45px;
}

#containerArticleCommentList .comment_list li {
	float:left;
}

#containerArticleCommentList .comment_list li.image {
	text-align:center;
	width:100px;
	height:100px;
	font-size:9px;
}

#containerArticleCommentList .comment_list li.image img.member {
	width:50px;
	height:50px;
}

#containerArticleCommentList .comment_list li.comment {
	width:650px;
}

#containerArticleCommentList .comment_list .star_s1,
#containerArticleCommentList .comment_list .star_s2,
#containerArticleCommentList .comment_list .star_s3,
#containerArticleCommentList .comment_list .star_s4,
#containerArticleCommentList .comment_list .star_s5,
#containerArticleCommentList .comment_list .star_s6 {
	width: 63px;
	height: 17px;
	margin:30px 0 0 30px;
	padding: 0 0 0 0;
	float: left;
}

#containerArticleCommentList .comment_list .star_s1 {
	background:url(/image/site/star_s1.gif) no-repeat;
}

#containerArticleCommentList .comment_list .star_s2 {
	background:url(/image/site/star_s2.gif) no-repeat;
}

#containerArticleCommentList .comment_list .star_s3 {
	background:url(/image/site/star_s3.gif) no-repeat;
}

#containerArticleCommentList .comment_list .star_s4 {
	background:url(/image/site/star_s4.gif) no-repeat;
}

#containerArticleCommentList .comment_list .star_s5 {
	background:url(/image/site/star_s5.gif) no-repeat;
}

#containerArticleCommentList .comment_list .star_s6 {
	background:url(/image/site/star_s6.gif) no-repeat;
}


#containerArticleCommentList .comment_add_title {
	width:880px;
	margin:35px 0 16px 50px;
	padding:0;
	width:239px;
	height:33px;
	font-weight:normal;
	font-size:16px;
	text-indent:7px;
	line-height:33px;
	border-left:4px solid #787878;
}

#containerArticleCommentList .button {
	margin:35px 50px 16px 50px;

}

#containerArticleCommentList .comment_add {
	margin:0 50px;

}

#containerArticleCommentList .comment_add table {
	width:880px;
	margin:20px auto;
	padding:50px;
	border:1px solid #ccc;
}


#containerArticleCommentList .comment_add table .title {
	width:80px;
}

#containerArticleCommentList .comment_add table .submit {
	height:30px 50px;
	text-align:center;
}


#containerNewsList {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
	border-bottom:1px solid #ccc;
}

#containerNewsList h2 {
	text-indent:-9999px;
	margin:40px 0 9px 15px;
	padding:0;
	width:979px;
	height:23px;
	background:url(../image/site2013/title_common2.gif) no-repeat;
}


#containerInquiry h2 {
	float:left;
	width:290px;
	height:50px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	line-height:50px;
}

#containerInquiry h2 a {
	display:block;
	width:290px;
	height:50px;
}

#containerInquiry h3 {
	width:870px;
	margin:30px 0 0 0;
	padding:5px 0;
	text-indent:10px;
	border-left:3px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
	font-weight:normal;
}


#containerConcept h2 {
	float:left;
	width:290px;
	height:50px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	line-height:50px;
}

#containerConcept h2 a {
	display:block;
	width:290px;
	height:50px;
}

#containerConcept h3 {
	width:870px;
	margin:30px 0 0 0;
	padding:5px 0;
	text-indent:10px;
	border-left:3px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
	font-weight:normal;
}


#containerConcept h4.concept_back {
	width:870px;
	height:240px;
	background: url(../image/site2013/concept_back.jpg) no-repeat;
	text-indent:-9999pt;
}

#containerCompany h2 {
	float:left;
	width:435px;
	height:50px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	line-height:50px;
}

#containerCompany h2 a {
	display:block;
	width:435px;
	height:50px;
}

#containerCompany h3 {
	width:870px;
	margin:30px 0 0 0;
	padding:5px 0;
	text-indent:10px;
	border-left:3px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
	font-weight:normal;
}

#containerCompany dl {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:30px auto 0 auto;
	display: table;
	background: #eee;
	
}
#containerCompany dl dt {
	clear:left;
	float:left;
	width:150px;
	padding: 0.5em 1em;
	border-top:1px solid #ccc;
	text-align:right;
	display:table-cell;
	vertical-align: middle;
}
#containerCompany dl dd {
	float:left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding: 0.5em 1em;
	width:600px;
	display:table-cell;
	vertical-align: middle;
	background: #fff;
}

#containerCompany dl dd.image {
	background: #fff url(../image/site2013/ateriel_kandy_image.jpg) no-repeat;
	background-position: right bottom;
}


#containerArticle #text .link_button {
	float:left;
	margin:0 0 0 30px;
}

#containerArticle #text .link_button ul {
	width:360px;
	margin:10px 0 0 0;
	padding:0;
	text-indent:0;
	float: left;
}

#containerArticle #text .link_button ul li {
	float:left;
	width:150px;
	height:30px;
	margin:10px 10px 0 0 ;
	padding:0;
}

#containerArticle #text .link_button ul li a {
	width:150px;
	height:30px;
	text-indent:-9999pt;
	display:block;
	overflow:hidden;
}

#containerArticle #text .link_button ul li.amazone a {
	background:url(../image/site2013/button_amazone.jpg) no-repeat;
}
#containerArticle #text .link_button ul li.kinokuniya a {
	background:url(../image/site2013/button_kinokuniya.jpg) no-repeat;
}
#containerArticle #text .link_button ul li.maruzen a {
	background:url(../image/site2013/button_maruzen.jpg) no-repeat;
}
#containerArticle #text .link_button ul li.e_hon a {
	background:url(../image/site2013/button_e_hon.jpg) no-repeat;
}
#containerArticle #text .link_button ul li.tsutaya a {
	background:url(../image/site2013/button_tsutaya.jpg) no-repeat;
}


#containerArticle #text .link_button ul li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}