/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本共通cssの定義
=================================================================== */

/* -- 共通パーツ -- */
#wrapper {
	font-size: 100%;
	width: 100%;
	min-width: 1100px;
	background-color: #FFFFFF;
}
.tag_txt1{
	background-color: #ec6517;
}
.tag_txt2{
	background-color: #ff3db8;
}
.tag_txt3{
	background-color: #796c6c;
}
.tag_txt4{
	background-color: #0db2f0;
}
.tag_txt5{
	background-color: #3fac70;
}
.tag_txt6{
	background-color: #897045;
}

.atcl_tag{
	width: 200px;
	height: 28px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat;
	color: #FFF;
	text-align: center;
	font-size: 85%;
	line-height: 1;
	padding-top: 7px;
}
.atcl_tag.tag_sprite1{
	background-position: 0 0;
}
.atcl_tag.tag_sprite2{
	background-position: 0 -40px;
}
.atcl_tag.tag_sprite3{
	background-position: 0 -80px;
}
.atcl_tag.tag_sprite4{
	background-position: 0 -120px;
}
.atcl_tag.tag_sprite5{
	background-position: 0 -160px;
}
.atcl_tag.tag_sprite6{
	background-position: 0 -200px;
}
/* === 広告用css === */
/* -- ヘッダー -- */
#headerInner .bannerArea_b {
	height: 90px;
	width: 728px;
	position: absolute;
	top: 46px;
	right: 0px;
}
/* -- サイド -- */
.sideBanner {
	padding: 15px;
	background: #e8e8e8;
}
.bannerArea_c {
	width: 300px;
	height: 250px;
	margin-bottom: 15px;
}
.bannerArea_d {
	width: 300px;
	height: 110px;
}
.bannerArea_e {
	width: 300px;
	height: 250px;
	padding: 15px;
	background: #e8e8e8;
}
/* -- header -- */
#header {
	background: url(../images/common/header_bg.png) repeat-x;
	height: 210px;
	width: 100%;
	color: #FFFFFF;
	min-width: 1100px;
}
#header a {
	color: #FFFFFF;
}
#headerInner {
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#headerInner h1 {
	width: 350px;
	height: 40px;
	line-height: 40px;
	left: 0px;
	top: 0px;
	font-size: 90%;
}
#headerInner .headerNav {
    font-size: 95%;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 600px;
}
#headerInner .headerNav li.hbtn {
    padding-top:5px;
}
#headerInner .headerNav li.tbtn,
#headerInner .headerNav li.fbtn{
	margin-top :5px;
}
#headerInner .headerNav li.fbtn{
	padding-left:15px;
	border-left: solid 1px #2a2a2a;
}
#headerInner .headerNav li.tbtn a,
#headerInner .headerNav li.fbtn a{
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat;
    width: 90px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}
#headerInner .headerNav li.tbtn a {
	background-position: -200px -20px;
}
#headerInner .headerNav li.fbtn a{
	background-position: -200px 0;
}
#headerInner .headerNav li{
    float: right;
    margin-left: 15px;
}
#headerInner .headerNav li.headerNavLink {
	float: right;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
}
#headerInner .headerNav li.headerNavLink a {
	background: url(../images/common/arr.png) no-repeat left center;
	padding-left: 18px;
}
#headerInner .headerNav li a:hover {
	color: #ec6517;
}
#headerInner .logo {
	width: 278px;
	height: 63px;
	position: absolute;
	top: 71px;
	left: 0px;
}
#nav {
	width: 1060px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 160px;
}
#nav ul {
	width: 1060px;
	height: 38px;
	}
#nav ul li {
	float: left;
	height: 38px;
	border-bottom: 1px solid #ff6600;
}
#nav ul li a {
	display: block;
	height: 24px;
	line-height: 1;
	padding-top: 14px;
	width: 176px;
	text-align: center;
	border-left: 1px solid #2a2a2a;
	font-weight: bold;
}
#nav ul li a:hover{
	text-decoration: none;
}
#nav li.current a {
	background-color: #323131;
	-moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
}
#nav li.nav01 a{
	width: 176px;
}
#nav li.nav02 a{
	width: 175px;
}
#nav li.nav03 a{
	width: 176px;
}
#nav li.nav04 a{
	width: 175px;
}
#nav li.nav05 a{
	width: 176px;
}
#nav li.nav06 a{
	width: 175px;
	border-right: 1px solid #2a2a2a;
}

#nav #magicLine {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100px;
	height: 2px;
	background: #FF6500;
}
/* -- main -- */
#main {
	/* height: 440px; */
	height: 5px;
	width: 1060px;
	margin: 0 auto;
}
.main_text{
	width:1060px;
	height:59px;
	margin:32px 0 30px;
}
/* -- content -- */
#page_top {
	position: absolute;
	top: 640px;
	right: 0;
}
#page_top a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 47px;
	height: 150px;
}
#page_top a img {
	position: absolute;
}
#page_top a:hover img {
	top: -150px;
}
#content {
	width: 1060px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px 30px;
	position: relative;
}

#contentLeft {
	width: 360px;
	float: left;
	margin-top:10px;
	margin-bottom:10px;
}
#contentRight {
	width: 670px;
	margin-left:390px;
	margin-top:10px;
	margin-bottom:10px;
}
#contentRight figure {
/* background: url(../images/common/loading.gif) 50% 50% no-repeat; */
}
.favorite_ttl{
	width: 640px;
	height: 48px;
	position: relative;
}
.favorite_ttl img{
	position: absolute;
	top: -18px;
	left: -5px;
	}
.ttl {
	width: 640px;
	height: 50px;
	margin-bottom: 20px;
}
.ttlBox {
	width: 640px;
	height: 77px;
	position: relative;
	margin-bottom: 18px;
	float: left;
}
.ttlBox .ttl {
	position: absolute;
	top: 30px;
	left: 0;
}
.ttlBox .ttlCat {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 50px;
}

.ttlBox .ttlCat {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 35px;
}

.ttlBox .ttlCat span{
	display: block;
	height: 17px;
}

.ttlBox .ttlNav {
	font-size: 110%;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 300px;
}
.ttlBox .ttlNav span {
	color: #ec6517;
	font-size: 150%;
}
.ttlBox .ttlListNo {
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 30px;
	width: 300px;
	font-weight: bold;
}
#contentLeft .contentBox {
	width: 330px;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	background: #FFFFFF;
	float: left;
	margin: 0 0 20px 0;
}
#contentLeft .contentBox.mb25{
	margin-bottom: 25px;
}
#contentRight .contentBox {
	width: 640px;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	background: #FFFFFF;
	float: left;
	margin: 0 0 20px 0;
}
#contentBox .share_rannking{
	width: 330px;
	float: left;
}
.share_rannking li,
.share_rannking .sr_box,
.share_rannking .sr_box article{
	width: 330px;
	float: left;
}
.share_rannking .sr_box{
	padding: 15px 0 11px;
	border-bottom: 2px solid #d2d0d0;
}
.share_rannking .sr_box:hover dd{
	color: #161616;
}
.share_rannking .sr_box:hover .share_tag{
	color: #fff;
}
.sr_box dl{
	width: 220px;
	height: 18px;;
	float: left;
}
.sr_box dl dt{
	float: left;
	width: 93px;
}
.sr_box dl dd{
	float: left;
	margin-left: 4px;
	font-size: 124%;
	height: 20px;
	line-height: 20px;
}
.sr_box .share_tag{
	width: 100px;
	height: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: right;
	color: #FFF;
	text-align: center;
	line-height: 1;
	font-size: 93%;
	padding-top: 2px;
}
.sr_box .rank_txt{
	width: 330px;
	float: left;
	margin-top: 11px;
}
.rank_txt .share_rank{
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: url(../images/common/icon_rank_share.png);
	background-repeat: no-repeat;
	padding-top: 1px;
}
.rank_txt h1{
	float: right;
	width: 280px;
	font-size: 108%;
	line-height: 1.45;
}
.sr_box .share_rank.no1{
	background-position: 0 0;
}
.sr_box .share_rank.no2{
	background-position: 0 -100px;
}
.sr_box .share_rank.no3{
	background-position: 0 -200px;
}
.sr_box .share_rank.no4{
	background-position: 0 -300px;
}
.sr_box .share_rank.no5{
	background-position: 0 -400px;
}


