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

	--style.css-- 

	1. Common setting
		1-1. Reset styles
		1-2. VisualFormattingModel styles
		1-3. BoxModel styles
		1-4. Text styles
		1-5. List styles

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

	3. Layout setting
		3-1. Base styles
		3-2. Header styles
		3-3. Navi styles
		3-4. Main styles
		3-5. Side styles
		3-6. Footer styles
		3-7. Index styles
		3-8. Contents styles
		3-9. News styles
		3-10. Sitepolicy styles

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

/*==================================================================
	1. Common setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Reset styles
-------------------------------------------------------------------*/
html {
	overflow-y:scroll;
	background:#FFF;
}
body {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote,
form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:""; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend { color:#000; }
a img, map a { border:none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
img { -ms-interpolation-mode:bicubic; }

/* Font styles
-------------------------------------------------------------------*/
body { font:14px/1.231 Verdana, Arial, sans-serif; }
* html body { font-family:'ＭＳ Ｐゴシック', sans-serif; }
*:first-child+html body { font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }
select, input, button, textarea, button { font:99% arial, sans-serif; }
table {
	font:100%;
	font-size:inherit;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General styles
-------------------------------------------------------------------*/
a { /*\*/ overflow:hidden; /**/ }
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:vertical; }
select { padding:1px; }
label { margin-right:5px; }
legend { display:none; }
input[type="text"], input[type="password"], textarea {
	padding:2px 4px 2px 3px;
	height:14px;
	border:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
}


/* ------------------------------------------------------------------
	1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay { display:none; }
.block { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.static { position:static !important; }
.relative { position:relative !important; }
.absolute { position:absolute !important; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }
.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
.clear { clear:both !important; }


/* ------------------------------------------------------------------
	1-3. BoxModel styles
-------------------------------------------------------------------*/
.auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mt22, .mv22, .ma22 { margin-top:    22px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }


/* ------------------------------------------------------------------
	1-4. Text styles
-------------------------------------------------------------------*/
strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.red { color:#C00; }
.white { color:#FFF; }
.grayC { color:#CCC; }
.gray9 { color:#999; }
.gray6 { color:#666; }
.gray3 { color:#333; }
.black { color:#000; }
.middle { vertical-align:middle !important; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.underline { text-decoration:underline !important; }
.textNoLine { text-decoration:none !important; }


/* ------------------------------------------------------------------
	1-5. List styles
-------------------------------------------------------------------*/
.disc {
	padding-left:2em;
	list-style:disc;
}
.circle {
	padding-left:2em;
	list-style:circle;
}
.decimal {
	padding-left:2.4em;
	list-style:decimal;
}

/* InlineList styles
-------------------------------------------------------------------*/
.inlineList dt,
.inlineList dd,
.inlineList li {
	display:inline;
	padding-right:5px;
}
.inlineBlockList dt,
.inlineBlockList dd,
.inlineBlockList li {
	display:inline-block;
	/display:inline;
	padding-right:5px;
	zoom:1;
}

/* DlLine styles
-------------------------------------------------------------------*/
.dlLine { zoom:1; }
.dlLine dt {
	float:left;
	margin-right:10px;
	padding:4px 0;
}
.dlLine dd {
	padding:4px 0;
	border-bottom:1px #CCC solid;
}
.dlLine dd:after {
	display:block;
	clear:both;
	content:"";
}

/*==================================================================
	2. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#000; }
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active {	color:#000; text-decoration:underline; }
html { background-color:#E8E8E8; }
body { background-color:#FFF; min-width:1240px; overflow:hidden; }
.piecss3 {
	position:relative;
	z-index:10;
}

/* ------------------------------------------------------------------
	2-2. Headline styles
-------------------------------------------------------------------*/
.spriteHeadline {
	display:inline-block;
	margin-bottom:20px;
	background-image:url(/img/common/headline.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	vertical-align:middle;
}
.headline1 {
	background-position:0 0;
	width:650px;
	height:50px;
}
.spriteHeadline h2 {
	float:left;
	width:400px;
	padding:7px 0 0 14px;
	font-size:20px;
	color:#FFF;
}
.spriteHeadline.small h2 {
	padding:9px 0 0 11px;
	letter-spacing:2.5px;
	font-size:16px;
	font-weight:bold;
}
.spriteHeadline p.see {
	float:right;
	width:150px;
	padding:17px 10px 0;
	font-size:12px;
	text-align:right;
}
.spriteHeadline p.see a {
	padding-left:12px;
	background:url(/img/common/icon_arrow01.png) no-repeat 0 4px;
	color:#333;
	text-decoration:none;
}
.spriteHeadline p.see a:hover {
	text-decoration:underline;
}

.headline2 {
    background-position:0 -55px;
    width:650px;
    height:50px;
}

.categoryInfo .headline2 {
    background-position:0 0px;
    width:auto;
    height:auto;
    margin: 13px 0 10px;
    padding: 10px 10px;
    border-left: 8px solid #E5156B;
    color: #E5156B;
    font-size: 18px;
    font-weight: bold;
}   


.headline3 {
	background-position:0 -110px;
	width:320px;
	height:50px;
}
.headline3 h2 {
	width:170px;
	font-size:16px;
}
.headline3 p.see {
	width:100px;
	padding:17px 10px 0;
}
.headline4 {
	margin-bottom:19px;
	padding:7px 18px 8px;
	background:#E6156C;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.headline4.f16 {
	font-size:16px;
}
.headline5 {
	padding-bottom:12px;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.headline6 {
	border-left:10px solid #E6156C;
	margin-bottom:10px;
	padding:0 0 5px 15px;
	line-height:1.4;
	font-size:30px;
	font-weight:bold;
}

/* ------------------------------------------------------------------
	2-3. Form styles
-------------------------------------------------------------------*/
input[type=text],
input[type=submit],
input[type=password],
select,
textarea {
	outline:none;
	-webkit-appearance:none;
	-moz-appearance::none;
	appearance:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}

/*==================================================================
	3. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	position:relative;
	width:980px;
	margin:30px auto 33px;
	/*padding-left:60px;*/
}
/* ------------------------------------------------------------------
	3-2. Header styles
-------------------------------------------------------------------*/
#header {
	background:#FFF;
	border-bottom:1px solid #C2C2C2;
	box-shadow:0 3px 4px -4px #999;
	-moz-box-shadow:0 3px 4px -4px #999;
	-webkit-box-shadow:0 3px 4px -4px #999;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:10010;/*ヘッダーめり込み対策で10000以上にする必要あり*/
}
#logo {
	float:left;
	margin-top:9px;
}
.headerInner {
	margin:0 auto;
	/*padding:0 0 0 60px;*/
	width:980px;
}
.bannerHeader {
	float:right;
	width:728px;
}
.navLink {
	float:right;
	width:100%;
	margin-bottom:11px;
	background:url(/img/common/bg_line02.gif) no-repeat 100% 0;
}
.navLinkInner {
	margin:0 auto;
	width:1200px;
	background:#000;
}
.navLink ul {
	float:right;
	width:686px;
	margin-right:1px;
	background:url(/img/common/sprite.png) no-repeat;
}
.navLink ul li {
	float:left;
}
.navLink ul li a {
	overflow:hidden;
	display:block;
	width:197px;
	height:41px;
	background:url(/img/common/sprite.png) no-repeat;
	background-position:0 -41px;
	text-indent:-9999px;
}
.navLink #naviMail a {
	background-position:1px 0;
}
.navLink #naviMail a:hover {
	background-position:1px -41px;
}
.navLink #naviFacebook a {
	width:195px;
	background-position:-196px 0;
}
.navLink #naviFacebook a:hover {
	background-position:-196px -41px;
}
.navLink #naviTwitter a {
	width:214px;
	background-position:-391px 0;
}
.navLink #naviTwitter a:hover {
	background-position:-391px -41px;
}

/* ------------------------------------------------------------------
	3-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	position:relative;
	z-index:99;
	width:100%;
}
#navi .navInner > ul {
	width:980px;
	margin:0 auto;
}
#navi li {
	float:left;
}
#navi li a {
	position:relative;
	display:block;
	width:98px;
	padding:16px 2px;
	color:#707070;
	background:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*-webkit-transition:all 0.2s ease-out 0s;
	-moz-transition:all 0.2s ease-out 0s;
	transition:all 0.2s ease-out 0s;*/
	overflow:visible;
}
#navi .navInner > ul > li.active > a,
#navi .navInner > ul > li a:hover,
#navi .navInner .sub-menu .articleButton a:hover,
#pageContents #navi .navInner > ul > li#naviEntertainment > a,
#pageCommunity #navi .navInner > ul > li#naviPresent > a,
#pageBlog #navi .navInner > ul > li#naviBlog > a,
#pagePost #navi .navInner > ul > li#naviPost > a {
	background:#E6156C;
	color:#FFF;
}
#navi .navInner > ul > li.active > a:before {
	border-left:14px solid transparent;
	border-right:14px solid transparent;
	border-top:17px solid #E6156C;
	bottom:-17px;
	content: "";
	display:block;
	left:50%;
	margin-left:-14px;
	position:absolute;
	z-index:97;
}
#navi .navInner li.active ul a,
#navi .navInner li ul a {
	background:#FFF;
	color:#000;
	width:auto !important;
}
#navi #naviDomestic a {
	width:62px;
}
#navi #naviCelebrities a {
	width:120px;
}
#navi #naviSeries a {
	width:92px;
}
#navi #naviLife a {
	width:92px;
}
#navi #naviGourmet a {
	width:87px;
}
#navi #naviBlog a {
	width:94px;
}
#navi #naviPresent a {
	width:88px;
}
#navi #naviPost a {
	width:96px;
}
#navi #naviShopping a {
	width:110px;
}
#navi .navInner .navSection {
	background:#FFF;
	border-top:1px solid #CCC;
	margin:0 auto;
	padding:23px 27px 30px;
	text-align:center;
	width:100%;
	max-width:944px;
	-moz-box-shadow:0px 2px 5px -2px #999;
	-webkit-box-shadow:0px 2px 5px -2px #999;
	box-shadow:0px 2px 5px -2px #999;
	z-index:9999;
}
#navi .sub {
	display:none;
	left:-10px;
	margin:0 auto;
	max-width:1000px;
	position:absolute;
	top:100%;
	z-index:96;
}
#navi .sub-menu {
	margin-right:-68px;
}
.sub-menu li {
	float:left;
	width:300px;
	padding-right:20px;
}
.sub-menu li h2 {
	padding-bottom:8px;
	color:#E6156C;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
#navi .articleList01 {
	padding:2px 0 9px;
	width:auto;
	margin-bottom:40px; 
}
#navi .articleList01 li {
	float:none;
	width:auto;
	margin-bottom:20px;
	padding:0 0 0 12px;
	border-left:5px solid #E6156C;
	width:auto;
}
#navi .articleList01 .articleText a {
	display:block;
	color:#000;
	margin:0;
	padding:0;
	vertical-align:top;
	font-size:13px;
	font-weight:normal;
	text-align:left !important;
	width:auto;
}
#navi .articleList01 .articleText a:hover {
	background:#FFF;
	text-decoration:underline;
}
#navi .articleList01 li .date {
	padding-top:9px;
	color:#000;
	text-align:left;
}

