@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;
}

/* ----- 130123 -----------*/

.topicsLeft {
	float: left;
	width: 500px;
	padding-right: 50px;
}

.topicsLeft h2 {
	margin-left: 15px;
}

.topicsLeft p {
	margin-bottom: 25px;
}

.topicsRight {
	float: right;
	width: 230px;
}

.topiTbl01 {
	margin-left: 15px;
}

.imgWrap01 {
	margin-bottom: 25px;
}

.Explan03 .Ex001,
.Explan05 .Ex001 {
	margin-bottom: 15px;
	font-size: 116.7%;
	font-weight: bold;
}

.dl001 dt {
	margin-bottom: 5px;
	font-weight: bold;
}

div.Explan03 .dl001 dd,
div.Explan05 .dl001 dd,
.dl001 dd {
	margin-bottom: 15px;
}

div.Explan03 .dl001 dd table,
div.Explan05 .dl001 dd table {
	width: 100%;
}


div.Explan03 .dl001 dd table th,
div.Explan05 .dl001 dd table th {
	border-bottom: none;
	font-weight: bold;
	color: #666;
}

.padBtm10 {
	padding-bottom: 10px;
}

col.width20 {
	width: 20%;
}

div.Explan05 {
	margin-left: 15px;
}

div.Explan05 .tit01 {
	float: left;
	dislplay: block;
	width: 50px;
	color:#669933;
}

div.Explan05 p {
	margin-bottom: 15px;
}

.subtit01 {
	display: block;
	margin-left: 50px;
}

.topi02Inbox {
	margin-bottom: 25px;
}

.topi02Left01 {
	float: left;
	width: 360px;
	padding-right: 50px;
	padding-left: 15px;
}

.topi02Left01 .Ex001,
.topi02Right01 .Ex001 {
	margin-bottom: 10px;
	font-size: 116.7%;
	font-weight: bold;
	color:#669933;	
}

.topi02Left01 p
.topi02Right01 p {
	margin-bottom: 15px;
}

.topi02Left01 p {
	margin-bottom: 25px;
}

.em001 {
	font-size: 116.7%;
	font-weight: bold;
	color:#4c7906;
}

.topi02Right01 {
	float: right;
	width: 375px;
}

.topi02Right01 p {
	margin-bottom: 25px;
}

.blkBorder {
	padding: 10px;
	border: 1px solid #693;
}

.blkBorder h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

div#Main h1.mgb25 {
	margin-bottom: 25px;
}

.Topi_dot01 {
	border-bottom: 1px dotted #93BE67;
  margin-bottom: 20px;
}

.width16{
	width: 16%;
}

.dl002 {
	margin-bottom: 25px;
}

.dl002 dt {
	font-weight: bold;
}

.dl002 dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cbe1b7;
}

.caution01 {
	padding: 10px;
	background: #f1f9e4;
}

.imgWrap02 {
	margin-bottom: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */
.topi02Inbox:after,
.Ex001:after,
div.Topics01:after,
div.Topics02:after,
div.Topics04: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 .topi02Inbox,
*:first-child+html .Ex001,
*:first-child+html div.Topics01,
*:first-child+html div.Topics02,
*:first-child+html div.Topics04,
*: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 .topi02Inbox,
* html .Ex001,
* html div.Topics01,
* html div.Topics02,
* html div.Topics04,
* html div.Explan01 dl,
* html div.Explan02 dl,
* html div.Explan03 dl,
* html div.PhotoBox01 ul,
* html div.PhotoBox02 ul {
	height: 1%;
}