@charset "UTF-8";


/* nav */
#page #global_menu li#g_nav03 a {
  color: #9a5d00;
}
#page #global_menu li#g_nav03 a:visited,
#page #global_menu li#g_nav03 a:link {
	color:#9a5d00;
}
#page #global_menu li#g_nav03 a:hover {
	color:#9a5d00;
}

/* side_navi */
#side_navi li#sn_03 a span {
	background: #e2f4fc; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2f4fc 0%, #cfecfa 50%, #9fd9f6 51%, #cfecfa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e2f4fc 0%,#cfecfa 50%,#9fd9f6 51%,#cfecfa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e2f4fc 0%,#cfecfa 50%,#9fd9f6 51%,#cfecfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f4fc', endColorstr='#cfecfa',GradientType=0 ); /* IE6-9 */
}
#side_navi li#sn_03 a {
	border: 1px solid #9dd2ee;
}


/* cont */
main .basic-page section {
	padding-bottom:35px;
}
main .basic-page section p {
	font-size:13px;
	line-height:140%;
	text-align: justify !important;
	text-justify: inter-ideograph !important;
}

/*  h2  */
main .basic-page section h2.h2_style2 {
	color:#004098;
	font-size:21px;
	line-height:120%;
	font-weight:bold;
	margin-bottom:7px;
	padding-top:4px;
	letter-spacing:2px;
	text-align:left;
}

main .basic-page section .description {
	width:583px;
	margin:0 auto;
}

main .basic-page section #photo_area {
	display: table;
	margin:0 auto;
}
main .basic-page section #photo_area li {
	display: table-cell;
	text-align:left;
	vertical-align: top;
	margin:0;
	padding:0;
	width:229px;
}









@media only screen and (max-width: 641px) {
main .basic-page section {
	padding-top:0;
}
main .basic-page #cont_area_in {
	padding:15px 15px 0;
	min-height:inherit;
}

main .basic-page section .description {
	width:100%;
	margin:0;
}

main .basic-page section #photo_area {
	display: table;
	margin:0;
}
main .basic-page section #photo_area li {
	width:auto;
}


}

@media only screen and (max-width: 571px) {


}

@media only screen and (max-width: 420px) {


}

@media only screen and (max-width: 380px) {


}

@media only screen and (max-width: 361px) {


}

@media only screen and (max-width: 320px) {


}