@charset "UTF-8";
/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C;/* text-decoration:none;*/ }
a:hover, a:active {	color:#06C; /*text-decoration:underline; */}
html { background-color:#E8E8E8; }
body {
	background-color:#FFF;
	font: 13px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	font-size:30px;
	font-weight:bold;
    line-height: 34px;
}
.headline2 {
	float:left;
	position:relative;
}
.headline3 {
	border-bottom:2px solid #EEE;
	margin-bottom:11px;
	padding:0 0 0 3px;
	font-weight:bold;
	font-size:14px;
}
.rankingList .headline3 {
	font-size:15px;
}
.headline4 {
	padding:0 0 0 1px;
    margin-top:2px;
	margin-bottom:10px;
	border-bottom:2px solid #f65c10;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
}

.topHeadline {
	text-align: right;
	font-size: 11px;
	color: #B2B2B2;
	padding-bottom: 10px;
}
.episodeDetailHeadline {
	text-align: right;
	font-size: 11px;
	color: #B2B2B2;
	padding-bottom: 10px;
}

.headBlock {
	padding-bottom:10px;
	background:#FFF;
    margin-right: 8px;
}
.pageHeadline {
	float:left;
	font-size:24px;
	font-weight:bold;
}
.headBlock p {
	float:right;
	font-size:13px;
	font-weight:normal;
	position:relative;
	top:7px;
}
.headBlock p strong {
	font-size:16px;
}
.headBlock02 {
	padding:0 0 14px 2px;
	margin-bottom:8px;
	border-bottom:1px solid #eee;
}
.headBlock02 .pageHeadline {
	font-size:20px;
}
.headBlock02 p {
	float:left;
	margin-top:-3px;
}
.productTitle {
    font-weight:bold;
    padding-bottom:6px;
    font-size: 18px;
    line-height: 1.2;
}

.rankBox.multiDescription .description {
    padding-top:8px;
    padding-bottom:8px;
}

.rankBox.multiDescription .leftInfo {
	float:left;
	padding:9px 24px 0 2px;
	width:250px;
}

.rankBox .ratingistBox  {
    background-color:#F3F3F3;
    border-radius:5px;
    margin-top:4px;
    padding:10px;
}

.rankBox .ratingistBox .image {
	text-align:center;
}

.rankBox .ratingistBox .price {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.rankBox .ratingistBox .price .priceRange{
    font-size: 15px;
    color: #C00;
}

.rankBox.multiDescription .leftInfo .image img{
	max-width:250px;
}

.rankBox.multiDescription .productTitle {
    font-size:16px;
}


.menuTitle {
 	padding-left: 32px;
 	line-height: 32px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background:#99887c url(/v2/common/image/icon/btn_search.svg) 9px 50% no-repeat;
	background-size: 15px;
}
.rankTtl .headline2 span {
	display:inline-block;
    padding: 3px 0 0 75px;
	text-align:justify;
	font-size/*\**/: 17px\9;
}
.rankTtl .headline2 span.capsule {
	display:inline-block;
	padding-left:12px;
	text-align:justify;
	font-size/*\**/: 17px\9;
}
/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:0 0 30px 0;
}
body {
	min-width:1000px;
	overflow:hidden;
}
.piecss3 {
	position: relative;
	z-index: 10;
}
/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	background-color:#f65c10;
}
.headerInner {
	width:1000px;
	margin:0px auto;
	padding:3px 0;
}
*:first-child + html .headerInner {
	padding:3px 0 5px;
}
#logo {
	float:left;
	padding-left:10px;
    padding-top: 2px;
    height: 36px;
    width: 319px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	float:right;
	border-left:1px solid #FFF;
	margin:10px 0px;
}
#navi li {
	float:left;
	border-right:1px solid #FFF;
	padding:0 2px;
}
#navi li a {
	display:block;
	line-height:22px;
	padding:0px 17px 0px 16px;
	color:#FFF;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:14px;
	behavior:url(/v2/common/js/PIE.htc);
	text-decoration:none;
}
#navi li a:hover {
	background:#CF3F35;
	text-decoration:none;
}

/* ------------------------------------------------------------------
	Breadcrumbs styles
-------------------------------------------------------------------*/
.breadBlock {
	position:relative;
	width:1011px;
	margin:0 auto;
}
.breadBlock .breadRight {
	position:absolute;
	top:5px;
	right:5px;
	z-index:5;
}
.breadBlock .breadRight p.plus {
	text-align:right;
	cursor:pointer;
}
.breadBlock .breadRight ul.list {
	border:2px solid #DDD;
	background:#FFF;
	font-size:11px;
    display: none;
}
.breadBlock .breadRight ul.list li:hover {
	background:#FFF4F8;
}
.breadBlock .breadRight ul.list li a {
	display:inline-block;
	padding:2px 5px 0;
	color:#333;
	text-decoration:none;
}

/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	width:740px;
}
#topSide,
#secondary {
    float:left;
    width:200px;
}
#searchMenu {
	border:1px solid #99887c;
}
#primary {
	width:510px;
}
.secSection {
	border-bottom:1px solid #EEE;
	padding:9px 12px 6px;
}
.secSection h5 {
	padding-bottom:8px;
	font-size:14px;
	font-weight:bold;
}
.secSection h2 {
	padding-bottom:8px;
	font-size:14px;
	font-weight:bold;
}

.secSection .arrow01 {
	padding:0 0px 7px 0;
}
.secSection .arrow01 li {
	margin-bottom:2px;
}

#keyv {
	height:395px;
	border:1px solid #CCC;
	border-top:none;
	overflow:hidden;
	margin-bottom:24px;
}
#keyv #keyvMenu {
	position:relative;
	z-index:10000;
}
#keyv #keyvMenu li {
	float:left;
	text-align:center;
	height:46px;
	background:url(/v2/common/image/css/bg_tab.gif) repeat-x;
}
#keyv #keyvMenu li a {
	line-height:39px;
	display:block;
	width:168px;
	height:38px;
	border-right:1px solid #EEE;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#keyv #keyvMenu li .last {
	width:170px;
	border-right:0;
}
#keyv #keyvMenu li a:hover {
	text-decoration:none;
}
#keyv #keyvMenu li.active ,
#keyv #keyvMenu li:hover {
	background:url(/v2/common/image/css/bg_tab_h.gif) 50% 0 no-repeat;
}

#keyv .keyvBoxes{
    top: -8px;
    left: 2px;
    position: relative;
}

#keyv .keyvBox {
    position: relative;
    z-index: 1;
    width: 503px;
    height: 356px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#keyv #keyvBox1 {background-image: url("/v2/common/image/top/keyv01.jpg"); }
#keyv #keyvBox2 {background-image: url("/v2/common/image/top/keyv02.jpg"); }
#keyv #keyvBox3 {background-image: url("/v2/common/image/top/keyv03.jpg"); }

#keyv .keyvBox .inner{
    padding-left: 13px;
    padding-top: 18px;
}

#keyv .keyvBox .inner .tabTitle{
    color: #f65c10;
    font-size: 16px;
    margin: 24px 0 0 2px;
}

#keyv .keyvBox .inner .arrow01{
    padding: 6px 0 10px 2px;
}
#keyv .keyvBox .inner .moreInfo {
    position: absolute;
    bottom: 6px;
    left: 11px;
}

