@charset "utf-8";
/* ------------------------------------------------------------ common */
.inner	 		{ width: 95%; margin: 0 auto; }
#magazine		{ background: #efe6d3; color: #707070; font-size: 14px; }
#magazine a 	{ color: #707070; text-decoration: none; }


.bread 			{ padding: 15px 0; color: #707070; font-size: 12px; }
.bread a 		{ text-decoration: none; color: #707070; }
.bread.sp 		{ display: none; }
.bread.pc 		{ padding: 15px 0 20px; color: #111; }

#view 			{ background: #fff; }
#view #mee_r 	{ background: url(../../../images/page-magazine/icn_mee_02.gif) no-repeat right top; background-size: 45px; width: 90%; padding: 0; }
#view #mee_l 	{ background: url(../../../images/page-magazine/icn_mee_01.gif) no-repeat left top; background-size: 45px; padding: 0; }
#view h2 		{ text-align: center; }
#view h2 img 	{ width: 63%; height: auto; padding: 10px 0 0; }

#blogs 			{ font-size: 14px; width: 100%; margin: 0 auto; }
#blogs #aside 	{ width: 20%; float: left; }
#blogs #main 	{ background: #fff; width: 72%; margin: 0 0 0 10px; float: right; padding: 0 3%; }


/* ------------------------------------------------------------ aside */
#blogs #aside 				{ width: 100%; float: none; }
#blogs #aside h3 			{ background: #374852; font-size: 13px; color: #fff; padding: 5px 15px; }
#blogs #aside ul 			{ background: #fff; }
#blogs #aside ul li 		{ border-bottom: 1px solid #d5d5d5; }
#blogs #aside ul li a 		{ display: block; padding: 15px; }
#blogs #aside ul li a:hover { background: url(../../../images/page-magazine/arrow_05.gif) no-repeat 5px center; }

#blogs #aside ul#area li ul { display: none; margin: 0; border-top: 1px solid #d5d5d5; }
#blogs #aside ul#area li ul li { padding: 0 0 0 15px; }
#blogs #aside #category li 				{ width: 49.9%; float: left; border: solid #bfbfbf; border-width: 0 1px 0 0; margin: 0 -1px 0 0; }

/* ------------------------------------------------------------ list */
#blogs #main 							{ width: 100%; float: none; margin: 0; padding: 0; }
#blogs #list #main .title p 			{ background: #374852; font-size: 14px; color: #fff; padding: 5px 15px; text-align: center; padding: 5px 2%; font-size: 13px; }
#blogs #list #main .article 			{ border-top: 1px solid #e5e5e5; padding: 5px 3%; }
#blogs #list #main .article:first-hild 	{ border: none; }
#blogs #list #main .article img 		{ width: 40%; padding: 5px 0; float: left; }
#blogs #list #main .article div 		{ width: 57%; float: right; }
#blogs #list #main .article div p 		{ color: #707070; }
#blogs #list #main .article div small 	{ font-size: 10px; color: #707070; }
#blogs #list #main .article div .cat 	{ display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 10px; color: #fff; width: 70px; margin: 0 10px 0 0; vertical-align: middle; text-align: center; }
#blogs #list #main .article div h3 		{ padding: 2px 0; line-height: 18px; }
#blogs #list #main .article div h3 a 	{ font-size: 12px; line-height: 150%; color: #626262; }
#blogs #list #main .article div .viewmore 	{ text-align: right; margin: 0; }
#blogs #list #main .article div .viewmore a { display: inline-block; *display: inline; *zoom: 1; background: url(../../../images/blogs/blog-list-btn-00.gif) no-repeat left center; padding: 0 0 0 20px;  margin: 10px 0 0; font-size: 12px; }
#blogs #list #main .article p.text,
#blogs #list #main .article p.viewmore 	{ display: none; }

#blogs #list #main .nocontent { text-align: center; font-size: 16px; padding: 80px 0; }

/* ------------------------------------------------------------ pager */
#pagenav { position: relative; text-align: center; }
#pagenav a:hover { 
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7; }

#pagenav .arrow_back a,
#pagenav .arrow_next a { display: inline-block; *display: inline; *zoom: 1; border: #626262 1px solid; width: 35px; line-height: 52px; position: absolute; top: 0px; font-size: 18px; padding: 0 8px; }
#pagenav .arrow_back a { left: 0; border-width: 0 1px 0 0; }
#pagenav .arrow_next a { right: 0; border-width: 0 0 0 1px; }

#pager 		{ padding: 10px 0; font-size: 12px; border-top: 1px solid #626262; }
#pager a,
#pager span { display: inline-block; *display: inline; *zoom: 1; width: 20px; 
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; }
#pager a 	{ background: #626262; color: #fff; margin: 3px 6px; padding: 2px; }
#pager span { background: #fff; color: #626262; border: 2px solid #626262; padding: 0; margin: 3px 8px; }