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

* {
    margin: 0;
    padding: 0;
}

p {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0px;
}

a {
	color: #066;
	text-decoration: underline;
} 
a:visited {
	color: #538D27;
	text-decoration: none;
} 
a:hover {
	color: #52A0CD;
} 
a:active {
　　color: #CC0066; 
} 

.green {
	color: #8CD159;
}

img {
max-width : 100% ;
height : auto ;
}

.photo {
	border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}

.yohaku1{
  margin: 0px 0px 25px 0px;
}

img {
max-width : 100% ;
height : auto ;
}

/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}
h1 {
	padding: 0px;
	text-align: left;
	float: left;
}
h2 {
    font-size: 18px !important;
    color: #ffffff !important;
    margin: 5px 0px !important;
    padding: 5px 20px !important;
    font-weight: bold !important;
    background: -moz-linear-gradient(top,#45BD9C 0%,#00997C) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#45BD9C), to(#00997C)) !important;
    border: 1px solid #dddddd !important;
    border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
}
h3 {
    font-size: 14px;
	width: 500px;
    color: #333333;
    margin: 20px 0px;
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
/* Mozilla Firefox  */
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); 
/* Webkit (Safari/Chrome10) */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); 
/* IE 6-8 */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%);
/* Opera */ 
    background: -o-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%) ;

}


h4 {
  background:url(images/pochi.gif) no-repeat left center;
  text-align:left;
  padding-left:30px;
  padding:5px 0 5px 30px;
  border-bottom: 3px double #ccc;
}
h5 {
	padding:3px 5px;
	border-color:#ECF6F2;
	border-width:0px 20px 0px 0px;	
    border-style:solid;
	background:#B5DDCE;
}



img {
	vertical-align: bottom;
	border: 0px;

}
a:hover img {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}




/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 14px;
}

#system_main {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


header {
	height: 100px;
	width: 100%;
	text-align: center;
	padding: 0px;
	background-image: url("images/t-bg.gif");
    background-repeat: repeat-x;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	box-shadow:0px 0px 5px #CCC;
	overflow: hidden;
}
.comment {
	font-size: 12px;
	color: #373238;
	float: right;
	padding-top: 38px;
	padding-right: 200px;
}

#mainnav {
	padding: 0px;
	width: 920px;
	background-color: #ffffcc;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	box-shadow:0px 0px 5px #CCC;
	border-radius: 10px; /* CSS3 */
　　-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* Firefox用 */
　　behavior: url(../js/PIE.htc); /* IE用 */
}
#mainnav ul {
	text-align: left;
	background-color: #FFF;
	overflow: hidden;
	margin: 0px;
	border-radius: 10px; /* CSS3 */
　　-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* Firefox用 */
　　behavior: url(../js/PIE.htc); /* IE用 */
}
#mainnav ul li{
	font-size:14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 70px;
	float: left;
	width: 229px;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EBE3DE;
}
#mainnav ul li:last-child{
	border-right-width: 0px;
	border-right-style: solid;
}
	
#mainnav ul li a{
	display:block;
	color:#666666;
	text-decoration:none;
	height: 70px;
	line-height: 70px;
}

#mainnav ul li a:hover{
	color:#300;
	background-color: #afd5ca;
}

#mainnav ul li a.now{
	color:#fff;
	background-color: #4ea089;
}
	
	
main {
	font-size: 14px;
	color: #300;
	text-align: center;
	width: 923px;
	height: auto;
	padding: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
	box-shadow:0px 0px 5px #CCC;
	display:block;
	box-shadow:0px 0px 5px #CCC;
	border-radius: 10px; /* CSS3 */
　　-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* Firefox用 */
　　behavior: url(../js/PIE.htc); /* IE用 */
}

    #slides {
      display: none;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 30px;
}


    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }



footer {
	width: 100%;
	height: 50px;
	left: 0px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
    background-image: url(images/under.gif);
}
footer p {
	text-align: right;
	font-size: 12px;
	color: #003a00;
	padding-top: 10px;
	padding-right: 10px;
}