.tabArea {
    height:395px;
    border:1px solid #CCC;
    border-top:none;
    overflow:hidden;
    margin-bottom:24px;
}
.tab {
    position:relative;
    z-index:2;
}
.tab li {
    float:left;
    text-align:center;
    height:46px;
    background:url(/v2/common/image/css/bg_tab.gif) repeat-x;
}
.tab li a {
    line-height:39px;
    display:block;
    width:168px;
    height:38px;
    border-right:1px solid #EEE;
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
.tab li .last {
    width:170px;
    border-right:0;
}
.tab li a:hover {
    text-decoration:none;
}
.tab li.active ,
.tab li:hover {
    background:url(/v2/common/image/css/bg_tab_h.svg) 50% 0 no-repeat;
	background-size: 293px;
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
#side {
	width:240px;
}
#side .sns {
	margin-bottom:5px;
}
#side .inner {
	/*padding:11px 3px 17px;*/
    padding:4px 4px 0px;
}
.sideHeadline {
	border-bottom:1px solid #EEE;
}
.sideHeadline span {
	display:block;
	margin-bottom:4px;
	padding:3px 0 1px 8px;
	border-left:3px solid #f65c10;
	font-size:11px;
	color:#B2B2B2;
	line-height:18px;
}
.sideHeadline strong {
	font-size:15px;
	color:#000;
}
.sideHeadLineSection{
    padding-left: 14px;
    background: url(/v2/common/image/icon/icon_arrow03.png) 0 6px no-repeat;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.refining p {
	padding-left:13px;
	font-weight:bold;
}
.jqTransformHidden {
	display:none;
}
.jqTransformSelectWrapper {
	position:relative;
}
.jqTransformSelectWrapper div {
	margin:3px 5px 13px;
	border:1px solid #EEE;
}
.jqTransformSelectOpen {
	display:block;
	float:right;
	width:8px;
	height:7px;
	padding:11px 14px;
	background:url(/v2/common/image/icon/icon_arrow03.png) 50% 50% no-repeat;
}
.jqTransformSelectWrapper span {
	display:inline-block;
	width:163px;
	padding:5px 0px 6px 13px;
}
*:first-child + html .jqTransformSelectWrapper span {
	display:inline;
	width:160px;
}
*:first-child + html .jqTransformSelectOpen {
	display:inline;
	float:none;
	position:absolute;
	z-index:2;
	top:-3px;
	right:10;
}
.jqTransformSelectWrapper ul {
	position:absolute;
	top:31px;
	left:5px;
	width:222px;
	max-height:202px;
	overflow-y:auto;
	border:1px solid #EEE;
	background:#FFF;
}
.jqTransformSelectWrapper ul li a {
	display:block;
	padding:7px 0px 7px 13px;
	color:#000;
}
.jqTransformSelectWrapper ul li a:hover {
	background:#EEE;
}

/* ------------------------------------------------------------------
	range style
-------------------------------------------------------------------*/
.rangeSection {
	position:relative;
	padding:6px 3px 17px 10px;
}
.rangeRule {
	margin:-3px 0;
}
.rangeSlider {
	position:relative;
	height:1em;
	background:#EEE;
	font-size:6px;-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	behavior:url(/v2/common/js/PIE.htc);
}
#rangeAmount {
	position:relative;
	height:12px;
	font-size:11px;
	font-weight:normal;
}
#rangeAmount span {
	position:absolute;
}
#rangeAmount .rangeValue2 {
	font-size:12px;
	font-weight:bold;
	top:-2px;
}
.rangeSection p {
	padding-left:0px;
	padding-bottom:6px;
}
.rangeSlider .ui-slider-range {
	position:absolute;
	height:100%;
	background:#F6712A;
	z-index:1;
}
.rangeSlider .ui-slider-handle {
	position:absolute;
	display:block;
	width:2.2em;
	height:2.2em;
	top:-0.8em;
	margin-left:-1.1em;
	border:1px solid #FFF;
	-moz-border-radius:1.1em;
	-webkit-border-radius:1.1em;
	-ms-border-radius:1.1em;
	-o-border-radius:1.1em;
	border-radius:1.1em;
	background:#F6712A;
	z-index:2;
	behavior:url(/v2/common/js/PIE.htc);
}

/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	color:#999;
	background-color:#FFF;
	border-top:1px solid #EEE;
}
#fLogo {
	float:left;
}
.introduceSection,
.footerInner div {
	width:1000px;
	margin:auto;
}
.introduceSection {
	padding:14px 0;
}
.footerInner {
	border-top:1px solid #EEE;
}
.footerInner div {
	padding:9px 0 8px;
}
#footer .rightBox {
	width:737px;
}
#footer .textDescription {
	color:#333;
	padding-bottom:9px;
	font-size:14px;
	line-height:1.23;
}
#footer .textDetail {
	font-size:11px;
	padding-bottom:5px;
}
#footer .right {
	font-size:12px;
}
#fNav {
	float:left;
	border-left:1px solid #EEE;
}
#fNav li {
	float:left;
	border-right:1px solid #EEE;
}
#fNav li a {
	display:block;
	color:#999;
	padding:1px 9px 0px 10px;
	font-size:11px;
}

.footerInner #copyright {
    text-align:right;
	float:right;
	font-size:10px;
}

.footerInner .displayDevice{
    text-align:right;
	float:right;
}

/* ------------------------------------------------------------------
	page_top styles
-------------------------------------------------------------------*/
#pageHome #wrapper {
	background-color:#F5F5F5;
}
#pageHome #contents {
	width:980px;
	padding:10px;
	/*
	margin-top:20px;
	*/
}
#pageHome #main {
	width:725px;
}
#pageHome #side {
	border-right:none;
}
#pageHome .sideSection .arrow01 {
	padding:3px 0 3px 9px;
}
#pageHome .sideSection .arrow01 li {
	margin-bottom: 3px;
}
.tabContents {
	position:relative;
	top:-8px;
	z-index:1;
	clear:both;
	width:100%;
}
.tabBox {
	position:relative;
	display:none;
	padding:18px 15px;
	height:320px;
}
#tab01 {
	display:block;
	background:url(/v2/common/image/top/keyv01.jpg) 50% 0 no-repeat;
}
#tab02 {
	background:url(/v2/common/image/top/keyv02.jpg) 50% 0 no-repeat;
}
#tab03 {
	background:url(/v2/common/image/top/keyv03.jpg) 50% 0 no-repeat;
}
.tabBox .tabTitle {
	color:#f65c10;
	font-size:16px;
	margin:24px 0 0 2px;
}
.tabBox .arrow01 li {
	margin-bottom:1px;
	padding-left:11px;
}
.tabBox .arrow01 {
	padding:6px 0 10px 2px;
}
.tabBox .moreInfo {
	position:absolute;
	bottom:6px;
	left:11px;
}
.categorySection h3 {
	padding:0 0 4px 3px;
	border-bottom:2px solid #f65c10;
	font-size: 14px;
	font-weight: bold;
	/*
	font-size:13px;
	*/
}
.categorySection h2 {
	padding:0 0 4px 3px;
	border-bottom:2px solid #f65c10;
	font-size: 14px;
	font-weight: bold;
}
.categorySection .arrow01 {
	float:left;
	padding:5px 0 0;
}
.categorySection .arrow01 li{
	padding: 3px 5px 3px 10px;
	background: url(/v2/common/image/icon/icon_arrow.png) 0 8px no-repeat;
}

/* ------------------------------------------------------------------
	page_tag styles
-------------------------------------------------------------------*/
.smallTitle {
	border-bottom:1px solid #EEE;
	margin-bottom:11px;
	padding:0 0 5px 3px;
	font-size:20px;
	font-weight:bold;
}
.articleRankingTitle {
    border-bottom:2px solid #f65c10;
    margin-bottom:11px;
    padding:5px 0 5px 3px;
    font-size:20px;
    font-weight:bold;
}

