@charset "utf-8";

/* -----------------------------------------
 	1. Common Layout
 	2. Top Page
 	3. Detail Page
 	4. Post Page
	5. Common parts
 -----------------------------------------*/


/* ====================================================
 1. Common Layout
==================================================== */

/* body, container
========================== */

body {
	background: #fff url(../img/bg_body_01.jpg) center 0 repeat;
	background-attachment: fixed;
}

#container {
	width: 100%;
}

/* header
========================== */
#container header {
	width:940px;
	margin: 0 auto !important;
	position: relative;
}

header h1.logo,
header p.logo {
	position: absolute;
	left: -60px;
	top: 15px;
}

header ul.lang {
	position: absolute;
	right: 0px;
	top: 25px;
}

header ul.lang li {
	float:left;
	margin-left:20px;
}

header div#langBox {
	position: absolute;
	right: 0px;
	top: 25px;
	width: 270px;
}

header div#langBox select {
	font-size: 133%;
	padding: 5px 10px;
	background: #fff url(../img/icon_arrow_select.png) no-repeat 92% center;
	width: 150px;
	border: solid 3px black;
	-webkit-appearance: button;
	-moz-appearance:button;
	appearance:button;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	color: yellow;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	font-weight: bold;
	text-align: center;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	float: right;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*IE10*/
	header div#langBox select {
		color: yellow !important;
	}
}
header div#langBox select option {
}

header div#langBox p.txt {
	float: left;
	margin: 12px 10px 0 0;
	/margin-top:10px!important; /*IE6,7*/
	margin-top:10px\9!important; /*IE8*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*IE10*/
	header div#langBox p.txt {
		margin: 12px 10px 0 0 !important;
	}
}
/* wrapper
========================== */
#wrapper {
	width: 940px;
	margin: 0 auto 50px;
	overflow: hidden;
}

/* sidebar
========================== */
#sidebar {
	width: 300px;
	float:left;
	margin-right:20px;
	padding-top: 252px;
	overflow: hidden;
}

/* nav
========================== */
#container nav {
	margin-bottom:30px;
}

nav ul {
}

nav ul li p a {
/*	padding:5px 0 0 42px;*/
	display: block;
}

nav ul li ul.nav_inner {
	border: solid 3px #000000;
/*	background-color: rgba(0,0,0,0.5);*/
	background: url(../img/bg_IE_bk50.png);
	*+html background: url(../img/bg_IE_bk50.png); /*IE7*/
	background: url(../img/bg_IE_bk50.png)\9; /*IE8*/
	_background-color: #222222!important; /*IE6*/
	_background-image: none!important; /*IE6*/
	width: 235px;
	margin-left: 12px;
}
html.js div#sidebar nav ul.nav_inner {
	display: none;
}

nav ul li ul.nav_inner li {
}

nav ul li ul.nav_inner li a {
	display: block;
	padding:8px 30px;
	color:#ffffff;
	font-weight: bold;
	font-size: 116.67%; /* 14px */
}

nav ul li ul.nav_inner li a:hover {
	background: #000000 url(../img/icon_arrow_yellow.png) no-repeat 12px center;
	color:#fff100;
}

/* footer
========================== */
#container footer {
	background: transparent url(../img/bg_genboku.png) center 0 repeat;
	padding: 20px 0 40px;
	width: 100%;
	min-width:940px;
}

footer a,
footer a:link {
	color: #ffffff !important;
}

footer p.copyright {
	text-align: center;
	font-size: 10px;
	font-family: ;
	color: #ffffff;
	width: 940px;
	margin: 0 auto 20px;
}

footer div#sitemap {
	width: 940px;
	margin: 0 auto;
}

footer div#sitemap p {
	font-size: 12px;
	margin-bottom: 9px;
}

footer div#sitemap p a {
	padding-left: 15px;
	background: url(../img/icon_arrow_yellow.png) no-repeat 0 center;
}
footer div#sitemap ul {

}

footer div#sitemap ul li {
	float: left;
	margin-right: 15px;
}

footer.tw div#sitemap ul li,
footer.kr div#sitemap ul li{
	float: left;
	margin-right: 110px;
}

footer div#sitemap ul li ul.category {
	padding-left: 15px;
}

footer div#sitemap ul li ul.catLeft {
	float: left;
}

footer div#sitemap ul li ul.catRight {
	float: right;
}

footer div#sitemap ul li ul.category li {
	float: none;
	margin-right: 0px;
	margin-bottom: 3px;
}

footer.tw div#sitemap ul li.goods,
footer.kr div#sitemap ul li.goods {
	width: 90px;
}

footer div#sitemap ul li.freeCon {
	margin-right: 0;
	width: 110px;
}

footer div#sitemap ul li.freeCon .contact,
footer div#sitemap ul li.freeCon .freebie {
	float: none;
	margin-right: 0;
}
footer div#sitemap ul li.freeCon .contact p {
	text-indent: -1em;
	padding-left: 1em;
}
footer div#sitemap ul li.freeCon .contact a {
	background-position: 0 0;
}

footer div#sitemap ul li.freeCon .freebie p {
	margin-bottom: 0;
}
footer div#sitemap ul li.freeCon .freebie {
	margin-bottom: 15px;
}