#navi .navInner .sub-menu .sub-menu-wrap{
	position: relative;
}
#navi .navInner .sub-menu .articleButton{
	position: absolute;
	width: 300px;
	bottom: 0px;
	left:0px;
}


#navi .navInner .sub-menu .articleButton a {
	display:block;
	padding:12px 10px;
	background:#EEE;
	color:#000;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}
#navi.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#FFF;
	border-bottom:1px solid #C2C2C2;
	box-shadow:0 3px 4px -4px #999;
	-moz-box-shadow:0 3px 4px -4px #999;
	-webkit-box-shadow:0 3px 4px -4px #999;
}
#navi.fixed .sub {
	top:49px;
	left:20px;
}
.fixed .navInner {
	position:relative;
	margin:0 auto;
	padding-left:40px;
	width:100%;
	max-width:1000px;
	min-width:1000px;
}
.logo {
	display:none;
	float:left;
	margin:13px 20px 0 0;
}
#navi.fixed .navInner > ul {
	float:left;
	width:883px;
}
#navi.fixed li a {
	width:76px;
}
#navi.fixed #naviDomestic a {
	width:74px;
}
#navi.fixed #naviCelebrities a {
	width:94px;
}
#navi.fixed #naviSeries a {
	width:100px;
}
#navi.fixed #naviLife a {
	width:63px;
}
#navi.fixed #naviGourmet a {
	width:90px;
}
#navi.fixed #naviBlog a {
	width:77px;
}
#navi.fixed #naviPresent a {
	width:80px;
}
#navi.fixed #naviPost a {
	width:85px;
}
#navi.fixed #naviShopping a {
	width:104px;
}

