﻿@charset "utf-8";

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

body#Top {
	background: #ffffff url(../img/common/bg_body_01.png) 0 0 repeat-x;
}


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

Content

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

div#Container {
	background: url(../img/top/bg_container_top_01.jpg) 50% 0 no-repeat;
}

div#Header {
	background: url(../img/top/bg_header_top_01.jpg) 0 0 no-repeat;
	height: 85px;
}


div#Content {
	width: 850px;
	background: none;
	margin-top: 30px;
	padding: 20px 0;
}

div#Main {
	margin: 0;
}

div#Main p#shinsai {
	margin-bottom: 25px;
}

div#Main1 {
	float: left;
	width: 465px;
}

div#Main h2 {
	margin-bottom: 3px;
}

div#Main1 dl#news {
	width: 435px;
	margin-left: 30px;
}

div#Main1 dl#news dt {
	float: left;
	clear: both;
	width: 80px;
	padding-top: 11px;
}

div#Main1 dl#news dd {
	width: 345px;
	margin-left: 80px;
	padding-top: 11px;
}


div#Main1 dl#blog {
	width: 435px;
	margin-left: 30px;
}

div#Main1 dl#blog dt {
	float: left;
	clear: both;
	width: 80px;
	padding-top: 11px;
}

div#Main1 dl#blog dd {
	width: 345px;
	margin-left: 80px;
	padding-top: 11px;
}

div#Main1 dl#blog dd span {
	display: block;
}

div#Main1 dl#blog dd span a {
	background: url(../img/top/ico_link_outer.png) 100% 50% no-repeat;
	padding-right: 20px;
}

div#Main p.LeadSent01 {
	width: 435px;
	margin-left: 30px;
	padding-top: 11px;
}

div#Main p.Btn_kuwashiku {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: right;
	margin-right: 5px;
}

div#Main2 {
	float: right;
	margin-right: 12px;
	display: inline;
}

div#Main2 div#Yobikake01 {
	background: url(../img/top/bg_top_yobikake_middle.png) 0 10px repeat-y;
}

div#Main2 div#Yobikake01 div#fadeshow2 {
	margin-left: 12px;
}

div#Main2 div#Yobikake01 p.AndMore01 {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 10px;
	background: url(../img/top/bg_top_yobikake_bottom.png) 0 bottom no-repeat;
}

div#Main2 div#Yobikake01 ul li {
	display: none;
	background-color: #ffffff;
	position: absolute; top: 0; left: 0;
}

div#Main2 div#Yobikake01 ul li.First {
	display: block;
}


div#Main2 p.BnrDOYOU {
	margin-top: 15px;
}

div#Sub h3 {
	margin-bottom: 10px;
}

div#Sub ul {
	text-align: center;
	margin-bottom: 40px;
}

div#Sub li{
	display: inline;
}

div#Sub li img {
	margin-right: 10px;
}

div#Sub li#LastList img {
	margin: 0;
}

div#Footer div.InnerSec ul#FooterNav {
	padding-bottom:15px;
}

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

災害時のコメント

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

div#LeadBoxSaigai {
	border: 1px solid #dedbce;
	padding: 12px;
	margin: 0 12px 20px 15px;
	background-color:#fbfbee;
}

div#LeadBoxSaigai p.TaxtStyle01 {
	padding-bottom: 5px;
}

div#LeadBoxSaigai p.TaxtStyle02 {
	text-align: right
}

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

110517

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

div.newInfoBox {
		margin: 20px 0 0 14px;
}

div.newInfoBox div.boxHeader01 {
		background: url(../img/top/bg_boxtitle_01.png) no-repeat 0 0;
		margin: 0px;
		padding: 0px;
}

div.newInfoBox div.boxHeader02 {
		background: url(../img/top/bg_boxtitle_02.png) no-repeat 0 0;
}

div.newInfoBox div.boxTitle {
		width: 338px;
		float: left;
}

div.newInfoBox div.boxIchiran {
		width: 113px;
		float: right;
}


div#Main div.newInfoBox div.boxTitle h2 {
		margin: .5em 1em 0;
}

div.newInfoBox div.boxIchiran img {
		margin: .5em 0 0;
		padding: 0 0 .5em;
}

div.boxBody01,
div.boxBody02 {
		margin: 0px;
		padding: .5em 0 0 0;
}

div.boxBody01 {
		border: #dcdac0 1px solid;
		border-top: none;
}

div.boxBody02 {
		border: #a9d4ec 1px solid;
		border-top: none;
}

div.boxBody01 dl,
div.boxBody02 dl {
		margin: 0 1em 1em 1em;
}

div.boxBody01 dl dt,
div.boxBody02 dl dt {
		float: left;
		clear: left;
}

div.boxBody01 dl dd,
div.boxBody02 dl dd {
		padding-left: 8.5em;
}



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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */

div#Main:after,
ul#slideshow:after,
div.newInfoBox div.boxHeader01:after,
div.newInfoBox div.boxHeader02:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div#Main,
*:first-child+html ul#slideshow,
*:first-child+html div.newInfoBox div.boxHeader01,
*:first-child+html div.newInfoBox div.boxHeader02 {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div#Main,
* html ul#slideshow,
* html div.newInfoBox div.boxHeader01,
* html div.newInfoBox div.boxHeader02 {
	height: 1%;
}