/* 404
========================== */
.sorry {
	background: #ffffff;
.}

.sorry h1 {
	font-size: 30px;
	font-weight: bold;
}

.sorry h1,
.sorry p {
	text-align: center;
	margin-bottom: 20px;
}

/* ====================================================
2. Top Page
==================================================== */

/* News
========================== */
.top section#news {
	margin-bottom:20px;
	border: solid 3px #000000;
	padding:15px;
/*	background-color: rgba(250,255,176,0.9);*/
	background: url(../img/bg_IE_yl90.png);
	/background: url(../img/bg_IE_yl90.png); /*IE6,7*/
	background: url(../img/bg_IE_yl90.png)\9; /*IE8*/
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 264px;
}

.top section#news h2 {
	margin:-28px 0 10px -15px;
	height: 65px;
	position: relative;
}

top section#news h2 div#animation_news {
	position: absolute;
	left: 0;
	top: 0;
}

.top section#news ul li {
	margin-bottom:15px;
}

.top section#news ul li article {

}

.top section#news ul li article div.odd {
	float:left;
	margin-right:10px;
	position:relative;
}

.top section#news ul li article div.odd p.icon {
	position:absolute;
	left:-6px;
	top:69px;
	z-index:10;
}

.top section#news ul li article div.even {
	float:left;
	width: 150px;
}

/* sidebar
========================== */
#sidebar section.pr {
	margin-bottom:20px;
}

#sidebar section.pr ul li {
	margin-bottom:10px;
}

.top ul.banner li {
	margin-bottom: 10px;
}

#sidebar section.pr ul li.app a,
#sidebar section.pr ul li.goods a{
	padding:24px 0 20px 174px;
	border: solid 3px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#sidebar section.pr ul li.app a {
	background:#ffffff url(../img/bg_sidebar_app.gif) no-repeat 10px 10px;
}

/*台湾*/
#sidebar section.pr ul.tw li.app a {
	background:#ffffff url(../img/bg_sidebar_app_tw.gif) no-repeat 10px 10px;
}
/*韓国*/
#sidebar section.pr ul.kr li.app a {
	background:#ffffff url(../img/bg_sidebar_app_kr.gif) no-repeat 10px 10px;
}


#sidebar section.pr ul li.app img {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#sidebar section.pr ul li.goods a {
	background:#ffffff url(../img/bg_sidebar_goods.gif) no-repeat 10px 10px;
}

/*台湾*/
#sidebar section.pr ul.tw li.goods a {
	background:#ffffff url(../img/bg_sidebar_goods_tw.gif) no-repeat 10px 10px;
}
/*韓国*/
#sidebar section.pr ul.kr li.goods a {
	background:#ffffff url(../img/bg_sidebar_goods_kr.gif) no-repeat 10px 10px;
}

#sidebar {
}

#sidebar section.pr ul li a {
	display: block;
}

/* info
========================== */
.top div#info {
	border: solid 3px #000000;
	padding:15px;
/*	background-color: rgba(255,255,255,0.9);*/
	background: url(../img/bg_IE_wh90.png);
	/background: url(../img/bg_IE_wh90.png); /*IE6,7*/
	background: url(../img/bg_IE_wh90.png)\9; /*IE8*/
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div#info_inner {
	background: url(../../images/bg_info_inner.png) repeat-y center 0;
}

.top div#info div.odd{
	float:left;
	width:270px;
}

.top div#info div.odd h2 {
	margin:-86px 0 3px -8px;
	_margin:0 0 3px -8px;
	height: 130px;
	position: relative;
}

.top div#info div.odd div#animation_info {
	position: absolute;
	left: 0;
	top: 0;
}

.top div#info div.odd section#report {
	margin-bottom:10px;
}

.top div#info div.odd section#report ul li {
	margin-bottom: 15px;
}

.top div#info div.odd section#report ul li article {

}

.top div#info div.odd section#report ul li article div.odd {
	float:left;
	margin-right:10px;
	position:relative;
	width: 100px;
}

.top div#info div.odd section#report ul li article div.odd p.icon {
	position:absolute;
	left:-6px;
	top:69px;
}

.top div#info div.odd section#report ul li article div.even {
	float:left;
	width: 150px;
}

.top div#info div.odd section#movie {

}

.top div#info div.odd section#movie article,
.top div#info div.even section#gourmet article{
	margin-bottom: 10px;
}

.top div#info div.odd section#movie article h3 a,
.top div#info div.even section#gourmet article h3 a {
	color: #BAE3F9;
}

.top div#info div.odd section#movie h2 {
	margin:0 0 3px;
	background:url(/images/img_movie.png) no-repeat 0 0;
	width:276px;
	padding:61px 0 72px;
	text-align:center;
}

.top div#info div.even section#gourmet h2 {
	margin:0 0 3px;
	background:url(/images/img_gourmet.png) no-repeat 0 0;
	width:272px;
	padding:65px 0 85px;
	text-align:center;
}

.top div#info div.even{
	float:right;
	width:270px;
}

.top div#info div.even section#comic {
	margin-top:-15px;
	margin-bottom:10px;
	position:relative;
}

.top div#info div.even section#comic p.btn_continue {
	text-align: center;
	margin-bottom: 10px;
}