.pagetop {
	text-align: right;
	padding-bottom: 10px;
	width: 100%;
}


#top {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#map {
	margin-right: auto;
	margin-left: auto;
	width: 430px;
	border: 5px solid #FFF;
	box-shadow:0px 0px 5px #CCC;
	margin-top: 15px;
}
#map iframe {
	border: 0px;
	height: 400px;
	width: 100%;
}

#list_koushin {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	background-color: #fff;
	border-radius:15px;
	box-shadow:0px 0px 5px #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border: 1px dotted #ccc;
}
#list_koushin ul {
	text-align: left;
	margin-right: 10px;
	margin-left: 36px;
}
#list_koushin ul li {
	list-style-position: outside;
	list-style-type: square;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 6px;
	padding-bottom: 6px;
}


#jouhou {
	margin-bottom: 50px;
	text-align: center;
}
.center{

	margin: 2px 0px 10px 0px; 
}
#jouhou .bottan {
    width:200px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
    box-shadow:2px 2px #1a6ea0;
    text-shadow:0 -1px #1a6ea0;
	margin: 2px 0px 10px 0px; 
}
#jouhou #intro {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#outline {
	margin-bottom: 40px;
}
#outline #intro {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#outline #intro p {
	text-align: left;
}
#outline #enkaku {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#outline #enkaku table {
    margin: 0 auto;
    width: 650px;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
}
#outline #enkaku table .enkaku1 {
	vertical-align: middle;
    height: 53px;
    width: 150px;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
#outline #enkaku table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
#outline #enkaku table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
}
#outline #enkaku table .enkaku2 {
	padding: 0;
    margin: 0;
    height: 53px;
    width: 100px;
    border: none;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
#outline #enkaku table2 {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 98%;
}
#outline #enkaku table2 .enkaku1 {
	background-color: #FDC312;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9B6A5;
	padding: 5px;
}
#outline #enkaku table2 .enkaku2 {
	text-align: left;
	background-color: #FDFCF9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9B6A5;
	padding: 5px;
}
#outline #gaiyo {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#outline #gaiyo table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 280px;
}
#outline #gaiyo.box_01{
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}
#outline #gaiyo table th {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #F0FFF0;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #ccc;
	padding: 5px;
}
#outline #gaiyo table td {
	text-align: left;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #ccc;
	padding: 5px;
}
#outline #gaiyo .sankaku:before {
    content: url(images/sankaku.gif);
    margin: 10px;
    position: relative;
    top: 3px;
}
#outline #gaiyo .box_1 {
clear: both;
width: 900px;
overflow: hidden;
}
#outline #gaiyo .box_1 .box1 {
float: left;
width: 250px;
 margin-right:20px;
}
#outline #gaiyo .box_1 .box2 {
float: left;
width: 250px;
 margin-left:40px;
}
#outline #gaiyo .box_1 .box3 {
float: right;
width: 250px;
 margin-right:20px;
}
#outline #gaiyo .box_1 br {
font-size: 1px;
line-height: 1px;
display: block;
margin: 0px;
padding: 1px;
clear: both;
height: 1px;
width: 1px;
}


#daily {
	margin-bottom: 40px;
}
#daily #program {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#daily #program table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 98%;
}
#daily #program table th {

	 background-image: url(images/nai.gif);
	border-bottom-width: 2px;
	border-bottom-style:solid;
	border-bottom-color: #300;
	padding: 5px;
}
#daily #program table td {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #333333;
	padding: 5px;
}
.time {
	width: 20%;
	 background-image: url(images/time.gif);
}
.age012 {
	width: 40%;
	background-color: #FFECEC;
}
.age345 {
	width: 40%;
	background-color: #ffffff;
}

ul.photo4 {
	overflow: hidden;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
}
ul.photo4 img {
	width: 200px;
}