/* ------------------------------------------------------------------
	3-4. Main styles
-------------------------------------------------------------------*/
#main {
	float:left;
	width:650px;
}

/* Breadcrumbs styles */
.breadcrumbs {
	margin:-5px 0 12px;
}
.breadcrumbs li {
	float:left;
	display:inline-block;
	margin-right:5px;
	font-size:10px;
}
.breadcrumbs li a {
	padding-right:15px;
	background:url(/img/common/icon_breadcrumbs.gif) no-repeat 100% 50%;
	text-decoration:underline;
	color:#333;
}
.breadcrumbs li a:hover {
	text-decoration:none;
}
.breadcrumbs li .last {
	background:none;
}

/* ------------------------------------------------------------------
	3-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:right;
	width:300px;
}
#side .ads {
	margin-bottom:10px;
}
#side .banner {
	margin-bottom:20px;
}
.sideSearch {
	position:relative;
	margin-bottom:19px;
	background:#C7C7C7;
	color:#FFF;
}
.sideSearch input[type=text] {
	padding:16px 10px 14px 15px;
	color:#FFF;
	border:none;
	background:none;
	font-size:15px;
	font-weight:bold;
	width:240px;
	height:20px;
}
.sideSearch input.focusField { color: #FFF; }
.sideSearch input.fillField { color: #FFF; }
.btnSearch {
	position:absolute;
	top:7px;
	right:12px;
	padding:5px;
}
.bannerList {
	margin-bottom:17px;
}
.bannerList li {
	float:left;
}
.bannerList li a {
	overflow:hidden;
	display:block;
	width:150px;
	height:90px;
	text-indent:-9999px;
}
.bannerList #bannerWeb a {
	background:url(/img/common/sprite.png) no-repeat;
	background-position:0 -130px;
}
.bannerList #bannerGift a {
	background:url(/img/common/sprite.png) no-repeat;
	background-position:-150px -130px;
}
#side .headlineSide {
	padding:9px;
	background:#000;
	color:#FFF;
	font-size:18px;
}
.sidePickup {
	margin-bottom:20px;
}
.sideSection {
	border:1px solid #C2C2C2;
	border-top:none;
}
.sidePickup ul li {
	padding:9px 5px 10px 9px;
	border-top:1px solid #C2C2C2;
	font-size:14px;
	line-height:1.55;
}
.sidePickup ul li a {
	color:#000;
}
.sidePickup ul li em {
	display:block;
	font-style:italic;
	margin-bottom:-3px;
}
.sidePickup .pickupImage {
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	line-height:0;
	width:80px;
}
.sidePickup .pickupText {
	display:inline-block;
	vertical-align:middle;
	margin:4px 0 0 6px;
	width:190px;
}
.tabSide li {
	float:left;
	border-top:none;
	padding:0;
	width: 33%;
}
.tabSide li.last a {
	/*width:96px;*/
	width: 100%;
}
.tabSide a {
	display:block;
	padding:15px 2px 12px;
	border-bottom:2px solid #CCC;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	width:95px;
}
.tabSide .active a {
	border-bottom:2px solid #E6156C;
	color:#E6156C;
}
#sTab01 {
	display:block;
}
.tabBox {
	display:none;
}
#tab02 {
	display:block;
}
.sideRanking .spriteRank {
	background-image:url(/img/common/ranking.gif);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	vertical-align:middle;
	height:20px;
	width:20px;
}
.spriteRank.rank01 {
	background-position:0 0;
}
.spriteRank.rank02 {
	background-position:0 -22px;
}
.spriteRank.rank03 {
	background-position:0 -44px;
}
.spriteRank.rank04 {
	background-position:0 -66px;
}
.spriteRank.rank05 {
	background-position:0 -88px;
}
.spriteRank.rankPR {
	background-position:0 -110px;
}
.rankList li {
	padding:10px 2px 10px 9px;
	border-bottom:1px solid #C2C2C2;
}
.rankList li.last {
	border:none;
}
.rankList .infoRank {
	float: left;
  margin: 0 9px;
  width: 162px;
}
.rankList .infoRankNoimg {
	float: left;
  margin: 0 0 0 9px;
  width: 255px;
}
.rankList .imageRank {
	float:left;
}
.rankList .text {
	margin:-4px 0 10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.75;
}
.date {
	color:#666;
	font-size:10px;
}
.sidePosted {
	position:relative;
}
.sidePosted .headlineSide img {
	position:absolute;
	top:-10px;
	right:15px;
}
.sideSns {
	position:absolute;
	left:-30px;
	top:42px;
	width:71px;
	z-index:10;
	text-align:center;
}
.sideSns ul li:first-child {
	margin-bottom:10px;
}
.sideSns ul li {
	margin-bottom:14px;
}
/* ------------------------------------------------------------------
	3-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	margin:0 auto;
}
.fSection {
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
}
.fSectionInner {
	margin:0 auto;
	padding:16px 0 36px;
	max-width:982px;
	width:100%;
}
.fSection .snsList {
	/*float:right;*/
	margin-top:14px;
	text-align: right;
}
.fSection .snsList li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
}
.fLink {
	float:left;
	margin-right:45px;
	width:45%;
}
.fLink li {
	display:inline-block;
	vertical-align:middle;
	margin:0 18px 13px 0;
}
.fLink li a {
	color:#000;
	font-size:10px;
}
.fLinkCaption {
	border-bottom:1px solid #3E3939;
	margin-bottom:6px;
	padding-bottom:7px;
}
.fInfo {
	background:#333;
	color:#FFF;
	padding:21px 0 25px;
	text-align:center;
}
.fNav {
	display:inline-block;
	vertical-align:middle;
	width:560px;
	text-align:left;
}
.fNav li {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.fNav li:first-child {
	margin:3px 12px 0 0;
}
.fNav li a {
	color:#FFF;
	text-decoration:none;
}
.fNav li a:hover {
	text-decoration:underline;
}
#copyright {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	width:450px;
	text-align:right;
}
#copyright span {
	margin-right:11px;
}
.pageTop {
	background:#E6156C;
}
.pageTop:hover {
    cursor:pointer;
}
.pageTop a {
	display:block;
	padding:16px 10px 17px;
	background:#E6156C;
	margin:0 auto;
	color:#FFF;
	font-size:14px;
	width:130px;
	text-align:center;
	text-decoration:none;
}
.pageTop a span {
	display:block;
	background:url(/img/common/icon_pagetop.png) no-repeat 50% 0;
	padding-top:25px;
}