/* -- footer -- */
#footer {
	background: url(../images/common/footer_bg.png) repeat-x;
	height: 105px;
	width: 100%;
	min-width: 1100px;
}
#footerInner {
	height: 105px;
	width: 1060px;
	margin: 0 auto;
	position: relative;
}
.topicPath {
	position: absolute;
	left: 0;
	top: 18px;
	height: 17px;
	line-height: 17px;
	color: #FFF;
	width: 735px;
}
.topicPath li {
	float: left;
	margin-right: 20px;
	background: url(../images/common/topicpath_arr.png) no-repeat left center;
	padding-left: 29px;
}
.topicPath li a {
	color: #FFFFFF;
}
.topicPath li.current {
	color: #ec6517;
	font-weight: bold;
}
.topicPath li.pathHome {
	padding-left: 0px;
	background: none;
}
.topicPath li.pathHome a {
	background: url(../images/common/pass_home.png) no-repeat;
	padding-top: 15px;
	height: 0;
	width: 17px;
	overflow: hidden;
	display: block;
}
.topicPath li.pathHome.current a {
	background: url(../images/common/pass_home_c.png) no-repeat;
	padding-top: 15px;
	height: 0;
	width: 17px;
	overflow: hidden;
	display: block;
}
.footerSns {
	width: 388px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 18px;
}
.footerSns li.tbtn a,
.footerSns li.fbtn a{
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat;
    width: 90px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}
.footerSns li.tbtn a {
	background-position: -200px -20px;
}
.footerSns li.fbtn a{
	background-position: -200px 0;
}
.footerSns li{
    float: right;
    margin-left: 15px;

}
.footerTtl {
	width: 1060px;
	height: 35px;
	position: absolute;
	top: 77px;
	left: 0px;
}
.footerLogo {
	width: 1060px;
	height: 45px;
	position: absolute;
	top: 130px;
	left: 0px;
}
.footerLogo li {
	height: 45px;
	vertical-align: middle;
	float: left;
	margin-right: 75px;
}
.footerNav {
	width: 764px;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 10px;
	color: #FFF;
	font-size: 90%;
	line-height: 30px;
}
.footerNav li {
	float: left;
	margin-right: 30px;
	height: 30px;
}
.footerNav li a {
	background: url(../images/common/arr.png) no-repeat scroll left center transparent;
	padding-left: 18px;
	color: #FFF;
}
.footerNav li a:hover {
	color: #ec6517;
}
.copyRights {
	width: 300px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #FFF;
	font-size: 90%;
	line-height: 30px;
	text-align: right;
}
.homeTopicsArea{
	width:640px;
}
.homeTopicsArea li{
	width:200px;
	margin:0 20px 0 0;
	float:left;
	position:relative;
}
.homeTopicsArea li .homeTopicsImg {
	width:200px;
	height:133px;
	margin:30px 0 13px 0;
	float:left;
}
.homeTopicsArea li .time {
	font-size: 85%;
	margin:0 0 7px 0;
	float:left;
}
.homeTopicsArea li .atcl_tag{
	position:absolute;
	top:0;
	left:0px;
}
.homeTopicsArea h1 {
    float: left;
    font-size: 110%;
    font-weight: bold;
    width: 200px;
}
/* -- mainTopic -- */
.mainTopicWrapper{
	width: 640px;
	height: 370px;
	margin-bottom:20px;
	border-bottom: 2px solid #D2D0D0;
	}
