@charset "utf-8";
@import url(css/reset.css);
@import url(css/common.css);
/*
Theme Name: Party Land
Theme URI: http://www.partyland.co.jp/
Author: Yusuke Nishiyama
Author URI: http://www.yuki-planning.co.jp/
Description: 
Version: 1.0
*/

/* ==========================================================================================
	--HOME
========================================================================================== */
/*	@Header
-------------------------------------------------------------------------------------------*/
body#hello header#header {margin-bottom: 0;}

/*	@Content
-------------------------------------------------------------------------------------------*/
body#hello div#content {float: none; width: 100%; margin: 0 0 10px;}
body#hello div#content .container {width: 100%; background-color: #fff;}

body#hello div#content aside#aside_widget {margin-bottom: 10px;}
body#hello div#content aside#aside_widget #slide {float: left; width: 615px; height: 322px; margin-right: 10px;}
body#hello div#content aside#aside_widget ul {float: left; margin-top: -4px; overflow: hidden;}
body#hello div#content aside#aside_widget ul li {padding-top: 4px; background: url(images/dot_00a63c.png) no-repeat left top;}

body#hello div#content div.container section {float: left; width: 274px; min-height: 449px; height: auto !important; height: 449px; margin-right: 9px;}
body#hello div#content div.container section .action {font-size: 12px; font-weight: bold;}
body#hello div#content div.container section .action a {color: #595757;}
body#hello div#content div.container section .action a:hover {color: #000;}
body#hello div#content div.container section > p,
body#hello div#content div.container section * p {color: #595757; font-size: 10px;}

body#hello div#content div.container section#section_news {background: url(images/index_news_bg.png) no-repeat left bottom;}
body#hello div#content div.container section#section_news div {height: 385px; padding: 0 24px 0 20px; overflow: auto;}
body#hello div#content div.container section#section_news div article {margin-top: 12px; padding-top: 12px; border-top: 1px dotted #9fa0a0;}
body#hello div#content div.container section#section_news div article:first-child,
body#hello div#content div.container section#section_news div article.first-child {margin-top: 0; border: none;}
body#hello div#content div.container section#section_news div article time {margin-bottom: 5px; color: #231815; font-weight: bold;}
body#hello div#content div.container section#section_news div article h3 {margin-bottom: 5px;}
body#hello div#content div.container section#section_news div article a h3 {color: #e84709;}
body#hello div#content div.container section#section_news div article a:hover {text-decoration: none;}
body#hello div#content div.container section#section_news div article a:hover h3 {text-decoration: underline;}
body#hello div#content div.container section#section_news div article a:hover p {color: #000;}
body#hello div#content div.container section#section_news div article p {color: #595757; font-size: 11px; line-height: 1.5;}
body#hello div#content div.container section#section_news p.action {padding: 0 24px 0 20px; text-align: right;}

body#hello div#content div.container section#section_intro {}
body#hello div#content div.container section#section_intro h2 {display: none;}
body#hello div#content div.container section#section_intro ul {margin-top: -10px; overflow: hidden;}
body#hello div#content div.container section#section_intro ul li {margin-top: 10px;}