.linksBox {
	background:#EEE;
}
.linksBox .innerBlock {
	display:table;
	width:1010px;
	margin:0 auto;
}
.linksBox .innerBlock .cellBlock {
	display:table-cell;
	padding:15px 0;
	vertical-align:middle;
}
.linksBox .innerBlock .btn_official {
	color:#FFF;
	display:inline-block;
	width:125px;
	padding:10px 0;
	text-align:center;
	border-radius:3px;
	background:#A2A2A2;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
.linksBox .innerBlock ul {
	width:870px;
	margin-left:15px;
	padding:15px 0;
	letter-spacing:-1em;
	border-top:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child {
	display:table;
	border-top:none;
}
.linksBox .innerBlock ul li {
	display:inline-block;
	width:16%;
	font-size:11px;
	letter-spacing:normal;
	text-align: center;
	border-left:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child li {
	display:table-cell;
	width:14%;
}
.linksBox .innerBlock ul li:first-child {
	border-left:none;
}

/* ------------------------------------------------------------------
	3-7. Index styles
-------------------------------------------------------------------*/
#pageHome #contents {
	margin:30px auto 67px;
}
.topicBlock {
	position:relative;
	margin-bottom:11px;
}
.topicBlock .trimming{
	position:relative;
	width: 650px;
	height: 440px;
	overflow: hidden;
}
.topicBlock .topicText01 {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:630px;
	padding:6px 10px;
	background:url(/img/home/bg_transparent.png) repeat 0 0;
	color:#FFF;
	font-size:25px;
	line-height:1.3;
}
.section {
	margin-bottom:21px;
}
.topicBlock .topicText01 span {
	display:block;
	font-size:18px;
}
#carousel01 {
	position:relative;
	overflow:hidden;
	height:439px;
}
#carousel01 li {
	position:relative;
	float:left;
	height:439px;
}
#carousel01 li img {
	min-width:650px;
}
#carousel01 .prev, #carousel01 .next {
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-12px;
	opacity: 0.4;
}
#carousel01 .prev a img, #carousel01 .next a img{
	padding: 5px;
	display: block;
}

#carousel01 .next {
	left:auto;
	right:10px;
}
.articleList {
	margin-bottom:16px;
	padding-bottom:12px;
	border-bottom:2px solid #E4E4E4;
}
.articleList li {
	float:left;
	width:208px;
	margin-right:8px;
}
.articleList li.articleLast {
	width:210px;
	margin:0;
}
.articleList li .articleText {
	padding:4px 0 3px;
	border-top:2px solid #E6156C;
	font-size:14px;
}
.articleList li .date {
	padding-top:5px;
	color:#000;
}
.articleImage {
	padding-top:9px;
}
.articleImage img {
	width:210px;
}
.textList {
	margin:0 -20px 0 2px;
}
.textList li {
	float:left;
	width:308px;
	padding:0 10px 13px 12px;
	font-size:14px;
	text-indent:-12px;
}
.textList li a {
	padding-left:12px;
	background:url(/img/common/icon_square01.gif) no-repeat 0 5px;
	color:#000;
	text-decoration:none;
}
.textList li a:hover {
	text-decoration:underline;
}
.columnList {
	margin-bottom:-10px;
}
.columnList li {
	padding-bottom:20px;
}
.columnList li .columnImage {
	float:left;
	width:210px;
}
.columnList li div {
	float:right;
	width:420px;
	margin-top:-3px;
	font-size:14px;
	line-height:1.5;
}
.columnList li div .columnTitle {
	padding-bottom:11px;
	color:#2B5F98;
	font-size:12px;
}
.columnList li h3 {
	margin:0 0 4px 2px;
	min-height:46px;
	padding-left:28px;
	background:url(/img/common/icon_square02.gif) no-repeat 0 6px;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
}
.columnList li .backLink {
	float:right;
	padding-top:18px;
}
.columnList li .backLink a {
	display:block;
	width:138px;
	padding:6px 10px 7px;
	border:1px solid #2B5F98;
	font-size:10px;
	color:#000;
	text-decoration:none;
	text-align:center;
}
.columnList li .backLink a:hover {
	text-decoration:underline;
}
.countryList {
	margin:0 0 40px 9px;
}
.countryList li {
	float:left;
	width:200px;
	margin-right:10px;
}
.countryList li .countryImage {
	padding-bottom:10px;
}
.countryList li div {
	padding:0 0 4px 5px;
	border-left:5px solid #E6156C;
}
.countryList li .date {
	padding-top:3px;
	color:#000;
}
.itemList {
	margin-right:-20px;
}

.itemList .trimming{
	position:relative;
	width: 320px;
	height: 210px;
	overflow: hidden;
}

.itemList li {
	float:left;
	width:320px;
	margin-right:10px;
}
.itemList li .itemInner {
	margin:0 0px;
}
.itemList li .itemInner01 {
	margin:0;
}
.itemList li .innerList {
	padding-top:11px;
}
.itemList li .innerList li {
	width:auto;
	margin-bottom:20px;
	padding-left:9px;
	border-left:5px solid #2B5F98;
}
.itemList li .innerList li .date {
	padding-top:8px;
	color:#000;
}
.itemList li .innerList li.innerLast {
	margin-bottom:8px;
}
.lifeList {
	margin:0 -20px 40px 0;
}
.lifeList li {
	float:left;
	width:210px;
	padding-right:10px;
}
.lifeList li .countryImage {
	padding-bottom:10px;
}
.lifeList li div {
	padding-left:8px;
	border-left:5px solid #E6156C;
}
.lifeList li .date {
	padding-top:8px;
	color:#000;
}
.channelText {
	padding-left:5px;
}
.channelText span {
	float:left;
	width:500px;
	font-size:19px;
}
.channelText span.channelDate {
	float:right;
	width:140px;
	padding-top:4px;
	display:inline-block;
	font-size:14px;
	text-align:right;
}
.channelBlock {
	padding:10px 14px 0 7px;
}
.channelBlock p {
	line-height:1.3;
}
.group {
	width:609px;
	height: 58px;
	margin:6px 0 18px 7px;
	padding:7px 10px 10px;
	background:#F0F0F0;
	text-align:center;
}