.top div#info div.even section#comic h3 {
	margin-bottom:7px;
	text-align:left;
	height:70px;
	overflow:hidden;
	width:278px;
	position: relative;
}

.top div#info div.even section#comic h3 div#animation_comic {
	padding: 32px 0 0 156px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.top div#info div.even section#comic p.ph {
}

.top div#info div.even section#comic .imgBox {
	margin-bottom:10px;
	overflow:hidden;
}

.top div#info div.even section#comic p.img-mask {
	position:absolute;
	left:0;
	top:330px;
}

/* Twitter / Data
========================== */
.top .tw_data {
	margin-bottom: 20px;
}

.top .tw_data p.data {
	float: right;
}

/* Twitter
========================== */
.top div#twitter {
	width: 300px;
	float: left;
	margin-right: 0px;
	_overflow: hidden;
}

.top div#twitter section#tw_nameko,
.top div#twitter section#tw_hash {
	padding: 15px;
	background: #72211d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.top div#twitter section#tw_nameko {
	background: #72211d;
}

.top div#twitter section#tw_hash {
	background: #999999;
}

.top div#twitter section#tw_nameko h2,
.top div#twitter section#tw_hash h2 {
	margin: -20px 0 0 -15px;
	position: relative;
}

.top div#twitter section#tw_nameko h2 div,
.top div#twitter section#tw_hash h2 div {
	position: absolute;
	left: 0;
	top: 0;
}

.top div#twitter section#tw_nameko h2 {
	height: 62px;
	_overflow: hidden;
}

.top div#twitter section#tw_hash h2 {
	height: 65px;
	_overflow: hidden;
}

.top div#twitter section#tw_nameko div.timeline,
.top div#twitter section#tw_hash div.timeline {
	margin-bottom: 10px;
}

.top div#twitter section#tw_nameko p.btn_follow {
	text-align: center;
}

/* Banner
========================== */
.top div#banner {
	border: solid 3px #000000;
	padding:7px 0 25px 25px;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.top div#banner h2 {
	margin-bottom:5px;
	position: relative;
	height: 48px;
}

.top div#banner h2 div#animation_link {
	position: absolute;
	left: 0;
	top: 0;
}

.top div#banner ul li {
	margin-bottom: 20px;
	float: left;
	margin-right: 24px;
}

.top div#banner ul li:last-child {
	margin-bottom:0px;
}

/* ====================================================
3. Detail Page （ブログ一覧ページ、静的ページ）
==================================================== */

/* content
========================== */
div#content {
	width:620px;
	float:right;
	padding-top:80px;
	overflow: hidden;
}

div#content p {
	font-size: 116.67%; /* 14px */
	line-height: 1.8571;
}

.detail div#content {
	width:560px;
	float:right;
	padding:27px;
	margin-top:80px;
	border: solid 3px #000000;
/*	background-color: rgba(255,255,255,0.9);*/
	background: url(../img/bg_IE_wh90.png);
	/background: url(../img/bg_IE_wh90.png); /*IE6,7*/
	background: url(../img/bg_IE_wh90.png)\9; /*IE8*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.detail div#content h1 {
	padding:10px 21px;
	border: solid 3px #000000;
/*	background-color: rgba(255,255,255,1);*/
	background-color: #ffffff;
	/background-color: #ffffff; /*IE6,7*/
	background-color: #ffffff\9; /*IE8*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:20px;
	font-size:22px;
	font-weight:bold;
	color:#000;
}

.detail div#content h1.fullimage {
	padding: 0;
	border: none;
}

.detail div#content p.lead {
	margin-bottom:28px;
}

.detail div#content section.pagenav ul {
    list-style-type:none;
    position:relative; /*センタリング処理*/
    float:left;
    left:50%;
    margin:0;
    padding:0;
}

.detail div#content section.pagenav ul li {
    position:relative;
    float:left;
    left:-50%;
    padding:5px;
}


/* contact
========================== */

/* contact form */
.contact div#content p {
	font-size: 116.67%; /* 14px */
	line-height: 1.8571;
}
.contact div#content p.lead {
	margin-bottom: 20px;
}
.contact div#content p.privacy {
	margin-bottom: 25px;
}
.contact div#content form ul.inq {
	margin-bottom: 30px;
}
.contact div#content form ul.inq li {
	margin-bottom: 7px;
	position: relative;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.0;
}
.contact div#content form ul.inq .radio {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.contact div#content form ul.inq label {
	padding-top: 5px;
	padding-left: 33px;
	min-height: 18px;
	display: inline-block;
	background-image: url('/contact/images/bg_checkbox.png');
	background-repeat: no-repeat;
	background-position: 2px 0;
}
html.ie6 .contact div#content form ul.inq label {
	height: 18px;
}
.contact div#content form ul.inq label.RadioSelected {
	background-position: 2px 100%;
}
.contact div#content form dl {
	margin-bottom: 15px;
	font-size: 116.667%; /* 14px */
}
.contact div#content form dt {
	margin-bottom: 5px;
	color: #333333;
	font-weight: bold;
}
.contact div#content form dt .required,
.contact div#content form dt .note {
	color: #eb2b3a;
}
.contact div#content form dl.input_text input {
	margin: 0;
	padding: 0 15px;
	border: 0;
	width: 235px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: url('/contact/images/bg_input.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contact div#content form dl.input_text input.focus {
	background-position: 0 -35px;
}
.contact div#content form dl.textarea textarea {
	margin: 0;
	padding: 15px;
	border: 0;
	width: 530px;
	height: 215px;
	overflow: auto;
	resize: none;
	background: url('/contact/images/bg_textarea.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contact div#content form dl.textarea textarea.focus {
	background-position: 0 -245px;
}
.contact div#content form dl.textarea .note {
	padding-left: 1em;
}
.contact div#content form .btn_confirm {
	text-align: center;
}
.contact div#content form p.btn_confirm input {
	padding-top: 35px;
	width: 156px;
	height: 0;
	/height: 35px;
	border: 0;
	overflow: hidden;
	background: url('/contact/images/btn_confirm.png') no-repeat 0 0;
	cursor: pointer;
}
.contact div#content .en form p.btn_confirm input {
	background: url('/en/contact/images/btn_confirm.png') no-repeat 0 0;
}