.title02 {
	padding-bottom:12px;
	font-size:14px;
	font-weight:bold;
}
.section01 {
    margin-top:10px;
    margin-bottom:10px;
}
.section01 .tagList {
	padding:0 0 0 3px;
}
.section01 .leftBox,
.section01 .rightBox {
	margin-bottom:9px;
}
.episodeItem {
	border-bottom:1px solid #EEE;
	margin-top:5px;
}


.episodeItem .targetProposal {
    font-size: 14px;
    font-weight: 700;
}

.episodeItem .user {
    font-size: 12px;
    font-weight: 700;
    padding-top:4px;
    padding-bottom:4px;
    color:#444;
}


.episodeItem .title {
    font-size: 14px;
    font-weight: 700;
    padding-top:4px;
    padding-bottom:4px;
}

.episodeItem .title a{
    color:#444;
    text-decoration:none;
}

.episodeItem .user span.owner_detail {
    padding-left:10px;
    color:#555;
    font-weight: 500;
}

.episodeItem .body {
    padding:10px;
}

.episodeItem.onDetail {
    border:1px solid #CCC;
    border-radius:5px;

}

.episodeItem.onDetail .targetProposal {
    font-size:16px;
}

.episodeItem.onDetail .user  {
    color:#666;
}

.episodeItem.onDetail .owner_detail {
    color:#666;
}



.episodeItem .starArea {
    padding-right:10px;
}

.episodeList {
	display:none;
}
.episodeList .firstEpisode {
	display:block;
}
.episodeItem .leftBox {
	width:497px;
	padding-left:3px;
}
.episodeItem .rightBox {
	width:214px;
}
.episodeItem a.nolink {
	text-decoration:none;
	font-weight:bold;
	cursor:default;
	color:#333;
}

.widgetRelatedEpisode .showMoreEpisode {
    padding-top:5px;
    font-size:16px;
    text-align:right;
    font-weight:bold;
}

.postEpisode {
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    text-align:center;
    padding:15px;
    margin:15px;
}


.postEpisode a{
    font-weight: 700;
    background-color: #f65c10;
    color: #FFF;
    font-size: 14px;
    display: block;
    padding: 16px 0;
    margin: auto;
    text-align: center;
    line-height: 10px;
    vertical-align: middle;
    text-decoration: none;
    width:300px;
}


.sideSection .refining {
	padding-top:15px;
}
.sBlock {
	background:#F5F5F5;
	border:1px solid #EEE;
	border-right:none;
	margin-bottom:20px;
}
.sHead {
	border-bottom:1px solid #EEE;
	font-weight:bold;
	font-size:15px;
	padding:8px 11px 9px;
	border-left: 3px solid #f65c10;
}
div.situate {
	background:#FFF;
	border:1px solid #EEE;
    margin: 9px 9px 9px 8px;
	padding:7px 8px 6px 8px;
	font-size:12px;
	line-height:1.25;
}
.situateTtl {
	border-bottom:1px solid #EEE;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
}
ul.popularList {
	padding:12px 3px 5px 3px;
}
ul.popularList li {
	margin-bottom:5px;
	padding-left:26px;
	text-indent:-26px;
}
ul.popularList li span {
	background:#f65c10;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	padding-top:2px;
	display:inline-block;
	text-align:center;
	height:16px;
	width:18px;
	text-indent:0;
}
.textInfo {
	color:#999;
	font-size:10px;
	padding:4px 10px 9px 11px;
}
#pageTag .rangeSection {
	padding-bottom:15px;
}

/* ------------------------------------------------------------------
	page_capsule styles
-------------------------------------------------------------------*/
#pageCapsule .headline2 span {
	font-weight:bold;
}

/* ------------------------------------------------------------------
	page_item styles
-------------------------------------------------------------------*/
#pageItem .headline2 {
	max-width:725px;
}
#pageItem .headline2 span {
	padding-left:14px;
	font-weight:bold;
}

/* ------------------------------------------------------------------
	page_writeslist styles
-------------------------------------------------------------------*/
#pageWriteslist .tagList02 {
	padding:65px 0 0 60px;
}
.themeDetail .articleList {
	border-bottom: 1px solid #eee;
}
.articleList p.imageItem {
	float:left;
	padding:2px 0 0 2px;
}
.articleList {
	margin-bottom:14px;
    padding: 5px 0px;
}
.articleList .detailItem {
	width:595px;
	padding:0 0 0px 100px;
	*padding-left:15px;
}
.articleList .detailItem {
	line-height:1.4;
}
.articleList .detailItem p {
    font-size: 12px;
    color: #888888;
}
.articleList .detailItem .title {
	padding-bottom:12px;
}
.articleList .detailItem .title a {
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.articleList02 {
	padding-top:4px;
}
.articleList02 .detailItem {
	width:auto;
	padding-left:100px;
}
.articleList02 .detailItem .title {
	padding-bottom:9px;
}
.articleList02 .detailItem .title a {
	font-size:20px;
	line-height:1.25;
}

.articleListElemThumb {
    display: table-cell;
    vertical-align: top;
    width: 130px;
    padding-left: 5px;
    padding-right: 10px;
}

.articleListElemText {
    line-height: 1.4em;
    display: table-cell;
    width: 100%;
    vertical-align: text-top;
}

.articleListElemText .title{
    margin-bottom: 4px;
}

.articleListElemText .title a{
    color:#444;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
}


.articleListElemText .description {
    margin-bottom: 2px;
    color: #777;
    font-size: 14px;
}
.articleListElemText .description a{
    color:#444;
    text-decoration:none;
}

.articleListElemText .title a:hover ,
.articleListElemText .description a:hover{
    text-decoration: underline;
}

.articleListElemThumb .rankingIndex  {
    position:absolute; 
    border-radius: 11px;
    background-color: #f65c10;
    color:#FFF;
    font-weight:bold;
    font-size:13px;
    padding-top:2px;
    width:22px;
    height:20px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    border:1px #FFF solid;
    top:-6px;
    left:-6px;
}

.articleSeeMoreLink {
    padding: 0px 3px 0px 0;
    text-align: right;
}
.articleSeeMoreLink a {
    font-size: 16px;
    font-weight: bold;
    padding-left: 12px;
    background: url(/v2/common/image/icon/icon_arrow.png) 0 50% no-repeat;
    color:#245DC0;
}

.articleSeeMoreLinkSn {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
}

/* ------------------------------------------------------------------
	page_writes styles
-------------------------------------------------------------------*/
.article {
	padding-bottom:10px;
}
.introBlock {
	margin-bottom:22px !important;
	background:#F5F5F5;
}
.writeBlock p {
	margin-bottom:5px;
	font-size:14px;
}
.info {
	margin:3px 0 10px;
	padding:1px 25px 1px 10px;
}
.info p {
	margin-bottom:5px;
}
.boldTitle,
.fa {
	display:inline-block;
	padding-right:5px;
	color:#C0C0C0;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
}
*:first-child + html .writeBlock .detailItem {
	padding-left:100px;
}
.lightText {
	color:#999;
}
p.smallText {
	color:#AAA;
	font-size:10px;
}
p.smallText a,
.title01 a {
	color:#AAA;
	text-decoration: none;
}
span.smallText {
	color:#AAA;
	font-size:11px;
}
span.smallText a {
	color:#AAA;
	text-decoration:none;
}
.giftBlock,
.noCommentBox,
.commentBox {
	margin-top:-5px;
	padding:5px 25px 0 10px;
}
.noCommentBox {
	margin-bottom:4px;
	padding:8px 20px 7px 10px;
}
.giftBlock .item {
	margin-bottom:24px;
	padding-top:13px;
}
.giftBlock .item p.image {
	float:left;
	width:240px;
}
.giftBlock .item p.text {
	float:left;
	width:445px;
	padding-left:15px;
}
.detailItem p.title01 {
	padding-top:5px;
	color:#AAA;
	font-size:11px;
}
p.commentText {
	padding-left:14px;
	border-left:2px solid #D0D0D0;
	font-size:14px !important;
}
.note01 {
	margin-bottom:-6px;
	padding-bottom:6px;
}
.writeBlock .detailItem {
	width:auto !important;
}
.writeBlock .articleList .detailItem {
	padding:0 0 4px 90px;
}
.writeBlock .articleList {
	border-bottom:none;
}
.detailItem p.boldTitle {
	padding-bottom:7px;
}
.detailItem p.boldTitle,
.noCommentBox p.boldTitle,
.commentBox p.boldTitle {
	line-height:1.5;
}

.boldTitle a img {
	position:absolute;
	top:3px;
	right:-15px;
}
.noCommentBox .boldTitle a img,
.commentBox .boldTitle a img {
	top:7px;
	right:-11px;
}
.giftBlock .boldTitle a img,
.noCommentBox .boldTitle a img,
.commentBox .boldTitle a img,
.info .linkToggle img,
.articleList .linkToggle img {
	visibility:hidden;
}
.giftBlock:hover,
.noCommentBox:hover,
.commentBox:hover {
	background:#F1F1F1;
}
.giftBlock:hover .boldTitle a img,
.noCommentBox:hover .boldTitle a img,
.commentBox:hover .boldTitle a img,
.info:hover .linkToggle img,
.articleList:hover .linkToggle img {
	visibility:inherit;
}
ul.sns li.first {
	width:70px;
}
.writeBlock .pagerSection {
	margin-bottom:45px;
}

.info,
.articleList {
	position:relative;
}
.linkToggle {
	margin:0 !important;
	padding:0 !important;
}
.info .linkToggle img,
.articleList .linkToggle img {
	position: absolute;
	right: 10px;
	top: 10px;
}
.linkTwitter {
	position:absolute;
	top:8px;
	right:50px;
}
.commentAction,
.commentAction a,
.linkTwitter a {
	color:#AAA;
	font-size:13px;
}

.commentAction a {
	padding-right:14px;
}
.linkTwitter a i,
.commentAction a i {
	padding-right:5px;
}
.linkTwitter a:hover i,
.commentAction a:hover i {
	text-decoration:none;
}
.linkTwitter a i {
	font-size:16px;
}
/* ------------------------------------------------------------------
	page_write_detail styles
-------------------------------------------------------------------*/
#pageWriteDetail #contents {
	width:740px;
}
.mainDetail {
	position:relative;
	border:1px solid #EEE;
}
.mainDetail .previous,
.mainDetail .next {
	float:left;
	width:60px;
}
.mainDetail .bigLink {
	position:relative;
	display:block;
	width:100%;
	text-decoration:none;
}
.mainDetail .bigLink:hover {
	text-decoration:none;
}
.mainDetail .bigLink span{
	position:absolute;
	margin:-25px 0 0 -13px;
	left:50%;
	top:50%;
}
.mainDetail .bigLink i {
	color:#EEE;
}
.mainDetail .writeDetailsInner {
	float:left;
	width:586px;
	padding:30px 15px 30px;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}