#event {
	margin-bottom: 40px;
}
#eventbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#eventl {
	float: left;
	width: 440px;
}

#event .ddtxt {
	text-align: center;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	padding-bottom: 10px;
}
#event .ddphoto {
	text-align: center;
}
#event .ddphoto img {
	width: 250px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
	box-shadow:0px 0px 5px #ccc;
}
dl.month04 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month04 dt {
    background-image: url(images/4-b.gif);
	border: 1px solid #F9C;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
dl.month05 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month05 dt {
    background-image: url(images/5-b.gif);
	border: 1px solid #70C0F1;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
dl.month06 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month06 dt {
    background-image: url(images/6-b.gif);
	border: 1px solid #91EC9A;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

dl.month07 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month07 dt {
    background-image: url(images/7-b.gif);
	border: 1px solid #F90;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
dl.month08 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month08 dt {
    background-image: url(images/8-b.gif);
	border: 1px solid #9483E4;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
dl.month09 {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
dl.month09 dt {
    background-image: url(images/9-b.gif);
	border: 1px solid #F60;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#eventr {
	float: right;
	width: 440px;
}




#album {
	margin-bottom: 40px;
}
#albumbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#albumside {
	float: left;
	width: 200px;
	background-color: #F0EBE6;
	box-shadow:0px 0px 5px #CCC;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#albumside ul {
	padding-left: 25px;
	padding-right: 20px;
	text-align: left;
}
#albumside li {
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #300;
}
#albummain {
	float: right;
	width: 660px;
	box-shadow:0px 0px 5px #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#albummain .albumkiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#albummain .albumkiji .albumhonbun {
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9B6A5;
}
#albummain ul {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#albummain ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
}
#albummain ul li img {
	width: 190px;
}


#blog {
	margin-bottom: 40px;
}
#blogbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#blogside {
	float: left;
	width: 200px;
	background-color: #ECF6F2;
	box-shadow:0px 0px 5px #CCC;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#blogside ul {
	padding-left: 25px;
	padding-right: 20px;
	text-align: left;
}
#blogside li {
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
}
#blogmain {
	float: right;
	width: 660px;
	box-shadow:0px 0px 5px #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#blog .blogkiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#blog .blogkiji .bloghonbun {
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9B6A5;
}
#blog .blogkiji .blogdate {
	text-align: right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C9B6A5;
}
#blog .blogkiji ul {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#blog .blogkiji ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
}

#blog .blogkiji ul li img {
	width: 190px;
}

@media screen and (max-width:768px){
header, footer ,#mainnav {
	width: 100%;	
}

.comment {
	float: none;
}
h1 {
	float: none;
}


#mainnav ul li{
	font-size:14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 33%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#skitter {
	width: 100%;
}

main {
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#top, #outline, #daily, #event, #blog, #album {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

#map, #list_koushin, #eventr, #eventl, #blogbox, #blogside, #blogmain, #albumside, #albummain {
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

ul.photo4 {
	width: 100%;
}
ul.photo4 li {
	width: 46%;
}
ul.photo4 img {
	width: 100%;
}
#slides {
	width: 98%;
}


}

@media screen and (max-width:480px){
header, footer ,#mainnav {
	width: 100%;	
}
h1 img {
	width: 98%;
}


.comment {
	float: none;
}
h1 {
	float: none;
}

#mainnav ul li{
	font-size:14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 50%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#skitter {
	width: 100%;
}
main {
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#top, #outline, #daily, #event, #blog, #album {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

#map, #list_koushin, #eventr, #eventl, #blogbox, #blogside, #blogmain, #albumside, #albummain {
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

ul.photo4 {
	width: 98%;
}
ul.photo4 li {
	float: none;
	list-style-type: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 img {
	width: 100%;
}
#event .ddphoto img {
	width: 90%;
}
#blog .blogkiji ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
	width: 95%;
}
#blog .blogkiji ul li img {
	width: 100%;
}

#albummain ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
	width: 95%;
}
#albummain ul li img {
	width: 100%;
}

