@charset "UTF-8";

*{
	margin: 0px;
	padding: 0px;
}

body {
	font-family:'メイリオ',Meiryo,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background:#fff;
	color:#333;
	font-size:12px;
	line-height:1.8em;
	margin:0 auto;
	padding:0px 10px 0px 10px;
	text-align: center;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

div,td,th,p,pre {
	text-align:left;
	margin:0 auto;
}

img {
	margin:0;
	padding:0;
}

a {
	overflow:hidden;
}

a img {
	border:0;
}


a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}

ul, li {
	list-style:none;
}

/* wrapper
----------------------------------------------- */
#wrapper {
	margin:0 auto;
	padding:0;
	width:979px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align:left;
}

/* container (top)
----------------------------------------------- */

#containerSlide {
	margin:15px auto 0 auto;
	padding:0;
	width:950px;
	height:265px;
}

/* What's new
----------------------------------------------- */
#containerWhatsnew {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin:32px 0 0 0;
	padding:0;
	width:979px;
	height:174px;
	overflow:hidden;
}

#containerWhatsnew h2 {
	width:160px;
	height:174px;
	border-right: 1px solid #ccc;
	text-indent:-9999pt;
	overflow:hidden;
	float:left;
}

#containerWhatsnew h2 a{
	width:160px;
	height:174px;
	display:block;
	background:url(../image/site2013/whats_new.png) no-repeat;
	background-position: center;
}

#containerWhatsnew .content{
	width:100%;
	height:174px;
}

#containerWhatsnew ul {
	margin:0;
	padding:0;
	text-indent:0;
	float: left;
}

#containerWhatsnew ul li {
	width:874px;
	height:34px;
	border-bottom:1px dotted #ccc;
	clear:both;
}

#containerWhatsnew ul li a {
	line-height:34px;
	width:874px;
	height:34px;
	margin:0;
	padding:0;
	text-indent:100px;
	float:left;
}

#containerWhatsnew ul li.news a {
	background:url(../image/site2013/category_tag_news.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.interview a {
	background:url(../image/site2013/category_tag_interview.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.store a {
	background:url(../image/site2013/category_tag_store.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.interior a {
	background:url(../image/site2013/category_tag_interior.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.knowledge a {
	background:url(../image/site2013/category_tag_knowledge.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.lifestyle a {
	background:url(../image/site2013/category_tag_lifestyle.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.social a {
	background:url(../image/site2013/category_tag_social.gif) no-repeat 9px 9px;
}
#containerWhatsnew ul li.more {
	text-align:center;
	text-indent:-20px;
}
#containerWhatsnew ul li.more a {
	text-indent:-20px;
}


/* 4行ボックス
----------------------------------------------- */
#box1, #box1_r{
	float:left;
	width:244px;
	height:355px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box1 {
	border-right:1px solid #ccc;
}


#box1 ul, #box1_r ul{
	margin:0;
	padding:0;
	width:244px;
	height:345px;
	overflow:hidden;
}

#box1 li, #box1_r li{
	margin:0 16px;
}

#box1 li.image , #box1_r li.image{
	margin-top:16px;
	margin-bottom:8px;
}

#box1 li.image img , #box1_r li.image img {
	width:212px;
	height:160px;
}

#box1 li.title, #box1_r li.title{
	height:42px;
	font-weight:bold;
	margin-top:8px;
	overflow:hidden;
}

#box1 li.description, #box1_r li.description{
	height:83px;
	margin-top:8px;
	font-size:11px;
	overflow:hidden;
}


#box1 li.date, #box1_r li.date{
	height:12px;
	margin-top:5px;
	color: #5a7998;
	text-align:right;
	font-size:10px;
}


/* 3行ボックス横長タイプ
----------------------------------------------- */
#box2, #box2_r{
	float:left;
	width:325px;
	height:260px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box2 {
	border-right:1px solid #ccc;
}


#box2 ul, #box2_r ul{
	margin:0;
	padding:0;
	width:325px;
	height:260px;
}

#box2_r, #box2_r ul{
	width:327px;
}

#box2 li, #box2_r li{
	margin:0 16px;
}

