@charset "utf-8";

/*---------------------------------
  common
---------------------------------*/
html {
  background-color: #eee;
/*
  background-image: none;
	background:url(/wp-content/uploads/jackbanner_drapa.jpg) top;
*/
	}
body{
	font-size:14px;
	color:333;
	line-height:1.3;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r�o�S�V�b�N',sans-serif;
	}
html,body{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
body > div#click {
	height: auto;
	}

a,
a:link,
a:active,
a:hover,
a:visited{
	color:#85B700;
	}
a:hover{
	text-decoration:none;
	}

#all-frame{
	width:1050px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	background:#FFF;
	z-index:100;
	position:relative;
	padding-bottom:50px;
	height: auto !important;  /* IE6�΍�F����2�s�� */
	height: 100%;             /* IE6�΍�F�[���I��min-height�Ɠ������Ƃ������Ă� */
	}

#header,
#main{
	width:1020px;
	_zoom:1;
	overflow:hidden;
	}
#header{
	margin:0 auto;
	padding-top:20px;
	}
#main{
	margin:20px auto 0;
	}
#footer{
	width:100%;
	text-align:center;
	margin-top:50px;
	background:#FFF;
	z-index:100;
	position: relative;
	bottom:0;
	}
/*フッター用追加131112*/
.footer_content{
border-top:5px solid #ABDB28;  
margin-top:30px;
}

h2.page-title,
#sidebar h3{
	border-left:6px solid #ABDB28;
	margin-top:30px;
	padding-left:5px;
	}
h2.page-title img{
	vertical-align:middle;
	}
h3.subtitle{
	border-left:6px solid #ABDB28;
	font-size:16px;
	margin:30px auto 0;
	font-weight:bold;
	padding-left:5px;
	width:95%;
	}

.link-area,.link-area-blank{
	cursor:pointer;
	}
#click-area{
	width:100%;
	z-index:0;
	height:100%;
	min-height:100%;
	height: auto !important;  /* IE6�΍�F����2�s�� */
	height: 100%;             /* IE6�΍�F�[���I��min-height�Ɠ������Ƃ������Ă� */
	top:-0;left:-0;
	position:fixed;
	}
#click-area a{
	position:absolute;
	top:-0;left:-0;
	display:block;
	width:100%;
	height:100%;
	min-height:100%;
	font-size:0;
	line-height:0;
	z-index:0;
	}
.link-more{
	width:650px;
	margin:5px auto 0;
	text-align:right;
	}
.link-more a{
	background:url(../images/icon-accent.png) no-repeat left;
	padding:2px 0 2px 25px;
	display:inline-block;
	}
	
/*---------------------------------
  header
---------------------------------*/

#logo{
	width:230px;
	float:left;
	vertical-align:bottom;
	}

#header .head-addarea{
	_width:728px;
	min-width:728px;
	float:right;
	}

/*---------------------------------
  main
---------------------------------*/
#main #contents{
	width:670px;
	float:left;
	padding-top:2px;
	}
#main #sidebar{
	width:330px;
	background:#EEE;
	float:right;
	padding-bottom:20px;
	}
#main ul#menu{
	margin:0 0 5px;
	_zoom:1;
	overflow:hidden;
	}
#main ul#side-ranking-menu{
	margin:10px auto 0;
	_zoom:1;
	overflow:hidden;
	width:300px;
	}
#main ul#menu li,
#main ul#side-ranking-menu li{
	float:left;
	border:1px solid #666;
	color:#666;
	text-align:center;
	background:#FFF;
	}
#main ul#menu li{
	width:108px;
	}
#main ul#side-ranking-menu li{
	width:98px;
	}
#main ul#menu li.active,
#main ul#side-ranking-menu li.active{
	background:#ABDB28;
	}
#main ul#menu li a,
#main ul#side-ranking-menu a{
	display:block;
	text-decoration:none;
	color:#333;
	text-align:center;
	padding:2px 0;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
#main ul#menu li a:hover,
#main ul#side-ranking-menu li a:hover{
	background-color:#ABDB28;
	}
#main ul#menu li.active a:hover,
#main ul#side-ranking-menu li.active a:hover{
	background-color:#E3F3B8;
	}

