/*
Theme Name: modern
Theme URI: http://www.modern-paradise.co.jp/
Description: Modern theme
Version: 1.0
Author: MODERN PARADISE
Author URI: http://www.modern-paradise.co.jp/
*/

/*
	last edit:	2008-08-28
	
===== CONTENTS =======================================

	1: Base
	2: Link
	3: CONTAINER
	4: HEADER
	5: CONTENTS
	6: MAIN contents
	7: SIDE bar
	8: FOOTER
	9: PAGE
	10: Category,Single,Serch

======================================================
*/

/*	1: Base
----------------------------------------------------*/
body, div, p, pre, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
address, form, fieldset, input, textarea, blockquote, table, caption, th, td{
margin: 0;
padding: 0;
text-align: left;
font-size: 100%;
font-style: normal;
}
body {
text-align: center;
font-family: Verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-size: 0.8em;
line-height: 1.6em;
color:#000;
background: url(img/bg/bg_body.gif) #fff repeat-x;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
img {
border: 0;
vertical-align: bottom;
}
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
hr {
clear: both;
visibility: hidden;
}
li {
list-style: none;
}
p {
padding-bottom: 1em;
}


/*	2: Link
----------------------------------------------------*/
a:link{
color: #0066CC;
text-decoration: none;
}
a:visited{
color: #0066CC;
text-decoration: none;
}
a:hover{
color: #0000D8;
text-decoration: underline;
}
a:active{
color: #0066CC;
text-decoration: none;
}


/*	3: CONTAINER
----------------------------------------------------*/
#container {
margin: 7px auto 0;
width: 780px;
text-align: left;
background: url(img/bg/bg_container.gif) repeat-y;
}


/*	4: HEADER
----------------------------------------------------*/
#header {
background: url(img/bg/bg_header.gif) no-repeat;
padding:  0 10px;
height: 100%;
}
h1 {
text-align: right;
padding: 3px 10px 0 0;
font-weight: normal;
}
#logo {
padding: 8px 0 5px 30px;
float: left;
}
#help {
float: right;
}
#help p{
margin-top: 5px;
padding-bottom: 5px;
}
#searchform div {
text-align: right;
padding-right: 10px;
}
#searchform input#s {
vertical-align:middle;
width: 160px;
height: 16px;
}
#searchform input#searchsubmit {
vertical-align: middle;
}
#gnav {
height: 40px;
clear: both;
}
#gnav ul {
float:left;
width: 100%;
background: url(img/bg/bg_header_nav.jpg) no-repeat;
padding-left: 1px;
}
#gnav ul li {
display:block;
float:left;
width: 126px;
height: 40px;
line-height: 40px;
}
#gnav ul li a {
display:block;
text-decoration:none;
height:35px;
text-align:center;
}
#gnav ul li a:hover {
border-bottom: 3px solid #0A89C9 !important;
border: none;
text-decoration: none !important;
text-decoration: underline; 
margin: 0 5px;
}
#gnav ul li.current {
text-align:center;
height:35px;
}


/*	5: CONTENTS
----------------------------------------------------*/
#contents {
padding: 0 10px 20px;
clear: both;
}



/*	6: MAIN contents
----------------------------------------------------*/
#main {
width: 580px !important;
width: 577px;
float: right;
padding-bottom: 70px;
}
#page {
padding: 5px 0px 20px 20px;
}
#information_page,
#category_page,
#single_page,
#info_cat_page,
#character_cat_page,
#info_single_page,
#character_single_page,
#sitemap_page {
padding: 5px 15px 20px 20px;
}
#link_page {
padding: 5px 15px 20px 20px !important;
padding: 5px 0px 20px 20px;
}
#breadcrumb {
margin-bottom: 20px;
}
#breadcrumb li {
display: inline;
}