.shareLinkList {
	text-align: center;
}

.shareLinkList li{
	display:inline-block !important;
}

.group .groupList li {
	display:inline;
	width:auto;
	margin-right:5px;
}
.channelList {
	margin:0 -18px 0 7px;
}
.channelList li {
	float:left;
	width:205px;
	padding-right:8px;
}
.channelText01 {
	padding:7px 0 1px;
	font-size:14px;
	line-height:1.3;
}
.dateText {
	text-align:right;
}

/* ------------------------------------------------------------------
	3-8. Contents styles
-------------------------------------------------------------------*/
#pageContents .section .sectionList {
	margin-bottom:30px;
}
#pageContents .section .sectionList li {
	margin-bottom:20px;
}
#pageContents .section .sectionList li .sectionImage {
	float:left;
	width:210px;
	margin-right:9px;
}
#pageContents .section .sectionList li div {
	float:left;
	width:420px;
	margin-top:6px;
	font-size:12px;
}
.pagerLink {
	text-align:center;
}
.pagerLink li {
	display:inline-block;
	vertical-align:middle;
	margin:0 3px 0 2px;
	font-size:24px;
	font-weight:bold;
}
.pagerLink li.prev,
.pagerLink li.next {
	font-weight:normal;
}
.pagerLink li strong,
.pagerLink li a {
	display:block;
	min-width:40px;
	min-height:40px;
	padding:3px;
	border:1px solid #E6156C;
	color:#E6156C;
	box-sizing:border-box;
	text-align:center;
}
.pagerLink li.active a,
.pagerLink li.cur strong,
.pagerLink li.active a:hover {
	border-color:#E6156C;
	background:#E6156C;
	color:#FFF;
}
.pagerLink li a:hover {
	background:#E6156C;
	color:#FFF;
	text-decoration:none;
}

/* ------------------------------------------------------------------
	3-12. Community styles
-------------------------------------------------------------------*/
#pageCommunity .section .sectionList {
	margin-bottom:30px;
}
#pageCommunity .section .sectionList li {
	margin-bottom:20px;
}
#pageCommunity .section .sectionList li .sectionImage {
	float:left;
	width:210px;
	margin-right:9px;
}
#pageCommunity .section .sectionList li div {
	float:left;
	width:420px;
	margin-top:6px;
	font-size:12px;
}
#pageCommunity .section .sectionList li div p {
	line-height:1.25;
}
.dateText01 {
	padding:25px 0 5px;
	color:#E6156C;
	font-size:12px;
}
.groupBlock .dateBlock {
	margin:0 11px 13px 11px;
}
.groupBlock .dateBlock .dateText02 {
	float:left;
	width:386px;
	padding-top:3px;
	color:#E6156C;
	font-size:15px;
	text-align:right;
}
.groupBlock .dateBlock .count {
	position:relative;
	float:right;
	width:173px;
	height:25px;
	background:url(/img/community/bg_count.gif) no-repeat 0 0;
}
.groupBlock .dateBlock .count span {
	position:absolute;
	right:21px;
	top:2px;
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
	letter-spacing:6px;
}
.groupBlock .infoImage {
	padding-bottom:16px;
}
.groupBlock .infoImage img {
	width:100%;
	height:auto;
}
.groupBlock .infoText p {
	padding-bottom:27px;
	font-size:16px;
	line-height:1.6;
}
.groupBlock .shareLink {
	margin-bottom:4px;
}
.sheetTable {
	width:100%;
	margin-top:22px;
}
.sheetTable th {
	background:#EEE url(/img/community/bg_th.gif) repeat-x 0 0;
	font-weight:normal;
	width:120px;
}
.sheetTable th {
	border:1px solid #CCC;
	padding:5px 5px 8px;
	text-align:left;
}
.sheetTable td {
	border:1px solid #CCC;
	padding:7px 5px 6px;
	text-align:left;
}
.example {
	margin-bottom:3px;
	padding-left:15px;
	background:#FFF url(/img/community/bg_example.gif) no-repeat 0 50%;
	color:#666;
	display:block;
	font-size:11px;
}
.cursor {
	padding-left:10px;
	background:url(/img/community/icon_arrow.gif) no-repeat scroll 0 50%;
	cursor:pointer;
}
.submit {
	margin:12px 0 34px;
	text-align:center;
}
.submit input,
.buttonList input {
	cursor:pointer;
}
.buttonList {
	margin:12px 0 34px;
	text-align:center;
}
.buttonList li {
	display:inline-block;
	width:auto;
}
.buttonList li a {
	text-decoration:none;
}
.buttonList li a:hover {
	text-decoration:underline;
}
.groupText {
	margin-top:-2px;
	padding-left:14px;
	line-height:2;
}
.formSheet input[type=text]:focus,
.formSheet textarea:focus {
	background:#F5F5F5;
}
.formSheet textarea {
	width:600px;
	height:300px;
}

/* ------------------------------------------------------------------
	3-9. News styles
-------------------------------------------------------------------*/
.groupBlock {
	min-height:646px;
	border:1px solid #C2C2C2;
	margin-bottom:15px;
	padding:20px 29px 32px;
}
.elementBlock {
	padding:0 14px;
}
.elementBlock p {
	line-height:2;
}
.groupBlock .about {
	padding:7px 0 17px;
	color:#676B6C;
}
.categoryInfo {
	padding-left:13px;
}

.categoryInfo img{
	max-width:100%;
}

.categoryInfo a{
      color:#0000ff;
}

.categoryInfo p {
    /*padding-bottom:16px;*/
    /*margin-top:16px;
    margin-bottom:16px;*/
	font-size:16px;
	line-height:1.6;
}
.categoryInfo img {
    margin-top:16px;
    margin-bottom:16px;
}
.categoryInfo .title {
	text-indent:24px;
}
.shareLink {
	margin-bottom:27px;
	float:right;
}
.shareLink li {
	float:left;
	margin-left:2px;
}
.shareLink li.last {
	margin:5px 0 0 16px;
}
.likeBox {
	margin-bottom:9px;
	background-color: #2B2B2B;
}
.likeBox .imageBox {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	text-align:center;
}

