div#container	{width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 10px;
	background-position: 60px 290px, 100px 330px, 80px 370px}


header#page_header img	{width: 100%;	height: auto}
header#page_header	nav ul li a	{width: auto;	display: inline-block;	padding: 0 3px}


/* side_bar幅の比率 */
article	{width: 80%;	float: right}

div#side_bar	{width: 18%;	float: left;	margin-bottom: 25px}


article header h1	{line-height: 20px}
article header p	{margin-left: 10px}


div#side_bar nav ul li a	{line-height: 20px;}


div#side_bar nav li:nth-of-type(odd) a	{color: #ff9900}
div#side_bar nav li:nth-of-type(even) a	{color: #aa0000}


/**************************************************** POSITION */

header#index_page	{margin-top: 	100px}
header#index_page figure#index_image01	{margin-right: 	150px}
header#index_page div#index_counter	{margin-left:  	150px}

small::before	{
	-webkit-transform: rotate(-10deg) translate(95px, 10px);
	-moz-transform: rotate(-10deg) translate(95px, 10px);
	-o-transform: rotate(-10deg) translate(95px, 10px);
	-ms-transform: rotate(-10deg) translate(95px, 10px);
	}


/**************************************************** For SLIDE */
header#page_header figure#logo img	{width: 230px;	height: auto}

header#page_header hgroup#note	{margin-bottom: 0px}



header#page_header nav ul	{margin-top: 0px}


/**************************************************** For SLIDE */
header#page_header div#for_slide{ overflow: hidden;}	

header#page_header div#for_slide figure#logo img	{width: 230px;	height: auto}

header#page_header div#for_slide hgroup#note	{margin-bottom: 0px}

header#page_header div#for_slide figure#slide {width: 560px;	height: 157px;	margin-top: 130px} 

header#page_header div#for_slide figure#slide img	{width: 560px;	height: 157px;	margin-top: -100px;    position: absolute;} 

header#page_header div#for_slide figure#slide ul#list li {top: 100px} /* keep */

header#page_header div#for_slide nav ul	{margin-top: 0px;}

div#container	{background-position: 150px 340px, 200px 380px, 170px 420px}

/**************************************************** FONT SIZE */

header#page_header h1	{font-size: 10px}
header#page_header h2	{font-size: 18px}
header#page_header h3	{font-size: 14px}
header#page_header h4	{font-size: 10px}

header#page_header nav ul	{font-size: 10px}

article header h1	{font-size: 18px}
article header p	{font-size: 8px}



article section h1	{font-size: 18px}
article section p	{font-size: 8px}
article section figcaption	{font-size: 10px}


small	{font-size: 10px}
small::before	{font-size: 12px}

div#side_bar h1	{font-size: 18px;}
div#side_bar p	{font-size: 8px}

div#side_bar nav ul	{font-size: 12px}
div#side_bar nav ul li a	{font-size: 12px}

div#side_bar aside a	{font-size: 12px}


div.part01	p {font-size: 12px}
div.part02	p {font-size: 10px}
div.part03	p {font-size: 8px}
div.part00	p {font-size: 8px}

div.part	p.red_18	{font-size: 16px}
div.part	p.blue_18	{font-size: 16px}
div.part	p.orange_18	{font-size: 16px}
div.part	p.purple_18	{font-size: 16px}
div.part	p.silver_18	{font-size: 16px}

div.part	p.red_14	{font-size: 12px}
div.part	p.silver_14	{font-size: 12px}

div.part	p.bluebox120_14 {font-size: 12px}
div.part	p.info_data {font-size: 10px}


/**************************************************** IMAGE SIZE */

header#index_page figure#index_image01 img	{width: 100px;	height: 20px}
header#index_page figure#index_image02 img	{width: 250px;	height: 75px}

figure.start_icon img	{width: 160px;	height: 45px}
figure.button240x50 img	{width: 240px;	height: 50px}

figure.access_tenpo img	{width:  200px;	height: 140px}
figure.access_map img	{width:  125px;	height: 125px}
figure.access_staff img	{width:  100px;	height: 136px}
figure.daishi img	{width:  100px;	height: 63px}


figure.img150_tate img, figure.shadow150_tate img, figure.gradation150_tate img	{width:  210px;	height: 300px}
figure.img100_tate img, figure.shadow100_tate img, figure.gradation100_tate img	{width:  140px;	height: 200px}
figure.img070_tate img, figure.shadow070_tate img, figure.gradation070_tate img	{width:  98px;	height: 140px}
figure.img050_tate img, figure.shadow050_tate img, figure.gradation050_tate img	{width:  70px;	height: 100px}

figure.img150_yoko img, figure.shadow150_yoko img, figure.gradation150_yoko img	{width:  300px;	height: 210px}
figure.img100_yoko img, figure.shadow100_yoko img, figure.gradation100_yoko img	{width:  200px;	height: 140px}
figure.img070_yoko img, figure.shadow070_yoko img, figure.gradation070_yoko img	{width:  140px;	height: 98px}
figure.img050_yoko img, figure.shadow050_yoko img, figure.gradation050_yoko img	{width:  100px;	height: 70px}

figure.shadow_obi img	{width:  180px;	height: 60px}

figure.shadow_ondine01 img	{width:  60px;	height: 90px}
figure.shadow_ondine02 img	{width:  105px;	height: 150px}

figure.shadow_pcard01_tate img	{width:  60px;	height: 90px}
figure.shadow_pcard01_yoko img	{width:  90px;	height: 60px}

section figure.access_qr img	{width:  150px;	height: 150px}
aside figure.access_qr img	{width:  100px;	height: 100px}

figure.calendar img	{width: 81px;	height: 75px}

/**************************************************** CALENDER */

#calender_wrap{
    font: 8px sans-serif;
    width: 110px;
}


#calender_wrap .title{
    height: 10px;
}


#calender_wrap .date{
    height: 10px;
}


#calender_wrap .month_cell{
    left: 0px;
   	width:  84px;
}

#calender_wrap .week_cell{
   	width:  12px;
}


#calender_wrap .date_workday{
   	width:  12px;
}



#calender_wrap .date_holiday{
   	width:  12px;
}


#calender_wrap .date_shortday1{
   	width:  12px;
}

#calender_wrap .date_shortday2{
   	width:  12px;
}


#calender_wrap .note_cell{
   	width:  130px;
}


#calender_wrap .note{
    height: 15px;
}

#calender_wrap .blank_line{
    height: 5px;
}



#calender_wrap .Month{
    left: 0px;
}

#calender_wrap .Sunday{
    left: 0px;
}
#calender_wrap .Monday{
    left: 12px;
}
#calender_wrap .Tuesday{
    left: 24px;
}
#calender_wrap .Wednesday{
    left: 36px;
}
#calender_wrap .Thursday{
    left: 48px;
}
#calender_wrap .Friday{
    left: 60px;
}
#calender_wrap .Saturday{
    left: 72px;
}


/**************************************************** PHOTO GALLERY */
#wrap{
width: 400px;
}
.smallimage {
width: 100px;
hight: 100px;
}