.entry {
background: transparent url(img/bg/bg_entry_top.png) no-repeat;
padding: 20px 20px 60px;
clear: both;
height: 100%;
}
.entry img {
padding: 5px;
border: 1px solid #bbb;
}
.entry ul li {
background:transparent url(img/common/bullet.gif) no-repeat scroll 1px 3px;
line-height:1.4em;
padding-bottom: 6px;
padding-left: 15px;
list-style-position: outside;
}
.entry ul, 
.entry ol {
margin-bottom: 1em;
} 
.entry ol li {
list-style-type: inherit;
list-style-position: inside;
}
.entry-title {
border-bottom: 2px solid #000099;
margin-bottom: 5px;
}
.entry-title a,
.entry-title a:hover {
text-decoration: none;
}
#category_page .entry-title,
#single_page .entry-title {
float: right;
width: 380px;
}
.entry h2, 
.entry h3, 
.entry h4 {
font-weight: bold;
}
.entry  p{
margin-bottom: 1em;
}
.alignleft {
float: left;
margin: 0 12px 6px 0;
}
.alignright {
float: right;
margin: 0 6px 12px 0;
}
a.more-link  {
text-indent: -9000px;
background: url(img/bg/more.gif) no-repeat;
display: block;
width: 91px;
height: 28px;
float:right;
}
a:hover.more-link {
background: url(img/bg/more_on.gif) no-repeat;
}
.wp-pagenavi {
clear: both;
text-align: center;
margin: 50px 0;
}

/*  ==== top page ===== */
#fla {
background: url(img/bg/fla_bg.jpg) no-repeat scroll 0% #fafafa;
height:210px;
width:760px;
}
#fla p {
padding:125px 20px 10px 20px;
}
#fla span {
padding: 0 20px;
}
#index_page {
padding:20px;
background: url(img/top/top_catch_bg.jpg) no-repeat 100% 0;
}
#index_page h2 {
margin-bottom: 15px;
}
#index_page ul {
margin: 7px;
}
#index_page ul li {
background:transparent url(img/common/bullet.gif) no-repeat scroll 1px 6px;
line-height:1.8em;
padding-left: 17px;
list-style-position: outside;
}
/*	 infomation
----------------------------*/
#information {
width: 530px;
background: url(img/bg/bg_info.jpg) no-repeat;
margin-top: 30px;
}
#info_all {
float: right;
margin-top: 18px;
padding: 0px 10px 0 20px;
background: url(img/bg/arrow.gif) no-repeat 0 50%;
}
#info_all a {
color: #009;
}
#info_main {
clear: both;
border-left: 1px solid #777;
border-right: 1px solid #777;
padding: 10px 10px 30px;
height: 100%;
}
#information dt {
float: left;
clear: both;
}
#information dd {
border-bottom: 1px dotted #999;
padding: 0 0 10px 115px;
}
#info_footer {
background: url(img/bg/bg_info_footer.jpg) no-repeat;
margin-bottom: 50px;
margin-left: 0px;
height: 30px;
display: block;
}

/*	 info_cat, info_single
----------------------------*/
#information_page #info_all {
background: none;
}
#info_single_page div#time {
padding-top: 15px;
}


/*	7: SIDE bar
----------------------------------------------------*/
#side {
width: 170px;
margin: 0 10px 80px 2px;
}
#side h3 {
margin-top: 20px;
}
#event_btn {
background: url(img/common/event_on.gif) no-repeat;
}
#fashion_btn {
background: url(img/common/fashion_on.gif) no-repeat;
}
#display_btn {
background: url(img/common/display_on.gif) no-repeat;
}
#side h3 a{
display:block;
width:170px;
height:65px;
}
#side h3 a:hover {
background-color:transparent;
}
#side h3 a:hover img{
visibility:hidden;
}
#side ul li {
display: block;
border-bottom: 1px solid #333333;
line-height: 25px;
font-size: 0.9em;
width: 170px;
}
#event_list ul li {
background: #fffced url(img/bg/list_arrow.gif) no-repeat 10% 50%;
}
#display_list ul li {
background: #f4ffd8 url(img/bg/list_arrow.gif) no-repeat 10% 50%;
}
#fashion_list ul li {
background: #f3fbff url(img/bg/list_arrow.gif) no-repeat 10% 50%;
}
#side ul li a {
display: block;
padding-left: 30px;
width: 140px !important;
width: 170px;
}
#side ul li a:hover {
text-decoration: none;
}
#event_list ul li a:hover {
background: #fec url(img/bg/list_arrow.gif) no-repeat 12% 50%;
}
#display_list ul li a:hover {
background: #dff4b2 url(img/bg/list_arrow.gif) no-repeat 12% 50%;
}
#fashion_list ul li a:hover {
background: #dceffd url(img/bg/list_arrow.gif) no-repeat 12% 50%;
}
#side .current_li {
background: url(img/bg/check.gif) 6% 50% no-repeat;
}
#side .current_li span {
padding-left:30px;
}
#bunner {
margin: 50px 0;
}
#bunner dd {
border-bottom: none;
line-height: 1.1em;
font-size: 0.8em;
margin-bottom: 10px;
}

