/*
 * common.css
 * ver.1.3
 * 2015.06.15
 */
 
@charset "utf-8";

@import "reset.css";

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

STRUCTURE

 ----------------------------------------------*/
 
html {
}
body {
	font:13px/1.5 "繝｡繧､繝ｪ繧ｪ","Meiryo","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3",sans-serif;
	color:#333;
	width:100%;
	background: #eee;
}
#wrapper{
	width:100%;
	margin:0 auto;
}
header#page_header {
	width:1000px;
	margin:0 auto 20px;
}
#content {
	width:1000px;
	margin:0 auto;
}
#content_main {
	width:640px;
	float:left;
}
#content_sub {
	width:340px;
	float:right;
}
footer#page_footer {
	clear:both;
	width:100%;
}

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

header#page_header

 ----------------------------------------------*/
 
header#page_header img#site_header {
}
header#page_header .header_block {
	border-left:	1px solid #e4e4e4;
	border-right:	1px solid #e4e4e4;
	border-bottom:	1px solid #e4e4e4;
	padding:12px 20px;
	border-bottom-left-radius:	6px;
	border-bottom-right-radius:	6px;
	background:#FFF;
}
header#page_header h1 {
	font-size:123%;/*16px*/
	font-weight:bold;
	margin-bottom:5px;
}
header#page_header p {
	font-size:107.7%;/*14px*/
}

/* header socialbutton */
header#page_header ul {
	padding-top:5px;
}
header#page_header li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
header#page_header li.tw {
    font-size: small;
    width: 110px;
}
header#page_header li.fbLike {
    width: 110px !important;
}

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

#content_main

 ----------------------------------------------*/
 
/* ========================================
article
=========================================*/

article {
	border:1px solid #e4e4e4;
	padding:40px 40px 0;
	margin-bottom:20px;
	border-radius:6px;
	background:#FFF;
}