.writeDetails01 h1 {
	text-align:center;
}
.writeDetails01 .returnToArticle{
	text-align: right;
}
.writeDetails01 .returnToArticle a{
	color: #888888;
	text-decoration: none;
}
.mainDetail .writeDetailsInner p.itemImage {
	padding-bottom:15px;
	text-align:center;
}
.mainDetail .writeDetailsInner p {
	margin-bottom:5px;
}
.pHover {
	background:#F5F5F5;
}
.iHover {
	color:#888 !important;
}

/* ------------------------------------------------------------------
	page_rules styles
-------------------------------------------------------------------*/
#pageRules #main p {
	padding:0 0 22px 3px;
}
#pageRules p.text01 {
	padding:0 0 18px 3px;
}
.sideSection .innerWB {
	padding-bottom:7px;
	border-bottom:1px solid #EEE;
}
.listRule dt {
	padding:0 0 8px 3px;
	margin-bottom:7px;
	font-weight:bold;
	border-bottom:1px solid #EEE;
}

/* ------------------------------------------------------------------
	page_rules styles
-------------------------------------------------------------------*/
.cookiePolicyDetail {
	margin: 10px 0;
	float:left;
	width:100%;
	border:none;
}
.cookiePolicyDetail .cookiePolicyDetailInnerKey {
	width: 20%;
	border: 1px solid #333;
	padding:4px 0 4px 5px;
	line-height:20px;
	font-weight: bold;
	background-color: #EDEDED;
}
.cookiePolicyDetail .cookiePolicyDetailInnerValue {
	color: #000000;
	width: 80%;
	border: 1px solid #333;
	padding:4px 0 4px 5px;
	line-height:20px;
}

/* ------------------------------------------------------------------
	page_about styles
-------------------------------------------------------------------*/
.infoAbout {
	width:100%;
	margin-top:17px;
}
.infoAbout th {
	width:179px;
	padding:17px 0 23px 9px;
	background:#F5F5F5 url(/v2/common/image/css/bg_th.gif) repeat-x 0 100%;
	font-weight:bold;
	vertical-align:top;
}
.infoAbout th.last {
	background:#F5F5F5;
}
.infoAbout td {
	width:494px;
	padding:8px 0 0 15px;
	background:#FFF url(/v2/common/image/css/bg_td.gif) repeat-x 0 100%;
	vertical-align:top;
	line-height:1.4;
}
.infoAbout td.last {
	padding-bottom:9px;
	background:#FFF;
}
.infoAbout dl {
	margin-bottom:19px;
}
.infoAbout dl dd {
	margin-bottom:17px;
}
.infoAbout .moreInfo li {
	color:#333;
}

/* ------------------------------------------------------------------
	Common styles
-------------------------------------------------------------------*/
.sns {
	padding:7px 5px;
}
.sns li {
	display:inline-block;
}
 *:first-child + html .sns li {
	display:inline;
 }
.btnStyle01 a {
	display:block;
	width:233px;
	padding:8px 10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	background-color:#EB4A3F;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	behavior:url(/v2/common/js/PIE.htc);
	text-decoration:none;
}
.btnStyle01 a:hover {
	background:#CF3F35;
	text-decoration:none;
}
.btnStyle02 {
	min-height:38px;
	margin:4px 0 3px;
	text-align:center;
}
.btnStyle02 a {
	display:inline-block;
	width:130px;
	padding:4px 0px 4px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	background-color:#EB4A3F;
	border-bottom:5px solid #CF3F35;
	font-size:13px;
	color:#FFF;
	letter-spacing:-1px;
	text-align: center;
	behavior:url(/v2/common/js/PIE.htc);
	text-decoration:none;
}
.btnStyle02 a:hover {
	margin-top:3px;
	background:#EB4A3F;
	border-bottom:none;
	text-decoration:none;
}
.linkStyle01 {
	text-align:right;
}
ul.tagList {
    font-size: 0px;
}
.tagList li {
	display:inline-block;
	margin:0 4px 4px 0;
}
*+html .tagList li {
	display:inline;
}
.tagList li a {
	display:inline-block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 8px;
	border:1px solid #EEE;
	border-radius:2px;
	color:#3E70C8;
	font-size:12px;
	line-height:2.0;
	behavior:url(/v2/common/js/PIE.htc);
	text-decoration:none;
}

ul li a i.fa {
    color: #f2b078;
}



