@charset "utf-8";

/*------------------------------------------------------------------------------
DO YOU KYOTO?ネットワーク - CSS Modules Import
Date: 2009-09-17
Copyright (C) Copyright 2009 DO YOU KYOTO?ネットワークAll Right Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Content

---------------------------------------- */

div#Content {
}

div#Content p.Lead {
	margin-top: 5px;
	margin-left: 17px;
}


/* ----------------------------------------

TblStyle

---------------------------------------- */

div#Main {
	margin-top: 20px;
}

div#Main h1,
div#Main h2,
div#Main h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

div.Image01 {
	float: left;
	margin-top: 15px;
	width: 330px;
	padding-left: 18px;
}

div.Image03 {
	float: left;
	margin-top: 15px;
	width: 242px;
	padding-left: 15px;
}

div.Image01 p,
div.Image03 p {
	font-size: 88%;
	margin-bottom: 10px;
	
}

div.Explan01 {
	width: 432px;
	float: right;
	margin-top: 10px;
}

div.Explan03 {
	width: 492px;
	float: right;
	margin-top: 10px;
}

div.Explan04Wrap {
	background: #fff6f3;	
}

div.Explan04 {
	margin-top: 10px;
	padding: 10px;
	color: #666;
}

div.Explan01 p.Ex01,
div.Explan02 p.Ex01,
div.Explan03 p.Ex01 {
	margin-bottom: 15px;
}

div.Explan01 p.Sml01,
div.Explan02 p.Sml01 {
	font-size: 88%;
	border-bottom: 1px dotted #93BE67;
	margin-bottom: 0;
	padding-bottom: 15px;
}

div.Explan01 dl,
div.Explan02 dl {
	border-bottom: 1px dotted #93BE67;
	padding: 8px 0;
}

div.Explan01 dl dt,
div.Explan02 dl dt {
	float: left;
	width: 50px;
	color:#669933;
}

div.Explan01 dl dt.Event01,
div.Explan02 dl dt.Event01 {
	padding-top: 3px;
}

div.Explan01 dl dd,
div.Explan02 dl dd {
	float: left;
	width: 382px;
}

div.Explan01 dl table th,
div.Explan02 dl table th,
div.Explan03 dl table th,
div.Explan04 dl table th{
	width: 24%;
	border-bottom: 1px solid #C9E0C9;
	padding: 3px;
	vertical-align: top;
}

div.Explan01 dl table td,
div.Explan02 dl table td {
	border-bottom: 1px solid #C9E0C9;
	padding: 3px;
}

div.Explan01 dl table .LastChild,
div.Explan03 dl table .LastChild,
div.Explan04 dl table .LastChild {
	border-bottom: none;
}

div.Topics01,
div.Topics02,
div.Topics03,
div.Topics04 {
	margin-bottom: 30px;
}

div.Explan02 {
	margin-left: 18px;
}

div.Explan02 table {
	width: 780px;
}

div.Explan02 table th {
	width: 15%;
	vertical-align: top;
	border-bottom: 1px dotted #93BE67;
	padding: 8px;
}

div.Explan02 table th.Day01 {
	font-size: 120%;
	font-weight: bold;
	color: #669933;
}

div.Explan02 table {
	margin-bottom: 7px;
	border-bottom: 1px solid #C9E0C9;
}

div.Explan02 table td {
	width: 90%;
	border-bottom: 1px dotted #93BE67;
	padding: 8px;
}

div.Explan02 table .LastChild02 {
	border-bottom: none;
	padding-bottom: 15px;
}

div.Explan02 table td.Space01 {
	padding: 0;
}

div#Sub {
 background: url(../../files/img/what_doyoukyoto/kyoryoku_bg01.png) 0 0 repeat-y;
}

div#Sub p {
	font-size: 10px;
	color: #6d6d6d;
	margin-left: 20px;
}


div.Explan02 table.Tsugou {
	border: none;
}

div.Explan02 table.Tsugou td {
	border: none;
}