/* confirm */
.contact div#content .confirm_content {
	margin-top: -5px;
	margin-bottom: 20px;
	border: solid 2px #000;
	color: #000;
	background-color: #fff;
}
.contact div#content .confirm_content dl {
	width: 100%;
	border-bottom: dashed 1px #000;
}
.contact div#content .confirm_content dl.last_child {
	border-bottom: none;
}
.contact div#content .confirm_content dl dt,
.contact div#content .confirm_content dl dd {
	padding: 10px;
	float: left;
}
.contact div#content .confirm_content dl dt {
	width: 148px;
}
.contact div#content ul.btn_confirm {
	position: relative;
	top: 0;
	left: 0;
}
.contact div#content ul.btn_confirm li.btn_submit {
	padding-left: 203px;
}
.contact div#content ul.btn_confirm li.btn_submit input.submit {
	padding-top: 35px;
	width: 156px;
	height: 0;
	/height: 35px;
	border: 0;
	overflow: hidden;
	background: url('/contact/images/btn_submit.png') no-repeat 0 0;
	cursor: pointer;
}
.contact div#content .en ul.btn_confirm li.btn_submit input.submit {
	background: url('/en/contact/images/btn_submit.png') no-repeat 0 0;
}
.contact div#content ul.btn_confirm li.btn_back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.contact div#content ul.btn_confirm li.btn_back input.submit {
	padding-top: 35px;
	width: 156px;
	height: 0;
	/height: 35px;
	border: 0;
	overflow: hidden;
	background: url('/contact/images/btn_back.png') no-repeat 0 0;
	cursor: pointer;
}
.contact div#content .en ul.btn_confirm li.btn_back input.submit {
	background: url('/en/contact/images/btn_back.png') no-repeat 0 0;
}

/* about
========================== */
.about div#content #apps p.lead {
	background: #f2e5d0;
	padding: 10px 0;
	text-align: center;
	font-size: 130%;
	line-height: 1.4;
}
.about div#content #apps #appsBody {
	width: 542px;
	margin: 30px auto 0 auto;
}
.about div#content #apps #appsBody ul li.appItem {
	margin-bottom: 10px;
}
.about div#content #apps #appsBody figure {
	float: left;
	width: 180px;
	margin-right: 10px;
}
.about div#content #apps #appsBody div.text {
	float: left;
	width: 212px;
	margin-right: 10px;
	margin-top: 14px;
}
.about div#content #apps #appsBody div.text h3 {
	margin-bottom: 16px;
}
.about div#content #apps #appsBody div.text p {
	font-size: 130%;
	line-height: 1.4;
}
.about div#content #apps #appsBody ul.store {
	float: left;
	width: 130px;
	margin-top: 50px;
}
.about div#content #apps #appsBody ul.store li.appstore {
	margin-bottom: 10px;
}
.about div#content #apps #appsBody p.detail {
	margin: 0 auto;
	width: 332px;
}
.about div#content #kaibou {
	width: 560px;
	height: 496px;
	position: relative;
	top: 0;
	left: 0;
	background: url('/about/images/bg_about.png') no-repeat 84px 49px;
}
.about div#content #kaibou dl.zunou {
	position: absolute;
	top: 0;
	left: 7px;
	z-index: 10;
}
.about_en div#content #kaibou dl.zunou {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 10;
}
.about div#content #kaibou dl.zunou dt {
	padding-left: 23px;
	padding-bottom: 12px;
}
.about div#content #kaibou dl.hanashi {
	position: absolute;
	top: 0;
	left: 380px;
	z-index: 10;
}

.about div#content #kaibou dl.hanashi_tw {
	position: absolute;
	top: 0;
	left: 360px;
	z-index: 10;
}

.about_en div#content #kaibou dl.hanashi {
	position: absolute;
	top: 0;
	left: 368px;
	z-index: 10;
}
.about div#content #kaibou dl.hanashi dd {
	padding-top: 14px;
	padding-left: 9px;
}

.about div#content #kaibou dl.hanashi_tw dd {
	padding-top: 14px;
	padding-left: 20px;
}