body#hello div#content div.container section#section_blog {width: 267px; min-height: 374px; height: auto !important; height: 374px; margin: 0 0 10px; background: url(images/index_blog_bg.png) no-repeat left bottom;}
body#hello div#content div.container section#section_blog div {height: 304px; padding: 10px 4px 0 0; overflow: auto;}
body#hello div#content div.container section#section_blog div article {height: 64px; padding: 5px 15px 5px 85px; overflow: hidden;}
body#hello div#content div.container section#section_blog div article.odd {background-color: #e5e5e6;}
body#hello div#content div.container section#section_blog div article.even {}
body#hello div#content div.container section#section_blog div article h3 {position: relative; font-size: 11px;}
body#hello div#content div.container section#section_blog div article h3 img {position: absolute; left: -72px; top: 0; width: 63px; height: 63px;}
body#hello div#content div.container section#section_blog div article.namba a h3 {color: #c50080;}
body#hello div#content div.container section#section_blog div article.mihama a h3 {color: #e84709;}
body#hello div#content div.container section#section_blog div article.makishi a h3 {color: #44af35;}
body#hello div#content div.container section#section_blog div article a:hover {text-decoration: none;}
body#hello div#content div.container section#section_blog div article a:hover h3 {text-decoration: underline;}
body#hello div#content div.container section#section_blog div article a:hover p {color: #000;}
body#hello div#content div.container section#section_blog div article time {font-size: 10px;}
body#hello div#content div.container section#section_blog div article p {}
body#hello div#content div.container section#section_blog dl.action {text-align: center;}
body#hello div#content div.container section#section_blog dl.action dt {display: inline; color: #e95504;}
body#hello div#content div.container section#section_blog dl.action dd {display: inline; padding: 0 0.4em; border-left: 1px solid #595757;}
body#hello div#content div.container section#section_blog dl.action dd.first {border: none;}

body#hello div#content div.container section#section_blog ul.action {text-align: center;}
body#hello div#content div.container section#section_blog ul.action li {display: inline; padding: 0 0.5em; border-left: 1px solid #595757;}
body#hello div#content div.container section#section_blog ul.action li:first-child,
body#hello div#content div.container section#section_blog ul.action li.first-child {border: none;}

/* ==========================================================================================
	--WHAT'S PARTYLAND?
========================================================================================== */
body#what div#content section article {min-height: 642px; height: auto !important; height: 642px; padding: 64px 0 0 64px; background: #fdfcdf url(images/what_bg.png) no-repeat left top;}
body#what div#content section article h2 {margin-bottom: 37px;}

/* ==========================================================================================
	--HEALTHY & BEAUTY
========================================================================================== */
body#hb div#content section article {min-height: 824px; height: auto !important; height: 824px; padding: 52px 0 20px 46px; background-color: #3ba12e;}
body#hb div#content section article section {}
body#hb div#content section article section h3 {margin-bottom: 15px;}
body#hb div#content section article section p {padding-left: 20px;}

body#hb div#content section article section.first {margin: -30px 0 22px;}
body#hb div#content section article section.first h3 {}
body#hb div#content section article section.second {margin-bottom: 5px;}
body#hb div#content section article section.second h3 {}
body#hb div#content section article section.third {}
body#hb div#content section article section.third h3 {}

/* ==========================================================================================
	--LETS ENJOY!
========================================================================================== */
body#enjoy div#content section ol.container {min-height: 840px; height: auto !important; height: 840px; padding: 36px 0 0 48px;}
body#enjoy div#content section ol li.first {}
body#enjoy div#content section ol li.second {margin: -69px 0 0 164px;}
body#enjoy div#content section ol li.third {margin-top: -119px;}
body#enjoy div#content section ol li.fourth {margin: 19px 0 0 123px;}

/* ==========================================================================================
	--MENU
========================================================================================== */
body#menu div#content section div {width: 552px; margin: 0 auto;}
body#menu div#content section section {margin-bottom: 17px; overflow: hidden;}
body#menu div#content section section ul {overflow: hidden;}
body#menu div#content section section ul li {float: left;}
body#menu div#content section section section {float: left; width: 277px; margin-bottom: 8px;}
body#menu div#content section section section#section_dried {width: 275px;}
body#menu div#content section section p.last {clear: left; text-align: right;}

/* ==========================================================================================
	--STORE
========================================================================================== */
body#store div#content section div.container {width: 540px; padding: 20px;}
body#store div#content section section {margin-top: 40px;}
body#store div#content section section:first-child,
body#store div#content section section.first-child {margin-top: 0;}
body#store div#content section section div {position: relative; width: 100%; margin-top: 10px; overflow: hidden;}
body#store div#content section section div:first-child,
body#store div#content section section div.first-child {margin-top: 0;}
body#store div#content section section figure {float: left; margin-right: 13px;}
body#store div#content section section h2 {margin-bottom: 10px; color: #e95504; font-size: 18px;}
body#store div#content section section p {margin-bottom: 0.5em; line-height: 1.3;}
body#store div#content section section p span {}
body#store div#content section section p span.off {}
body#store div#content section section p strong {color: #e84709;}
body#store div#content section section p.action {position: absolute; left: 213px; bottom: 0; margin-bottom: 0;}
body#store div#content section p.contact {margin-top: 30px;}