.likeBox .imageBox img{
	max-width:100%;
	max-height:270px;
	float: left;
}


.likeBox .likeInfo {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	width:48%;
	background:#2B2B2B;
	text-align:center;
}
.likeBox .introLike {
	padding-bottom:29px;
	color:#FFF;
	line-height:1.35;
	font-size:18px;
}
.snsLike {
	padding-bottom:21px;
}
.snsLike li {
	display:inline-block;
	vertical-align:middle;
	margin:0 3px;
}
.likeBox .deliver {
	color:#878C8C;
	font-size:11px;
}


#magazineJumpForm{
	background-color: #f3f3f3;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#magazineJumpForm #magazineJumpInput{
	height: 29px;
	line-height: 29px;
	width: 477px;
	float: left;
	border:1px solid #dcdcdc;
}

#magazineJumpForm #magazineJumpBtn{
	float: left;
	width: 143px;
	height: 34px;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}



.subscribeNews {
	background:#F2F2F2;
	margin-bottom:16px;
	padding:11px 10px 10px 11px;
}
.subscribeNews p {
	background:#FFF;
}
.subscribeNews input {
	border:none;
	float:left;
}
.subscribeNews input[type="text"] {
	border:1px solid #DCDCDC;
	border-right:none;
	padding:5px 10px;
	line-height:1.4;
	height:22px;
	width:465px;
}
.subscribeNews input[type="submit"] {
	color:#FFF;
	line-height:1.4;
	padding:5px;
	height:34px;
	width:143px;
	background-color:#2B2B2B;
	font-size:12px;
	cursor:pointer;
}
.socialList {
	margin:0 -2px;
	text-align:center;
}
.socialList li {
	display:inline;
	margin:0 0 0 -2px;
}
.socialList li a {
	display:inline-block;
	background:url(/img/common/sprite.png) no-repeat 0 -230px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
}