.about_en div#content #kaibou dl.hanashi dd {
	padding-top: 14px;
	padding-left: 21px;
}
.about div#content #kaibou dl.sawari {
	position: absolute;
	top: 230px;
	left: 190px;
	z-index: 10;
}
.about_en div#content #kaibou dl.sawari {
	position: absolute;
	top: 264px;
	left: 170px;
	z-index: 10;
}
.about div#content #kaibou dl.sawari dt {
	padding-bottom: 15px;
	padding-left: 15px;
}

.about div#content #kaibou dl.sawari dt.tw {
	padding-bottom: 0px;
	padding-left: 15px;
}

.about div#content #kaibou dl.sawari dt.kr {
	padding-bottom: 0px;
	padding-left: 15px;
}

.about div#content #kaibou figure.says {
	position: absolute;
	top: 270px;
	left: 367px;
	z-index: 10;
}
.about div#content #kaibou figure.says figcaption {
	padding-top: 6px;
	padding-left: 84px;
}
.about_en div#content #kaibou figure.says figcaption {
	padding-top: 6px;
	padding-left: 64px;
}
.about div#content #osawaritantei .txt {
	float: right;
	width: 240px;
}
.about div#content #osawaritantei .img {
	float: left;
}
.about div#content #osawaritantei .btn {
	padding-top: 20px;
	text-align: center;
}
.about div#content #osawaritantei_hajimete .txt {
	padding-right: 320px;
	width: 240px;
	min-height: 293px;
	background: url('/about/images/img_about_or_ayasii.png') no-repeat 100% 0;
}
html.ie6 .about div#content #osawaritantei_hajimete .txt {
	height: 293px;
}
.about div#content #osawaritantei_hajimete .btn {
	padding-top: 20px;
	text-align: center;
}
.about div#content #details {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/* news
========================== */
.news div#content {

}

.news div#content section.posts {

}

.news div#content section.posts ul {

}

.news div#content section.posts ul li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dashed 1px #000;
}

.news div#content section.posts ul li article {

}

.news div#content section.posts ul li article div.odd {
	position:relative;
	float:left;
	width:160px;
}

.news div#content section.posts ul li article div.odd p.icon {
	position:absolute;
	left:-11px;
	top:130px;
	z-index:10;
}

.news div#content section.posts ul li article div.odd p.ph {

}

.news div#content section.posts ul li article div.even {
	float:right;
	width:385px;
}

.news div#content section.posts ul li article div.even p.date {
	font-size:20px;
}

.news div#content section.posts ul li article div.even h3 {
	font-size:20px;
}

.news div#content section.posts ul li article div.even p.lead{

}


/* goods
========================== */
.goods div#content {

}

.goods div#content section.thum {
	border-bottom:dashed 1px #000;
	margin-bottom:20px;
}

.goods div#content section.thum ul {
	padding:0 10px;
}

.goods div#content section.thum ul li {
	float:left;
	width:160px;
	margin-right:27px;
	margin-bottom:25px;
}

.goods div#content section.thum ul li p.ph {
	margin-bottom:5px;
}

.goods div#content section.pagenav {
    position:relative;
    overflow:hidden;
}
.goods section article h3 {
	min-height: 40px;
}

/* app
========================== */
.app div#content {

}

.app div#content article.post {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom: 1px dashed #000000;

}

.app div#content article.post section.post_header {
	margin-bottom:20px;
}

.app div#content article.post section.post_header .title {
	margin-bottom:20px;
}

.app div#content article.post section.post_header .title p.ph {
	float:left;
	margin-right:20px;
}

.app div#content article.post section.post_header .title h2 {
	float:left;
	width:440px;
}

.app div#content article.post section.post_header .title h2 span{
	font-size:20px;
}

.app div#content article.post section.post_header ul.icon {
	margin-bottom: 20px;
}

.app div#content article.post section.post_header ul.icon li {
	float:left;
	margin-right:4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:solid 1px #999999;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
	padding:4px;
	width:80px;
	text-align:center;
}

.app div#content article.post section.post_header ul.icon li.ds {
	border:solid 1px #ee87b4;
	background-color:#ee87b4;
	color:#ffffff;
}

.app div#content article.post section.post_header ul.icon li.iphone {
	border:solid 1px #787878;
	background-color:#787878;
	color:#ffffff;
}

.app div#content article.post section.post_header ul.icon li.android {
	border:solid 1px #abcc04;
	background-color:#abcc04;
	color:#ffffff;
}


.app div#content article.post section.post_header p.movie {
	margin-bottom:20px;
}

.app div#content article.post section.post_header .imglist_store {
}

.app div#content article.post section.post_header .imglist_store .imglist {
	width:390px;
	float:left;
}

.app div#content article.post section.post_header .imglist_store .imglist {
	margin-bottom:15px;
	position: relative;
	top: 0;
	left: 0;
	width:390px;
}

.app div#content article.post section.post_header .imglist_store .imglist .frame {
	width:390px;
	height:390px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.app div#content article.post section.post_header .imglist_store .imglist ul.image {
	width: 5000px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.app div#content article.post section.post_header .imglist_store .imglist ul.image li {
	float: left;
}

.app div#content article.post section.post_header .imglist_store .imglist .prevNext {
	width: 390px;
	height: 390px;
	position: absolute;
	top: 0;
	left: 0;
}