#box2 li.image , #box2_r li.image{
	margin-top:16px;
	margin-bottom:8px;
}

#box2 li.image img , #box2_r li.image img {
	width:293px;
	height:111px;
}

#box2 li.title, #box2_r li.title{
	font-weight:bold;
	margin-top:8px;
}

#box2 li.description, #box2_r li.description{
	margin-top:10px;
	font-size:11px;
}


/* 3行ボックス通常タイプ
----------------------------------------------- */
#box3, #box3_r{
	float:left;
	width:325px;
	height:142px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box3 {
	border-right:1px solid #ccc;
}

#box3_r {
	width:327px;
}

#box3 dl dt, #box3_r dl dt{
	width:172px;
	height:142px;
	float:left;
}

#box3 dl dd, #box3_r dl dd{
	margin-top:5px;
	width:153px;
	height:122px;
	float:left;
	overflow:hidden;
}

#box3 dl dt img, #box3_r dl dt img {
	margin-top:16px;
	margin-left:16px;
	width:147px;
	height:111px;
}

#box3 ul, #box3_r ul{
	margin:0;
	padding:0;
	width:145px;
	height:142px;
}

#box3 li, #box3_r li{
	margin:0;
}

#box3 li.title, #box3_r li.title{
	height:42px;
	font-weight:bold;
	margin-top:8px;
	overflow:hidden;
}

#box3 li.description, #box3_r li.description{
	height:45px;
	margin-top:16px;
	margin-top:10px;
	font-size:11px;
	overflow:hidden;
}

#box3 li.date, #box3_r li.date{
	height:12px;
	color: #5a7998;
	text-align:right;
	font-size:10px;
}


/* 2行ボックス
----------------------------------------------- */
#box4, #box4_r{
	float:left;
	width:489px;
	height:240px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box4 {
	border-right:1px solid #ccc;
}

#box4 dl dt, #box4_r dl dt{
	margin-top:35px;
	width:243px;
	height:240px;
	float:left;
}

#box4 dl dd, #box4_r dl dd{
	width:246px;
	height:240px;
	float:left;
}

#box4 dl dd img, #box4_r dl dd img {
	margin-top:35px;
	width:230px;
	height:174px;
}

#box4 ul, #box4_r ul{
	margin:0;
	padding:0;
	width:243px;
	height:240px;
}

#box4 li.title, #box4_r li.title{
	font-weight:bold;
	margin-top:8px;
}

#box4 li.description, #box4_r li.description{
	margin-top:10px;
	font-size:11px;
}

#box4 li, #box4_r li{
	margin:0 16px;
}

#box4 li.image , #box4_r li.image{
	float:left;
	margin-top:16px;
	margin-bottom:8px;
}


/* 2行ボックス小
----------------------------------------------- */
#box5, #box5_r{
	float:left;
	width:244px;
	height:57px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box5 {
	border-right:1px solid #ccc;
}

#box5 dl dt, #box5_r dl dt{
	width:57px;
	height:57px;
	float:left;
}

#box5 dl dd, #box5_r dl dd{
	margin-top:9px;
	width:187px;
	height:57px;
	float:left;
}

#box5 dl dt img, #box5_r dl dt img {
	margin:6px;
	width:45px;
	height:45px;
}

#box5 strong, #box5_r strong{
	font-size:10px;
	font-weight:bold;
}

#box5 small, #box5_r small{
	margin-top:10px;
	font-size:9px;
}


/* 4行ボックスリンク用
----------------------------------------------- */
#box_link, #box_link_r{
	float:left;
	width:244px;
	height:123px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box_link {
	border-right:1px solid #ccc;
}

#box_link img , #box_link_r img {
	margin:16px;
	width:212px;
	height:91px;
}


/* 2行ボックスリンク用
----------------------------------------------- */
#box_link2, #box_link2_r{
	float:left;
	width:489px;
	height:123px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box_link2 {
	border-right:1px solid #ccc;
}

#box_link2 img , #box_link2_r img {
	margin:16px;
	width:457px;
	height:91px;
}


/* 4行ボックスフッター用
----------------------------------------------- */
#box_footer, #box_footer_r{
	float:left;
	width:244px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

#box_footer {
	border-right:1px solid #ccc;
}