/*	8: FOOTER
----------------------------------------------------*/
#footer {
clear: both;
margin: 0 auto;
width: 780px;
text-align: left;
background: url(img/bg/bg_footer.gif) no-repeat 0 100%;
height: 100px;
padding-bottom: 5px;
}#footer ul {
background: url(img/bg/bg_footer_nav.gif) no-repeat #0d00a2;
width: 760px;
min-height: 57px;
margin: 0 10px;
}
#footer li {
float: left;
display:block;
padding: 30px 0 12px;
}
#footer li a {
color: #eee;
background-color: #0d00a2;
margin-left: 2em;
}
#footer li a:hover {
text-decoration: underline;
}
#footer .current {
margin-left: 2em;
color: #aaa;
}
.copy {
clear: both;
text-align: center;
color: #B5C1C9;
}
#back-to-top {
text-align: right;
display: block;
position: fixed;
right: 5px;
bottom: 60px;
}



/*	9: PAGE
----------------------------------------------------*/
/* ===== PAGE common ===== */
#page h3 {
padding: 50px 0 10px 0;
clear: both;
color: #222;
}


/* ===== event,display,show -PAGE ===== */
#event_page h3, #display_page h3, #show_page h3 {
clear: both;
padding: 35px 0 10px 0;
}
#results {
clear: both;
}
#results li, #results li a {
float: left;
width: 170px;
margin: 0 15px 8px 0 !important;
margin: 0 7px 8px 0;
background: url(img/bg/results_bg.gif) no-repeat;
min-height: 170px;
}
#results li a:hover {
background: url(img/bg/results_bg_on.gif) no-repeat;
text-decoration: none;
}
#results strong {
width: 155px;
display: block;
padding: 4px 0 0 7px;
}
#results img {
margin: 7px;
}


/* ===== event_page ===== */
#event_header {
background: url(img/event/event_h2_bg.jpg) no-repeat;
min-height: 200px;
}
#event_header h2 {
float: left;
height: 192px;
margin: 8px 48px 0 10px;
}
#event_header #pr {
padding: 15px 10px 0 0 ;
}
li#eco {
padding: 35px 0 0 25px;
background: none;
width: 310px;
min-height: inherit;
}
li#eco a {
min-height: inherit;
}
#event_page span a, #event_page span a:hover {
background: none;
float: right;
}
#support p {
width: 500px;
}
#support img {
margin-left: 20px;
}


/* ===== display_page ===== */
#display_header {
background: url(img/display/display_h2_bg.jpg) no-repeat;
min-height: 200px;
}
#display_header h2 {
float: left;
height: 196px;
margin: 8px 40px 0 10px;
}
#display_header #pr {
padding: 15px 10px 0 0 ;

}


/* ===== show_page ===== */
#show_header {
background: url(img/show/show_h2_bg.jpg) no-repeat;
min-height: 200px;
}
#show_header h2 {
padding: 8px 0 0 10px;
}
#show_header #pr {
padding: 15px 10px 0 255px ;
}
#show_page #image ul {
margin-bottom: 1em;
}
#show_page #image ul li {
background:transparent url(img/common/bullet.gif) no-repeat scroll 1px 6px;
line-height:1.8em;
padding-left: 17px;
list-style-position: outside;
}


/* ===== about_page ===== */
#about_page h3 {
margin-left: 15px;
}
#about_page dl {
width: 485px;
margin-left: 45px;
}
#about_page dt {
float: left;
width: 110px;
margin-top: 1em;
padding-top: 1em;
line-height: 1.3em;
font-weight: bold;
clear: both;
border-top: 1px dotted #666;
color: #630;
}
#about_page dd {
float: left;
width: 375px;
margin-top: 1em;
padding-top: 1em;
line-height: 1.3em;
border-top: 1px dotted #666;
}
#about_page ol li {
list-style: decimal inside;
margin: 10px 0 0 45px;
}