/* ==========================================================================================
	--NEWS
========================================================================================== */
body#news div#content section div.container {width: 534px; padding: 20px 18px 20px 28px;}
body#news div#content section ul.articles,
body#news div#content section article {float: left; width: 310px; margin-right: 20px;}
body#news div#content section ul.articles li {margin-bottom: 0.8em;}
body#news div#content section ul.articles li time {color: #e95504; font-weight: bold;}
body#news div#content section ul.articles li p {margin-left: 10px; padding: 0.8em 0; border-bottom: 1px dotted #000;}
body#news div#content section ul.articles li p:last-child {padding-left: 10px; margin-left: 0;}

body#news div#content section aside {float: left; width: 204px; padding-bottom: 5px; background: url(images/dot_009e3b_h.png) no-repeat center bottom;}
body#news div#content section aside div {padding: 15px; background: #fff url(images/dot_009e3b_v_02.png) repeat-y center top;}
body#news div#content section aside section {margin-top: 25px;}
body#news div#content section aside section:first-child,
body#news div#content section aside section.first-child {margin-top: 0;}
body#news div#content section aside section h3 {margin-bottom: 1em; color: #e95504; font-size: 14px;}
body#news div#content section aside section ul {}
body#news div#content section aside section ul li {margin-top: 6px; padding-left: 1.2em; background: url(images/icon_009e3b.png) no-repeat left 2px; line-height: 1.4;}
body#news div#content section aside section ul li:first-child,
body#news div#content section aside section ul li.first-child {margin-top: 0;}

body#news div.wp-pagenavi {}
body#news div.wp-pagenavi a,
body#news div.wp-pagenavi span {display: inline-block; margin-right: 2px; padding: 2px 5px; background-color: #fff;}
body#news div.wp-pagenavi span.extend {background: transparent;}
body#news div.wp-pagenavi a {border: 1px solid #e84709;}
body#news div.wp-pagenavi a:hover {background-color: #e84709; color: #fff; text-decoration: none;}
body#news div.wp-pagenavi span.current {border: 1px solid #e84709; background-color: #e84709; color: #fff; font-weight: bold;}

/* detail */
body#news div#content section article header {margin-bottom: 25px; color: #e95504; font-weight: bold;}
body#news div#content section article header h1 {margin-bottom: 5px; padding-bottom: 2px; border-bottom: 3px dotted #e95504; font-size: 18px; line-height :1.5;}
body#news div#content section article div {width: 100%; margin-bottom: 20px; overflow: hidden;}
body#news div#content section article div p,
body#news div#content section article div img {margin-bottom: 1.5em; line-height: 1.6;}
body#news div#content section article footer {clear: both; text-align: center;}
body#news div#content section article footer p {}
body#news div#content section article footer p a {display: inline-block; margin: 0 1em 1em; color: #e95504;}

/* ==========================================================================================
	--TAKE OUT
========================================================================================== */
body#takeout div#content section article {}
body#takeout div#content section article h2 {display: none;}
body#takeout div#content section article p {}

/* ==========================================================================================
	--FRANCHISE
========================================================================================== */
body#franchise div#content section .container {width: 530px; padding: 20px 25px;}
body#franchise div#content section section h2 {margin-bottom: 20px;}
body#franchise div#content section section p {margin-bottom: 20px;}
body#franchise div#content section section p.action {margin-bottom: 0; text-align: center;}
body#franchise div#content section section ol {margin-bottom: 40px;}
body#franchise div#content section section ol li {margin-top: 13px; padding-top: 24px; background: url(images/franchise_arrow_bottom.png) no-repeat center top;}
body#franchise div#content section section ol li:first-child,
body#franchise div#content section section ol li.first-child {margin-top: 0; padding-top: 0; background: none;}