.socialList li#socialFacebook a {
	background-position:0 -230px;
	width:214px;
}
.socialList li#socialTwitter a {
	background-position:-214px -230px;
	width:218px;
}
.socialList li#socialGoogle a {
	background-position:-432px -230px;
	width:218px;
}
.tagList {
	margin-top:37px;
}
.tagList p {
	float:left;
	margin-top:5px;
	font-size:12px;
	width:87px;
}
.tagList ul {
	padding-left:87px;
	margin-right:-6px;
}
.tagList ul li {
	float:left;
	margin-right:5px;
}
.tagList ul li a {
	position:relative;
	z-index:10;
	display:inline-block;
	padding:5px 14px 6px;
	color:#666;
	border:1px solid #C2C2C2;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.boxPerson {
	padding-bottom:11px;
}
.boxPerson .image {
	float:left;
	margin:4px 12px 0 28px;
	position:relative;
	width:108px;
	height:108px;
	overflow: hidden;

	position:relative;
	z-index:10;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.boxPerson ul li {
	padding-left:4px;
	font-size:14px;
	line-height:1.95;
}
.boxPerson .image img {
	position:relative;
	z-index:10;
	display:none;
/*	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;*/
}
.boxPerson .info {
	float:left;
	margin-top:5px;
	width:450px;
}
.boxPerson .info .title {
	line-height:1.3;
	padding:0 0 6px;
	font-size:18px;
	font-weight:bold;
}
.adsAddress {
	margin-bottom:4px;
	border:1px solid #000;
}
ul.viewList {
	margin:1px -15px 0 12px;
}
.viewList li {
	float:left;
	width:312px;
	margin:0 4px 32px 0;
}
.viewList li p.imageView {
	float:left;
	width:119px;
	margin:3px 12px 0 0;
}
.viewList li .item {
	float:left;
	width:170px;
}
.viewList li .text {
	padding-bottom:5px;
	min-height:70px;
	line-height:1.5;
	font-size:14px;
}
.viewList li .date {
	text-align:right;
}
.reassembleList {
	padding:2px 5px 7px 9px;
}
.reassembleList li {
	float:left;
	margin-right:5px;
	width:208px;
}
.reassembleList li .reassembleText {
	padding:6px 5px;
	font-size:14px;
	line-height:1.55;
}
/* ------------------------------------------------------------------
	3-10. Sitepolicy styles
-------------------------------------------------------------------*/
.policyBlock {
	padding:20px 30px 55px;
	border:1px solid #C2C2C2;
}
.policyBlock .headline6 {
	padding:0 0 3px 15px;
}
.policyBlock .policyText {
	margin-bottom:26px;
	padding-left:12px;
	line-height:2;
}
.policyBlock div {
	padding-left:12px;
}
.policyBlock .title {
	margin-bottom:4px;
	background:#EEE;
	line-height:1.35;
}
.policyBlock div:first-child .title {
	margin-top:-30px;
}
.policyBlock .policyList dt, .policyBlock .policyList dd {
	line-height:2;
}
/* ------------------------------------------------------------------
	3-11. Contact styles
-------------------------------------------------------------------*/
.contactBlock {
	margin-bottom:30px;
	padding:0 2px 0 13px;
}
.contactBlock p {
	padding-bottom:26px;
	color:#333;
	line-height:2;
}
.contactBlock p.title {
	margin-bottom:3px;
	padding:0;
	background:#EEE;
	font-weight:bold;
	line-height: 1.35;
}
.contactBlock p a {
	color:#333;
	text-decoration:underline;
}
.contactBlock p a:hover {
	text-decoration:none;
}
.contactBox {
	margin-top:-21px;
	text-align:center;
}
.contactBox .pinkBox {
	display:inline-block;
	margin-top:16px;
	padding:13px 33px 14px 26px;
	background:#FDEEF5;
}
.contactBox .pinkBox li {
	display:inline-block;
	width:296px;
	margin-left:24px;
}
.contactBox .pinkBox li:first-child {
	width:192px;
	margin-left:0;
}
.contactBox .pinkBox .infoBox {
	margin-top:5px;
	padding:3px 7px 9px;
	background:#FFF;
	text-align:left;
}
.contactBox .pinkBox p {
	font-size:11px;
	line-height:1.6;
}
.contactBox .pinkBox .link {
	text-align:right;
}
.contactBox .pinkBox .link li {
	width:auto;
	margin-left:6px;
}
.contactBox .pinkBox .link li a {
	padding-left:10px;
	background:url(/img/common/icon_arrow02.png) no-repeat 0 50%;
	font-size:11px;
	text-decoration:underline;
}
.contactBox .pinkBox .link li a:hover {
	text-decoration:none;
}
/* ------------------------------------------------------------------
	3-12. Blog styles
-------------------------------------------------------------------*/
.pickupBlog {
	padding:0 12px 7px;
}
.pickupBlog table th {
	padding:0 10px 10px 0;
}
.pickupBlog table th img {
	vertical-align:bottom;
}
.pickupBlog table td {
	width:170px;
	padding:0 10px 10px 0;
	vertical-align:top;
}
.pickupBlog table dl dt {
	padding-bottom:3px;
}
.pickupBlog table dl dt a {
	text-decoration:underline;
}
.pickupBlog table dl dt a:hover {
	text-decoration:none;
}
.pickupBlog table dl dd {
	font-size:10px;
	line-height:1.5;
}
.blogList {
	padding:0 7px;
}
.blogList table th {
	padding:0 10px 10px 0;
}
.blogList table th img {
	vertical-align:bottom;
	width:48px;
	height:48px;
}
.blogList table td {
	vertical-align:top;
	width:190px;
}
.blogList table dl dt a {
	line-height:1.4;
	text-decoration:underline;
}
.blogList table dl dt a:hover {
	text-decoration:none;
}
.blogList table dl dd {
	line-height:1.4;
	font-size:10px;
}

/* ------------------------------------------------------------------
	3-13. Present styles
-------------------------------------------------------------------*/
.verifyBox {
	padding:18px 0 16px;
	text-align:center;
}
.verifyBox p {
	margin-bottom:25px;
	line-height:1.7;
	font-size:16px;
	font-weight:bold;
}
p.linkText {
	font-weight:normal;
}
p.linkText span {
	padding:0 16px;
}

/* ------------------------------------------------------------------
	3-14. Post styles
-------------------------------------------------------------------*/
.groupText01 {
	margin-top:15px;
	font-size:16px;
}
.groupBlock .groupInner {
	padding-bottom:50px;
}
.boxInfo {
	margin-bottom:19px;
	padding-bottom:20px;
	background:url(/img/post/bg_box_bottom.gif) no-repeat 0 100%;
}
.boxFirst {
	margin-bottom:16px;
	padding-bottom:20px;
	background:url(/img/post/bg_box_bottom01.gif) no-repeat 0 100%;
}
.boxInfo h4 {
	padding:7px 17px;
	background:url(/img/post/bg_box_top.gif) no-repeat 0 0;
}
.boxInfo h4 img {
	display:inline-block;
	vertical-align:middle;
}
.boxInfo h4 span {
	display:inline-block;
	padding-left:17px;
	color:#FFF;
	font-size:18px;
	vertical-align:middle;
}
.boxFirst h4 span {
	padding-left:14px;
}
.boxInfo h4 span em {
	padding-left:9px;
	color:#FFF;
	font-size:12px;
}
.boxInfo .boxInner {
	padding:26px 16px 1px;
	font-size:14px;
	color:#333;
}
.boxFirst .boxInner {
	padding:14px 12px;
	min-height:125px;
	font-size:14px;
	color:#CCC;
}
.boxInfo input[type=text] {
	padding:9px 5px 7px;
	color:#CCC;
	border:none;
	font-size:15px;
	width:255px;
}
.boxInfo input[type=text]:focus {
	background:#FFF;
}
.comment {
	width:550px;
	height:115px;
	color:#CCC;
	border:none;
	font-size:14px;
	resize:none;
}
.focusField {
	color:#000!important;
}
.fillField {
	color:#000!important;
}
.indicate {
	margin-top:-2px;
	padding:0 20px 19px;
	text-align:center;
}
.indicate ul {
	padding-bottom:4px;
}
.indicate ul li {
	display:block;
	padding-bottom:5px;
	font-size:0;
}
.recommendList li {
	float:left;
	width:143px;
	margin-left:13px;
}
.recommendList li .recommendText {
	padding-top:5px;
}
.recommendList li .recommendText a {
	text-decoration:underline;
}
.recommendList li .recommendText a:hover {
	text-decoration:none;
}
.recommendText01 {
	padding:8px 16px 0;
	text-align:right;
}
/* ------------------------------------------------------------------
	3-15. Mailmagazine styles
-------------------------------------------------------------------*/
.groupBlock .mailImage img {
	width:100%;
	height:auto;
}
.groupBlock .blockText {
	padding:11px 0 51px;
}
.groupBlock .blockText .blockTitle {
	padding:0 0 38px 5px;
	font-size:24px;
	font-weight:bold;
}
.groupBlock .blockText p {
	padding-bottom:29px;
	font-size:17px;
	line-height:1.65;
}
.groupBlock .blockText .noteText li {
	padding-bottom:7px;
	font-size:14px;
}
.groupBlock .registerForm dl dt {
	padding-bottom:5px;
	font-size:16px;
	color:#E5156B;
}
.groupBlock .registerForm dl dd {
	padding-bottom:24px;
	font-size:16px;
}
.groupBlock .registerForm dl dd input[type="text"] {
	position:relative;
	z-index:10;
	width:552px;
	height:28px;
	padding:5px 17px;
	border:1px solid #DCDCDC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:16px;
	line-height:1.4;
}
.groupBlock .registerButton {
	padding:16px 0 17px;
	text-align:center;
}
.groupBlock .registerButton input {
	width:155px;
	padding:10px 10px 8px;
	background:#E5156B;
	border:none;
	color:#FFF;
	font-size:20px;
	cursor:pointer;
}
.socialTab .tab {
	margin-bottom:12px;
	border-bottom:3px solid #CCC;
}
.socialTab .tab li {
	float:left;
	width:33.33%;
}
.socialTab .tab li a {
	display:block;
	margin-bottom:-3px;
	padding:5px;
	border-bottom:3px solid #CCC;
	text-align:center;
}
.socialTab .tab li.active a {
	border-bottom:3px solid #E6156C;
}
.socialTab .tab li a img {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.socialTab .tab li.fb a img {
	width:7px;
}
.socialTab .tab li.twitter a img {
	width:17px;
}
.socialTab .tab li a span {
	display:inline-block;
	color:#CCC;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
}
.socialTab .tab li.active a span {
	color:#2B2B2B;
}
.socialTab .tabBox {
	margin-bottom: 26px;
}
.socialTab .boxInfo {
	border:1px solid #CCC;
	border-width:0 1px 1px;
}
.socialTab .boxInfo h3 {
	padding:4px 5px;
}
.socialTab .boxFirst {
	background:#CCC;
}
.socialTab .boxInfo h3 img {
	display:inline-block;
	width:19px;
	vertical-align:middle;
}
.socialTab .boxInfo h3 span {
	display:inline-block;
	font-size:9px;
	vertical-align:middle;
}
.socialTab .boxInfo h3 span.enterName {
	width:40%;
}
.socialTab .boxInfo h3 span input {
	padding:3px;
	font-size:9px;
	line-height:1.5
}
.socialTab .boxInfo h3 em.note {
	display:inline-block;
	color:#FFF;
	font-size:8px;
	vertical-align:middle;
}
.socialTab .boxInfo h3 span em {
	color:#CCC;
}
.socialTab .boxInner p textarea {
	padding:8px;
	border:none !important;
	border-radius:0 !important;
	font-size:10px;
	vertical-align:bottom;
}
.socialTab .boxInner p.text {
	padding:0 5px 15px;
	font-size:9px;
}
.socialTab .gray {
	padding:15px 0;
	background:#E5E5E5;
}
.socialTab .boxInfo p.readAll {
	text-align:center;
}
.socialTab .boxInfo p.readAll a {
	color:#0052FF;
	font-size:10px;
	font-weight:bold;
}
.socialTab .boxInfo p.number {
	float:right;
	margin:-12px 20px 0 0;
	color:#999;
	font-size:10px;
	font-weight:bold;
}
.socialTab .boxInfo p.note {
	color:#999;
	font-size:8px;
}
.socialTab .boxLast {
	padding:10px 6px;
}
.socialTab .boxInfo .hide {
	float:right;
	margin:-16px 7px 0 0;
}
.socialTab .boxInfo .hide input {
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.socialTab .boxInfo .hide label {
	display:inline-block;
	margin-left:3px;
	color:#999;
	font-size:8px;
	vertical-align:middle;
}

/*==================================================================
	5: pager setting
===================================================================*/

.sirial_pager{
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
.sirial_pager li {
	display:inline;
	margin-right:3px;
	}
.sirial_pager li a{
	padding:5px 8px;
	border:1px solid #FFB2C2;
	text-decoration:none;
	}
.sirial_pager li a:hover{
	border:1px solid #FFB2C2;
	background: #FFE4E9;
	}
.sirial_pager li strong{
	border:1px solid #FFB2C2;
	padding:5px 8px;
	background: #FFE4E9;
	color: #999;
	font-weight:bold;
	}

.sirial_pager_m{
    margin:2em 0;
    text-align:center;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    clear:both;
    }
.sirial_pager_m li {
    display:inline;
    margin-right:10px;
    }
.sirial_pager_m li a{
    padding:14px 20px;
    border:1px solid #E6156C;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    color:#E6156C;
    }
.sirial_pager_m li a:hover{
    border:1px solid #FFB2C2;
    background: #FFE4E9;
    font-size:16px;
    font-weight:bold;
    color:#E6156C;
    }
.sirial_pager_m li strong{
    border:1px solid #FFB2C2;
    padding:5px 8px;
    background: #FFE4E9;
    color: #999;
    font-weight:bold;
    
    }

/* ------------------------------------------------------------------
	suggest styles
-------------------------------------------------------------------*/
.suggestPene{
	position:relative;

	z-index:5;
	}
.suggestPene #suggest{
	background:#FFF;
	border:1px solid #CCCCCC;
	position:absolute;
	top:22px;
	left:0;
	padding:3px;
	}	
.suggestPene #suggest a:hover{
	background:#F7F9FF;
	}	
#suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    padding:1px 3px;

	z-index:5;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
	background-color:#92C9FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
	background-color:#92C9FF;
}

/**************************************
 ajaxSuggest
**************************************/
.as_results {
	position         : absolute;
	border-bottom    : 1px solid #E9366E;
	border-left      : 1px solid #E9366E;
	border-right     : 1px solid #E9366E;
	background-color : white;
	margin           : 0 0 0 -3px;
	padding          : 0;
	list-style       : none;
	display          : none;
	z-index          : 1000;
}
.as_results li {
	border           : 0px solid #79b;
	margin           : 0;
	height           : auto !important;
	padding          : 3px 5px;
	white-space      : nowrap;
	color            : #000;
	text-align       : left;
	overflow         : hidden;
	font-size        : 14px;
	line-height      : 1;
	position         : relative;
}
.as_over {
	cursor           : pointer;
	background-color : #E9366E;
	color            : #fff !important;
	text-decoration  : none;
}

.categoryInfo .infoPink {
	border: 2px solid #E5156B;
	padding: 0 25px 0;
}

/* ------------------------------------------------------------------
	serial_list_search　
-------------------------------------------------------------------*/

.gsc-cursor-box{
	display: block !important;
	text-align: center !important;
}
.gsc-cursor{
	display: inline-block !important;
}
.gsc-cursor-page{
	border-right: solid 1px #000 !important;
	padding: 0px 9px !important;
	margin-right: 0px !important;
}

.gsc-cursor-page:last-child{
	border-right: solid 0px #000 !important;
}

#detail_fav {
	height : 270px;
	width : 100%;
	overflow : hidden;
	margin-bottom : 10px;
}

.fSectionInner .fb-page {
	float: left;
	width: 45%;
	margin-top: 2px;
	margin-bottom: 20px;
}

.infoPink a{
	color: #0000ee;
}

.author_link li{
	padding-bottom: 5px;
}


.author_link li a {
	text-decoration:underline;
	color:#333;
}
.author_link li a:hover {
	text-decoration:none;
}

.fsize1{
        font-size: 10px !important;
}

.fsize2{
        font-size: 13px !important;
}

.fsize3{
        font-size: 15px !important;
}

.fsize4{
        font-size: 20px !important;
}