*+html .tagList li a {
	padding:0 14px 1px 13px;
	margin:0 0 6px 0;
	line-height:1.6;
}
.tagList li.current a ,
.tagList li a:hover {
	background:#F9F9F9;
	text-decoration:underline;
}
.tagList02 li a {
	color:#3F3F3F;
	text-decoration:none;
}
.arrow01 li {
	padding-left:12px;
	background:url(/v2/common/image/icon/icon_arrow.svg) 0 3px no-repeat;
	line-height:1.45;
	background-size: 5px;
}
.arrow02 li {
	padding-left:14px;
	margin-bottom:2px;
	background:url(/v2/common/image/icon/icon_arrow02.svg) 0 5px no-repeat;
	background-size: 6px;
	text-align:left;
}
.arrow03 ,
.arrow03 li {
	display:inline;
}
.arrow03 {
	padding-left:0px;
	display:inline-block;
	padding-bottom:16px;
}
span.arrow03{
    padding-bottom:5px;
}
.arrow03 li a,span.arrow03 a {
	padding-left:12px;
    margin: 0 10px 0 5px;
	background:url(/v2/common/image/icon/icon_arrow.svg) 0 50% no-repeat;
	background-size: 5px;
}
.linkList li a {
	text-decoration:none;
}
.linkList li a:hover {
	text-decoration:underline;
}
#intro {
	width:1000px;
	margin:auto;
    padding-top:10px;
	padding-bottom:10px;
	position:relative;
}
#intro .introImage {
	float:left;
	padding:6px 15px 0 10px;
}

#intro .introImage img {
	width:103px;
	padding:2px;
	border:4px solid #f65c10;
	-moz-border-radius:115px;
	-webkit-border-radius:115px;
	-ms-border-radius:115px;
	-o-border-radius:115px;
	border-radius:115px;
	behavior:url(/v2/common/js/PIE.htc);
}
#intro .introInner {
	float:left;
	width:850px;
}
#intro .directoryIntroInner {
	padding-top: 16px;
}
#intro .introInner .textIntro {
	float:left;
    font-size:13px;
}
#intro .introInner .textIntroEpisode {
	float:left;
	width:550px;
}
#intro .introInner p {
	padding-left: 1px;
}
#intro .introInner .subTitle {
	font-weight:bold;
	padding-bottom:5px;
}
#intro .more {
	float:right;
	position:relative;
	right:-9px;
	text-align:center;
    margin-top: 10px;
}
#intro .sns {
	clear:left;
	padding-top:20px;
}
.more .price {
	margin-top:17px;
}
#tabSection {
	height:36px;
	margin-bottom:18px;
	border-top:2px solid #EEE;
	border-bottom:1px solid #EEE;
}
.tabInner {
	width:1000px;
	margin:auto;
}
#tabSection .tab {
	float:left;
	height:38px;
	margin:-2px 0 0px;
	border-left:1px solid #EEE;
}
#tabSection .tab li a {
	width:238px;
	font-size:14px;
}
.rankingSection {
	padding-bottom:0px;
}
.rankTtl .headline2 .rankIcon {
	padding-left:0;
	display: inline-block;
	height: 97px;
	left: -10px;
	margin-top: -34px;
	position: absolute;
	top: 50%;
	width: 72px;
	z-index:4;
}

.rankTtl .rank01 .rankIcon {
	background: url(/v2/common/image/icon/icon_rank01.png) no-repeat 0% 50%;
}

.rankTtl .rank02 .rankIcon {
	background: url(/v2/common/image/icon/icon_rank02.png) no-repeat 0% 50%;
}
.rankTtl .rank03 .rankIcon {
	background: url(/v2/common/image/icon/icon_rank03.png) no-repeat 0% 50%;
}

.rankTtl .rank01 .rankIcon,
.rankTtl .rank02 .rankIcon,
.rankTtl .rank03 .rankIcon {
	color: #f65c10;
	font-size: 30px;
	font-weight: bold;
	text-indent: 9px;
	line-height: 68px;
	text-indent: -9999px;
}
.rankTtl .rankOther .rankIcon {
	display: inline;
	font-size: 22px;
	font-weight: bold;
	height: 0;
	left: inherit;
	margin: -5px 0 0 10px;
	text-indent: 0;
	top: inherit;
	position: inherit;
	width: auto;
	vertical-align: middle;
}

.rankTtl .rankOther .rankPostfix{
	display: inline;
	margin-left:0;
	padding-left: 0;
}


.rankTtl span {
	color:#FFF;
	font-size:18px;
	padding-left:75px;
}
.rankTtl .rankOther span {
	display: inline;
	padding-left: 17px;
	vertical-align: middle;
}
.rankTtl {
	position:relative;
	background:#f65c10;
	padding:3.5px 14px 3.5px 0;
	margin:10px 0 10px;
}
.rankTtl2 {
    position: relative;
    background: #f65c10;
    padding: 3px 14px 3px 0;
    margin: 10px 0 10px;
}
.rankTtl img {
	position:absolute;
	left:-10px;
	top:-21px;
	z-index:5;
}
ul.linkTtl {
	float:right;
	padding: 5px 0;
}
.rankTtl ul.linkTtl{
    float: right;
    padding: 6.5px 0;
}
ul.linkTtl li {
	position:relative;
	display:inline-block;
	float:left;
	padding-left:8px;
}
ul.linkTtl li a {
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}
ul.cooperation {
	padding:10px 0 40px 7px;
}
ul.cooperation li {
	display:inline;
	padding-right:21px;
}
.cooperationText {
	padding-right:2px;
	text-align:right;
	color:#B2B2B2;
}
.rankBox {
	padding-bottom:10px;
}
.rankBox .infoBox{
	float:left;
	width:460px;
}
.rankBox .infoBox ol{
    padding-right:6px;
}
.imgTtl {
	float:left;
	padding:9px 24px 0 2px;
	text-align:center;
	width:250px;
}
.imgTtl img{
	max-width:250px;
}
ul.ratingist {
    padding-top:6px;
	padding-bottom:6px;
}
ul.ratingist li {
	color:#333;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding-right:20px;
	margin-right:12px;
}
*:first-child + html ul.ratingist li {
	display:inline;
}

ul.ratingist li span.priceRange {
	font-size:15px;
	color:#C00;
}

ul.ratingist li.last {
	background:none;
}
.rankingView {
	padding:6px 3px 6px 0;
	text-align:right;
}
.rankingView a {
	color:#245DC0;
	font-size:118%;
	font-weight:bold;
padding-left: 12px;
background: url(/v2/common/image/icon/icon_arrow.svg) 0 50% no-repeat;
	background-size: 5px;

}
ul.collect {
	margin:-4px -24px 0px 0;
	padding:0 0 0 9px;
}
ul.collect li {
	margin:0 7px 5px 0;
	display:inline;
	float:left;
	padding:8px 2px 4px;
	margin-right:12px;
	vertical-align:top;
	position:relative;
	width:133px;
}
ul.collect li.hover {
	background:#F5F5F5;
}
ul.collect li .productImg {
	text-align:center;
}
ul.collect li .productImg a {
	position:relative;
	display:block;
	margin:0 auto;
	width:120px;
	height:120px;
	overflow:hidden;
}
*:first-child + html ul.collect li .productImg a img {
	position:static;
}
ul.collect li .numberRanking {
	background:#FFF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	color:#f65c10;
	border:1px solid #f65c10;
	font-weight: bold;
	font-size:12px;
	padding-top:5px;
	display:inline-block;
	text-align:center;
	left:-1px;
	top:1px;
	position:absolute;
	height:21px;
	width:26px;
	behavior:url(/v2/common/js/PIE.htc);
}
ul.collect li .tagTop {
	padding:5px 0 0px;
	line-height:1.15;
	margin-top:-10px;
}
ul.collect li .tagTopTopic {
	padding:5px 0 0px;
	line-height:1.15;
}
ul.collect li .itemName {
	height:30px;
	overflow:hidden;
    text-align: center;
    margin-bottom: 5px;
}
ul.collect li .itemNameRakuten {
	height:80px;
	overflow:hidden;
	margin-bottom:8px;
	word-break:break-all;
}
ul.collect li .tagTop a {
	color:#245DBF;
	font-size:14px;
}
ul.collect li .price {
	padding-left:0px;
	font-size:12px;
	font-weight:bold;
    line-height:10px;
    text-align:center;
}
ul.collect li .price .value {
	font-size:13px;
}
ul.collect02 {
	padding:0 0 0 9px;
}
ul.collect02 li {
	width:170px;
	height:300px;
	margin:10px 0 0 0;
	padding:6px 6px 0;
}
ul.collect02 li .numberRanking {
	top:-1px;
	left:-5px;
}
ul.collect02 .btnStyle02 {
	margin-top:8px;
}
ul.collect02 .btnStyle02 a {
	width:170px;
}
ul.collect02 li .price {
	padding-left:0;
}
ul.collect02 li .productImg a {
	position:relative;
	display:block;
	width:170px;
	height:145px;
	overflow:hidden;
}
ol.pager {
	text-align:center;
}
.pagerSection {
	padding:12px 0 10px;
	margin:0px 0 10px;
	background:#F9F9F9;
	text-align:center;
}
.pagerSection ol.pager {
	display:inline;
}
ol.pager li {
	display:inline-block;
	margin-right:0px;
}
*:first-child + html ol.pager li {
	display:inline;
}
ol.pager li.cur,
ol.pager li.ect {
	background:#EEE;
}
ol.pager li a {
	background:#FFF;
}