.mainTopic {
	width: 640px;
	height: 320px;
}
.mainTopic .topicInner {
	width: 640px;
	height: 320px;
	position: relative;
}
.mainTopic .thum_b {
	width: 640px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.mainTopic .cover {
	width: 600px;
	min-height: 110px;
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	background: url(../images/common/cover_bg.png) repeat;
	color: #FFFFFF;
	text-shadow: 0px 0px 0 rgb(0,0,0), 1px 1px 0 rgb(-255, -255, -255), 2px 2px 1px rgba(0,0,0,0.25), 2px 2px 1px rgba(0,0,0,0.5), 0px 0px 1px rgba(0,0,0,.2);
	font-weight: bold;
}
.mainTopic .cover .tag {
	float: left;
	margin: 0 20px 0 0;
}
.mainTopic .cover .time {
	float: left;
	font-size: 110%;
	line-height: 25px;
}
.mainTopic .cover .snsBox {
	float: right;
	font-size: 110%;
	line-height: 25px;
	width: 221px;
}
.mainTopic .cover .snsBox li {
	float: left;
}
.mainTopic .cover .snsBox li.tIcon {
	background: url(../images/common/t_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-left: 15px;
}
.mainTopic .cover .snsBox li.fIcon {
	background: url(../images/common/f_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-left: 15px;
}
.mainTopic .cover .snsBox li.gIcon {
	background: url(../images/common/g_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-left: 15px;
}
.mainTopic .cover .snsBox li.hIcon {
	background: url(../images/common/h_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-left: 15px;
}
.mainTopic .cover h1 {
	width: 600px;
	float: left;
	font-size: 170%;
	font-weight: bold;
}
.mainTopic .cover h1 a {
	color: #FFF;
}
.mainTopic .cover h1 a:hover {
	color: #ec6517;
}
.bx-pager {
	margin: 20px 275px;
	width: 90px;
}
.bx-pager a.bx-pager-link.active {
	background: url(../images/common/list_point_ov.png) no-repeat;
	height: 0px;
	width: 12px;
	padding-top: 12px;
	overflow: hidden;
	display: block;
	float: left;
}
.bx-pager a {
	background: url(../images/common/list_point.png) no-repeat;
	height: 0px;
	width: 12px;
	padding-top: 12px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 10px;
}
.bx-prev, .bx-next {
	display: none;
}
/* -- top_article -- */
.contentBox .top_article{
	padding-bottom: 17px;
	border-bottom: 2px solid #D2D0D0;
	margin-bottom: 19px;
	color: #161616;
}
.contentBox .top_article:last-of-type{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.top_article,
.top_article article{
	width: 640px;
	float: left;
	display: block;
}
.topArticleHead{
	width: 640px;
	float: left;
}
.topArticleHead time{
	float: left;
    margin-right: 18px;
    padding-top: 2px;
    line-height: 1;
}
.topArticleHead .tag_top{
	float: right;
	width: 100px;
	height: 13px;
	text-align: center;
	color: #FFF;
	padding-top: 2px;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	    border-radius: 2px;
	font-size: 93%;
}
.top_article .snsBox {
	float: left;
	font-size: 110%;
	width: 200px;
	line-height: 1.2;
	background-position: 0 -1px;
}
.top_article .snsBox li {
	padding-left: 22px;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
.top_article .snsBox li.tIcon {
	background: url(../images/common/t_icon.png) no-repeat left center;
	margin-right: 15px;
}
.top_article .snsBox li.fIcon {
	background: url(../images/common/f_icon.png) no-repeat left center;
	margin-right: 15px;
}
.top_article .snsBox li.gIcon {
	background: url(../images/common/g_icon.png) no-repeat left center;
}
.top_article .snsBox li.hIcon {
	background: url(../images/common/h_icon.png) no-repeat left center;
}
.top_article h1{
	width: 100%;
	float: left;
	font-size: 188%;
	font-weight: bold;
	line-height: 1.35;
	margin-top: 14px;
}
.top_article:hover h1{
	color: #ec6517;
}
.top_article figure{
	margin-top: 12px;
	float: left;
}
.top_article figure img{
	float: left;
}
.top_article .detail_txt{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 6px;
	line-height: 1.6;
}
.top_article .detail_txt p{
	width: 100%;
	display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 6px;
}
.top_article .detail_txt span{
	color: #e56626;
	text-decoration: underline;
}
/* -- articleBox -- */
.articleBox {
	width: 640px;
	float: left;
	padding: 0 0 9px;
	margin: 0 0 15px;
	border-bottom: 2px solid #D2D0D0;
}
.articleBox a:hover {
	color: #ec6517;
}
.articleBox .articleBox_l {
	float: left;
	width: 250px;
}
.articleBox .articleBox_r {
	float: right;
	width: 370px;
}
.articleBox .articleBox_t {
	position: relative;
	height: 30px;
	border-bottom: 1px solid #d2d0d0;
}
.articleBox .articleBox_t .atcl_tag {
	position: absolute;
	top: 0;
	left: 0;
}
.articleBox .articleBox_t .subtag {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #161616;
	padding: 0 10px;
	line-height: 25px;
	height: 25px;
}
.articleBox .articleBox_t .subtag a {
	color: #FFFFFF;
}
.articleBox .articleBox_t .subtag a:hover {
	color: #ec6517;
}
.articleBox .articleBox_t .time {
	float: right;
	height: 25px;
	line-height: 25px;
	font-size: 108%;
}
.articleBox h1 {
	font-size: 170%;
	font-weight: bold;
	margin: 11px 0 12px;
	width: 370px;
}
.articleBox .articleBox_b {
	width: 370px;
	border-top: 1px solid #d2d0d0;
}
.articleBox .snsBox {
	float: left;
	font-size: 110%;
	line-height: 18px;
	width: 200px;
	margin: 17px 0 0 0;
}
.articleBox .snsBox li {
	float: left;
}
.articleBox .snsBox li.tIcon {
	background: url(../images/common/t_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-right: 15px;
}
.articleBox .snsBox li.fIcon {
	background: url(../images/common/f_icon.png) no-repeat left center;
	padding-left: 22px;
	margin-right: 15px;
}
.articleBox .snsBox li.gIcon {
	background: url(../images/common/g_icon.png) no-repeat left center;
	padding-left: 22px;
}
.articleBox .snsBox li.hIcon {
	background: url(../images/common/h_icon.png) no-repeat left center;
	padding-left: 22px;
}
.articleBox .bloggerName {
	float: right;
	line-height: 25px;
	margin: 15px 0 0 0;
}
.articleBox .bloggerName img {
	float: left;
}
.articleBox .bloggerName span {
	margin-left: 7px;
	line-height: 25px;
	font-size: 108%;
}

.side_topic_item{
	width:330px;
	margin:20px 0 0 0;
}
.side_topic_item figure img{
	float:left;
	margin: 0 0 10px 0;
}
.side_topic_item .time {
	float:right;
	line-height:30px;
	font-size:85%;
}
.side_topic_item h1 {
width: 330px;
float: left;
font-weight: bold;
font-size: 110%;
margin: 5px 0 0 0;
}
.side_movie_img img{
	width:330px;
	margin:20px 0 10px 0;
	float:left;
}
.side_movie_btn{
	background: url(../images/common/side_movie_btn.png) no-repeat 0px 0px;
	height: 0px;
	width: 200px;
	padding-top: 25px;
	display: block;
	overflow: hidden;
	float:right;
}
.side_movie_btn:hover{
	background: url(../images/common/side_movie_btn.png) no-repeat 0px -25px;
}
.searchBox {
	width: 330px;
	float: left;
}
.searchBox #searchForm .searchText {
	background: #f3efef;
	border: 1px solid #C6C6C6;
	box-shadow: 0 0 3px 1px #DADADA inset;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	width: 268px;
	float: left;
}
.searchBox #searchForm .searchBtn {
	float: right;
	background: url(../images/common/side_search_btn.png) no-repeat 0 -40px;
	height: 40px;
	width: 40px;
	padding: 40px 0 0;
	overflow: hidden;
	border: medium none;
	display: block;
	cursor: pointer;
}
.searchBox #searchForm .searchBtn:hover {
	background: url(../images/common/side_search_btn.png) no-repeat 0 0px;
}

.snsBtns {
	margin-top: 10px;
	padding: 15px;
	width: 300px;
	height: 30px;
	float: left;
	background: #e8e8e8;
}
.snsBtns li {
	float: left;
	margin-right: 15px;
	height: 30px;
}
.sideTtl {
	width: 330px;
	height: 50px;
}
.sideTtl.topics_ttl{
	background: #161616;
}
.rankBox {
	width: 300px;
	padding: 15px;
	float: left;
	background: #161616;
	margin: 0 0 2px 0;
	color: #FFF;
}
.rankBox a {
	color: #FFF;
}
.rankBox a:hover {
	color: #EC6512;
}
.rankBox .rankBox_t {
	float: left;
	width: 300px;
	height: 15px;
	margin: 0 0 15px 0;
}
.rankBox time {
	width: 100px;
	height: 15px;
	margin: 0 15px 0 0;
	float: left;
	font-size: 85%;
}
.rankBox .tag {
	float: right;
	width: 100px;
	height: 13px;
	color: #FFF;
	line-height: 1;
	padding-top: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		border-radius: 3px;
	text-align: center;
	font-size: 93%;
}
.rankBox .rankBox_l {
	float: left;
	width: 100px;
}
.rankBox .rankBox_l a{
	display: block;
	float: left;
}
.rankBox .rankBox_l a img{
	float: left;
}
.rankBox .rankBox_r {
	float: right;
	width: 185px;
}
.rankBox h1 {
	float: left;
	font-weight: bold;
	width: 185px;
}
.page_frame {
	float: left;
	border-bottom: 2px solid #D2D0D0;
	position: relative;
	bottom: 0;
	width: 100%;
}
.pagination {
	float: left;
	position: relative;
	left: 50%;
}
.wp-pagenavi {
	position: relative;
	left: -50%;
	font-weight: bold;
	padding: 30px 94px;
	height: 30px;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
	float: left;
	height: 42px;
	display: block;
	line-height: 42px;
	text-align: center;
	padding: 0 14px;
	margin: 0 10px;
	width: 38px;
	text-decoration: none;
}
.wp-pagenavi .current {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e98f3c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNlOThmM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNlNTY2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #e98f3c), color-stop(99%, #e56626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* IE10+ */
	background: linear-gradient(to bottom, #e98f3c 25%, #e56626 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e98f3c', endColorstr='#e56626', GradientType=0 ); /* IE6-8 */
	color: #FFF;
}
.wp-pagenavi a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #404243;
	color: #FFF;
}
.wp-pagenavi .previouspostslink {
	left: 0;
}
.wp-pagenavi .nextpostslink {
	right: 0;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .no_prev_page {
    background: none repeat scroll 0 0 #E8E8E8;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 84px;
    left: 0px;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .no_next_page {
    background: none repeat scroll 0 0 #E8E8E8;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 84px;
    right: 0px;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
	top: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #404243;
	color: #FFF;
	width: 84px;
	padding: 0;
	margin: 0;
	position: absolute;
}
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover {
	background: #e98f3c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNlOThmM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNlNTY2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #e98f3c), color-stop(99%, #e56626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e98f3c 25%, #e56626 99%); /* IE10+ */
	background: linear-gradient(to bottom, #e98f3c 25%, #e56626 99%); /* W3C */
}
.sideCatBox {
	padding: 15px 15px 5px 15px;
	background: #e8e8e8;
	float: left;
	width: 300px;
}
.sideCatBox a {
	cursor: pointer;
}
a.catBtn {
	height: 70px;
	width: 300px;
	position: relative;
	float: left;
}
a.catBtn p {
	position: absolute;
	width: 80px;
	height: 15px;
	top: 45px;
	left: 110px;
	text-align: center;
	line-height: 16px;
	font-size: 93%;
}
a.catBtn h1 {
	height: 0px;
	width: 300px;
	position: absolute;
	padding-top: 70px;
	overflow: hidden;
	left: 0px;
	top: 0px;
	display: block;
}
a.catBtn.cat01 h1 {
	background: url(../images/common/cat_btn01.png) no-repeat 0px 0px;
}
a.catBtn.cat02 h1 {
	background: url(../images/common/cat_btn02.png) no-repeat 0px 0px;
}
a.catBtn.cat03 h1 {
	background: url(../images/common/cat_btn03.png) no-repeat 0px 0px;
}
a.catBtn.cat04 h1 {
	background: url(../images/common/cat_btn04.png) no-repeat 0px 0px;
}
a.catBtn.cat05 h1 {
	background: url(../images/common/cat_btn05.png) no-repeat 0px 0px;
}
a.catBtn.cat06 h1 {
	background: url(../images/common/cat_btn06.png) no-repeat 0px 0px;
}
a.catBtn.cat07 h1 {
	background: url(../images/common/cat_btn07.png) no-repeat 0px 0px;
}
a.catBtn.cat08 h1 {
	background: url(../images/common/cat_btn08.png) no-repeat 0px 0px;
}
a.catBtn.cat09 h1 {
	background: url(../images/common/cat_btn09.png) no-repeat 0px 0px;
}
a.catBtn.cat10 h1 {
	background: url(../images/common/cat_btn10.png) no-repeat 0px 0px;
}
.catSubBtn {
	width: 300px;
	float: left;
	margin: 15px 0 0 0;
}
.catSubBtn li {
	height: 60px;
	width: 145px;
	float: left;
	position: relative;
	margin: 0 0 15px 0;
}
.catSubBtn li.catSubBtn_l {
	margin: 0 10px 0 0;
}
.catSubBtn li a {
	height: 60px;
	width: 145px;
	background: url(../images/common/cat_subbtn.png) no-repeat 0px 0px;
	float: left;
}
.catSubBtn li a:hover {
	height: 60px;
	width: 145px;
	background: url(../images/common/cat_subbtn.png) no-repeat 0px -60px;
	float: left;
}
.catSubBtn li a p {
	height: 20px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 145px;
	font-weight: bold;
}
.catSubBtn li a span {
	height: 15px;
	left: 33px;
	line-height: 16px;
	position: absolute;
	text-align: center;
	top: 35px;
	width: 80px;
	color: #FFFFFF;
	font-size: 93%;
}
.catSubBtn li.current a {
	height: 60px;
	width: 145px;
	background: url(../images/common/cat_subbtn.png) no-repeat 0px -120px;
	float: left;
}
.catSubBtn li.current a p {
	height: 20px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 145px;
	font-weight: bold;
	color: #FFFFFF;
}
.catSubBtn li.current a span {
	height: 15px;
	left: 33px;
	line-height: 16px;
	position: absolute;
	text-align: center;
	top: 35px;
	width: 80px;
	color: #161616;
}
.rankBoxTop {
	width: 200px;
	float: left;
	margin: 0 15px 0 0;
}
.rankBoxTop a:hover {
	color: #EC6517;
}
.rankBoxTop .rankImg {
	width: 200px;
	height: 134px;
	float: left;
	margin: 0 0 10px 0;
}
.rankBoxTop .rankNo {
	width: 80px;
	height: 15px;
	float: left;
}
.rankBoxTop .time {
	width: 120px;
	height: 15px;
	line-height: 15px;
	float: right;
	font-size: 90%;
	text-align: right;
}
.rankBoxTop h1 {
	width: 200px;
	margin: 10px 0 0 0;
	float: left;
	font-weight: bold;
	font-size: 110%
}
/*-------------------------------------

movie/detail

-------------------------------------*/
.article_ttl_box {
	border-top: #ff6600 4px solid;
	background: url(../images/common/article_ttl_bdr.png) left bottom repeat-x;
	padding: 15px 0 9px;
	width: 640px;
	position: relative;
	float: left;
}
.article_ttl {
	font-weight: bold;
	font-size: 193%;
	margin-top: 45px;
	line-height: 1.4;
}
.article_ttl_box .atcl_tag {
	position: absolute;
	top: 15px;
	left: 0;
	width: 185px;
	height: 28px;
}
.article_ttl_box .tag_box {
	position: absolute;
	top: 15px;
	left: 205px;
}
.article_ttl_box .tag_box li {
	float: left;
	margin-right: 20px
}
.article_ttl_box .tag_box li a {
	color: #fff;
	font-size: 85%;
	display: block;
	background: #0a0a0a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 10px;
}
.article_ttl_box time {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 108%;
}
.article_content .shareBtn {
	width: 100%;
	margin: 50px 0 0 0;
}
.article_content .shareBtn li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 1;
	font-size: 100%;
	background: none;
}
.article_main {
	position: relative;
	float: left;
	padding-bottom: 30px;
	border-bottom: #e8e8e8 1px solid;
}
.article_main .main_head {
	height: 45px;
	float: left;
	width: 640px;
	padding: 15px 0 0;
}
.article_main .main_head .shareBtn {
	padding: 3px 0 4px;
}
.article_main .main_head .shareBtn, .article_main .bloggerName img, .article_foot .bloggerName img {
	float: left;
}
.shareBtn li {
	float: left;
	margin-right: 10px;
}

.shareBtn li.tw_btn {
	width: 106px !important;
}

.article_main .bloggerName {
	float: right;
	line-height: 25px;
	margin-top: -47px;
}
.article_main .bloggerName span, .article_foot .bloggerName span {
	margin-left: 7px;
	line-height: 25px;
	font-size: 108%;
}
.article_ad_zone {
	padding: 14px 10px 15px;
	float: left;
	width: 620px;
	border-bottom: #e8e8e8 1px solid;
	margin-bottom: 54px;
}
.article_ad_zone_under {
	padding: 14px 10px 15px;
	float: left;
	width: 620px;
	margin-top: 54px;
}
.article_foot {
	float: left;
	width: 640px;
}
.article_foot_head {
	float: left;
	width: 640px;
	padding: 20px 0 25px;
}
.article_foot_head .ttl {
	position: relative;
}
.article_foot_head .ttl a {
	position: absolute;
	background: url(../images/common/blogger_btn.png) no-repeat 0px 0px;
	height: 0px;
	width: 153px;
	padding-top: 25px;
	top: 13px;
	right: 0px;
	display: block;
	overflow: hidden;
}
.article_foot_head .ttl a:hover {
	background: url(../images/common/blogger_btn.png) no-repeat 0px -25px;
}
.article_foot_head .bloggerBox {
	border-bottom: none;
	margin-bottom: 0;
	overflow: hidden;
	padding-bottom: 0;
	width: 640px;
}
.article_foot .bloggerName {
	float: left;
	line-height: 25px;
}
.article_foot .shareBtn {
	float: right;
	padding: 3px 0 0;
}
#blogger_articles {
	background: #f6f6f6;
	border: #404243 3px solid;
	float: left;
	width: 634px;
	position: relative;
}
#blogger_articles h1 {
	padding: 16px 12px 0 15px;
	height: 34px;
	background: #404243;
	float: left;
	width: 607px;
}
.blogger_articles_arrow {
	position: absolute;
	top: -18px;
	left: 26px;
}
.blogger_list_btn{
	width: 100%;
	text-align: right;
}
.blogger_list_btn a {
	background: url(../images/common/blogger_list_btn.png) no-repeat;
	text-indent: -7777px;
	overflow: hidden;
	display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1;
    letter-spacing: 0;
	width: 196px;
	height: 20px;
	text-align: left;
}
.blogger_list_btn a:hover {
	background-position: 0 -20px;
}
#blogger_articles ul, #blogger_articles li, #blogger_articles article, #blogger_articles p, #blogger_articles time {
	float: left;
}
#blogger_articles ul {
	padding: 42px 12px 0;
	width: 616px;
	line-height: 1.6;
}
#blogger_articles li {
	width: 190px;
	margin-right: 20px;
	height: 239px;
	position: relative;
}
#blogger_articles article, #blogger_articles time, #blogger_articles p {
	width: 100%;
}
#blogger_articles .article_ca {
	position: absolute;
	top: -29px;
	left: 0;
}
#blogger_articles time {
	font-size: 85%;
	margin: 6px 0 2px;
}
#blogger_articles .blog_ttl {
	font-size: 108%;
	font-weight: bold;
}
.small_articles {
	float: left;
	border-top: #404243 3px solid;
	border-bottom: #404243 3px solid;
	width: 640px;/* background:url(../images/common/small_articles_bg.png) center top no-repeat; */
}
.small_articles li {
	position: relative;
	float: left;
}
.small_articles li.s_box_l a {
	float: left;
	display: block;
	border-right: #404243 3px solid;
	width: 269px;
	padding: 20px 0 20px 50px;
	background: url(../images/common/arrow_np_btn_l_off.png) #fff 0 38px no-repeat;
}
.small_articles li.s_box_r a {
	float: left;
	display: block;
	width: 263px;
	padding: 20px 40px 20px 15px;
	background: url(../images/common/arrow_np_btn_r_off.png) #fff 288px 38px no-repeat;
}
.small_articles li.s_box_l a:hover {
	background: url(../images/common/arrow_np_btn_l_on.png) #f6f6f6 0 38px no-repeat;
	cursor: pointer;
}
.small_articles li.s_box_r a:hover {
	background: url(../images/common/arrow_np_btn_r_on.png) #f6f6f6 288px 38px no-repeat;
	cursor: pointer;
}
.small_articles li figure {
	margin-right: 10px;
	float: left;
	cursor: pointer;
}
.small_articles li figure img {
	float: left;
}
.small_articles li time {
	float: left;
	font-size: 93%;
	width: 150px;
	margin: -2px 0 5px;
}
.small_articles li p {
	float: left;
	width: 150px;
	cursor: pointer;
}
.related {
	width: 640px;
	border-bottom: #404243 2px solid;
	float: left;
	padding-bottom: 15px;
}
.related th {
	font-weight: normal;
	border-right: #565859 1px solid;
	padding: 0 14px 0 0;
	width: 305px;
	text-align: left;
}
.related td {
	float: left;
	width: 305px;
	padding: 0 0 0 15px;
}
.related .first_child article {
	padding-top: 0;
}
.related .last_child article {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.related table th > div, .related table td > div {
	height: 92px;
	width: 305px;
	float: left;
	padding: 15px 0;
	border-bottom: #808182 1px solid;
}
.related table th > div .related_a_ttl, .related table td > div .related_a_ttl {
	width: 100%;
	margin-bottom: 10px;
	line-height: 1;
	position: relative;
	float: left;
}
.related table div .related_a_ttl .tag {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	width: 110px;
	height: 13px;
	color: #FFF;
	line-height: 1;
	padding-top: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	font-size: 93%;
	}
.related table th > div a img, .related table td > div a img {
	float: left;
}
.related table th > div time, .related table td > div time {
	position: absolute;
	left: 120px;
	top: 2px;
}
.related table th > div figure, .related table td > div figure {
	width: 110px;
	float: left;
}
.related table th > div > p, .related table td > div > p {
	width: 186px;
	float: right;
	font-size: 108%;
	font-weight: bold;
	margin-top: -4px;
}
.related table .last-child th div, .related table .last-child td div {
	border-bottom: none;
	padding-bottom: 0;
}
.shareBtn .fb_btn iframe {
	border: none;
	overflow: hidden;
	width: 110px;
	height: 21px;
}
.shareBtn .tw_btn iframe {
	width: 102px !important;
}
/*-------------------------------------

blogger

-------------------------------------*/
/*category_menu*/
#category_menu {
	float: left;
}
#category_menu li {
	float: left;
	height: 50px;
	margin: 0 10px 10px 0;
}
#category_menu li a {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    background-color: #161616;
	display: block;
	height: 31px;
	line-height: 1;
	width: 98px;
	text-align: center;
	color: #FFF;
	padding-top: 19px;
	font-size: 93%;
}
#category_menu li a:hover{
	text-decoration: none;
}
#category_menu li#c_menu1 a:hover, #category_menu li#c_menu1 a.current {
	background-color: #ec6517;
}
#category_menu li#c_menu2 a:hover, #category_menu li#c_menu2 a.current {
	background-color: #ff3db8;
}
#category_menu li#c_menu3 a:hover, #category_menu li#c_menu3 a.current {
	background-color: #796c6c;
}
#category_menu li#c_menu4 a:hover, #category_menu li#c_menu4 a.current {
	background-color: #0db2f0;
}
#category_menu li#c_menu5 a:hover, #category_menu li#c_menu5 a.current {
	background-color: #3fac70;
}
#category_menu li#c_menu6 a:hover, #category_menu li#c_menu6 a.current {
	background-color: #897045;
}

