@charset "UTF-8";

/* 必須-whole */
a {
		text-decoration: none;
		color: #3b6da9;
}

/* 必須-whole */
img {
		max-width: 100%;
		height: auto;
}

/* 必須-whole */
.subline {
		width: 100%;
		font-size: 90%;
		text-align: right;
		background: #005ead;
		margin-bottom: 2px;
}

/*　必須-whole　*/
.sub_new {
		margin: 5px;
		padding: 5px;
		border: solid 1px #20599d;
}


/* 必須-whole */
.nav {
		clear: both;
		border-bottom: solid 4px #be8a43;
}


/* 必須-whole */
li.s01 {
		display: inline;
		list-style-type: none;
		margin-right: 6px;
		padding-left: 10px;
		border-left: 1px solid #fff;
}

/* 必須-whole */
a.s02 {
		color: #fff;
		text-decoration: none;
}

/* 必須-whole */
.footer {
		width: 100%;
		clear: both;
		margin: 2px 0;
		text-align: center;
		background: #005ead;
		color: #fff;
}

/* 順序ありリスト*/
ol li {
    padding-top:5px;
    padding-bottom:5px;
}

/* レスポンシブ用 */
@media screen and (min-width: 851px) {
        /*　必須-whole　*/
		.main_body {
				max-width: 1200px;
				margin: 0 auto;
				font-size: 16px;
				line-height: 1.5em;
		}
    
        /*　必須-whole　*/
		.naiyo {
				line-height: 160%;
				text-align: left;
				color: #444;
				padding: 0px 100px;
		}
    
        /*　必須-whole　*/
		.container {
				width: 96%;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
		}
    
        /*　ヘッダーのデザインのため必須。以下同様-whole　*/
		.header {
				width: 100%;
		}
    
        /*　必須-whole　*/
		.subline {
				width: 100%;
				font-size: 90%;
				text-align: right;
				background: #005ead;
				margin-bottom: 2px;
		}
    
        /*　必須-whole　*/
		li.s01 {
				display: inline;
				list-style-type: none;
				margin-right: 6px;
				padding-left: 10px;
				border-left: 1px solid #fff;
		}
    
        /*　必須-whole　*/
		a.s02 {
				color: #fff;
				text-decoration: none;
		}
    
        /*　必須-whole　*/
		.box {
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
		}
    
        /*　必須-whole　*/
		.wrapp {
				width: 60%;
				float: left;
		}
    
        /*　必須-whole　*/
		.boxL {
				width: 43.2%;
				font-size: medium;
		}

        /*　必須-whole　*/
		.logo {
				cursor: pointer;
		}
}

/* レスポンシブ用 */
@media screen and (max-width: 850px) {
        /*　必須-whole　*/
		.main_body {
				max-width: 100%;
				margin: 0 auto;
				font-size: 16px;
				line-height: 1.5em;
		}
    
        /*　必須-whole　*/
		.naiyo {
				line-height: 160%;
				text-align: left;
				color: #444;
				padding: 0px;
		}
    
        /*　島根大学附属図書館のロゴ-whole　*/
		.boxL {
				width: 100%;
				border: 1px solid #eee;
		}
}