ol.pager li.cur,
ol.pager li.ect,
ol.pager li.blk{
    display:inline-block;
    padding:8px 12px 7px 12px;
    vertical-align:top;
}

ol.pager li.nextpage,
ol.pager li.prev{
    display:inline-block;
    padding:7px 12px 8px 12px;
    vertical-align:top;
}

ol.pager li.cur,
ol.pager li.ect,
ol.pager li.blk{
    border-bottom-width:2px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    border:1px solid #EEE;
}

ol.pager li.cur,
ol.pager li.ect,
ol.pager li a{
	color:#999;
	font-size:14px;
	font-weight:bold;
}
ol.pager li a:hover {
	background:#EEE;
}
ol.pager li.prev a,
ol.pager li.nextpage a {
	border:none;
	padding:8px 0px 9px 0px;
	border-radius:0;
	color:#245DBF;
	font-size:16px;
	background:none;
}
ol.pager li.prev a:hover,
ol.pager li.nextpage a:hover {
	text-decoration:underline;
}
.rateList {
	padding:9px 19px 0 0;
}
.rateList p,
.rateList ul,
.rateList ul li {
	display:inline-block;
}
.rateList li p {
	font-size:10px;
}
.rateList li {
	height:26px;
}
.rateList ul li {
	float:left;
	width:20px;
	height:26px;
	font-size:19px;
	line-height:1;
	text-align:center;
}
.rateList ul li a:hover {
	text-decoration:none;
}
.rateList ul {
	float:right;
}
.rateList i {
	color:#DDD;
}
.rateList div {
	float:right;
	display:inline-block;
	position:relative;
	width:100px;
}
.rated {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	height:21px;
}
.rated .icon-smile {
	color:#FFBF00;
}
.rated .icon-star {
	color:#FFCF5C;
}
.rated .icon-heart {
	color:#C43434;
}
.toggleEpisode {
	clear:both;
	padding-top:5px;
	margin-bottom:-2px;
	text-align:right;
}
.one { width:20px; }
.two { width:40px; }
.three { width:60px; }
.four { width:80px; }
.five { width:100px; }
.partList li {
	display:inline;
}
.pageTop {
	position:fixed;
	bottom:30px;
	right:20px;
}
.pageTop a:hover {
	text-decoration:none;
}
.pageTop a {
	display:inline-block;
	font-weight:bold;
	padding:20px 10px 0px 10px;
	background:url(/v2/common/image/icon/icon_arrow04.png) 50% 0% no-repeat;
	color:#848484;
}
.relateGift {
	position:absolute;
	display:block;
	opacity:0;
	top:18px;
	right:0;
	width:400px;
	padding:10px;
	background:#FFF4F8;
	border:1px solid #F279B0;
}
ul.linkTtl .relateGift li {
	width:185px;
	text-indent:-10px;
	padding:0 0 0 10px;
}
.relateGift .btnClose {
	text-align:center;
}
ul.linkTtl .relateGift a {
	color:#245DC0;
}
ul.linkTtl .relateGift .btnClose a {
	color:#000;
}
.active {
	display:block !important;
}
/* page set */
#pageHome #contents,
#pageWriteDetail #contents {
	background-image:none;
}

/* episode detail */
#episodeDetail {
	margin:10px;
}

#episodeDetail .popularRankingOuter{
	border:solid 1px #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:10px;
	margin:10px;
}

#episodeDetail .relatedEpisode{
	border:solid 1px #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:10px;
	margin:10px;
}

#episodeDetail .rankingLabel{
 font-weight:bold;
}

#searchResult #tagList {
	background: #fff5fb;
	padding: 5px;
	margin-top: -10px;
	margin-bottom: 5px;
	border: solid 1px #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#searchResult #tagList a {
	text-decoration:underline;
}

#searchResult .episodeItem {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: #fff url(/v2/common/image/css/bg_episode.gif) no-repeat 0 100%;
}

#searchResult .episodeItem .inner {
	padding: 10px 12px 3px;
	background: #fff url(/v2/common/image/css/bg_episode.gif) no-repeat 0 0;
}

.starArea .star {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
	height: 16px;
	margin-left: 0em;
	background: url("/v2/common/image/icon/icon_star.gif") no-repeat;
	*display: inline;
	*zoom: 1;
}
.starArea .star_0_00 { background-position: 0 0; }
.starArea .star_0_50 { background-position: 0 -16px; }
.starArea .star_1_00 { background-position: 0 -32px; }
.starArea .star_1_50 { background-position: 0 -48px; }
.starArea .star_2_00 { background-position: 0 -64px; }
.starArea .star_2_50 { background-position: 0 -80px; }
.starArea .star_3_00 { background-position: 0 -96px; }
.starArea .star_3_50 { background-position: 0 -112px; }
.starArea .star_4_00 { background-position: 0 -128px; }
.starArea .star_4_50 { background-position: 0 -144px; }
.starArea .star_5_00 { background-position: 0 -160px; }

.starArea .label {
	font-weight:bold;
}

.priceArea .label {
	font-weight:bold;
}

.priceArea .value {
	font-weight:bold;
	color:#C00;
	font-size:15px;
}

.rankingInfo {
	margin-bottom:15px;
}

.rankingInfoL {
    text-align: left;
}
.rankingInfoL {
    text-align: left;
    width: 25%;
    float: left;
}
.rankingInfoR {
    text-align: right;
    font-size: 10px;
    line-height: 19px;
    color: #888888;
}
.rankingInfoR span {
    font-weight: bold;
    color: #C00;
    font-size: 11px;
}
.disclaimer {
    font-size: 10px;
    line-height: 19px;
    color: #888;
    margin: 0 10px 10px;
}

/**
seo.php
**/
/*---------------------------------Theme Detail */
.themeDetailWrap{
	float:left;
	margin:0;
	padding:0;
	width:740px;
	background:url("/v2/common/image/css/theme_detail_back.gif") repeat-y;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	border-bottom:1px solid #CCC;
}


