@charset "utf-8";
/* CSS Document */

body {
margin:0 0 20px 0;
padding:0;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
font-size:12px;
color:#333;
line-height:130%;
}

img {border:0;}
td {vertical-align:top;}

#top h1,
#index h2,
#index #unesco,
#update #title ,
#menu a,
.temp #contents h2,
#topbtn,
.rally-red,
.rally-blue,
#event h3,
#event h4,
#dhp-btn,
#twitter,
#touhyou a {margin:0; padding:0; text-indent:-10000px; overflow:hidden; background:0 0 no-repeat;}

#twitter {float:right; display:block; width:100px; height:18px; background-image:url(./image/twitter.jpg);}

#taisei {clear:both; margin:0 0 20px 10px; width:970px;background:url(./image/mark.jpg) 98% 98% no-repeat;}
#taisei dt {width:70px; float:left;}
#taisei dd {margin:0 0 0 70px;}

#dhp-btn {display:block; width:218px; height:40px; background-image:url(./image/btn_dhp.jpg);}

/*index*/
#index #top {height:598px;}
#index #top h1 {width:648px; height:558px; float:left; background-image:url(./image/logo_index.jpg);}
#index #menu {margin:60px 0 0 0; width:345px; float:left;}
#index #menu a {display:block; width:345px; height:83px;}
#index #menu a#menu01 {background-image:url(./image/menu_01.jpg);}
#index #menu a#menu02 {background-image:url(./image/menu_02.jpg);}
#index #menu a#menu03 {background-image:url(./image/menu_03.jpg);}
#index #menu a#menu04 {background-image:url(./image/menu_04.jpg);}
#index #menu a#menu05 {background-image:url(./image/menu_05.jpg);}
#index #menu a#menu06 {background-image:url(./image/menu_06.jpg);}

#index-left,
#index-right {margin:0 0 20px 0;}
#index-left {float:left; width:658px;}
#index-right {float:right; width:345px; background:#EAEAD7;}
#index-left .margin {margin:0 20px;}
#index-right .margin {margin:10px;}

#update #title {display:block; width:334px; height:37px; background-image:url(./image/index_update.jpg);}
#update ul {margin:0 0 0 20px; padding:0;}

#index h2 {width:325px; height:37px; background-image:url(./image/index_info.jpg);}
#index-right #map {width:325px; height:160px; margin:0 0 10px 0;}
#index #unesco {display:block; width:325px; height:37px; background-image:url(./image/index_unesco.jpg);}
#index-right #map2 {width:325px; height:160px; margin:0 0 10px 0;}

body.temp #top h1 a {display:block; width:100%; height:164px; background:0 0 url(./image/logo_banner.jpg) no-repeat;}
body.temp #body {width:990px;}
body.temp #menu {margin:0 0 30px 0; width:289px; float:left;}
body.temp #menu a {display:block; width:269px; height:48px; background:0 0 no-repeat;}
body.temp #menu a#menu01 {background-image:url(./image/menu_temp_01.jpg);}
body.temp #menu a#menu02 {background-image:url(./image/menu_temp_02.jpg);}
body.temp #menu a#menu03 {background-image:url(./image/menu_temp_03.jpg);}
body.temp #menu a#menu04 {background-image:url(./image/menu_temp_04.jpg);}
body.temp #menu a#menu05 {background-image:url(./image/menu_temp_05.jpg);}
body.temp #menu a#menu06 {background-image:url(./image/menu_temp_06.jpg);}
body.temp #contents {margin:12px 0 30px 0; float:right; width:690px; background:#E9F0BB;}
body.temp #contents .margin {margin:20px auto; width:640px;}
body.temp #contents h2 {width:670px; height:58px;}
	body#machiiku #contents  h2 {background-image:url(./image/machiiku_title.jpg);}
	body#nouiku #contents  h2 {background-image:url(./image/nouiku_title.jpg);}
	body#rally #contents  h2 {background-image:url(./image/msr_title.jpg);}
	body#event #contents  h2 {background-image:url(./image/event_title.jpg);}
	body#himawari #contents  h2 {background-image:url(./image/himawari_title.jpg);}
	body#tshirts #contents h2 {background-image:url(./image/tshirts_title.jpg);}
body.temp #contents #topbtn {display:block; width:690px; height:68px; background-image:url(./image/temp_top.jpg);}