.app div#content article.post section.post_header .imglist_store .imglist .prev,
.app div#content article.post section.post_header .imglist_store .imglist .next {
	line-height: 1.0;
	z-index: 100;
	position: absolute;
	top: 50%;
	text-indent: -9999px;
	padding:0;
	margin:0;
	border:none;
}

.app div#content article.post section.post_header .imglist_store .imglist .prev {
	left: 10px;
}

.app div#content article.post section.post_header .imglist_store .imglist .prev span {
	background:url(/app/images/btn_imglist_back.png) no-repeat 0 0;
	width:19px;
	height:23px;
}

.app div#content article.post section.post_header .imglist_store .imglist .next {
	right: 10px;
}

.app div#content article.post section.post_header .imglist_store .imglist .next span {
	background:url(/app/images/btn_imglist_next.png) no-repeat 0 0;
	width:19px;
	height:23px;
}


.app div#content article.post section.post_header .imglist_store .imglist .prev span,
.app div#content article.post section.post_header .imglist_store .imglist .next span {
	display: block;
	cursor: pointer;
}

.app div#content article.post section.post_header .imglist_store .imglist .indicator {
	line-height: 1.0;
	text-align: center;
	padding-top:10px;
}

.app div#content article.post section.post_header .imglist_store .imglist .indicator span {
	background:url(/app/images/icon_imglist.png) no-repeat 0 0;
	width:10px;
	height:10px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.0;
	text-indent: -9999px;
	display: inline-block;
	cursor: pointer;
}

.app div#content article.post section.post_header .imglist_store .imglist .indicator span.current {
	background-position:  0 -10px;
	font-weight: bold;
}

.app div#content article.post section.post_header .imglist_store ul.store {
	width:130px;
	float:right;
}

.app div#content article.post section.post_header .imglist_store ul.store li {
	margin-bottom:10px;
}

.app div#content article.post section.post_body {
	margin-bottom:20px;
	border:none;
	font-size: 116.667%; /* 14px */
}

.app div#content article.post p.btn_specialsite {
	text-align:center;
}




/* freebie
========================== */
.freebie div#content {

}

.freebie div#content article.post section.post_body ul.imglist_03 {
	padding: 0 10px;
}

.freebie div#content article.post section.post_body ul.imglist_03 li {
	float:left;
	margin-right:30px;
	margin-top:30px;
}

.freebie div#content article.post section.post_body ul.imglist_03 li p {
	margin-bottom: 5px;
}

.freebie div#content article.post section.post_body ul.imglist_03 li dt {
	font-weight: bold;
}

.freebie div#content article.post section.post_body ul.imglist_05 {
}

.freebie div#content article.post section.post_body ul.imglist_05 li {
	float:left;
	margin-right:13px;
	margin-bottom:15px;
}

.freebie div#content article.post section#tw_account {
	border: none;
	margin-bottom: 0;
}

.freebie section#tw_account dl {
	margin-bottom: 20px;
}

.freebie section#tw_account dl dt,
.freebie div#content dl.caution dt {
	font-size: 116.667%;
	color: #333333;
	font-weight: bold;
}

.freebie section#tw_account dl dt {
	margin-bottom: 3px;
}

.freebie div#content dl.caution dt {
	margin-bottom: 10px;
}


.freebie section#tw_account dl dd,
.freebie div#content dl.caution dd {
	margin-bottom: 5px;
}


/* info
========================== */
.info div#content {

}


/* press
========================== */
.press div#content {

}

.press div#content p {
	margin-bottom: 20px;
}

.press div#content p.btn_contact {
	text-align: center;
	margin-bottom: 0;
}


/* contact
========================== */
.contact div#content {

}


/* []
========================== */
. div#content {

}




/* ====================================================
4. Post Page （ブログ詳細ページ）
==================================================== */


/* 共通スタイル
========================== */
div#content article.post {

}

div#content article.post section.post_header {
	margin-bottom:20px;
	padding-top: 20px;
	border-top: 1px dashed #000;
}

div#content article.post section.post_header p.date {
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}

div#content article.post section.post_header p.date span {
	margin-left:10px;
}

div#content article.post section.post_header p.date img {
	vertical-align:middle;
}

div#content article.post section.post_header h2 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:5px;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	color:#d1c0a5;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE10 */
	div#content article.post section.post_header h2 {
		color:#d1c0a5 !important;
	}
}
div#content article.post ul.share {

}

div#content article.post ul.share li {
	float:left;
	display: inline;
	margin-right:5px;
}

.goods_post div#content article.post .post_header ul.share li.twitter{

}

.goods_post div#content article.post .post_header ul.share li.fb_like{

}

.goods_post div#content article.post .post_header ul.share li.mx_like{
	/clear: both;
	/margin-left: auto;
	/float: left;
	/margin-top: 2px;
}

.goods_post div#content article.post .post_header ul.share li.gree_like{
	/;/*IE6,7*/
	/margin-top: 3px;
	/margin-right: 5px;
}


.goods_post div#content article.post .post_footer ul.share li.twitter{
	/;/*IE6,7*/
}

.goods_post div#content article.post .post_footer ul.share li.fb_like{
	/;/*IE6,7*/
}