/*---------------------------------Theme Detail Head */
.themeDetailH{
	float:left;
	width:740px;
	margin:0;
	padding:0;
}
.themeDetailH img{
	float:left;
	margin:7px 10px;
	padding:0;
}
.themeDetailH h1{
	float:left;
	width:650px;
	margin:10px 0 0 0;
	padding:0;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
}
.themeDetailH h2{
	float:left;
	width:650px;
	margin:10px 0 0 0;
	padding:0;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
}
.themeDetailH span{
	float:left;
	width:650px;
	margin:5px 0 0 20px;
	padding:0;
	font-size:12px;
	line-height:20px;
	color:#999;
}
.themeDetailH .line{
	float:left;
	width:720px;
	margin:5px 10px;
	padding:0;
	height:1px;
	line-height:0;
	font-size:0;
	background:url("/v2/common/image/css/grid.gif") repeat;
}


/*---------------------------------Theme Detail */
.themeDetail{
	width:720px;
	margin:0;
	padding:0px 5px 5px 10px;
	line-height:24px;
	color:#333;
	font-size:14px;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

.themeDetailMain{
	float:left;
	width:720px;
	margin:0;
	padding:5px 0 5px 0;
	line-height:24px;
	color:#333;
	font-size:14px;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail .socialBtn{
	width:475px;
	padding:5px 0 5px 245px;
	margin:0;
	height:22px;
	float:left;
	background:url("/v2/common/image/css/theme_detail_socialBack.gif") no-repeat;
}
.themeDetail .socialBtn2{
	width:475px;
	padding:5px 0 5px 245px;
	margin:0;
	height:66px;
	float:left;
	background:url("/v2/common/image/css/theme_detail_socialBack2.gif") no-repeat;
}
.themeDetail .socialBtn .hatena_btn,
.themeDetail .socialBtn .twitter_btn,
.themeDetail .socialBtn .facebook_btn,
.themeDetail .socialBtn .googleone_btn,
.themeDetail .socialBtn2 .hatena_btn,
.themeDetail .socialBtn2 .twitter_btn,
.themeDetail .socialBtn2 .facebook_btn,
.themeDetail .socialBtn2 .googleone_btn,
.themeList .socialBtn .hatena_btn,
.themeList .socialBtn .twitter_btn,
.themeList .socialBtn .facebook_btn,
.themeListH .socialBtn .hatena_btn,
.themeListH .socialBtn .twitter_btn,
.themeListH .socialBtn .facebook_btn{
	float:left;
	margin:0 2px;
}
.themeDetail .start{
	width:700px;
	float:left;
	padding:2px 4px 2px 13px;
	margin:20px 0 10px 0;
	color:#F13E8F;
	line-height:22px;
	font-size:18px;
	font-weight:bold;
	border-left:3px solid #F13E8F;
	background:url("/v2/common/image/css/grid.gif") repeat-x bottom;
}
.themeDetail h3,
.themeDetail h3.kiji_title{
	width:700px;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	padding:0 10px;
	margin:10px 0 10px 0;
	line-height:33px;
	font-size:20px;
	font-weight:bold;
	color:#F13E8D;
	background:url("/v2/common/image/css/theme_headline.gif") repeat-y;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail p{
	width:700px;
	float:left;
	padding:0px 10px 0px 10px;
	margin:0;
	line-height:24px;
	color:#333;
	font-size:14px;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail strong{
	width:700px;
	float:left;
	padding:9px;
	margin:10px 0;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background:#F2F2F2;
	border:1px solid #CCC;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail .image{
	margin:0 0 10px 0;
	text-align:center;
	float:left;
	width:100%;
}
.themeDetail .editor{
	width:700px;
	float:left;
	padding:9px;
	margin:20px 0 0 0;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	text-align:right;
	background:url("/v2/common/image/css/grid.gif") repeat-x top;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail table{
	margin:0 0 10px 0;
	float:left;
	width:100%;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	border:none;
}
.themeDetail table tr{
	border:none;
	padding:0;
	background:url("/v2/common/image/css/grid.gif") repeat-x bottom;
}
.themeDetail table th{
	padding:4px 0;
	line-height:20px;
}
.themeDetail table td{
	padding:4px 0 4px 5px;
	line-height:20px;
}
.themeDetail table td span{
	padding:0 0 0 8px;
	margin:0 10px 0 0;
	line-height:20px;
	float:left;
	background:url("/v2/common/image/css/listMark2.gif") no-repeat;
}
.themeDetail ul{
	margin:5px 0 0 0;
	float:left;
	width:100%;
	font:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.themeDetail ul li{
	width:700px;
	float:left;
	margin:1px 10px;
	padding:2px 0;
	background:url("/v2/common/image/css/listMark.gif") no-repeat;
}
.themeDetail ul li a{
	width:685px;
	padding:0 0 0 15px;
	line-height:20px;
	background:url("/v2/common/image/css/listMark.gif") no-repeat;
}
.commentArea{
	float:left;
	margin:20px 10px;
	width:700px;
}
.themeclear{
	clear:both;
	width:100%;
	line-height:0;
	height:0;
	font-size:0;
}

.fbApp_btn{
	float:left;
	margin:3px 0;
	width:100%;
	height:46px;
	padding:9px 0 5px 0;
	text-align:center;
	background:#EEE;
}

.sort{
	text-align:right;
	font-weight:bold;
    font-size: 14px;
}

.sort .now{
	color:#06c;
}

.twitter-emoji, .twitter-hashflag {
	height: 1em;
	width: 1em;
	padding: 0 .05em 0 .1em;
	vertical-align: -0.1em;
}

.twitter-timeline-link{
	font-weight: normal;
	font-size: 19px;
	text-decoration: none;
}

/* add 2015.2.10 --------------------------------------- */
/* sns button -------------------------------------------*/
#tabSection .sns {
    width: 220px;
    height: 25px;
    float: right;
}
.facebookButton {
    width:120px;;
    height:25px;
    float:left;
    white-space: nowrap;
}
.twitterButton {
    width:80px;
    height:25px;
    float: left;
    white-space: nowrap;
}

/* ranking section -------------------------------------*/
.rankBox ol {
    font-size: 13px;
}
.rankingSection .headline3 span{
    display: block;
    margin-bottom: 4px;
    padding: 3px 0 1px 8px;
    border-left: 3px solid #f65c10;
    line-height: 18px;
}
/* only use on proposal recommendation but must define after "ul.collect li" definition */
.proposal-recommendation__ranking3-list {
  padding: 0 40px;
}
ul.proposal-recommendation__unorderdlist-ranking5 li {
}
ul.proposal-recommendation__unorderdlist-ranking4 li {
  width: 166px;
}
ul.proposal-recommendation__unorderdlist-ranking3 li {
  width: 200px;
}
ul.proposal-recommendation__unorderdlist-ranking2 li {
  width: 332px;
}
ul.proposal-recommendation__unorderdlist-ranking1 li {
  width: 664px;
}
.mt0 {
    margin-top: 0px;
}
.rankingSection .rankno {
    font-weight: bold;
    color: #C00;
    font-size: 15px;
}

/* how to ----------------------------------------------*/
.howto {
    margin-bottom: 20px;
}
.qa {
    margin-top: 20px;
}
.guideHeadline {
    background: #f65c10;
    padding: 5px 14px 5px 0;
    margin: 0px 0 10px;
    color: #FFF;
    font-size: 18px;
    padding-left: 12px;
    clear: both;
}
dl.guide1 dt {
    width: 730px;
    float: left;
    display: inline;
    padding: 0px 0px 2px 0px;
    margin: 10px 0px 0px 0px;
    border-bottom: 1.5px #cccccc dotted;
}
dl.guide1 dt img {
    float: left;
    display: inline;
    margin: 0px 15px 0px 10px;
    padding: 0;
    width: 75px;
}
dl.guide1 dt span {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 630px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}
dl.guide1 dd {
    display: inline;
    padding: 5px 0px 5px 100px;
    line-height: 22px;
    width: 630px;
    float: right;
}
.guide_q {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    background: url("/v2/common/image/guide/q.gif") no-repeat;
}
.guide_a {
    background: url("/v2/common/image/guide/a.gif") no-repeat;
}
.guide_q, .guide_a {
    width: 657px;
    float: left;
    display: inline;
    margin: 0px 0px 10px 0px;
    border-left: 2px solid #FFCC00;
    padding: 0px 0px 0px 80px;
    border-bottom: 1.5px #cccccc dotted;
}

/* tag --------------------------------------------*/
#relateKeyword .inner .smallTitle {
    margin-bottom: 5px;
}
#relateKeyword .inner .arrow02 {
    margin-bottom: 5px;
}

/* tag --------------------------------------------*/
/**
 * Article-related Styles
 */
.article_element_twitter_account {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

.article_element_twitter_user {
    font-size: 10px;
    color: #808080;
}

.article_published_date {
    text-align:right;
    color:#aaa;
    font-size:12px;
    border-bottom:1px solid #eee;
    padding-bottom:5px;
}

.article_author {
    float:right;
    color:#aaa;
}

.article_published_date_list {
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
    text-align:right;
    color:#aaa;
}

.articleBodyOnGuide {
    padding-bottom:20px;
}

.articleBodyOnGuide .toc {
    border:1px solid #CCC;
    border-radius:5px;
    padding:15px;
}

.articleBodyOnGuide .toc .title{
    font-size:17px;
    font-weight:bold;
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
    margin-bottom:10px;
}

.articleBodyOnGuide .toc ul {
    padding-left:10px;
}

.articleBodyOnGuide .toc li {
    padding-top:7px;
    padding-bottom:7px;
    text-indent:-1em;
}

.articleBodyOnGuide .toc a {
    font-size:15px;
    text-decoration:none;
    color:#222;
}

.articleBodyOnGuide .toc a:hover {
    border-bottom:1px solid #222;
}

.articleBodyOnGuide .toc li::before  {
    content: '▼';
    color:#f65c10;
    padding-right:6px;
}

.articleBodyOnGuide .backToTop {
    padding-top:12px;
    display:block;
    text-align:right;
}

.articleBodyOnGuide .backToTop a {
    color:#222;
    font-size:14px;
    text-decoration:none;
}

.articleBodyOnGuide .backToTop a::before  {
    content: '▲';
    color:#f65c10;
}

.articleBodyOnGuide .backToTop a:hover {
    border-bottom:1px solid #222;
}

.articleBodyOnGuide  .relatedRanking  {
    display:table;
    table-layout:fixed;
    width:100%;
    margin:20px 0px;
    padding:10px 0px;
    border:1px solid #DDD;
    border-radius:5px;
}

.articleBodyOnGuide .relatedRanking .image {
    display:table-cell;
    vertical-align:top;
    width:90px;
    padding:0px 10px ;
}

.articleBodyOnGuide .relatedRanking .image img{
    width:70px;
}

.articleBodyOnGuide .relatedRanking .content {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    font-size: 18px;
    color: #0085ce;
    font-weight: bold;
}


.articleBodyOnGuide .relatedRanking a{
    text-decoration:none;
}

.articleBodyOnGuide .relatedRanking:hover {
    background:#FFFFEE;
}

.proposalSitemapLink {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.proposalSitemapLink .link{
    position:absolute;
    right:50px;
    top:5px;
    color:#f65c10;
    font-size:12px;
    z-index:10000;
}

.proposalSitemapLink .link a{
    color:#f65c10;
    text-decoration:none;
}

.rankingSideCurrentFilter p a {
    color: #06C;
}

.rankingSideCurrentFilter p {
    padding-top:4px;
    padding-bottom:4px;
}

/**
 * footerNavigation
 */
.footerNavigation .navigationTitle{
    border-bottom: 1px solid #EEE;
    margin-bottom: 11px;
    padding: 15px 0 5px 3px;
    font-size: 20px;
    font-weight: bold;
}


.footerNavigation {
    padding-bottom:15px;
}

.footerNavigation .clearfix:before, 
.footerNavigation .clearfix:after { 
    content: "";
    display: table;
}

.footerNavigation ul {
    background: #eaeaea;
    margin: 10px 0 0 0;
    padding: 1px 0 2px 2px;
}

.footerNavigation li {
    width: 244px;
    margin: 1px 2px 0 0;
    float:left;
    background:#FFF;
    position:relative;
}

.footerNavigation li p {
    font-size:14px;
    color:#454545;
    padding:0px;
    margin:0px;
}

.footerNavigation li a {
    padding: 15px 15px;
    display: block;
    text-decoration:none;
}

.footerNavigation li a:hover {
    background-color: #f5f5f5;
}

.footerNavigation .labels{
    float: left;
    max-width:135px;
    max-height:40px;
    overflow:hidden;
}

.footerNavigation .labels .label.single {
    padding-top:12px;
}

.footerNavigation .labels .label span.rank {
    position:absolute;
    left:4px;
    padding-left:5px;
    font-weight:bold;
    font-size:12px;
}


.footerNavigation li .image{
    width: 42px;
    height: 42px;
    border: 1px solid #eee;
    float: right;
}


.footerNavigation li .image span.imageContent {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width:  40px;
    height: 40px;
}

.footerNavigation .showMore {
    padding: 10px 3px 6px 0;
    text-align: right;
}

.footerNavigation .showMore a{
    color: #245DC0;
    font-size: 118%;
    font-weight: bold;
    padding-left: 12px;
    background: url(/v2/common/image/icon/icon_arrow.png) 0 50% no-repeat;
}

/**
 * homeCategory
 */
.homeCategory .navigationTitle{
    border-bottom: 1px solid #EEE;
    margin-bottom: 11px;
    padding: 15px 0 5px 3px;
    font-size: 20px;
    font-weight: bold;
}


.homeCategory {
    padding-bottom:15px;
}

.homeCategory .clearfix:before, 
.homeCategory .clearfix:after { 
    content: "";
    display: table;
}

.homeCategory ul {
    background: #eaeaea;
    margin: 10px 0 0 0;
    padding: 1px 0 2px 2px;
}

.homeCategory li {
    width: 252px;
    height:74px;
    overflow:hidden;
    margin: 1px 2px 0 0;
    float:left;
    background:#FFF;
    position:relative;
}

.homeCategory li p {
    font-size:14px;
    color:#454545;
    padding:0px;
    margin:0px;
}

.homeCategory li a {
    padding: 15px 15px;
    display: block;
    text-decoration:none;
}

.homeCategory li a:hover {
    background-color: #f5f5f5;
}

.homeCategory .labels{
    float: right;
    width:168px;
}

.homeCategory .labels .label.single {
    padding-top:12px;
}


.homeCategory .labels .label.single {
    padding-top:12px;
}

.homeCategory li .image{
    width: 42px;
    height: 42px;
    border: 1px solid #eee;
    float: left;
}

.homeCategory .showMore {
    padding: 10px 3px 6px 0;
    text-align: right;
}

.homeCategory .showMore a{
    color: #245DC0;
    font-size: 118%;
    font-weight: bold;
    padding-left: 12px;
    background: url(/v2/common/image/icon/icon_arrow.png) 0 50% no-repeat;
}


/**
 * DFPで広告が配信しない場合でも子に空iframeがappendされるため高さが変動する.
 * その際にファーストビューの目立つ場所にSlotが存在する場合、カクつきが目立つので
 * あらかじめスペースを確保しておくためのクラス.
 */
.dfpSlotWithPlaceholder {
	min-height: 19px;
}