/*----sidebar----*/

#sidebar h3{
	margin-left:10px;
	}

/*--search-area--*/
.search-area{
	width:300px;
	margin:0 auto;
	padding-top:20px;
	_zoom:1;
	overflow:hidden;
	}
#searchbox{
	font-size:14px;
	padding:10px;
	width:220px;
	vertical-align:middle;
	float:left;
	}
.searchbtn{
	vertical-align:middle;
	float:right;
	}

/*--sidebaradd--*/
.sidebar-add{
	margin:20px auto 0;
	width:300px;
	}
	
.follow-area-sns,
.follow-area-meet{
	width:300px;
	_zoom:1;
	overflow:hidden;
	}
.follow-area-sns{
	margin:20px auto 0;
	}
.follow-area-meet{
	margin:10px auto 0;
	}
.sidebar-rss,
.sidebar-twitter,
.sidebar-facebook,
.sidebar-meetapp,
.sidebar-meetroid,
.sidebar-meetwin{
	float:left;
	}
.sidebar-twitter,
.sidebar-facebook,
.sidebar-meetroid,
.sidebar-meetwin{
	margin-left:15px;
	_zoom:1;
	}

.sidebar-bannerarea{
	text-align:center;
	padding-top:30px;
	}
.sidebar-banner{
	margin-bottom:10px;
	}

/*--ranking--*/
.side-ranking{
	margin:0 auto;
	width:300px;
	padding:10px 0;
	border-bottom:1px dotted #666;
	_zoom:1;
	overflow:hidden;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.side-ranking:hover{
	background:#F7F7F7;
	}


.side-ranking .side-ranking-thumb{
	float:left;
	margin-left:10px;
	width:70px;
	height:70px;
	overflow:hidden;
	}
.side-ranking-thumb img{
	height:70px;
	width:auto;
	}
.side-ranking-textarea{
	width:195px;
	float:right;
	margin-right:10px;
	}
.side-ranking-textarea .side-ranking-title{
	font-weight:bold;
	}
.side-ranking-textarea .side-ranking-timesns{
	margin-top:3px;
	_zoom:1;
	overflow:hidden;
	}
.side-ranking-textarea .side-ranking-timesns .side-ranking-time{
/*	font-size:12px;*/
	font-size:11px;
	color:#89B700;
	width:10em;
	float:left;
	padding-top:3px;
	}
.side-ranking-textarea .side-ranking-timesns .side-ranking-sns{
	background:url(../images/icon-thumbarea-twitter.png) no-repeat left;
	padding-left:25px;
	float:right;
	min-height:20px;
	width:3em;
	}
.disnon {
	  display: none;
	}
/*======slider-setting-20140304===*/
/*--BaseSetting  jquery.bxslider.css--*/
.slider{
 width:630px;
 padding-left:20px;
 }
.bxslider li{
 overflow:hidden;
 }
.bxslider li p{
 overflow:hidden;
 }
.bxslider li p img{
 width:100%;
 height:auto;
 }
/*===slider-setting=====*/

/*--list-large--*/
.list-large{
	position: relative;
	margin-top:30px;
	}
.list-large .list-summary{
	width:650px;
	height:3em;
	overflow:hidden;
	margin:10px auto 0;
	line-height:1.5;
	position: relative;
	font-family:'Osaka',"�l�r�S�V�b�N",sans-serif;
	}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	width:650px;
	height:3em;

}

.multiline {
	white-space: normal;
	width:650px;
	height:3em;
}
/*---�g��Ȃ�
.list-large p.list-summary:before {
	display:block;
	content:url(../images/dotted.png);
	position:absolute;
	z-index:100;
	width:1.5em;
	background:#FFF;
	right:0;
	bottom:0em;
	}
--*/

.list-large-img{
	margin:10px 0 0 10px;
	height:240px;
	overflow:hidden;
	position: relative;
	}
.list-large-img-area{
	height:240px;
	overflow:hidden;
	margin-top:10px;
	}
.list-large-img .list-large-img-area img{
	margin-top:-30px;
	}