#category_menu li#c_menu6 {
	margin-right: 0;
}

/*articleBox*/
.bloggerBox {
	padding-bottom: 20px;
	border-bottom: #d2d0d0 2px solid;
	margin-bottom: 20px;
	overflow: hidden;
	width: 640px;
}
.bloggerBox_l {
	width: 200px;
	float: left;
}
.bloggerBox_r {
	width: 420px;
	float: right;
	min-height: 197px;
	border-bottom: #d2d0d0 1px solid;
	padding-bottom: 10px;
}
.bloggerBox_r a {
	color: #ec6517;
	text-decoration: underline;
}
.bloggerBox_r a:hover {
	text-decoration: none;
}
.bloggerBox_r h1 {
	position: relative;
	padding-top: 16px;
	border-top: #d2d0d0 1px solid;
	border-bottom: #d2d0d0 1px solid;
	height: 43px;
	width: 420px;
	font-weight: bold;
	font-size: 154%;
	margin-bottom: 11px;
}
.bloggerBox_r h1 .list_btn {
	position: absolute;
	top: 17px;
	right: 0;
}
.bloggerBox_r p {
	font-size: 108%;
	line-height: 1.7;
}
.good_category {
	background: #e8e8e8;
	margin: 4px 0 0 0;
	padding: 14px 0 9px 15px;
	float: left;
	width: 625px;
	position: relative;
}
.good_category_arrow {
	position: absolute;
	top: -15px;
	left: 28px;
}
.good_category h2 {
	float: left;
	width: 600px;
	padding: 0 0 8px 2px;
}
.good_category ul {
	float: left;
	width: 625px;
}
.good_category li {
	float: left;
	margin-right: 10px;
}
.good_category .wrt_tag{
	width: 93px;
	display: block;
	height: 13px;
	color: #FFF;
	font-size: 85%;
	text-align: center;
	padding-top: 2px;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	        border-radius: 2px;
}
.good_category .wrt_tag:hover{
	text-decoration: none;
}
/*-------------------------------------

blogger_detail

-------------------------------------*/
.ca_tag {
	position: absolute;
	top: 0;
	left: 0;
}
/*-------------------------------------

ranking

-------------------------------------*/
#ranking .bloggerBox {
	overflow: visible;
	padding-bottom: 15px;
}
#ranking .bloggerBox_l {
	position: relative;
}
#ranking .bloggerBox_l .icon_rank {
	background: url(../images/common/icon_rank_blogger.png) no-repeat;
	position: absolute;
	text-indent: -7777px;
	display: block;
}
#ranking .bloggerBox_l .top1, #ranking .bloggerBox_l .top2, #ranking .bloggerBox_l .top3 {
	width: 82px;
	height: 100px;
	top: -11px;
	left: -11px;
}
#ranking .bloggerBox_l .top4, #ranking .bloggerBox_l .top5, #ranking .bloggerBox_l .top6, #ranking .bloggerBox_l .top7, #ranking .bloggerBox_l .top8, #ranking .bloggerBox_l .top9, #ranking .bloggerBox_l .top10 {
	width: 57px;
	height: 57px;
	top: -11px;
	left: -11px;
}
#ranking .bloggerBox_l .top1 {
	background-position: 0 0;
}
#ranking .bloggerBox_l .top2 {
	background-position: 0 -110px;
}
#ranking .bloggerBox_l .top3 {
	background-position: 0 -220px;
}
#ranking .bloggerBox_l .top4 {
	background-position: 0 -320px;
}
#ranking .bloggerBox_l .top5 {
	background-position: 0 -387px;
}
#ranking .bloggerBox_l .top6 {
	background-position: 0 -454px;
}
#ranking .bloggerBox_l .top7 {
	background-position: 0 -521px;
}
#ranking .bloggerBox_l .top8 {
	background-position: 0 -588px;
}
#ranking .bloggerBox_l .top9 {
	background-position: 0 -655px;
}
#ranking .bloggerBox_l .top10 {
	background-position: 0 -722px;
}
#ranking .bloggerBox_r {
	border-bottom: none;
}
#ranking .bloggerBox_r h1 {
	margin-bottom: 10px;
}
#ranking .bloggerBox_r h1 a {
	text-decoration: underline;
	color: #161616;
}
#ranking .bloggerBox_r h1 a:hover {
	color: #ec6517;
}
#ranking .bloggerBox dl {
	padding: 5px 16px;
	margin-bottom: 10px;
}
#ranking .bloggerBox dl.top_bloger {
	background: #fffc00;
}
#ranking .bloggerBox dl dt {
	float: left;
	height: 22px;
	padding: 8px 0 0;
}
#ranking .bloggerBox dl dd {
	background: #fff;
	height: 28px;
	padding: 1px 0;
	width: 108px;
	text-align: center;
	font-weight: bold;
	color: #ec6517;
	font-size: 193%;
	float: left;
	margin-left: 11px;
	line-height: 1.2;
}
/*-------------------------------------

peofile

-------------------------------------*/
.profile_T {
	width: 100%;
	border-collapse: collapse;
	font-size: 108%;
	margin-bottom: 28px;
}
.profile_T .odd {
	background: #f6f6f6;
}
.profile_T th {
	text-align: left;
	width: 123px;
	padding: 20px 15px;
	border-right: rgb(222,222,222) 1px solid;
}
.profile_T td {
	padding: 20px 15px;
	width: 212px;
}
.profile_T td.tdLeft {
	width: 210px;
	border-right: rgb(222,222,222) 1px solid;
}
.profile_T li {
	list-style: disc;
	margin-left: 18px;
}
/*-------------------------------------

privacy

-------------------------------------*/
#privacy .ttl {
	margin-bottom: 37px;
}
.privacy_box {
	margin-bottom: 31px;
}
.ad_contact_ttl {
	margin: 23px 0;
}
.privacy_box a {
	text-decoration: underline;
	color: #ec6517;
}
.privacy_box a:hover {
	text-decoration: none;
}
.privacy_box p, .privacy_box_last p {
	font-size: 108%;
	line-height: 1.7;
}
.privacy_box .signTxt {
	margin-top: 25px;
}
.privacyT {
	margin-top: 17px;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
.privacyT th, .privacyT td {
	padding: 17px 15px;
	border: #e8e8e8 2px solid
}
.privacyT thead th {
	text-align: center;
}
.privacyT th {
	text-align: left;
}
.privacyT ol li, .privacyList li {
	list-style: decimal;
	margin-left: 24px;
}
.privacy_box h2, .privacy_box_last h2 {
	background: #e8e8e8;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
	padding: 1px 0 0;
}
.privacy_box .mTxt, .privacy_box_last .mTxt {
	margin-bottom: 21px;
}
/*-------------------------------------

not_found

-------------------------------------*/
#not_found .ttl {
	margin-bottom: 16px;
}
#not_found .contentBox p {
	font-size: 108%;
	line-height: 1.7;
}
.not_found_list {
	margin: 13px 0 20px 16px;
}
.not_found_list li {
	background: url(../images/common/list_icon.png) 0 7px no-repeat;
	padding: 0 0 0 16px;
	margin-bottom: 11px;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.6;
}
.not_found_search {
	margin-top: 32px;
}
#not_found .contentBox .searchBox {
	margin-bottom: 0;
}
#not_found_search .searchText {
	background: #f3efef;
	border: 1px solid #C6C6C6;
	box-shadow: 0 0 3px 1px #DADADA inset;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	width: 268px;
	float: left;
}
#not_found_search .searchBtn:hover {
	background: url(../images/common/side_search_btn.png) no-repeat 0 0px;
}
#not_found_search .searchBtn {
	float: right;
	background: url(../images/common/side_search_btn.png) no-repeat 0 -40px;
	height: 40px;
	width: 40px;
	padding-top: 40px;
	overflow: hidden;
	border: medium none;
	display: block;
	cursor: pointer;
}
/*mistyping */
.misstyping p {
	margin-bottom: 17px;
}
.misstyping a {
	color: #ec6517;
}
#mistyping_ttl {
	font-size: 124%;
	font-weight: bold;
	border-top: #ff6600 2px solid;
	border-bottom: #404243 2px solid;
	color: #161616;
	padding: 15px 0 0;
	height: 35px;
	margin-bottom: 17px;
}
#miss_ex div {
	background: #f6f6f6;
	padding: 12px 15px;
	font-size: 108%;
	line-height: 1.8;
}
/*-------------------------------------

search.html

-------------------------------------*/
#search_results .ttlBox {
	min-height: 50px;
	height: auto;
}
#search_results .ttlBox .ttl {
	top: 0;
	border-top: #ff6600 2px solid;
	border-bottom: #404243 2px solid;
	padding: 13px 0;
	height: auto;
}
#search_results .ttlBox .ttl > span {
	display: block;
	width: 420px;
}
#search_results .ttlBox .ttl span span {
	font-weight: bold;
}
#search_results .ttlBox .ttlListNo {
	top: 3px;
}
/*-------------------------------------

contact

-------------------------------------*/
#contact .ttl {
	margin-bottom: 35px;
}
#contact .ttl_2nd {
	margin-bottom: 20px;
}
#contact .contentBox table #name, #contact .contentBox table #mail, #contact .contentBox table #info, #contact .contentBox table #message {
	background-color: rgb(255,255,255);
	-moz-box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.1);
	border: rgb(222,222,222) 1px solid;
}
.contentBox {
	font-size: 108%;
}
.contentBox.pt20{
	padding-top: 20px;
}
.contentBox p.c_text {
	margin-bottom: 24px;
}
.contactFlow {
	width: 640px;
	margin-bottom: 20px;
	position: relative;
	height: 57px;
}
.contactFlow li {
	height: 0px;
	padding-top: 62px;
	overflow: hidden;
}
.flow01 {
	width: 230px;
	background: url(../images/common/contact_flow01.png) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.flow02 {
	width: 220px;
	background: url(../images/common/contact_flow02.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 220px;
	z-index: 2;
}
.flow03 {
	width: 210px;
	background: url(../images/common/contact_flow03.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 430px;
	z-index: 1;
}
.flow01.current {
	width: 230px;
	background: url(../images/common/contact_flow01.png) no-repeat 0 -62px;
}
.flow02.current {
	width: 220px;
	background: url(../images/common/contact_flow02.png) no-repeat 0 -62px;
}
.flow02.formClear {
	width: 220px;
	background: url(../images/common/contact_flow02.png) no-repeat 0 -124px;
}
.flow03.current {
	width: 210px;
	background: url(../images/common/contact_flow03.png) no-repeat 0 -62px;
}
.contactBox {
	line-height: 1.7;
	margin-bottom: 30px;
}
.contact_T {
	width: 100%;
	border-collapse: collapse;
	font-size: 108%;
}
.contact_T .odd {
	background: #f6f6f6;
}
.contact_T th, .contact_T td {
	padding: 20px 15px;
}
.contact_T th.comment_zone {
	padding: 30px 15px 14px;
	vertical-align: top;
}
.contact_T td.comment_zone {
	padding-bottom: 14px;
}
.contact_T td.btn_zone {
	padding: 15px;
}
.contact_T th {
	text-align: left;
	width: 185px;
}
.contact_T th span {
	color: #b94a00;
}
.contact_T li {
	list-style: disc;
	margin-left: 18px;
}
.nameText {
	width: 283px;
	height: 28px;
	padding: 5px;
}
.mailText {
	width: 283px;
	height: 28px;
	padding: 5px;
}
.selectText {
	width: 200px;
	height: 40px;
	padding: 5px;
}
.messageText {
	width: 378px;
	max-width: 378px;
	height: 118px;
	max-height: 200px;
	padding: 5px;
}
.form_btn {
	text-align: center;
}
.form_btn input {
	border: none;
	cursor: pointer;
}
.checkBtn {
	background: url(../images/common/contact_btn.png) no-repeat;
	text-indent: -7777px;
	display: block;
	width: 200px;
	height: 50px;
	margin: 0 auto;
}
.backBtn, .submitBtn {
	text-indent: -7777px;
	height: 50px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
.backBtn {
	background: url(../images/common/back_btn.png) no-repeat;
	width: 101px;
	margin-right: 20px;
}
.submitBtn {
	background: url(../images/common/submit_btn.png) no-repeat;
	width: 185px;
}
.form_btn input:hover {
	background-position: 0 -60px;
}
/*-------------------------------------

about

-------------------------------------*/
.about_box {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	font-size: 108%;
}
.about_box_last {
	width: 100%;
	float: left;
	font-size: 108%;
}
.about_box p, .about_box_last p {
	line-height: 1.6;
	float: left;
	width: 100%;
}
.about_box figure img {
	float: left;
}
.about_box section {
	width: 379px;
}
.about_box h1, .about_box_last h1 {
	margin-bottom: 11px;
	float: left;
	width: 100%;
}
.about_box h1 img, .about_box_last h1 img {
	float: left;
}
/*-------------------------------------

共通要素

-------------------------------------*/
#profile #content, #privacy #content, #not_found #content, #contact #content {
	margin-top: 25px;
}
.ttl_2nd {
	background: url(../images/common/ttl_icon.png) 0 1px no-repeat;
	border-bottom: #e8e8e8 2px solid;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 7px 19px;
	margin-bottom: 15px;
}
.ttl_3rd {
	border-bottom: #ccc 2px dotted;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 7px 0;
	margin-bottom: 15px;
}
.ttl_4th {
	background: #e8e8e8;
	font-size: 124%;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	padding: 1px 0 0;
}
a.link_orange {
	color: #ec6517;
}
.list_btn {
	background: url(../images/common/list_btn.png) no-repeat;
	text-indent: -7777px;
	display: block;
	width: 149px;
	height: 25px;
}
.list_btn:hover {
	background-position: 0 -25px;
}
.last_article {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}
/*ブログ記事内タグ*/
.article_content {
	float: left;
	width: 640px;
	line-height: 1.8;
	/* border-bottom:#e8e8e8 1px solid; */
	padding: 0 0 24px;
	font-size: 124%;
	margin-top: 20px;/* margin-bottom:-50px; */
}
.article_content h2 {
	background: url(../images/common/ttl_icon.png) 0 4px no-repeat;
	border-bottom: #e8e8e8 2px solid;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 7px 19px;
	margin-bottom: 30px;
}
.article_content h3 {
	border-bottom: #ccc 2px dotted;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 7px 0;
	margin-bottom: 30px;
}
.article_content h4 {
	background: #e8e8e8;
	font-size: 124%;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	padding: 1px 0 0;
}
.article_content p {
	margin-bottom: 10px;
}
.article_content .alligncenter {
	display: block;
	margin-bottom: 30px;
}
.article_content .allignleft {
	float: left;
	margin-right: 30px;
}
.article_content .allignright {
	float: right;
	margin-left: 30px;
}
.article_content .allignleft, .article_content .allignright {
	clear: both;
}
.article_content ul {
	margin: 0 0 50px 15px;
}
.article_content li {
	background: url(../images/common/list_icon.png) 0 10px no-repeat;
	padding: 0 0 0 16px;
	margin: 0 0 6px;
	font-size: 108%;
	line-height: 1.6;
}
.article_content a {
	color: #ec6517;
	text-decoration: underline;
}
.article_content a:hover {
	text-decoration: none;
}
.blank_link {
	background: url(../images/common/blank_icon.png) 0 3px no-repeat;
	padding-left: 22px;
}
.article_content strong {
	font-weight: bold;
}
.article_content blockquote {
	background: url(../images/common/i_quote.png) 20px 27px no-repeat;
	padding: 20px 20px 0 50px;
	border: #999999 1px dotted;
	margin: 20px 0;
}
/* --------------------------------------------------- */

.btn_mobile a {
	display: block;
	padding: 15px 0;
	text-align: center;
	min-width: 1100px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(#333333, #000000);
	background-image: -moz-linear-gradient(#333333, #000000);
	background-image: -o-linear-gradient(#333333, #000000);
	background-image: linear-gradient(#333333, #000000);
}
.btn_mobile a span {
	color: #fff;
	text-decoration: none;
	font-size: 55px;
	font-weight: bold;
	background: url(../images/common/icon_mobile.png) left center no-repeat;
	background-size: 42px 75px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	line-height: 130%;
	padding: 20px 0 20px 60px;
}
ins {
	background-color: #FFF;
}

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

.error {
	border: 2px #FF661E solid;
	padding: 10px 20px;
	margin: 0 0 20px 0;
}
.error p {
	margin: 0 0 5px 0;
}
.error strong {
	color: #FF661E;
}
/* --------------------------------------------------- */


.clear{
	clear:both;	
}

.article_main .main_head{
	height: 60px;	
}

.sns_container{

}

ul.social-btn{
    width: 100%;
    margin:0px 0 0 0;
    padding:0;
}

.social-btn #transmark{
	display:none;	
}

.social-btn li{
	float:left;
	margin-right: 5px;	
}

.social-btn span{
	background:	url(../images/common/bubble.jpg) no-repeat;	
	background-position: center center;
	float: left;
	height: 33px;
	display:block;
	text-align:center;
	line-height:33px;
	font-size: 10px;
	width:41px;
	padding-left: 4px;
	margin-top: -2px;
	
}


.social-btn a:link, .social-btn a:visited, .social-btn a:hover, .social-btn a:active{
	color:#3D3D3D;
	text-decoration:none;	
}

.social-btn #share-facebook a{
	 background: url(../images/common/btn_facebook.jpg) left center no-repeat;
	 width: 95px;
	 height: 28px;
	 display:block;
	 float: left;
}

.social-btn #share-twitter a{
	 background: url(../images/common/btn_twitter.jpg) left center no-repeat;
	 width: 95px;
	 height: 28px;
	 display:block;
	 float: left;
}

.social-btn #share-twitter span a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: none;
    height: auto;
    width: auto;
    height: 20px;
    line-height: 25px;
    margin-top: 5px;
}

.social-btn #share-twitter span a:hover {
	text-decoration: underline;	
}

.social-btn #share-google a{
	background:	url(../images/common/btn_hatena_bookmark.jpg) left center no-repeat;
	width: 95px;
	 height: 28px;
	 display:block;
	 float: left;	
}

.social-btn #share-google span a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: none;
    height: auto;
    width: auto;
    height: 20px;
    line-height: 25px;
    margin-top: 5px;
}