/* カテゴリ小タグ
----------------------------------------------- */
.tag_interview,
.tag_interior,
.tag_store,
.tag_news,
.tag_knowledge,
.tag_lifestyle,
.tag_social {
	width:80px;
	height:17px;
	text-indent:-9999pt;
	overflow:hidden;
	background:url(../image/site2013/category_tag.gif);
}

.tag_interview {
	background-position:0 0;
}
.tag_interior {
	background-position:-80px 0;
}
.tag_store {
	background-position:-160px 0;
}
.tag_news {
	background-position:-240px 0;
}
.tag_knowledge {
	background-position:-320px 0;
}
.tag_lifestyle {
	background-position:-400px 0;
}
.tag_social {
	background-position:-480px 0;
}


/* container
----------------------------------------------- */
#containerRecommendNew,
#containerRanking,
#containerExhibition,
#containerPickup,
#containerFeature,
#containerCategoryNew,
#containerLink,
#containerFooterMenu {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
	border-bottom:1px solid #ccc;
}

#containerKnowledge,
#containerPickupBlog{
	padding:0;
	width:489px;
	float:left;
	border-bottom:1px solid #ccc;
}

#containerKnowledge {
	border-right:1px solid #ccc;
}

#containerFooterMenu {
	margin-top:40px;
}


#containerRecommendNew h2,
#containerRanking h2,
#containerExhibition h2,
#containerPickup h2,
#containerFeature h2,
#containerCategoryNew h2,
#containerKnowledge h2,
#containerPickupBlog h2,
#containerLink h2 {
	text-indent:-9999px;
	margin:30px 0 9px 15px;
	padding:0;
	width:979px;
	height:23px;
	background:url(../image/site2013/title_common.gif) no-repeat;
}

#containerRecommendNew h2 {
	background-position:0 0;
}
#containerRanking h2 {
	background-position:0 -23px;
}
#containerExhibition h2 {
	background-position:0 -46px;
}
#containerPickup h2 {
	background-position:0 -69px;
	clear:both;
}
#containerFeature h2 {
	background-position:0 -92px;
}
#containerCategoryNew h2 {
	background-position:0 -115px;
}
#containerKnowledge h2 {
	background-position:0 -138px;
	width:489px;
}
#containerPickupBlog h2 {
	background-position:0 -161px;
	width:489px;
}
#containerLink h2 {
	background-position:0 -184px;
}

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

#containerCategoryNew a {
	width:979px;
	height:39px;
	overflow:hidden;
}

#containerCategoryNew #interview,
#containerCategoryNew #interior,
#containerCategoryNew #store,
#containerCategoryNew #news,
#containerCategoryNew #knowledge,
#containerCategoryNew #lifestyle,
#containerCategoryNew #social{
	width:979px;
	height:39px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

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

#containerRanking #containerMonthlyRanking,
#containerRanking #containerFeatureRanking {
	border-top:1px solid #ccc;
	padding:0;
	float:left;
}

#containerRanking #containerMonthlyRanking {
	border-right:1px solid #ccc;
	width:651px;
}
#containerRanking #containerFeatureRanking {
	width:327px;
}

#containerRanking #containerMonthlyRanking h3 {
	width:651px;
	height:57px;
	overflow:hidden;
	text-indent:-9999pt;
	background:url(../image/site2013/ranking_monthly.png) no-repeat 40px 23px;
	background-color: #ecebea;
}
#containerRanking #containerFeatureRanking h3 {
	width:327px;
	height:57px;
	overflow:hidden;
	text-indent:-9999pt;
	background:url(../image/site2013/ranking_feature.png) no-repeat 40px 23px;
	background-color: #ecebea;
}


#containerRanking ul {
	margin:0;
	padding:0;
	text-indent:0;
	float: left;
}

#containerMonthlyRanking ul li {
	width:325px;
	height:57px;
	border-top:1px solid #ccc;
	clear:both;
}
#containerMonthlyRanking ul.left li {
	border-right:1px solid #ccc;
}

#containerMonthlyRanking ul li a {
	line-height:57px;
	width:325px;
	height:57px;
	margin:0;
	padding:0;
	float:left;
}