/* ==========================================================================================
	--CORPORATE
========================================================================================== */
body#corporate div#content section div.container {width: 530px; padding: 20px 25px;}
body#corporate div#content section section {margin-bottom: 50px;}
body#corporate div#content section section h2 {margin-bottom: 20px; padding-bottom: 5px; border-bottom: 3px dotted #e95504;}
body#corporate div#content section section p {line-height: 1.6;}
body#corporate div#content section section div {margin-top: 20px; overflow: hidden;}
body#corporate div#content section section section {margin: 0;}
body#corporate div#content section section p.action-head {position: absolute; right: 0; top: -10px;}
body#corporate div#content section section p.action-foot {margin-top: 20px; text-align: right;}
body#corporate div#content section section.box {margin-bottom: 0;}

body#corporate div#content section section.first {}
body#corporate div#content section section.first h3 {margin-bottom: 20px;}
body#corporate div#content section section.first p {}


body#corporate div#content section section.second {}
body#corporate div#content section section.second section {float: left; width: 180px; height: 99px; padding: 15px 15px 0 60px; background: url(images/corporate_02_bg.png) no-repeat left top;}
body#corporate div#content section section.second section.one {margin: 0 15px 8px 0; background-position: 0 0;}
body#corporate div#content section section.second section.two {margin-bottom: 8px; background-position: -255px 0;}
body#corporate div#content section section.second section.three {margin-right: 15px; background-position: 0 -114px;}
body#corporate div#content section section.second section.four {background-position: -255px -114px;}
body#corporate div#content section section.second section h3 {margin-bottom: 10px;}
body#corporate div#content section section.second section ul {}
body#corporate div#content section section.second section ul li {margin: 0 0 5px 0.5em; font-size: 11px; text-indent: -0.5em;}

body#corporate div#content section section.third {margin-bottom: 0;}
body#corporate div#content section section.third section {float: left; width: 155px; padding: 13px 10px; border-left: 2px dotted #777;}
body#corporate div#content section section.third section:first-child,
body#corporate div#content section section.third section.first-child {border-left: none;}
body#corporate div#content section section.third section h3 {margin-bottom: 10px; text-align: center;}

/* data */
body#corporate div#content section table {width: 100%; margin: -10px 0 15px; line-height: 1.6;}
body#corporate div#content section table tr {}
body#corporate div#content section table tr th {width: 100px; border-bottom: 2px dotted #777; vertical-align: middle;}
body#corporate div#content section table tr td {border-bottom: 2px dotted #777;}
body#corporate div#content section table tr td div,
body#corporate div#content section table tr td p,
body#corporate div#content section table tr td ol {margin: 5px 0; padding-left: 1em; border-left: 2px dotted #777;}
body#corporate div#content section table tr td ol li {margin-left: 1.4em; text-indent: -1.4em;}
body#corporate div#content section table tr td span {display: block;}
body#corporate div#content section table tr td dl {margin-top: 30px;}
body#corporate div#content section table tr td dl:first-child,
body#corporate div#content section table tr td dl.first-child {margin-top: 0;}
body#corporate div#content section table tr td ol {list-style: inside decimal;}

/* ==========================================================================================
	--SITEMAP
========================================================================================== */
body#sitemap div#content section div.container {width: 550px; padding: 40px 0 40px 30px;}
body#sitemap div#content section div.container ul {}
body#sitemap div#content section div.container ul li {margin: -6px 0 0 120px; padding: 0 0 35px 35px; background: url(images/sitemap_bg.png) no-repeat -30px 6px;}
body#sitemap div#content section div.container ul li.first {float: left; margin: 0; background: none;}
body#sitemap div#content section div.container ul li.last {background-position: -31px 6px;}
body#sitemap div#content section div.container ul li.inner-first {margin-left: 90px; padding-left: 65px; background-position: 0 6px;}
body#sitemap div#content section div.container ul li.outside {font-size: 11px;}
body#sitemap div#content section div.container ul li ul {margin: -15px 0 -35px;}

