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


/*============== タイトル ==============*/

#lib_box h2{
	margin-bottom:35px;
}


/*============== メインコンテンツ ==============*/

#main_box{
	width:770px;
	margin:0 auto ;
	float:right;
	overflow:hidden;
}

#main_box img{
	margin:0 auto;
}

/*写真*/
#main_box ul{
	width:798px;
	margin-right:28px;
}

#main_box ul li{
	display:block;
	width:238px;
	margin:0 28px 28px 0;
	text-align:center;
	float:left;
}

#main_box ul li a{
	display:block;
	width:238px;
	height:auto;
	overflow:hidden;
}

#main_box ul li img{
	width:238px;
	height:auto;
	vertical-align:bottom;
}

#main_box ul li.st{
}

#main_box ul li p{
	font-size:0.929em;
	line-height:1.0;
	text-align:right;
	letter-spacing:0.025em;
	margin-top:5px;
	color:#999;
}

#main_box ul li a:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*============== サイドメニュー ==============*/

#side_menu{
	width:200px;
	margin:0 auto;
	float:left;
}

#side_menu ul li span{
	display:block;
}


#side_menu ul li{
	width:200px;
	font-size:1.000em;
	letter-spacing:0.05em;
	line-height:1.4;
	border-bottom:1px solid #fff;
}


#side_menu ul li a,
#side_menu ul li p{
	display:block;
	color:#111;
	font-size:0.929em;
	text-decoration:none;
	padding:10px 25px 10px 10px;
	background-image:url(images/icon_left_black2.png);
	background-position:97.5%;
	background-repeat:no-repeat;
	background-color:#ccc;
}


#side_menu ul li p{
	background-image:none;
	padding:10px 10px 10px 10px;
}

#side_menu ul li a:hover{
	background-color:#f2bbbb;
	}

#side_menu ul li ul li{
	border-top:1px dotted #999;
	border-bottom:none;
}

#side_menu ul li ul li.open ul{
	border-top:1px dotted #999;
}

#side_menu ul li ul li.open ul li{
	border-top:none;
	border-bottom:none;
}

#side_menu ul li.a_menu  ul li a{
	padding:7px 10px 7px 10px;
	background-image:url(images/icon_left_black.png);
	background-position:97.5%;
	background-color:#fff;
}

#side_menu ul li.a_menu  ul li a:hover{
	filter: alpha(opacity=30); 
    -moz-opacity:0.30;
	opacity:0.30;
	}
	
	
#side_menu ul li.a_menu ul li.open a{
	padding:7px 10px 7px 10px;
	background-image:none;
}

#side_menu ul li.a_menu ul li.open a:hover{
	filter: alpha(opacity=100); 
    -moz-opacity:1.0;
	opacity:1.0;
	}

	
#side_menu ul li.a_menu ul li.open ul{
	padding:3px 0 2px;
    }


	
#side_menu ul li.a_menu ul li.open ul a{
	font-size:0.857em;
	color:#111;
	padding:5px 5px 5px 10px;
	background-image:none;
	background-color:#eee;
	border-bottom:1px solid #fff;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
    }
	
#side_menu ul li.a_menu ul li.open ul a:hover{
	color:#fff;
	background-color:#999;
	filter: alpha(opacity=100); 
    -moz-opacity:1;
	opacity:1;
	}

/*カレント*/


.html020101 #side_menu ul li.html020101 a,
.html030101 #side_menu ul li.html030101 a,
.html040101 #side_menu ul li.html040101 a,
.html050101 #side_menu ul li.html050101 a,
.html060101 #side_menu ul li.html060101 a,
.html070101 #side_menu ul li.html070101 a{
	background-color:#ee9191;
	}

.html010201 #side_menu ul li.html010201 a,
.html010301 #side_menu ul li.html010301 a,
.html010401 #side_menu ul li.html010401 a,
.html010501 #side_menu ul li.html010501 a{
	color:#fff;
	background-image:url(images/icon_left_white.png);
	background-color:#666;
	}


.html010101 #side_menu ul li.open ul li.html010101 a,
.html010102 #side_menu ul li.open ul li.html010102 a,
.html010103 #side_menu ul li.open ul li.html010103 a,
.html010104 #side_menu ul li.open ul li.html010104 a,
.html010105 #side_menu ul li.open ul li.html010105 a,
.html010106 #side_menu ul li.open ul li.html010106 a,
.html010107 #side_menu ul li.open ul li.html010107 a,
.html010108 #side_menu ul li.open ul li.html010108 a,
.html010109 #side_menu ul li.open ul li.html010109 a,
.html010110 #side_menu ul li.open ul li.html010110 a,
.html010111 #side_menu ul li.open ul li.html010111 a,
.html010112 #side_menu ul li.open ul li.html010112 a{
	color:#fff;
	background-color:#999;
}



/*============== 注意書き ==============*/

#attn{
	clear:both;
	background-color:#eee;
	margin:70px auto 0;
	padding-bottom:50px;
}

#attn div{
	width:1000px;
	margin:0 auto;
}

#attn h3{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	color:#d31d1d;
	font-size:1.143em;
	line-height:1.6;
	text-align:left;
	border-bottom:1px dashed #d31d1d;
	margin:50px 0 20px;
}

#attn h4{
	font-size:1.000em;
	color:#d31d1d;
	font-weight:normal;
	text-align:left;
	margin:0 0 5px;
}

#attn p {
	font-size:0.929em;
	letter-spacing:0.05em;
	text-align:left;
	margin-bottom:20px;
}

#attn p span{
	display:block;
	margin-top:10px;
}

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


/*============== タイトル ==============*/	
	
#lib_box h2{
	margin-bottom:35px;
}

/*============== メインコンテンツ ==============*/

#main_box{
	width:98%;
	margin:0 auto;
	float:none;
	text-align:center;
}

#main_box h3{
	width:100%;
}

#main_box img{
	width:100%;
	max-width:640px;
}

/*写真*/
#main_box ul{
	width:100%;
	margin-right:0;
}

#main_box ul li{
	display:block;
	width:98%;
	margin:0 auto 28px;
	float:none;
}

#main_box ul li a{
	width:100%;
}

#main_box ul li img{
	width:100%;
	max-width:640px;
}


#main_box ul li p{
	font-size:1.071em;
}

#main_box ul li a:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*============== サイドメニュー ==============*/

#side_menu{
	width:98%;
	margin:0 auto 20px;
	float:none;
}

#side_menu ul li span{
	display:inline;
}

#side_menu ul li{
	width:100%;
}

#side_menu ul li a,
#side_menu ul li p{
	background-position:99%;
}


#side_menu ul li.a_menu  ul li a{
	background-position:99%;
}

/*============== 注意書き ==============*/

#attn{
	margin:30px auto 0;
	padding-bottom:30px;
}

#attn div{
	width:95%;
}

#attn h3{
	width:100%;
	margin:30px 0 15px;
}

#attn h4{
	font-size:1.000em;
	color:#d31d1d;
	font-weight:normal;
	text-align:left;
	margin:0 0 5px;
}

#attn p {
	width:100%;
}

}

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



}