.list-large-img .list-finding-area,
.list-small-img .list-finding-area{
	background:rgba(0,0,0,0.6);
	/background:url(../images/backimg-ie-black.png);
	position:absolute;
	bottom:0;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.list-large-img .list-finding-area{
	width:650px;
	height:95px;
	font-size:21px;
	}
.list-small-img .list-finding-area{
	width:315px;
	height:100px;
	left:10px;
	z-index:100;
	font-size:16px;
/*	font-weight:bold;*/
	}
.list-large-img .list-finding-area:hover,
.list-small-img .list-finding-area:hover{
	background:rgba(0,0,0,0.8);
	}
.list-finding{
	clear:both;
	}
.list-finding a{
	color:#FFF;
	text-shadow:1px 1px 0 #000;
	text-decoration:none;
	padding:0 10px 0 10px;
	display:block;
	}

.list-time{
	width:11em;
	float:left;
	padding:10px 10px 0 10px;
	color:#ABDA27;
	text-shadow:1px 1px 0 #000;
	font-size:14px;
	}
.list-sns{
	color:#FFF;
	background:url(../images/icon-menuarea-twitter.png) no-repeat left;
	padding:0 10px 0 25px;
	margin-top:5px;
	float:right;
	min-height:20px;
	/height:20px;
	font-size:14px;
	text-shadow:1px 1px 0 #000;
	}
/*--list-small--*/
.list-small-line{
	margin-top:30px;
	_zoom:1;
	overflow:hidden;
	margin-right:-10px;
	}
.list-small-line .list-small{
	width:325px;
	float:left;
	margin-right:10px;
	position: relative;
	overflow:hidden;
	}
.list-small-img-area{
	overflow:hidden;
	position: relative;
	width:315px;
	height:300px; /*鈴木追加*/
	margin-left:10px;
	margin-top:10px;
	}
.list-small-img-area img{
	margin-left:-168px;
	vertical-align:bottom;
	}

/*--list-category--*/
.list-category-news,
.list-category-app,
.list-category-feature{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:190px;
	height:27px;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	overflow:hidden;
/*	width:110px;*/
	}
.list-category-news a,
.list-category-app a,
.list-category-feature a{
	display:block;
	text-decoration:none;
	}
.list-category-news{
	background:url(../images/icon-jenre-news.png) no-repeat;
	}
.list-category-news a{
	color:#FFF;
	}
.list-category-app{
	background:url(../images/icon-jenre-app.png) no-repeat;
	}
.list-category-app a{
	color:#FFF;
	}
.list-category-feature{
	background:url(../images/icon-jenre-feature.png) no-repeat;
	}
.list-category-feature a{
	color:#000;
	}
/*--link-summary--*/
.link-summary{
	background:#666;
	text-align:center;
	margin-top:20px;
	}
.link-summary a{
	color:#FFF;
	display:block;
	padding:10px;
	text-shadow:1px 1px 0 #000;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.link-summary a:hover{
	background:#B2B2B2;
	color:#000;
	text-shadow:1px 1px 0 #FFF;
	}

.link-pager{
	width:650px;
	margin:20px 0 0 10px;
	_zoom:1;
	overflow:hidden;
	}
.link-pager .link-prev,
.link-pager .link-next{
	background:#666;
	text-align:center;
	width:315px;
	}
.link-pager .link-prev{
	float:left;
	}
.link-pager .link-next{
	float:right;
	}
.link-pager .link-prev a,
.link-pager .link-next a{
	color:#FFF;
	display:block;
	padding:10px;
	text-shadow:1px 1px 0 #000;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.link-pager .link-prev a:hover,
.link-pager .link-next a:hover{
	background:#B2B2B2;
	color:#000;
	text-shadow:1px 1px 0 #FFF;
	}

/*-------------------
 list
--------------*/

ul.list-category-menu{
	width:670px;
	_zoom:1;
	overflow:hidden;
	margin:10px auto 10px;
	}
ul.list-category-menu li{
	float:left;
	padding-right:8px;
	padding-left:8px;
	border-right:1px solid #333;
	margin-top:5px;
	word-break: keep-all;
	}
ul.list-category-menu li:last-child{
	border-right:1px solid #FFF;
	}

/*-------------------
 scene
--------------*/
dl.scene-area{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #000;
	overflow:hidden;
	_zoom:1;
	}
dl.scene-area dt{
	width:74px;
	margin-left:10px;
	margin-right:20px;
	float:left;
	}
dl.scene-area dd{
	width:550px;
	float:left;
	}
dl.scene-area dd h4{
	font-size:21px;
	font-weight:bold;
	margin-top:5px;
	color:#333;
	}
dl.scene-area .link-scene-all{
	margin-top:10px;
	min-height:20px;
	background:url(../images/icon-accent.png) no-repeat left;
	padding:2px 0 1px 25px;
	}

/*-------------------
 sitemap
--------------*/
.sitemap-area{
	margin-top:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #000;
	}
.sitemap-area h4.pagename{
	font-size:21px;
	font-weight:bold;
	}
.sitemap-area h4.pagename a{
	color:#333;
	}
.sitemap-area .pagedetail-area{
	width:630px;
	_zoom:1;
	overflow:hidden;
	margin:10px auto 0;
	}
.sitemap-area .pagedetail-area .frame{
	width:33%;
	float:left;
	}
.sitemap-area .pagedetail-area .frame-scene{
	width:49%;
	float:left;
	}
.sitemap-area .pagedetail-area .frame .finding,
.sitemap-area .pagedetail-area .frame-scene .finding{
	background:url(../images/icon-accent.png) no-repeat left;
	padding:2px 0 1px 25px;
	margin-top:10px;
	}
.sitemap-area .pagedetail-area .frame .sub-finding{
	margin:8px 10px;
	}
.sitemap-area .pagedetail-area .frame .sub-finding a{
	color:#666;
	}
.sitemap-area .pagedetail-area .frame .sub-finding p{
	line-height:1.5;
	}

/*-------------------
 application
--------------*/
.summary-application{
	width:650px;
	margin:20px auto;
	line-height:1.5;
	}
table.application-frame{
	margin:10px auto 30px;
/*	width:100%;*/
	width:95%;
	}

table.application-frame th,
table.application-frame td{
	border-bottom:1px dotted #333;
	padding:20px 10px;
	}
table.application-frame th{
	width:11em;
	font-weight:bold;
	}
table.application-frame input,
table.application-frame textarea{
	width:380px;
	padding:8px;
	}

table.contact-frame{
	margin:10px auto 0;
	width:97%;
	border:1px solid #666;
	}
table.contact-frame th,
table.contact-frame td{
	padding:20px 10px;
	background:#F7F7F7;
	}
table.contact-frame th{
	width:11em;
	font-weight:bold;
	}
table.contact-frame td label{
	margin-right:20px;
	}
table.contact-frame td input{
	margin-right:3px;
	}
	
.application-btn{
	text-align:center;
	}
.application-btn input{
	border:1px solid #666;
	width:100px;
	padding:3px 5px;
	background:#FFF;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.application-btn input:hover{
	background-color:#ABDB28;
	cursor: pointer;
	}

/*-------------------
 404error
--------------*/
.img-error{
	text-align:center;
	margin-top:100px;
	}
.text-error{
	text-align:center;
	margin:40px auto 150px;
	}

/*-------------------
 detail
-------------------*/

.detail-categoryarea{
	_zoom:1;
	overflow:hidden;
	margin:20px auto 0;
	}
.detail-category{
	display:block;
	background:#666;
	width:4.5em;
	padding:3px;
	float:left;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	}
.detail-category-app a,
.detail-category-news a,
.detail-category-feature a{
	display:inline-block;
	padding:3px 8px;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.detail-category-app a{
	background:#FF6666;
	color:#FFF;
	}
.detail-category-app a:hover{
	background:#FF9D9D;
	}
.detail-category-news a{
	background:#3399FF;
	color:#FFF;
	}
.detail-category-news a:hover{
	background:#88C4FF;
	}

.detail-category-feature a{
	background:#ABDB28;
	color:#333;
	}
.detail-category-feature a:hover{
	background:#CDEA80;
	}

h3.title-detail{
	font-size:21px;
	margin:10px auto 0;
	font-weight:bold;
	line-height:1.2;
	}
h4.subtitle-detail{
	margin-top:1.8em;
	font-weight:bold;
	font-size:18px;
	border-left:5px solid #ABDB28;
	border-bottom:1px dotted #333;
	padding-left:5px;
	padding-bottom:3px;
}
.detail-date{
	text-align:right;
	color:#88B700;
	margin:5px auto 0;
	}
.img-detail-top{
	margin-top:20px;
	}	
/*--detail-snsarea--*/
.detail-snsarea{
	width:650px;
	background:#EEE;
	_zoom:1;
	overflow:hidden;
	padding:10px 0;
	margin:15px auto 0;
	border-radius:6px;-webkit-border-radius:6px; -moz-border-radius:6px;
	}
.detail-snsarea p{
	float:left;
	padding-left:5px;
	}
.detail-snsarea p:first-child{
	padding-left:10px;
	}
.detail-snsarea img{
	margin-right:5px;
	vertical-align:middle;
	}
.detail-snsarea a{
	color:#333;
	text-decoration:none;
	}

/*--detail-summary--*/
.detail-summaryarea{
	width:650px;
	margin:0 auto;
	}
.detail-summaryarea p{
	margin-top:1.8em;
	line-height:1.5;
	font-size:16px;
	}
.detail-summaryarea p:first-letter{
/*	padding-left:1em;*/
	}
/*--detail-add--*/
.detail-addarea{
	text-align:center;
	margin-top:30px;
	}
/*--detail-adbox20131112追加*/
.detail-adbox{
	text-align:center;
	padding:10px;
}

/*--detail-adbox-left20131112追加*/
.detail-adbox-left{
	float:left;
}

/*--detail-adbox-right20131112追加*/
.detail-adbox-left{
	float:right;
}:

/*--detail-adbox-box20131112追加*/
.detail-adbox-box{
	width:300px;
	margin:0 auto;
}

/*--detail-included--*/
.detail-included{
	border-top:1px dotted #333;
	_zoom:1;
	overflow:hidden;
	width:650px;
	margin:30px auto 20px;
	padding-top:20px;
	}
.detail-keyword{
	width:48%;
	float:left;
	}
.detail-keyword span{
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
	border-right:1px solid #333;
	}
.detail-writer{
	width:48%;
	float:right;
	text-align:right;
	}
	
/*--list-related--*/
.list-related-line{
	margin-top:30px;
	_zoom:1;
	overflow:hidden;
	margin-right:-30px;
	}
.list-related-line .list-related{
	width:315px;
	float:left;
	margin-right:30px;
	position: relative;
	overflow:hidden;
	}
.list-related-img-area{
	overflow:hidden;
	position: relative;
	width:315px;
	height:300px;
	}
.list-related-img-area img{
	margin-left:-168px;
	vertical-align:bottom;
	}
.list-related-img .list-finding-area{
	background:rgba(0,0,0,0.6);
	/background:url(../images/backimg-ie-black.png);
	position:absolute;
	bottom:0;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.list-related-img .list-finding-area{
	width:315px;
	height:100px;
	z-index:100;
	font-size:16px;
	}
.list-related-img .list-finding-area:hover{
	background:rgba(0,0,0,0.8);
	}

/*--pager--*/
.link-detailpager{
	width:650px;
	margin:40px auto;
	_zoom:1;
	overflow:hidden;
	}
.link-detailpager .link-prev,
.link-detailpager .link-next{
	background:#666;
	text-align:center;
	width:315px;
	}
.link-detailpager .link-prev{
	float:left;
	}
.link-detailpager .link-next{
	float:right;
	}
.link-detailpager .link-prev a,
.link-detailpager .link-next a{
	color:#FFF;
	display:block;
	padding:10px;
	text-shadow:1px 1px 0 #000;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}
.link-detailpager .link-prev a:hover,
.link-detailpager .link-next a:hover{
	background:#B2B2B2;
	color:#000;
	text-shadow:1px 1px 0 #FFF;
	}
	
/*--pagetop--*/
.pagetop{
	text-align:right;
	margin-top:20px;
	}
.pagetop a{
	display:inline-block;
	background:url(../images/icon-up.png) no-repeat left;
	padding:2px 0 2px 25px;
	min-hehght:25px;
	/height:25px;
	}


/*---------------------------------
  footer
---------------------------------*/

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

#footer ul.footlink{
	padding-top:30px;
	}
#footer ul.footlink li{
	text-align:center;
	display:inline;
	margin:0 10px;
	}

.copyright{
	color:#89B700;
	margin-top:30px;
	}
/*PC用に追加*/
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/*-------------------
detail-download
2013-10-17
--------------*/
.dl-area{
 width: 450px;
 border:1px solid #CCC;
 border-radius:6px;-webkit-border-radius:6px; -moz-border-radius:6px;
 background:#EEE;
 margin:30px auto;
 padding:20px 0;
 }
.app-area{
 width:410px;
 margin:0 auto;
 _zoom:1;
 overflow:hidden;
 }
.app-area p{
  margin-top:0;
 }
.dl-icon{
 width:70px;
 float:left;
 }
.dl-icon img{
 width:70px;
 height:70px;
 }
.dl-apptxtarea{
 width:330px;
 float:left;
 margin-left:10px;
 }
.dl-apptxtarea p.dl-appname{
 font-size:16px;
 font-weight:bold;
 line-height:1.3;
 }
.dl-apptxtarea p:first-letter{
 padding-left:0em;
 }
.dl-apptxtarea p.dl-appinfo{
 font-size:14px;
 margin-top:0;
 }
p.dlbtn{
 margin-top:20px;
 text-align:center;
 }
 
 /*-------------------
detail-evaluation
2013-11-07
--------------*/

.eval-area{
 width:450px;
 background:#FCFCC9;
 border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;
 box-shadow:1px 1px 1px #999;webkit-box-shadow:1px 1px 1px #999;-moz-box-shadow:1px 1px 1px #999;
 margin:0 auto 1.5em;
 padding:0.5em 0 0 0;
 clear:both; 
 }
.eval-area p{
 margin-bottom:0;
 }
.eval-area dl{
 padding:0.5em 0 0 0;
 margin:0 15px;
 line-height:1.0;
 overflow:hidden;
 }
.eval-area dt{
 width:8.5em;
 margin-right:0.3em;
 font-weight:bold;
 font-size:18px;
 line-height:1.7em;
 float:left;
 }
.eval-area dd img{
 margin-right:3px;
 }
dl.punctuation{
 border-bottom:1px solid #CCCC99;
 padding-bottom:0.5em;
 }
p.comment-title{
 font-size:18px;
 font-weight:bold;
 margin:0.3em 15px 0;
    line-height: 1.7em;
    margin-right: 0.3em;
 }
p.comment-title:first-letter{
 padding-left:0em;
 }
p.comment-txt{
 font-size:16px;
 margin:0 15px;
 padding-bottom:0.5em;
 }
p.comment-txt:first-letter{
 padding-left:0em;
 }
 .detail-snsarea div.tweet-area{
 overflow:hidden;
 width:100px;
 display:block;
 float:left;
 padding-left:5px;
 }
 .smp_switch{
 width:100%;
 background:#ABDB28;
 color:#fff;
 text-align:center;
 height:20px;
 }
 /*--side-movie--*/
.sidebar-movie{
	margin:10px auto 0;
	width:300px;
	}
.channel-link{
	margin:10px auto 0;
	width:300px;
	text-align:right;
	}
.channel-link a{
	min-height:20px;
	background:url(../images/icon-accent.png) no-repeat left;
	padding:2px 0 1px 25px;
	}
 /*--writer--*/
 .writer-area{
	width:90%;
	overflow:hidden;
	margin:10px auto;
	border:1px solid #CCC;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px;
	}
.icon-writer{
	width:13%;
	float:left;
	margin-right:10px;
	}
.icon-writer img{
	width:100%;
	height:auto;
	}
.txt-writer{
	float:left;
	width:82%;
	margin-top:5px;
	}
p.title-writer{
	margin:0;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	}
p.name-writer{
	margin:5px;
	}
.twit-writer{
	margin:0 0 0 5px;
	}