/*social btn2*/



ul.social-btn2{
    width: 100%;
    margin:0px 0 0 0;
    padding:0;
}

.social-btn2 #transmark{
	display:none;	
}

.social-btn2 li{
	float:left;
	margin-right: 10px;	
}

.social-btn2 a:link, .social-btn2 a:visited, .social-btn2 a:hover, .social-btn2 a:active{
	color:#3D3D3D;
	text-decoration:none;	
}


.social-btn2 #share-facebook2 a{
	background:	url(../images/common/btn_facebook2.jpg) left top no-repeat;
	width: 205px;
	height: 53px;
	display:block;
	margin-bottom: 10px;
}



.social-btn2 #share-facebook2 span {
	background: url(../images/common/bubble-bottom1.jpg) left top no-repeat;
	width: 55px;
	pa: 39px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	line-height: 44px;
	padding-left: 15px;
	font-size: 11px;
}

.social-btn2 #share-twitter2 a{
	 background: url(../images/common/btn_twitter2.jpg) left center no-repeat;
	 width: 205px;
	 height: 53px;
	 display:block;
	 margin-bottom: 10px;

}

.social-btn2 #share-twitter2 span{
	background:	url(../images/common/bubble-bottom2.jpg) left top no-repeat;
	width: 70px;
	height: 39px;
	text-align: center;
	line-height: 45px;
	margin-left:auto;
	margin-right:auto;
	display:block;	
	font-size: 11px;
}

.social-btn2 #share-twitter2 span a{
	 background: none;
	 width: auto;
	 height: auto;
	 display: block;
}

.social-btn2 #share-twitter2 span a:hover{
	text-decoration: underline;	
}

.social-btn2 #share-google2 a{
	background:	url(../images/common/btn_hatena_bookmark2.jpg) left top no-repeat;
	width: 191px;
	 height: 53px;
	 display:block;
	 margin-bottom: 10px;
}

.social-btn2 #share-google2 span{
	background:	url(../images/common/bubble-bottom2.jpg) left top no-repeat;
	width: 70px;
	height: 39px;
	text-align: center;
	line-height: 45px;
	margin-left:auto;
	margin-right:auto;	
	display:block;
	font-size: 11px;
}

.social-btn2 #share-google2 span a{
	 background: none;
	 width: auto;
	 height: auto;
	 display: block;
}

.yellow_round_text{
	background:#ffffcc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-size:16px; 
	font-weight:bold; 
	padding:5px 15px; 
	display:inline;
	
		
}