@charset "utf-8";

/* body
----------------------------------------- */
body{
	font-size: 12px;
	color: #666;
	line-height: 1.33;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url("/common/img/bg.gif") center;
	}

/* tags
----------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight:normal;
	}
ol,ul{
	list-style: none;
	}
img{
	border: 0;
	vertical-align: bottom;
	}
a img{
	border: 0;
	overflow: hidden;
	}
p{
	margin: 0 0 1em 0;
	}
table{
	border-collapse:collapse;
	border-spacing: 0;
	}
textarea{
	font-size: 100%;
	}

/* link
----------------------------------------- */
a:link{
	color: #d93535;
	text-decoration: none;
	}
a:visited{
	color: #d93535;
	text-decoration: none;
	}
a:hover{
	color: #d93535;
	text-decoration: underline;
	}

/* clearfix
----------------------------------------- */
div{zoom:1;}
div:after{content:".";display: block; height:0px;clear:both;line-height:0; visibility:hidden;}

/* common class
----------------------------------------- */
.clr{clear: both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.fleft{float:left;}
.fright{float:right;}

/* layout
----------------------------------------- */
.container{text-align: left;}
.wrap{background: url("/common/img/bg_head.gif") no-repeat top center;}
.head,.body{width: 960px;margin: 0 auto;}
.foot{}
.main{width: 640px;float: left;}
.column_right{width:300px;float:right; text-align:left;}
.column_left{width:160px;float:left;}
.column_center{ width: 460px; float:right;}

/* head
----------------------------------------- */
.head { height: 160px; position: relative;}
.head h1{padding-top: 40px;margin-bottom: 4px;}

.head ul{ margin-left: -20px; width: 680px;}
.head ul li{ float: left; display: inline; margin-right:1px;}
.head ul li img{ vertical-align:top;}

.head #cse-search-box{position:absolute; top:93px; right:0; width: 300px;background: /*url("/common/img/search_bg.gif")*/ no-repeat; border:0;}
.head form .search_box{ width:225px; padding:15px 3px; font-size: 12px; background:#fff; border:0; height: 16px; margin-top:1px;}
.head form .search_bt{ position:absolute; top:0; right:0;}


/* body & > column_left,right,center
----------------------------------------- */
.column_left{}
.column_left .section{ font-size: 10px; margin-bottom: 20px;}
.column_left .section .tit{ border-bottom:1px solid #bbb; margin-bottom: 5px;}
.column_left .artist li{ background: url("/common/img/ic_arrow.gif") no-repeat 2px 4px; padding-left: 12px;}
.column_left .artist li a{ color: #666;}
.column_left .tag li{ display: inline; padding-right: 15px; background: url("/common/img/ic_slash.gif") no-repeat center right;}
.column_left .tag li a{ color: #666;}
.column_left .archive li{ display: inline; padding-right: 15px; background: url("/common/img/ic_slash.gif") no-repeat center right;}
.column_left .archive li a{ color: #666;}

.column_center{}
.column_center .list_title{ background: #f3f3f3; font-size: 13px; padding: 5px; margin-bottom: 15px; border-bottom: 1px solid #bbb;}
.column_center h2{ font-size: 26px;}
.column_center .entry_date{ border-bottom: 1px solid #bbb; width: 460px; position:relative; display: block; color: #999; padding-bottom: 5px; margin-bottom: 15px;}
.column_center .entry_date .bt_rt{ float:right; width: 84px; position:absolute; top:0; right:0;}
.column_center .entry_date .bt_fb{ float:right; width: 84px; position:absolute; top:0; right:105px;}
.column_center .entry_body{ clear:both; font-size: 14px; line-height: 1.5;}
.column_center .section{ margin-bottom: 15px;}
.column_center .section .tit{ border-bottom: 1px solid #bbb; padding-bottom:3px; margin-bottom: 10px; color:#aaa; }
.column_center .section .inner{}
.column_center .trackback .inner input{ width: 350px; padding:3px;}
.column_center .comment .comment_textarea{ width: 450px;}

.column_right{}
.column_right .section{ margin-bottom: 10px;}
.column_right .section .tit{ margin-bottom:1px;}
.column_right .section .cont{ background: #f3f3f3; padding:7px 10px 5px;}
.column_right .section .cont li{ margin-bottom: 10px;}
.column_right .section .cont li img{ margin-right: 10px; float: left; margin-top: 3px;}
.column_right .section .cont li a.thumb img{ width: 60px;}
.column_right .section .cont .entry_data h3{}
.column_right .section .cont .entry_data span{ font-size: 10px; color: #aaa; display:block; margin-bottom: 0px;}
.column_right .section .cont .entry_data .more{ background: url("/common/img/ic_arrow.gif") no-repeat 0 6px; padding-left: 10px;}
.column_right .section .ranking li a{ background: url("/common/img/ic_arrow.gif") no-repeat 0 6px; padding-left: 10px;}


/* [top] top_maginfo
----------------------------------------- */
.top_maginfo{
	margin-bottom: 20px;
	}
	.top_maginfo h2{
		width: 640px;
		height: 21px;
		position: relative;
		border-bottom: 1px solid #bbb;
		margin-bottom: 10px;
		}
		.top_maginfo h2 a{
			position: absolute;
			top: 0;
			right: 0;
			}
	.top_maginfo .thumb{ margin-right: 10px; float:left;}
	.top_maginfo .thumb img{ width: 200px;}
	.top_maginfo .entry_data h3{ font-size: 16px;}
	.top_maginfo .entry_data span{ font-size: 10px; color: #aaa; display:block; margin-bottom: 5px;}
	.top_maginfo .entry_data img{ display: none; }


/* [top] new_mag
----------------------------------------- */
.new_mag{
	clear: both;
	width: 1000px;
	margin: 0 auto;
	border-top:1px solid #ddd;
	}
	.new_mag .mags_image{
		border-top:1px solid #fff;
		padding-left:85px;
		height: 266px;
		background: #f3f3f3;
		text-align: center;
		}
		.new_mag .mags_image li{
			width: 280px;
			float: left;
			}
		.new_mag .mags_image img{
			margin: 22px auto;
			}
	.new_mag .mags_info{padding-left:85px;}
	.new_mag .mags_info li{ float: left; width: 280px; text-align:center}
	.new_mag .mags_info li table{ width:225px; margin: 0 auto;}
	.new_mag .mags_info li table td img{ margin-bottom: 1px;}
	.new_mag .mags_info li table td .buy{ margin-right: 1px;}
	.new_mag .mags_info li table td.desc{ background: #f3f3f3;}
	.new_mag .mags_info li table td.desc div{ padding: 10px; text-align:left; font-size: 11px}

/* [top] page
----------------------------------------- */
.single_page{}
.single_page h2{ background: #f3f3f3; font-size: 13px; padding: 5px; margin-bottom: 15px; border-bottom: 1px solid #bbb;}
.single_page table.data{ width:100%;}
.single_page table.data th,
.single_page table.data td{ border:1px solid #fff; padding:5px;}
.single_page table.data th{ background: #f3f3f3;}
.single_page #map{ width: 500px; height:450px;}

/* magtop
----------------------------------------- */
.magtop .maginfo{ margin-bottom: 20px;}
.magtop .maginfo .thumb{ margin-right: 10px; float:left; background: #ddd;}
.magtop .maginfo .thumb img{ margin: 0px;}
.magtop .mag_desc{ width: 340px; float:right;}
.magtop .mag_desc .bts{ padding-top: 20px;}
.magtop .mag_desc .bts .buy{ margin-right:1px;}

.magtop .section{ margin-bottom: 20px;}
.magtop .section .tit{ border-bottom:1px solid #bbb; margin-bottom: 5px;}
.magtop .artist li{ display: inline; font-size: 10px; padding-right: 15px; background: url("/common/img/ic_slash.gif") no-repeat center right;}
.magtop .artist li a{ color: #666;}
.magtop .tag li{ display: inline; font-size: 10px; padding-right: 15px; background: url("/common/img/ic_slash.gif") no-repeat center right;}
.magtop .tag li a{ color: #666;}
.magtop .archive li{ display: inline; font-size: 10px; padding-right: 15px; background: url("/common/img/ic_slash.gif") no-repeat center right;}
.magtop .archive li a{ color: #666;}
.magtop .entries ul{margin-left: -20px; width: 660px;}
.magtop .entries li{ float: left; display: inline;width: 200px; margin-left: 20px; margin-bottom: 20px;}
.magtop .entries li .thumb{ background: #f3f3f3; display: block; margin-bottom: 5px;}
.magtop .entries li .thumb img{ margin: 0px; width: 200px;}
.magtop .entries li h3{}
.magtop .entries li span{ font-size: 10px; color: #999;}


/* 検索結果
----------------------------------------- */
#cse-search-results iframe{
width: 630px;
}

/* foot
----------------------------------------- */
.foot{ height: 67px; overflow:hidden;background: url("/common/img/bg_foot.gif") no-repeat bottom center; color: #999;}
.foot .inner{width: 1000px;margin: 0 auto; padding-top: 35px; text-align: left;}
.foot .inner li{ display:inline; margin-right: 10px;}
.foot .inner li a{ color:#999;}
.foot .inner li.copyright{ display:inline; float:right; margin: 0;}