/* ===== map_page ===== */
#map_page h3 {
margin: 20px 0;
padding: 12px;
font-size: 1.4em;
border-left: 6px solid #70CCFF;
}
#map_page ul {
margin: 5px 0;
}
#map_page li {
background:transparent url(img/common/bullet.gif) no-repeat scroll 0pt 6px;
line-height:1.8;
padding-left:15px;
list-style-position:outside;
width: 480px;
color: #663300;
}#osaka, #tokyo {
margin: 0 0 70px 45px;
}
#map_page p a {
padding: 0 15px;
background: url(img/bg/arrow2.gif) no-repeat 0 50%;
}


/* ===== recruit_page ===== */
#recruit_page .pr {
margin: 10px 0 0 47px;
color: #630;
}
#recruit_page dl {
width: 530px;
margin-left: 5px;
background: url(img/bg/youkou_bg.gif) ;
border: 2px solid #bde8ff;
padding-top: 5px; 
}
#recruit_page dt {
float: left;
clear: left;
width: 130px;
margin: 0 10px 20px;
color: #630;
}
#recruit_page dd {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
padding-left: 150px;
}
#recruit_page dl .m2 {
margin-bottom: 2em;
}
#recruit_page dl .m3 {
margin-bottom: 3em;
}
#recruit_page dl .m4 {
margin-bottom: 4em;
}
#recruit_page dl .m5 {
margin-bottom: 5em;
}
#recruit_page dl .m6 {
margin-bottom: 6em;
}
#recruit_page dl .m7 {
margin-bottom: 7em;
}
#recruit_page #form_btn a {
margin: 20px 0 20px 140px;
}


/* ===== flow_page ===== */
#flow_page .pr {
margin: 10px 0 0 47px;
color: #630;
}
#flow_page dt {
float: left;
clear: left;
margin: 0 30px 0 10px;
padding-bottom: 70px;
background: url(img/page/flow_allow.jpg) no-repeat 50% 90%;
}
#flow_page dd {
float: left ;
width: 370px;
padding-top: 30px;
color: #630;
}
* html #flow_page dd {
float: none;
}
*:first-child+html #flow_page dd {
float: none;
}
#flow_page .last {
background: none;
}


/* ===== contact_page ===== */
#contact_page .pr {
margin: 10px 0 0 47px;
color: #630;
}
#contact_page #form {
padding: 0 0 0 110px;
margin: 50px 0 0 30px;
height: 130px;
background: url(img/page/contact_form.jpg) no-repeat;
}
#contact_page h3 {
padding: 30px 0;
}
#contact_page #tel {
padding: 0 0 0 110px;
margin: 80px 0 0 30px;
height: 130px;
background: url(img/page/contact_tel.jpg) no-repeat;
}
#contact_page #mail {
padding: 0 0 0 110px;
margin: 80px 0 0 30px;
height: 130px;
background: url(img/page/contact_mail.jpg) no-repeat;
}
#contact_page strong {
font-weight: bold;
font-size: 1.2em;
}
#contact_page form {
width: 500px;
margin-left: 15px;
background: url(img/bg/form_bg.gif);
border: 2px solid #bde8ff;
padding-top: 5px; 
}
#contact_page dt {
display: block;
float: left;
clear: left;
width: 130px;
margin: 0 10px 20px;
}
#contact_page dd {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}
#contact_page dd input, #contact_page textarea {
width: 280px;
}
#contact_page #submit {
margin: 10px 0 50px 150px !important;
margin: 10px 0 50px 160px;
clear: left;
}
legend {
margin-left: 10px;
color: #F26403;
}
#contact_page form span {
color: #F00;
}
#asterisk {
text-align: right;
margin: 0 10px 10px 0;
}
#contact_page form span.ex {
display: block;
color: #333;
}


/* ===== thaks_page ===== */
#thanks {
margin: 50px;
}