.goods_post div#content article.post .post_footer ul.share li.mx_like{
	/;/*IE6,7*/
}

.goods_post div#content article.post .post_footer ul.share li.gree_like{
	/;/*IE6,7*/
}


div#content article.post ul.share li {
	float:left;
	display: inline;
	margin-right:5px;
}


div#container div#sidebar .share{

}


div#container #share_footer {
	width:940px;
	margin:0 auto;
}


div#container #share_footer ul {
	float:left;
}

div#container #share_footer ul.share li {
	float:left;
	display: inline;
	margin-right:5px;
	margin-bottom:10px;
}


div#content article.post section.post_body {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:dashed 1px #000;
}

div#content article.post section.post_fotter {
	margin-bottom:40px;
}

div#content article.post section.post_fotter ul.backnext {
	margin:20px 0;
}

div#content article.post section.post_fotter ul.backnext li {

}

div#content article.post section.post_fotter ul.backnext li.back {
	float:left;
}

div#content article.post section.post_fotter ul.backnext li.next {
	float:right;
}


/* goods_post
========================== */
.goods_post div#content {

}

.goods_post div#content article.post section.post_header {

}

.goods_post div#content article.post section.post_header p.ph {
	float:left;
	width:240px;
}

.goods_post div#content article.post section.post_header div.title {
	float:right;
	width:300px;
}

.goods_post div#content article.post section.post_body {
	padding-bottom:0;
}

.goods_post div#content article.post section.post_body ul.imglist_05 {
	margin:20px 0 0;
}

.goods_post div#content article.post section.post_body ul.imglist_05 li {
	float:left;
	margin-right:13px;
	margin-bottom:15px;
}

.goods_post div#content article.post section.contact {
	border: solid 3px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goods_post div#content article.post section.contact dl {

}

.goods_post div#content article.post section.contact dl dd,
.goods_post div#content article.post section.contact dl dt {
	padding:10px;
}

.goods_post div#content article.post section.contact dl dt {
	background:#fffcdb;
	border-bottom:dashed 1px #000;
}

.goods_post div#content article.post section.contact dl dd {
	background:#ffffff;
}


/* news_post
========================== */
.news_post div#content article.post section.latest_post {
	border: solid 3px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.news_post div#content article.post section.latest_post dl {

}

.news_post div#content article.post section.latest_post dt {
	padding:10px;
	background:#fdeff5;
	font-size:16px;
	color:#000;
	font-weight:bold;
}

.news_post div#content article.post section.latest_post dd {
	border-top:dashed 1px #000;
	padding:10px;
	background:#ffffff;
}

.news_post div#content article.post section.latest_post dd p.date {
	font-size:16px;
	line-height:16px;
	float:left;
	width:;
	margin-right:10px;
	padding:3px;
}

.news_post div#content article.post section.latest_post dd p.icon {
	float:left;
	margin-right:5px;
}

.news_post div#content article.post section.latest_post dd h3 {
	font-size:16px;
	line-height:16px;
	float:left;
	width:;
	padding:3px;
}







/* ====================================================
5. Common parts
==================================================== */

section article p.date {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	margin-bottom:2px;
}

section article h3 {
	font-size:13px;
	margin-bottom: 5px;
	line-height: 1.385;
}

section article h3 a:link {
	font-weight:bold;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	color:#BAE3F9;
	text-decoration: none;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:visited {
	font-weight:bold;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	color:#BAE3F9;
	text-decoration: none;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:hover {
	font-weight:bold;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	color:#BAE3F9;
	text-decoration: underline;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:active {
	font-weight:bold;
	/color:#000000!important; /*IE6,7*/
	color:#000000\9!important; /*IE8*/
	color:#BAE3F9;
	text-decoration: none;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE10 */
	section article h3 a:link {
		color:#BAE3F9!important; /*IE10*/
	}
	section article h3 a:visited {
		color:#BAE3F9!important; /*IE10*/
	}
	section article h3 a:hover {
		color:#BAE3F9!important; /*IE10*/
	}
	section article h3 a:active {
		color:#BAE3F9!important; /*IE10*/
	}
}
div#content section article p.lead {
	font-size:11px;
	line-height: 1.454;
	text-align:justify;
}

section p.btn_more {
	text-align:right;
}

section p.btn_more a {
	background: url(../img/icon_arrow.png) no-repeat 0 center;
	padding-left:16px;
	color: #e4007f;
}

p.pagetop {
	position: fixed;
	_position: absolute;
	right: 10px;
	bottom: -50px;
}

.mask100 img {
	-webkit-mask-image: url(../img/img_mask100.png);
	-webkit-mask-repeat: no-repeat;
	z-index:1;
}

.mask160 img {
	-webkit-mask-image: url(../img/img_mask160.png);
	-webkit-mask-repeat: no-repeat;
	z-index:1;
}

div#content h2.icon_nameko {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 34px;
	min-height: 32px;
	color: #543429;
	background: url('/about/images/icon_nameko.png') no-repeat 0 0;
	font-size: 250%;
	font-weight: bold;
	line-height: 1.1;
}
html.ie6 div#content h2.icon_nameko {
	height: 32px;
}