#containerFeatureRanking ul li {
	width:327px;
	height:57px;
	border-top:1px solid #ccc;
	clear:both;
}

#containerFeatureRanking ul li a {
	line-height:57px;
	width:327px;
	height:57px;
	margin:0;
	padding:0;
	float:left;
}
#containerRanking p,
#containerRanking img {
	float:left;
}

#containerRanking img {
	margin:6px 14px 6px 0;
	width:60px;
	height:45px;
}

#containerRanking .rank1,
#containerRanking .rank2,
#containerRanking .rank3,
#containerRanking .rank4,
#containerRanking .rank5,
#containerRanking .rank6,
#containerRanking .rank7,
#containerRanking .rank8,
#containerRanking .rank9,
#containerRanking .rank10 {
	margin:21px 11px 0 11px;
	text-indent: -9999pt;
	width:20px;
	height:12px;
	background:url(../image/site2013/ranking_number.png) no-repeat;
}
#containerRanking .rank2 {
	background-position: -20px 0;
}
#containerRanking .rank3 {
	background-position: -40px 0;
}
#containerRanking .rank4 {
	background-position: -60px 0;
}
#containerRanking .rank5 {
	background-position: -80px 0;
}
#containerRanking .rank6 {
	background-position: -100px 0;
}
#containerRanking .rank7 {
	background-position: -120px 0;
}
#containerRanking .rank8 {
	background-position: -140px 0;
}
#containerRanking .rank9 {
	background-position: -160px 0;
}
#containerRanking .rank10 {
	background-position: -180px 0;
}


/* search
----------------------------------------------- */
#containerSearch {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
	border-bottom:1px solid #ccc;
}

#containerSearch h1 {
	margin:35px 0 16px 50px;
	padding:0;
	float:left;
	width:979px;
	height:25px;
	font-weight:normal;
	font-size:16px;
	text-indent:7px;
	line-height:25px;
}
#containerSearch h1.title_others {
	border-left:4px solid #787878;
}

#containerSearch ul {
	margin:0 50px 16px 50px;
}

#containerSearch ul li {
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

#containerSearch ul li a {
	font-size:13px;
}

#containerSearch ul li p {
	margin:5px 0;
	font-size:10px;
}

/* footer
----------------------------------------------- */
#containerFooterMenu h3{
	width:244px;
	height:28px;
	text-indent:-9999pt;
	background:url(../image/site2013/menu_footer.png) no-repeat;
}

#containerFooterMenu h3.interview {
	background-position: 0 0;
}
#containerFooterMenu h3.interior {
	background-position: -244px 0;
}
#containerFooterMenu h3.store {
	background-position: -488px 0;
}
#containerFooterMenu h3.news {
	background-position: -732px 0;
}
#containerFooterMenu h3.knowledge {
	background-position: -976px 0;
}
#containerFooterMenu h3.lifestyle {
	background-position: -1220px 0;
}
#containerFooterMenu h3.social {
	background-position: -1464px 0;
}
#containerFooterMenu h3.common_hover {
	background-position: -1708px 0;
}
#containerFooterMenu h3.job {
	background:url(../image/site2013/menu_footer2.png) no-repeat;
	background-position: -1708px 0;
}

#containerFooterMenu h3 a {
	width:244px;
	height:28px;
	display:inline;
	overflow:hidden;
	float:left;
}

#containerFooterMenu ul {
	margin:10px 0;
}

#containerFooterMenu li {
	margin: 4px 0 2px 0;
	background:url(../image/site2013/arrow_s.gif) no-repeat 10px 8px;
	text-indent:18px;
}

#containerFooterMenu li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#footer {
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
	width:979px;
	height:40px;
	clear:both;
	font-size:9px;
	color:#666;
}

#footer ul {
	margin:10px 16px;
}

#footer li.sns {
	width:250px;
	float:left;
}

#footer li.link {
	width:460px;
	float:left;
}

#footer li.link a {
	color:#666;
}

#footer li.link a:hover {
	color:#999;
}


#footer li.copy {
	width:220px;
	text-align:right;
	float:right;
}

#footer li.sns .fb-like {
	float:left;
	width:120px;
}