/* ===== sitemap_page ===== */
#sitemap_company ul li,#sitemap_service dl dt{
background: url(img/bg/list_arrow.gif) no-repeat 3% 50%;
padding-left: 20px;
}
#sitemap_service dl dd,#sitemap_company ul li ul li {
background: url(img/bg/list_arrow.gif) no-repeat 10% 50%;
padding-left: 40px;
}
#sitemap_service {
float: left;
width: 285px;
margin: 0 50px 70px 50px !important;
margin: 0 50px 70px 30px;
}
#sitemap_service dt.display, #sitemap_service dt.show {
margin-top: 25px;
}
#sitemap_service h3,#sitemap_company h3 {
border-bottom: 1px dotted #009;
margin: 50px 0 10px;
}
#sitemap_company {
float: left;
width: 285px;
}


/* ===== privacy_page ===== */
#policy {
border: 1px solid #333;
margin: 20px;
padding: 0 35px;
}
#privacy_page p {
padding: 7px 0 0 14px;
}
#privacy_page ul {
margin: 50px 0
}
#privacy_page li {
text-align: right;
}


/* ===== link_page ===== */
ul.link_list {
margin: 20px 20px 20px 50px;
width: 490px;
}
ul.link_list li {
border-bottom: 1px dotted #009;
padding: 10px 0;
background:transparent url(img/common/bullet.gif) no-repeat scroll 0pt 15px;
padding-left:18px;
list-style-position:outside;
}
#link_page p {
margin: 1em 0 1em 50px;
}


/*	10: Category,Single,Serch
----------------------------------------------------*/

/* ===== category page ===== */
#character_cat_page h2,
.talent_cat_page h2,
.artist_cat_page h2,
.festival_cat_page h2,
.lot_cat_page h2,
.exhibition_cat_page h2,
.handcraft_cat_page h2
{
border-left: 5px solid #ff7b00;
border-top: 1px solid #fec;
border-bottom: 1px solid #fec;
background: #fffced;
padding: 5px 10px;
color: #3D1D01;
}
.commodity_cat_page h2,
.interior_cat_page h2,
.illumination_cat_page h2,
.wrapping_cat_page h2,
.balloon_cat_page h2,
.flower_cat_page h2
{
border-left: 5px solid #008f00;
border-top: 1px solid #dff4b2;
border-bottom: 1px solid #dff4b2;
background: #f4ffd8;
padding: 5px 10px;
color: #3D1D01;
}
.fashion_cat_page h2,
.bridal_cat_page h2
{
border-left: 5px solid #0081ff;
border-top: 1px solid #dceffd;
border-bottom: 1px solid #dceffd;
background: #f3fbff;
padding: 5px 10px;
color: #3D1D01;
}
#category_description {
margin: 15px 15px 15px 145px;
color: #630;
}
#category_page .entry-content p {
padding: 0;
}

/* ===== character_list cat ===== */
#character_list  h2 {
border: none;
background: url(img/event/popular_top.jpg) no-repeat;
height: 280px;
margin-top: -30px !important;
margin-top: 0;
text-indent: -9000px;
}
#character_list {
width: 540px;
background: url(img/event/popular_bottom.jpg) no-repeat bottom;
padding-bottom: 90px;
margin-bottom: 50px;
}
#list {
margin: -90px 0 0 55px;
}
#list li {
background:transparent url(img/common/bullet.gif) no-repeat scroll 1px 3px;
line-height:1.4em;
padding-bottom: 8px;
padding-left: 15px;
list-style-position: outside;
}
#list1 {
width: 255px;
float: left;
}
#list2 {
margin-left: 265px;
}


/* ===== single page ===== */


/* ===== serch page ===== */
#serch_page {
padding: 30px 15px 20px 20px;
}
#serch_page h2 {
margin-bottom: 30px;
}

/* ===== error404 page ===== */
#error404 {
margin: 50px;
}
#error404 dt {
margin-top: 2em;
}
#error404 dd {
margin-left: 2em;
}

/* ===== Black Cats page ===== */
#blackcats_page h2 {
margin-bottom: 1em;
}
#blackcats_page p {
width: 490px;
margin: 0 0 10px 20px;
}
#blackcats_page li {
float: left;
text-align: center;
}
#memo {
width: 236px;
}
#postcard {
width: 172px;
}
#calender {
width: 84px
}
#blackcats_page dt {
font: 1.2em bold;
margin-top: 8px;
}
#blackcats_page dd {
background:transparent url(img/common/bullet.gif) no-repeat scroll 1px 3px;
line-height:1.4em;
padding-bottom: 5px;
padding-left: 15px;
margin-left: 1em;
}