a.newwin {
	background: url(../img/icon_newwin.png) no-repeat 0 center;
	padding:3px 0 3px 20px;
}

div#content p.caption {
	font-size: 12px;
}

.linkbox {
	cursor: pointer;
}


/* ====================================================
6. Press download
==================================================== */

.download {
	height:150px;
}

.press div#content div#pressform {
	margin-bottom: 15px;
	font-size: 116.667%; /* 14px */
}


.press div#content div#pressform form input#name{
	margin: 0;
	padding: 0 15px;
	border: 0;
	width: 235px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: url('/contact/images/bg_input.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.press div#content div#pressform form input#name {
	margin-bottom: 20px;
	font-size: 116.667%; /* 14px */
	font-weight: bold;
}

.press div#content div#pressform span{
	font-weight: bold;
/*	color: #eb2b3a;*/
	padding-left: 1em;
}

.download_after{
	margin-bottom: 15px;
	font-size: 116.667%; /* 14px */
	font-weight: bold;
}

.press div#content div#pressform form#frm input.focus {
	background-position: 0 -35px;
}


/* ====================================================
7. Calendar
==================================================== */
#calendar {
   margin-bottom: 20px;
    color: #444444;
    background-color: none;
}
caption.calendarhead {
    padding-bottom: 8px;
	padding-left: 10px;
	padding-top: 5px;
    font-size: 150%;
    letter-spacing: 0.2em;
    background: url(/common/img/bg_calendar_02.png) no-repeat;
    display: block;
    color: #fff;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
    margin-left: 10px;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}
#calendarBody tr {
	height: 30px;
	display: table;
}
#calendarBody td {
	font-size: 150%;
	display: table-cell;
	text-align: center;
	width: 40px;
	line-height: 1.0;
	background-color: #f0edd5;
}

/*#calendarMid td.today div{
	border: 1px solid #444444;
}*/

#calendarBody tbody span {
	display: block;
	margin: 2px;
	padding: 5px 0 5px 0;
	width: 36px;
	color: #776147;
}
#calendarBody td.today {
	background-color: #ed0010;/*#4c2f0d;*/
}
#calendarBody tbody td.today span{
	margin: 2px;
	padding: 5px 0 5px 0;
	width: 36px;
}

#calendarBody tbody span{
background-color: #f0edd5;
}

#calendarBody span.event {
	background-color: #f3cc6f;
}
span.event a,
span.event a:visited {
	color: #776147;
	text-decoration: underline;
}

#calendarBody th {
	font-size: 150%;
	display: table-cell;
	text-align: center;
	width: 40px;
	line-height: 1.0;
	padding: 5px 0px 0px 0px;
}
#calendarMid {
	background: url(/common/img/bg_calendar_mid.png) repeat-y;
}
#firstRow {
	color: #fff;
	background: url(/common/img/bg_calendar_03.png) no-repeat;
	width: 280px;
}
#leftarrow {
	padding-right: 50px;
}
#rightarrow {
	padding-left: 50px;
}
.saturday {
	color: #7ecef4;
}
.sunday,
.holiday {
	color: #f9a4ca;
}
#calendarBody tbody span.holiday {
	color: #e34878;
}
span.sunday,
span.sunday a:link,
span.sunday a:visited,
span.holiday,
span.holiday a:link,
span.holiday a:visited {
    color: #e34878;
}
span.event .saturday {
	color: #7ecef4;
}

span.saturday,
span.saturday a:link,
span.saturday a:visited {
	color: #317392!important;
}

/* ====================================================
8. Event
==================================================== */
div#content #chosenDay {
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: dashed 1px #000;
	text-align: left;
}
ul.eventDate_ul {
	margin-bottom: 20px;
}
li.eventElement li.eventDate_li {
	font-weight: bold;
	font-size: 166.7%;
}
.news div#content section.posts ul li article div.even h3.eventName {
	font-size:30px;
	font-weight:bold;
	margin-bottom:5px;
	/color:#000000!important; /*IE6,7*/
	color: #000005 9!important; /*IE8*/
	color:#d1c0a5;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*IE10*/
	.news div#content section.posts ul li article div.even h3.eventName {
		color: #d1c0a5 !important;
	}
}

li.eventElement article h4 {
	font-weight: bold;
	font-size: 166.7%;
	margin-top: 20px;
}
li.eventElement p.eventDetail {
	margin-top: 10px;
	font-size: 116.67%;
}

.news div#content section.posts ul li.eventElement article div.even {
	width: 445px;
	float: right;
}
.news div#content section.posts ul li.eventElement article div.odd {
	width: 100px;
	float: left;
}
.news div#content section.posts ul li.eventElement ul li {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.news div#content section.posts ul li.eventElement {
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom: dashed 1px #000;
}
.news div#content section.posts ul.share li {
	float: left;
	display: inline;
	margin-right: 5px;
	border: none;
}
#content article.post section.post_body article div.odd {
	width: 100px;
	float: left;
}
#content article.post section.post_body article div.even {
	width: 445px;
	float: right;
}
#listarea .notevent {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.share .twitter_sharelist{
	width: 110px;
}
.share .facebook_sharelist {

}
.share .mixi_sharelist {

}
.share .gree_sharelist {
	width:80px;
}