/*machiiku*/
#machiiku #timetable {margin:0 0 20px 0; width:640px; background-color:#6DB82C;}
#machiiku #timetable td {text-align:center;}
#machiiku #timetable td p {margin:10px; padding:0;}
#machiiku #timetable .title,
#machiiku #timetable .date {color:#FFF; font-size:14px; font-weight:bold;}
#machiiku #timetable .date {width:70px;}
#machiiku #timetable .date span {font-size:12px;}
#machiiku #timetable .roomA,
#machiiku #timetable .roomB,
#machiiku #timetable .roomC {width:190px;}
#machiiku #timetable .class .roomA,
#machiiku #timetable .class .roomB,
#machiiku #timetable .class .roomC {background-color:#E9F0BB;}
#machiiku #timetable .class .roomA p,
#machiiku #timetable .class .roomB p,
#machiiku #timetable .class .roomC p {text-align:left;}
#machiiku strong.classname {display:block; margin:0 0 3px 0;}
#machiiku #contents .detail {font-size:14px; line-height:1.5;}
#machiiku #contents .photo {float:right; margin:0 0 10px 10px;}
#machiiku #contents dl {font-weight:bold;}
#machiiku #contents dt {margin:0 10px 3px 0; padding:3px; width:80px; float:left; background-color:#6DB82C; color:#FFF; }
#machiiku #contents dd {margin:0 0 3px 93px; padding:3px;}

/*nouiku*/
#nouiku h3,
#nouiku h4 {margin:0 0 20px 0; padding:0; font-size:14px;}
#nouiku .detail {width:640px; margin:0 0 30px 0;}
#nouiku .detail td#class01,
#nouiku .detail td#class02 {width:320px;}
#nouiku .detail td#class01 {padding:0 15px 20px 0;}
#nouiku .detail td#class02 {padding:0 0 20px 15px ;}
#nouiku .detail td#class03 {width:640px;}
#nouiku .detail td#class04,
#nouiku .detail td#class05 {width:200px; padding:0 20px 0 0;}
#nouiku .detail td#class06 {width:240px;}
#nouiku .detail td#class04 span,
#nouiku .detail td#class05 span,
#nouiku .detail td#class06 span {color:#090;}
#nouiku .detail td strong {display:block; margin:0 0 10px 0; font-size:14px; line-height:1.5; color:#093;}
#nouiku .detail td p {margin:0; padding:0;}

/*rally*/
.rally-red,
.rally-blue {display:block; width:200px; height:75px;}
.rally-red {background-image:url(./rally/image/btn_red.jpg);}
.rally-blue {background-image:url(./rally/image/btn_blue.jpg);}

#rally .rally-title {margin:0 0 10px 0; padding:3px; font-size:14px; font-weight:bold; color:#FFF;}

#rally .present-list {clear:both; margin:0 0 12px 0;}
#rally .present-image {float:right; margin:0 0 10px 10px;}
#rally .present-shopname {padding:3px 0 0 0; margin:0 0 10px 0; font-size:14px;}
#rally .present-shopname strong {padding:0 5px 0 0;}
#rally .present-shopname span {font-size:12px;}
#rally .present-redshop,
#rally .present-blueshop {padding:3px; color:#FFF; font-weight:bold;}
#rally .present-redshop {background:#F00;}
#rally .present-blueshop {background:#00F;}
#rally .present-name {margin:0 0 5px 0; padding:0; font-size:14px;}
#rally .present-name span {color:#090; padding:0 3px 0 0;}
#rally .present-detail {margin:0; padding:0;}
#rally .shop-detail {clear:both; margin:0; padding:3px; background:#FFF;}

/*event*/
#event h3,
#event h4 {width:310px;}
#event h3 {height:68px; background-image:url(./image/event_17dixsept.jpg);}
#event h4 {height:48px; background-image:url(./image/event_lafuente.jpg);}

#event #detail {width:640px;}
#event #detail td p {width:310px;}
#event .copy {margin:0 0 12px 0; font-weight:bold;}
#event .text {margin:0 0 12px 0; padding:0;}
#event .text strong {display:block; margin:0 0 5px 0; color:#090;}

/*tshirts*/
#tshirts #list {width:640px;}
#tshirts #list .left {width:340px;}
#tshirts #list .right {width:300px;}
#tshirts #list .left img,
#tshirts #list .right img {margin:0 0 10px 0;}
#tshirts #list .left div,
#tshirts #list .right div {width:300px; margin:0 0 20px 0;}
.ttitle {margin:0 0 5px 0; padding:0; font-size:14px; line-height:1.5; font-weight:bold;}
#touhyou a {display:block; width:640px; height:60px; background-image:url(./image/tshirts_btn.jpg);}