/* .item_header */
article h2 {
	font-size:123%;/*16px*/
	font-weight:bold;
	margin-bottom:15px;
}
article .title_box {
	position: relative;
	background: #ffffff;
	border-bottom: 6px solid #cccccc;
	margin-bottom:40px;
}
article .title_box:after,
article .title_box:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
article .title_box:after {
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
article .title_box:before {
	border-top-color: #cccccc;
	border-width: 23px;
	margin-left: -23px;
}

/* audio */
article .audio_box {
	margin-bottom:15px;
}
article .audio_label {
	float:left;
	width:110px;
	height:36px;
	color:#FFF;
	text-align:center;
	line-height:2.2;
	font-size:123%;/*16px*/
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6FBEE5),
		color-stop(0.1, #49ADDF),
		color-stop(0.52, #1495D6),
		color-stop(1, #1E99D7)
	);
	background-image: -o-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -moz-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -webkit-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -ms-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: linear-gradient(to bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-color:#1495D6;
	border:1px solid #3996b4;
	border-top-left-radius:		4px;
	border-bottom-left-radius:	4px;
}
article audio {
	float:right;
}

/* video */
article .podcastvideo a {
	margin-bottom:15px;
	display:block;
	width:100%;
	height:auto;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:10px 0;
	font-size:161.5%;/*21px*/
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E679AE),
		color-stop(0.1, #DF5799),
		color-stop(0.52, #D7247C),
		color-stop(1, #DA3083)
	);
	background-image: -o-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -moz-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -webkit-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -ms-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: linear-gradient(to bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-color:#D7247C;
	border:1px solid #D20067;
	border-radius:4px;
}

/* utility_box */
article .article_time {
	float:left;
	color:#999;
}
article .time_label {
	font-weight:bold;
}
article .download {
	float:right;
}
article .download a {
	text-decoration:none;
}
article .utility_box {
	margin-bottom:15px;
}

/* .item_body */
.item_body p {
	margin-bottom:15px;
}
.item_body .img_main {
	margin-bottom:15px;
	text-align:center;
}
.item_body .img_main img {
	max-width:500px;
	max-height:500px;
}
.item_body .img_sub1,
.item_body .img_sub2 {
	float:left;
	vertical-align: top;
	margin-bottom:15px;
}
.item_body .img_sub1 img,
.item_body .img_sub2 img {
	max-width:270px;
	margin-right:18px;
}
.item_body .img_sub2 img {
	margin-right:0;
}
.btn_more {
	border:1px solid #e4e4e4;
	margin-bottom:30px;
	text-align:center;
	text-decoration:none !important;
	padding:2px 0;
	border-radius:2px;
}

/* article socialbutton */
footer.item_footer ul {
	padding-top:5px;
}
footer.item_footer li {
    display: inline-block;
    float: left;
    margin: 0 0 25px 5px;
}
footer.item_footer li.tw {
    font-size: small;
    width: 110px;
}
footer.item_footer li.fbLike {
    width: 110px !important;
}

/* pageswitch */
.pageswitch{
	clear:both;
	text-align:center;
	color: #666;
	width:100%;
	margin-bottom:60px;
	border:1px solid #e4e4e4;
	padding:3px;
	border-radius:6px;
	background:#FFF;
	font-size:92.3%;/*12px*/
}
.pageswitch a{
	color: #ad0000;
	background-color:#eeeeee;
	text-decoration:none;
	padding:3px 5px;
	margin:3px 2px;
	display:inline-block;
}
.pageswitch a:hover{
	background-color:#4d4c4c;
	color:#FFF;
}
.pageswitch .active{
	background-color:#4d4c4c;
	font-weight:bold;
	color: #FFF;
	padding:3px 3px;
	margin:3px 2px;
	display:inline-block;
}

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

#content_sub

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

#content_sub .contentsub_box {
	border:1px solid #e4e4e4;
	padding:20px 20px;
	margin-bottom:20px;
	border-radius:6px;
	background:#FFF;
}

/* ========================================
#listen
=========================================*/

#listen {
	margin-bottom:40px;
}
#listen_header {
	border-bottom:4px solid #ccc;
	padding-bottom:2px;
	margin-bottom:20px;
}
#listen_header h2 {
	font-size:138.5%;/*18px*/
	font-weight:bold;
	float:left;
	line-height:1.6;
}
#listen_header a#listen_detail {
	float:right;
	background:#333;
	color:#FFF;
	font-size:77%;/*10px*/
	text-decoration:none;
	border-radius:2px;
	display:block;
	padding:1px 10px;
}
.listen_block a#listen_regi,
.listen_block a#listen_rss {
	margin-bottom:7px;
	display:block;
	text-decoration:none !important;
}
.listen_block #listen_regi i {
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:40px;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6FBEE5),
		color-stop(0.1, #49ADDF),
		color-stop(0.52, #1495D6),
		color-stop(1, #1E99D7)
	);
	background-image: -o-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -moz-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -webkit-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -ms-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: linear-gradient(to bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-color:#1495D6;
	border:1px solid #3996b4;
	border-top-left-radius:		4px;
	border-bottom-left-radius:	4px;
}
.listen_block a#listen_regi span {
	float:right;
	width:258px;
	height:40px;
	display:block;
	color:#FFF;
	text-align:center;
	line-height:40px;
	font-size:138.5%;/*18px*/
	text-decoration:none;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E679AE),
		color-stop(0.1, #DF5799),
		color-stop(0.52, #D7247C),
		color-stop(1, #DA3083)
	);
	background-image: -o-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -moz-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -webkit-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: -ms-linear-gradient(bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-image: linear-gradient(to bottom, #E679AE 0%, #DF5799 10%, #D7247C 52%, #DA3083 100%);
	background-color:#D7247C;
	border:1px solid #D20067;
	border-top-right-radius:	4px;
	border-bottom-right-radius:	4px;
}
.listen_block #listen_rss i {
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:38px;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FDCA00),
		color-stop(0.1, #FCBE00),
		color-stop(0.52, #FC9F02),
		color-stop(1, #EF7F04)
	);
	background-image: -o-linear-gradient(bottom, #FDCA00 0%, #FCBE00 10%, #FC9F02 52%, #EF7F04 100%);
	background-image: -moz-linear-gradient(bottom, #FDCA00 0%, #FCBE00 10%, #FC9F02 52%, #EF7F04 100%);
	background-image: -webkit-linear-gradient(bottom, #FDCA00 0%, #FCBE00 10%, #FC9F02 52%, #EF7F04 100%);
	background-image: -ms-linear-gradient(bottom, #FDCA00 0%, #FCBE00 10%, #FC9F02 52%, #EF7F04 100%);
	background-image: linear-gradient(to bottom, #FDCA00 0%, #FCBE00 10%, #FC9F02 52%, #EF7F04 100%);
	background-color:#FC9F02;
	border:1px solid #fd8504;
	border-top-left-radius:		4px;
	border-bottom-left-radius:	4px;
}
.listen_block a#listen_rss span {
	float:right;
	width:258px;
	height:40px;
	display:block;
	color:#FFF;
	text-align:center;
	line-height:40px;
	font-size:138.5%;/*18px*/
	text-decoration:none;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6FBEE5),
		color-stop(0.1, #49ADDF),
		color-stop(0.52, #1495D6),
		color-stop(1, #1E99D7)
	);
	background-image: -o-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -moz-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -webkit-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: -ms-linear-gradient(bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-image: linear-gradient(to bottom, #6FBEE5 0%, #49ADDF 10%, #1495D6 52%, #1E99D7 100%);
	background-color:#1495D6;
	border:1px solid #3996b4;
	border-top-right-radius:	4px;
	border-bottom-right-radius:	4px;
}
.listen_block small {
	font-size:92.3%;/*12px*/
	margin-bottom:15px;
	display:block;
}
.block_last {
	margin-bottom:0 !important;
}

/* ========================================
#message
=========================================*/

#message {
	text-align:center;
}
#message a {
	display:block;
	height:auto;
}
#message a img {
	max-width:300px;
}
#message p {
	font-size:92.3%;/*12px*/
	text-align:left;
	margin-top:10px;
}

/* ========================================
#freearea
=========================================*/

#freearea {
	text-align:center;
}
#freearea img {
	max-width:300px;
	margin-bottom:10px;
}
#freearea a {
	display:block;
	height:auto;
}
#freearea p {
	font-size:92.3%;/*12px*/
	text-align:left;
}

/* ========================================
#personality
=========================================*/

#personality {
	text-align:center;
}
#personality h2 {
	font-size:123%;/*16px*/
	font-weight:bold;
	border-bottom:4px solid #ccc;
	padding-bottom:5px;
	text-align:left;
	margin-bottom:20px;
}
#personality img {
	max-width:300px;
	height:auto;
	margin-bottom:10px;
}
#personality p {
	font-size:92.3%;/*12px*/
}
#personality p#personality_link {
	text-align:right;
	margin-top:10px;
}
#personality p#personality_link a {
	text-decoration:none;
}