#footer li.sns #tweet-button {
	width:120px;
	float:left;
}


/* clear */
.clear {
	clear:both;
	height:0;
}
.clear_box3_1 {
	float:left;
	width:653px;
	height:142px;
	border-top:1px solid #ccc;
}
.clear_box3_2 {
	float:left;
	width:327px;
	height:142px;
	border-top:1px solid #ccc;
}

.clear_box1_1 {
	float:left;
	width:734px;
	height:355px;
	border-top:1px solid #ccc;
}
.clear_box1_2 {
	float:left;
	width:489px;
	height:355px;
	border-top:1px solid #ccc;
}
.clear_box1_3 {
	float:left;
	width:244px;
	height:355px;
	border-top:1px solid #ccc;
}

/* pager
----------------------------------------------- */
p.pages{
	clear: both;
	margin: 20px 0 0 0;
	padding: 15px 0 25px 0;
	text-align: center;
}
.news_pages{
	border-bottom:1px solid #ccc;
}

p.pages a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px dotted #888;
	padding: 8px 13px;
	margin: 0px;
	color: #666;
}

p.pages a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}

p.pages .page_on {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}


/* font
----------------------------------------------- */



p small {
	line-height:1.5em;
	font-size:11px;
/*\*/
	*line-height:125%;
/**/
}



/* form 
----------------------------------------------- */

input[type=text],
input[type=password],
input[type=radio],
textarea,
select{
    font-size: 13px;
    font-weight: 400;
    padding: 2px 10px;
    border: 2px solid #CCC;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input[type=text],
input[type=password] {
	height:20px;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=radio]:hover,
textarea:hover,
select:hover {
    border-color: #AAA;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=radio]:focus,
textarea:focus,
select:focus{
    border-color: #3c79ac;
    outline: none; /* Remove Chrome's outline */
}

::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }

input[type=submit] {
    /* Size and position */
    width: 15%;
    height: 30px;
    margin: 10px auto;

    /* Styles */
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    border-radius: 4px;
    cursor: pointer;

    /* Font styles */
    font-size: 14px;
    line-height: 14px; /* Same as height */
    text-align: center;
    font-weight: bold;
}

input[type=submit] {
    margin-left: 1%;
    background: #333333; /* Fallback */
    background: -moz-linear-gradient(#555555, #333333);
    background: -ms-linear-gradient(#555555, #333333);
    background: -o-linear-gradient(#555555, #333333);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
    background: -webkit-linear-gradient(#555555, #333333);
    background: linear-gradient(#555555, #333333);
    border: 1px solid #333333;
    color: #FFFFFF;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}


input[type=submit]:hover {
    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
}

input[type=submit]:active {
    top: 1px;
}

/* Fallback fro broswers that don't support box shadows */
.no-boxshadow input[type=submit]:hover,
.no-boxshadow input[type=button]:hover {
    background: #ffb347;
}


.opt {
    text-align: right;
    margin-right: 3px;
}



input[type=checkbox] {
    vertical-align: middle;
    margin: -1px 5px 0 1px;
}



#pageTop{
	text-indent:-9999pt;
	width:50px;
	height:50px;
	background: url(../image/site2013/page_top.png);
	position:fixed;
	bottom:20px;
	right:20px;
	
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#pageTop:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}



/* search 
----------------------------------------------- */

.toggle_box{
	display:none;
}
.btn{
	width:20px;
	height:20px;
	background:url(../image/site2013/search.gif) no-repeat;
	text-indent:-9999pt;
	display:block;
}
.btn.active{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.btn:hover{
	cursor:pointer;
}

.search_box {
	position:absolute;
	top:131px;
	width:972px;
	height:29px;
	text-align:right;
	z-index:500;
	line-height:29px;
}


.search_box input[type=text] {
	margin:0;
    padding: 5px 10px 3px 10px;
	width:200px;
	height:10px;
    font-size: 10px;
    font-weight: normal;
    border: 2px solid #CCC;
    border-radius: 10px;
}

.search_box input[type=submit] {
	margin:6px 0 0 2px;
	width:20px;
	height:20px;
	background:url(../image/site2013/search.gif) no-repeat;
	border:0px;
	text-indent:-9999px;
}