div.Topics04 p {
    margin-left: 15px;
}

div.Explan03 .tit01 {
	float: left;
	width: 50px;
	color:#669933;
}

div.Explan03 .tit02,
div.Explan04 .tit02 {
	font-weight:bold;
}

div.Explan03 p.Sml01 {
	font-size: 88%;
	margin-bottom: 0;
	padding-bottom: 15px;
}

div.Explan03 table th,
div.Explan04 table th {
	width: 4em;
	vertical-align: top;
}




div.Explan04 table {
	margin-bottom: 10px;
}

div.Explan04 table td,
div.Explan04 table th {
	vertical-align: top;
}

div.Explan04 table th.leftTh {
	width: 4em;
	/width: 7em;
	padding-left: 2em;
	/padding:0 2em;
	white-space: nowrap;
}


div.Explan04 p.Ex01,
div.Explan04 p.Ex02 {
	margin-bottom: 10px;
}

.mb10 {
	margin-bottom: 10px;
}



p.note01 {
	color:#669933;
}

p.note02 {
	color:#FF6600;
}

p.note03 {
	font-weight:bold;
}

.Topi_dot {
	border-bottom: 1px dotted #93BE67;
    margin-bottom: 0;
    padding-bottom: 25px;
}

/* -----0222_photo -----------*/
div.Image02 {
	float: left;
	margin-top: 15px;
	width: 290px;
	padding-left: 58px;
}


p.Explan01 {
	margin-left: 30px;
	margin-bottom: 15px;
}

p.Thank {
	margin-bottom: 15px;
}

div.PhotoBox01 {
 background: url(/files/img/event/bg_photobox_middle.png) 0 0 repeat-y;
 margin-left: 30px;
}

div.PhotoBox01 ul {
 background: url(/files/img/event/bg_photobox_bottom.png) 0 bottom no-repeat;
 width: 740px;
 padding: 0 15px 10px 15px;
}

div.PhotoBox01 ul li {
	float: left;
	width: 130px;
	padding-left: 22px;
	padding-bottom: 10px;
}

div.PhotoBox01 ul li.FirstList01 {
	padding-left:0;
}

div.PhotoBox02 {
 background: url(/files/img/event/bg_photobox02_middle.png) 0 0 repeat-y;
 margin-left: 30px;
 margin-bottom: 30px;
}

div.PhotoBox02 ul {
 background: url(/files/img/event/bg_photobox02_bottom.png) 0 bottom no-repeat;
 width: 770px;
 padding: 0 15px 10px 15px;
}

div.PhotoBox02 ul li {
	float: left;
	width: 130px;
	padding-left: 22px;
	padding-bottom: 10px;
}

div.PhotoBox02 ul li.FirstList01 {
	padding-left:0;
}

p.PhotoBox03 {
	font-size: 88%;
	text-align: right;
	margin-bottom: 30px;
}


/* ----- kyouaruki -----------*/

#KyouarukiPerformer li {
	float: left;
	width: 192px;
	margin: 15px 0;
	text-align: center;
	font-size: 88%;
}

#KyouarukiPerformer li a {
	font-size: 120%;
}

#KyouarukiPerformer li img {
	margin-bottom: 10px;
}

.ListCap {
	clear: both;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div.Topics01:after,
div.Topics02:after,
div.Explan01 dl:after,
div.Explan02 dl:after,
div.Explan03 dl:after,
div.PhotoBox01 ul:after,
div.PhotoBox02 ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div.Topics01,
*:first-child+html div.Topics02,
*:first-child+html div.Explan01 dl,
*:first-child+html div.Explan02 dl,
*:first-child+html div.Explan03 dl,
*:first-child+htmldiv.PhotoBox01 ul,
*:first-child+htmldiv.PhotoBox02 ul {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div.Topics01,
* html div.Topics02,
* html div.Explan01 dl,
* html div.Explan02 dl,
* html div.Explan03 dl,
* html div.PhotoBox01 ul,
* html div.PhotoBox02 ul {
	height: 1%;
}