/* ========================================
#recent
=========================================*/

#recent {
}
#recent h2 {
	font-size:123%;/*16px*/
	font-weight:bold;
	border-bottom:4px solid #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
}
#recent ul {
}
#recent li {
	line-height:1.3;
	padding:10px 0;
	border-bottom:1px dashed #ccc;
}
#recent li:last-child {
	border:none;
	padding:10px 0 0;
}
#recent li span {
	display:block;
    margin-left: 1.0em;
    text-indent: -0.4em;
}
#recent li a {
	text-decoration:none;
}

/* ========================================
#backnumber
=========================================*/

#backnumber {
}
#backnumber h2 {
	font-size:123%;/*16px*/
	font-weight:bold;
	border-bottom:4px solid #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
}
#backnumber ul {
	margin-left:-5px;
}
#backnumber li {
	float:left;
	text-align:center;
	width:90px;
	border-bottom:1px dashed #ccc;
	margin:0 5px;
	padding:10px 0 5px;
}
#backnumber li a {
	text-decoration:none;
}

/* ========================================
#link
=========================================*/
#link {
	text-align:right;
}

/* banner area */
#link #side_banner {
	text-align:center;
}
#link #side_banner li {
	margin-top:20px;
}
#link #side_banner li:first-child {
	margin-top:0;
}
#link #side_banner li a img {
	max-width:300px;
}

#link div {
	margin-bottom:20px;
}
#link #side_podcastindex {
	border:1px solid #e4e4e4;
	border-radius:6px;
	background: #CCC;
	text-decoration:none;
	padding:5px 15px;
	margin-top:20px;
	display:inline-block;
}
#link #side_tfm {
	border:1px solid #e4e4e4;
	border-radius:6px;
	background:#fff;
	padding:15px 25px;
	display:inline-block;
}

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

footer#page_footer

 ----------------------------------------------*/
 
footer#page_footer {
	border-top:1px solid #e4e4e4;
	padding:35px 0;
}
footer#page_footer .inner {
	width:1000px;
	margin:0 auto;
}
footer#page_footer small {
	float:left;
	font-size:92.3%;/*12px*/
	display:block;
}
footer#page_footer a {
	width:40px;
	height:40px;
	background:#333;
	float:right;
	color:#FFF;
	border-radius:20px;
}
footer#page_footer a i {
	padding:4px 12px 0;
}
footer#page_footer a:hover i {
	padding:0px 12px 0;
	transition:0.1s;
}
footer#page_footer p {
	text-indent:-9999px;
}

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

clearfix

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

.clearfix:before, 
.clearfix:after { 
    content:""; 
    display:table; 
} 
 .clearfix:after {    clear:both;} 
 .clearfix {    zoom:1;}

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

link

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

a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #F20000;
	text-decoration: underline;
}
object, a:focus {
	outline: none;
}
a.trans:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition:0.5s;
}

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

繝ｩ繧ｸ繧ｪ縺ｮ閨ｴ縺肴婿繝｢繧ｸ繝･繝ｼ繝ｫ逕ｨ

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

#listen_module dt,
#listen_module dd {
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

/*
font-size 13px
10px 	77%
11px 	84.6%
12px 	92.3%
13px 	100%
14px 	107.7%
15px 	115.4%
16px 	123%
17px 	130.7%
18px 	138.5%
19px 	146.2%
20px 	154%
21px 	161.5%
22px 	169.2%
23px 	177%
24px 	184.6%
25px 	192.3%
26px 	200%
*/