body#sitemap div#content section div.container ul li span {padding-left: 15px; background: url(images/icon_009e3b.png) no-repeat left 1px;}
body#sitemap div#content section div.container ul li a {color: #e95504;}

/* ==========================================================================================
	--PRIVACY
========================================================================================== */
body#privacy div#content section div.container {padding: 35px 30px; line-height: 1.6;}
body#privacy div#content section section {margin-bottom: 30px;}
body#privacy div#content section section h2 {color: #e95504; font-size: 12px;}
body#privacy div#content section section p {margin-top: 0.5em;}
body#privacy div#content section section section {margin-bottom: 20px;}
body#privacy div#content section section section h3 {margin-top: 0.4em; font-weight: normal;}
body#privacy div#content section section section ul {}
body#privacy div#content section section section ul li {margin-left: 0.5em; text-indent: -0.5em;}

body#privacy div#content section section p a {color: #e95504; font-weight: bold; text-decoration: underline;}
body#privacy div#content section section p a:hover {text-decoration: none;}

/* ==========================================================================================
	--CONTACT
========================================================================================== */
body.form div#content section .container {width: 530px; padding: 20px 25px;}
body.form div#content section section h2 {margin-bottom: 20px;}
body.form div#content section section iframe {width: 100%;}

body.form p.caption {padding-bottom: 20px;}
body.form span.note {color: #f00;}
body.form form {width: 100%; padding-bottom: 45px; overflow: hidden;}
body.form form label {float: left; width: 175px; margin-right: 1em; font-weight: bold; text-align: right;}
body.form form input {float: left; width: 200px; padding: 3px;}
body.form form textarea {float: left; width: 300px; padding: 3px; font-size: 12px; overflow: auto;}
body.form form button {}
body.form form ul {}
body.form form ul li {width: 100%; margin-bottom: 15px; overflow: hidden;}
body.form form ul li.last {clear: left; text-align: center;}
body.form form ul li.last input {float: none;}

/*	@Contact_confirmation
-------------------------------------------------------------------------------------------*/
body.form form dl {width: 100%; margin-bottom: 20px; overflow: hidden;}
body.form form dl dt {clear: left; float: left; width: 175px; margin: 0 1em 20px 0; font-weight: bold; text-align: right;}
body.form form dl dd {float: left; width: 200px; margin-bottom: 20px;}

/*	@Contact_completion
-------------------------------------------------------------------------------------------*/
body.form div.inner {width: 100%; padding: 150px 0; text-align: center;}
/* ==========================================================================================
	--Instore Media
========================================================================================== */
body#instoremedia div#content section article {font-size: 95%; background-color: #FDFCDF; padding-top: 30px; padding-bottom: 20px; padding-right: 24px; padding-left: 24px;}
body#instoremedia div#content section article  h2 {margin-bottom: 30px;}
body#instoremedia div#content section article  h3 {margin-bottom: 20px;}
body#instoremedia div#content section article p span {font-size: 80%;}

body#instoremedia div#content section article section.first .box1 {float: left; width: 256px; margin-bottom: 20px;}
body#instoremedia div#content section article section.first .box2 {float: right; width: 256px; margin-bottom: 20px;}
body#instoremedia div#content section article section.first .clear {clear: both;}
body#instoremedia div#content section article section.first p {line-height: 1.5em;}

body#instoremedia div#content section article section.second {margin-bottom: 20px;}
body#instoremedia div#content section article section.second .box1 {float: right; width: 243px; margin-left: 10px;}
body#instoremedia div#content section article section.second p {line-height: 1.8em;}

body#instoremedia div#content section article section.third {margin-bottom: 20px;}
body#instoremedia div#content section article section.third .box1 {margin-top: 20px; margin-bottom: 40px;}
body#instoremedia div#content section article section.third .box2 {width: 532px; text-align: center; margin-bottom: 50px;}
body#instoremedia div#content section article section.third p {line-height: 1.8em;}

body#instoremedia div#content section article section.four {margin-bottom: 20px;}
body#instoremedia div#content section article section.four .box1 {margin-bottom: 10px;}