#slides {
	width: 98%;
}

	}
.container {
    width: 875px;
}
 
.container > div {
    width: 125px;
    height: 100px;
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
}
.container > div:nth-child(6n) {
    margin-right: 0;
}
.parent {
    text-align: center;
    margin: 0px 0px 25px 0px;
}
.child {
    display: inline-block;
}

.n1{
    font-size: 10px;
    color: #ffffff;
    background-color: #00bfff;
}

.n2{
    font-size: 10px;
    color: #ffffff;
    background-color: #ff7f50;
}
.n3{
    font-size: 10px;
    color: #ffffff;
    background-color: #ff69b4;
}
.container2 {
    width: 875px;
}
 
.container2 > div {
    width: 125px;
    height: 100px;
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
}
.container2 > div:nth-child(3n) {
    margin-right: 0;
}

.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;

		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		border-radius: 5px;
	}
.item {
		width: 280px;
		min-height: 200px;
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		color: #444;
		margin: 10px;
	}
.item:nth-child(1) {background-color: #fff;}
.item:nth-child(2) {background-color: #fff;}
.item:nth-child(3) {background-color: #fff;}

#gaiyou {
	margin-bottom: 10px;
}
#gaiyoubox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#gaiyouside {
	float: left;
	width: 200px;
	background-image: url("images/naname.gif");
	box-shadow:0px 0px 5px #CCC;
}
#gaiyouside ul {
   margin:0;
   padding:0;
   border:1px solid #EFEBEF;
}
#gaiyouside li { 
   padding:5px;
   line-height:1.8;
   list-style:none;
   border-bottom:1px solid #E7E7EF;
}

#gaiyouside li a {
   display:block;   
   color:#333;
   padding:5px 5px 5px 15px;
   background:url("images/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration: none;
}

#gaiyouside li a:hover {
   display:block;
   color:#333;
   background:#EBF5EE url("images/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration:none;
}
#gaiyoumain {
	float: right;
	width: 660px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#gaiyou .gaiyoukiji{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.gaiyouhonbun {
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9B6A5;
}

#gaiyou .n4{
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#gaiyou .gaiyoukiji .gaiyoudate {
	text-align: right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C9B6A5;
}
#gaiyou .gaiyoukiji ul {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#gaiyou .gaiyoukiji ul li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
}

#gaiyou .gaiyoukiji ul li img {
	width: 190px;
}

.sample_03{
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
    width:90%;
    border-collapse: separate;
    border-spacing: 0px;
  border: 1px solid #b9b9b9;
}
.sample_03 th{
  width: 125px;
  padding: 6px;
  text-align: center;
  vertical-align: top;
  color: #333;
  background-color: #eee;
  border: 1px solid #b9b9b9;
}
.sample_03 td{ 
  width: 200px;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
}
.sample_04 {
 text-align: left;
 list-style-type: decimal;
 list-style-position: outside;
 margin: 0px 0px 10px 30px;
}

.sample_05{
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
    width:90%;
    border-collapse: separate;
    border-spacing: 0px;
  border: 1px solid #b9b9b9;
}
.sample_05 th{
  width: 40px;
  padding: 6px;
  text-align: center;
  vertical-align: top;
  color: #333;
  background-color: #eee;
  border: 1px solid #b9b9b9;
}
.sample_05 td{ 
  padding: 6px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
}
.note1 {
  background:url(images/pdf-b.gif) no-repeat left center;
  text-align:left;
  padding-left:30px;
  padding:5px 0 5px 30px;
  text-decoration: none;
  margin: 0px 0px 10px 50px;
}
.center2{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.item2 {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
	}
.note7 {
  text-align:left;
  padding-left:10px;
  padding:5px 0 5px 0px;
  text-decoration: none;
  margin: 0px 0px 10px 5px;
}



@media screen and (max-width:480px){
#gaiyoumain{
  display: block;
  width: 92%;
}
	}