﻿@charset "UTF-8";

/*************************************

+1　　メイン
+2　　メイン共通
+3　　テーブル
+4  電子情報 
+5　　ガイダンス
+6  図書館について
+7　 組織図
+8　　統計
+9  カレンダー
+10  トップサブメニュー　連絡先一覧　サイトマップ　よくある質問　所蔵新聞リスト SUCRA
+11  SUCRA
+12  SUCRA 質疑応答事例集
+13  topics back number, 詳細情報用
+14　　ランキング

*********************************/

#contents, #contents-top {
	border-top: 1px #FF9933 solid;
	min-height: 500px;
    width: 760px;
    width: 800px;
    clear: both;
}

#contents-top {
	padding-bottom: 30px;
}

#main {
    padding-bottom: 3em;
	width: 580px;
	width: 610px;
	float: right;
}

#main.org {
	width: 580px;
	width: 610px;
	_width: 490px;
	_width: 520px;
	float: right;
}
#main-newsback, #news-detail {
    padding-bottom: 3em;
	width: 604px;
	width: 634px;
	float: right;
}

#sucra-faq, #ranking {
	width: 640px;
	width: 670px;
	_width: 595px;
	_width: 625px;
	float: right;
}


/* ::::::::::::::::::::::::::::::::::::::::::::

     +2 メイン共通
                     
::::::::::::::::::::::::::::::::::::::::::::::: */

h2 {
    margin: 40px 20px 0 0;
    padding: 4px 10px;
	background-color: #FCFCFC;
	border: 1px #5F7D00 solid;
	border-left: 7px #5F7D00 solid;
	font-size: 15px;
}

h3 {
	margin: 25px 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 10px solid #8EBD00;
	font-size: 14px;
	font-weight: bold;
	color: #557D00;
}

h4 {
	margin: 0 0 0 13px;
	padding-left: 15px;
	background: url('../images/red-rose01.png') no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #B72E00;
}

p.standard {
	margin: 25px 30px 15px 15px;
}

p.standard02 {
	margin: 0 30px 0 15px;
}

p.standard03 {
	margin: 10px 30px 0 15px;
}

#main a:link, #main a:visited {
    color: #5555FF;
    color: #1F53B4;
    color: #578200;
    text-decoration: underline;
}

#main a:hover {
    color: #FF633C;
    text-decoration: underline;
}

#contents-top a:link, #contents-top a:visited {
    color: #578200;
}
    
#contents-top a:hover {
    color: #FF633C;
}

ol.standard {
    margin: 7px 30px 0 45px;
	list-style-type: decimal;
}

ol.standard ul.standard {
	margin: 0;
}

ol.standard ul.standard li {
	margin: 0 0 0 -1em; /* 購入希望のページ用 */
}


dl.standard {
	margin: 0 20px;
}

dl.standard ol.standard {
	margin-left: 15px;
}

dl.standard dt, dl.db dt,dl.db02 dt {
	margin: 10px 0 3px 0;
	background: url('../images/square-red02.gif') no-repeat 0 6px;
	padding-left: 16px;
    font-size: 14px;
	color: #578200;
	font-weight: bold;
}

dl.standard dd, dl.db dd, dl.db02 dd {
	margin-right: 20px;
	margin-left: 10px;
}

.bord {            /* 利用案内 注意事項　聞蔵ログイン */
    margin: 10px 20px 10px 10px;      
    padding: 10px 0;
    background-color: #F1F1EB;
}

dl.bord dt, ul.bord li {                        /* 利用案内 注意事項、SSL-VPN */
    margin: 0 20px;
    padding-left: 16px;
	background: url('../images/square-red01.gif') no-repeat 0 5px;
	background: url('../images/square-green03.gif') no-repeat 0 6px;
	color: #686846;
	color: #4E4E27;
}

dl.bord dd {                          /* 利用案内 注意事項 */
    margin: 3px 20px 0 30px;
}

ul.standard {
	margin: 10px 25px 10px 15px;
}

ul.standard li, ul.photo li {
    list-style-type: none;
	background: url('../images/circle-gray.png') no-repeat 0 5px;
	padding-left: 16px;
}
 
ul.info {
    margin: 15px 15px 15px 12px;
}

ul.info02 {
	margin-left: 5px;
}

ul.info li, ul.info02 li {
	list-style-type: none;
	background: url('../images/square-red01.png') no-repeat 0 3px;
    padding-left: 16px;
}

ul.info ol.standard {
	margin: 5px 15px 0 15px;
}
ul.info ol.standard li {
    margin-left: 0;
    padding-left: 0;
    background-image: none;
	list-style-type: decimal;
}

dl.ill {
    margin-left: 25px;
	padding-left: 15px;
	border-left: 5px solid #669900;
}

dl.ill dt {
	color: green;
}

.user {
	margin: 0 20px 20px 0;
}

.user dt {
    margin-top: 15px;
	color: #6666FF;
}

/* ::::::::::::::::::::::::::::::::::::::

    +3  テーブル
           
:::::::::::::::::::::::::::::::::::::::::　*/

table {
	margin-left: 15px;
}

.time th {
    padding: 0.1em;
}

table.teacher {
	width: 80%;
}

table.student {
	width: 90%;
}

table.time01 {
	margin: 0 30px 0 40px;
}

table.av {
	margin-top: -30px;
}

table.av caption {
	font-size: 12px;
	color: green;
}
table.ill {
	width: 87%;
	margin: 10px 0 15px 25px;
}
#days {
	width: 13%;
}
#conte {
	width: 58%;
}

table.citizen {
    margin: 0;
    margin: 10px 0;
}

table.guidance01 {
       margin: 15px 0 15px 15px;
	width: 93%;
}

.date {
	width: 13%;
}
.teacher {
	width: 15%;
}
.faculty {
	width: 8%;
}
.year {
	width: 7%;
	text-align: right;
}
.number {
	width: 6%;
}
/*
.number td {
	text-align: right;
}
.cont {
	text-align: left; 
} */

table.orien,.w-93 {
	width: 93%;
}

.time {
	width: 13%;
}
.department {
	width: 14%;
}

/*
.material {
	width: 93%;
}
/*
.material td {
	text-align: left;
}*/
.zemi {
	width: 13%;
}

/* :::::::::::::::::::::::::::::::::::::::

   +4  電子情報 
             
:::::::::::::::::::::::::::::::::::::::::: */

dl.db, dl.db02 {
	margin: 30px 0 0 20px;
}

dl.db02 dd {
    background: url('../images/decimal-small.png') no-repeat 0 4px;
    padding-left: 15px;
    margin-right: 20px;
}

dl.pattern02 dt {
    margin-left: 15px;
	background: url('../images/dia-green02.gif') no-repeat 0 6px;
}

dl dl dd {
	margin: 0 15px 0 30px;
}

dl dl.pattern02 dd {
    margin: 0 0 0 25px;
}

.access {                /* アクセス方法、数　*/
	margin-left: 1em;
	color: #503CBF;
	font-weight: bold;
}

.vpn,.vpn01 {
	margin-left: 1em;
	padding: 2px 3px;
	background-color: #FFECFF;
	background-color: #FFEFDF;
	border: 1px solid #FFBFFF;
	border: 1px solid #FFCB97;
	font-size: 12px;
	color: #990099;
	color: #EC5F00;
}
.vpn01 {
	margin-left: 0;
}

.normal-f {
    margin-left: 2em;
	font-size: 12px;
	font-weight: normal;
	color: #A24100;
}
form {
	margin: 3em 20px 2em;
}

.link dt a, .link h3 a { /* データベース、OPAC などへのリンクを太字にする */
	font-weight: bold;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::

　　　+5　　ガイダンス

:::::::::::::::::::::::::::::::::::::::::::::::::: */

h4.guidance {
	background-image: none;
	padding-left: 0;
}

p.guidance {
	border-left: 3px solid #598400;
	padding: 0 0 0 15px;
}

dl.guidance {
    margin: 10px 30px 15px;
	background-color: #EEEEEE;
}
.guidance dt {
	margin: 0;
	padding: 5px;
	background-color: #669900;
	background-color: #617803;
	color: white;
}

.guidance dd {
	margin: 10px 20px 0 20px;
	padding-bottom: 10px;
}

/* :::::::::::::::::::::::::::::::::::::::::::

     +6   図書館について
            
 ::::::::::::::::::::::::::::::::::::::::::::: */

dl.history {
	margin: 35px 0:
}

dl.history dt {
    margin: 0;
	float: left;
	clear: both;
	width: 70px;
	background-image: none;
}

dl.history dd {
	margin: 0 20px 0 90px;
}

dl.summary, dl.chair, dl.facility {
	margin-left: 30px;
	border: 1px solid olive;
}

.summary dt.none, .summary dd.none,
.chair dd.none, .facility dd.none {
	border-style: none;
}

.facility dd.none {
	 height: 36px;
}

dl.summary {
	background-color: #617803;
	width: 327px;
	_width: 332px;
}

dl.summary dt, dl.chair dt, dl.facility dt {
	float: left;
	clear: both;
	color: white;
}

dl.summary dt {
    padding: 4px;
    width: 85px;
    _width: 94px;
}

dl.summary dd, dl.chair dd, dl.facility dd {
 	border-bottom: 1px dotted olive;
	background-color: #F7F7F7;
}

dl.summary dd:after,
dl.chair dd:after,
dl.facility dd:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

dl.summary dd {
    margin: 0 0 0 95px;
	padding: 4px 5px 4px 10px;
	width: 217px;
	_width: 232px;
}

dl.chair {
	background-color: #617803;
	width: 133px;
	_width: 139px;
}

dl.chair dt {
    padding: 4px;
	width: 58px;
	_width: 66px;
}

dl.chair dd {
	margin: 0 0 0 68px;
    padding: 4px 7px 5px 0;
	width: 58px;
	_width: 66px;
	text-align: right;
}

dl.facility {
	background-color: #89B407;
	background-color: #617803;
	width: 195px;
	_width: 200px;
}

dl.facility dt {
    padding: 4px;
	width: 115px;
	_width: 124px;
}

dl.facility dd {
	margin: 0 0 0 125px;
    padding: 5px 10px 5px 0;
	width: 60px;
	_width: 70px;
	text-align: right;
}

/* ::::::::::::::::::::::::::

   　+7　 組織図
   
::::::::::::::::::::::::::::: */

#main.org h2 {
	width: 530px;
	_width: 560px;  /* for IE6 */
}
div.line {
	margin: 0;
}

.line p {
    margin: 0 0 0 170px;
	width: 110px;
}

p.committee {
   margin: 25px 0 0 293px;
}

div.subline {
    margin: 0 0 0 23px;
    width: 530px;
    _width: 553px;      /* for IE6 */
}

.subline p {
	margin: 0;
	float: left;
	width: 110px;
}


dl.general, dl.info-manage, dl.info-serve, dl.e-info {
	float: left;
}

p.long {
	width: 210px;
}

.line p, .subline p, .section dt, .section dd {
    padding: 2px;
    border: 1px solid olive;
	font-size: 12px;
	text-align: center;
}

img.org {
	float: left;
	margin: 0 0 0 190px;
}

img.org0-1 {
	margin: 0 0 0 190px;
}
img.org01 {
	float:left;
}
img.org02 {
	margin: 0 0 0 6px;
}
img.sec02 {
	margin: 0 0 0 8px;
}
img.sec03 {
	margin: 0 0 0 40px;
}

div.section {
	margin: 0 40px 0 0;
 	height: 140px;
 	_height: 160px;   /* for IE6 */
 	width: 550px;
 	_width: 540px;    /* for IE6 */

}

.section dt.none, .section dd.none {
    margin: 0;
    padding: 0;
	border-style: none;
}

.section dt {
	margin: 0;
}

.general {
	margin-right: 7px;
}

.general dt {
    margin: 0;
	width: 60px;
}

.general dd {
    width: 60px;
} 

.info-manage dt {
    margin-left: 30px;
	width: 100px;
}

.info-manage dd {
    margin-right: 7px;
	float: left;
}

.info-serve {
	width: 180px;
}

.info-serve dt {
    margin-left: 40px;
    _margin-left: 20px;    /* for IE6 */
	width: 100px;
	_width: 120px;          /* for IE6 */
}

.info-serve dd {
    margin: 0 0 0 10px;
    _margin-left: 5px;      /* for IE6 */
	float: left;
}

.e-info dt {
    margin: 0;
	width: 100px;
}

div.person {
	margin: 0;
}
dl.person, dl.person02 {
	margin: 0;
	width: 190px;
	float: left;
}

dl.person02 {
	width: 250px;
}

dl.person dt, dl.person02 dt {
	margin: 0;
}

dl.person dd, dl.person02 dd {
	margin: 0 0 10px 20px; 
}

table.floor {
    margin-top: 25px;
	width: 92%;
}

.photo {
	margin: 30px 30px 30px 20px;
}

.photogallery {
	margin-left: 20px;
}

/* ::::::::::::::::::::::::::::::

    +8  統計
            
::::::::::::::::::::::::::::::::: */

.statistics h4 {
	margin: 20px 0 15px 10px;
}

tfoot td {
	background-color: #DFE7F7;
}

.statistics table {
	border-top: 1px solid #999999;
}

.statistics img {
    margin-left: 20px;
	border: 1px solid #CCCCCC;
}

table.material, table.open {
	width: 95%;
}

.statistics table td,
table.material td, table.av03 td {
	text-align: right;
}

th.left {
    text-align: left;
    background-color: white;
}

table col.col1 {
	text-align: left;
}

table.user {
    margin-left: 20px;
	width: 70%;
}

table.ill02, table.ref {
    margin-left: 20px;
	width: 50%;
}


/* ::::::::::::::::::::::::::::::

    +9  カレンダー
            
::::::::::::::::::::::::::::::::: */
/*
#contents.calendar {
   padding-bottom: 3em;
} */

.calendar h2 {
	margin: 20px 20px 20px 40px;
	border: none;
	font-size: 20px;
	font-weight: bold;
	color: #5E8A00;
}

table.calendar01 {
    margin: 0 0 25px 60px;
    margin: 0 0 0 60px;
    float: left;
}

.month caption {
    margin-bottom: 3px;
  	font-size: 14px;
	font-family:  Tahoma, "Lucida Grande", Arial,sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",
	Osaka, "ＭＳ ゴシック", "MS Gothic";   /* 年度表示に必要　*/
	color: blue;
	text-align: left;
}

p.calendar-year {
   margin: 0 0 0 50px;
   float: left;    
}

div.color-separate {
    width: 700px;
    display: none;
}

.color-separate ul li {
	float: left;
	margin-left: 5px;
}
.calendar th, .calendar td {
	text-align: center;
	padding: 2.5px 4px;
}

table.month {
	margin: 15px 0 0 0;
}

td.short {
	background-color: #FFFF80;
}

td.sat {
    background-color: #9BBCFF;
}

td.sat-short {
	background-color: #FFCC66;
}

td.close {
	background-color: #FFB9FF;
}

td.another {
	background-color: #93FF93;
}

td.sun, td.fes, td.fes-open {
	color: red;
}

.col-left, .col-center,.col-right {
	float: left;
	width: 230px;
	display: inline;
}

.col-left {
	margin-left: 70px;
	display: inline;  /* for IE6　*/
}

.calendar ul {
    margin: 8px 0 0 0;
	width: 90%;
}

.calendar ul.last02 {
	margin-bottom: 30px;
}

#contents.calendar ul li, #contents.calendar ul.last02 li {
	text-indent:-0.8em;
	font-size: 11px;
	line-height: 1.5;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::

  +10   トップサブメニュー　連絡先一覧　サイトマップ　よくある質問　所蔵新聞リスト SUCRA
          
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::　*/

#contents-top h2 {
	margin: 30px 20px 30px 30px;
}

#contents-top h3 {
    margin: 0;
	margin-left: 40px;
}

#contents-top h4 {
    margin: 10px 0 0 50px;
}

#contents-top p {
	margin: 10px 0 10px 55px;
	font-size: 14px;
}

.sitemap h3 {
    padding: 5px;                          /* サイトマップ */
	border-left: 6px double #E88B00;
	background-color: #F6F6F6;
	background-color: #F1F1EB;
	width: 180px;
	color: #734E00;
	text-indent: 1em;
}

#contents-top.sitemap h3 a:link, #contents-top.sitemap h3 a:visited {
	color: #734E00;
	font-weight: bold;
}

.sitemap .left, .sitemap .center, .sitemap .right {
    margin-bottom: 20px;
	float: left;
	width: 240px;
}

.sitemap ul {
	margin: 10px 0 15px 60px;
}

.sitemap ul li {
	background: url('../images/dia-gray.gif') no-repeat 0 7px;
    padding-left: 15px;
}

.sitemap ul ul {
	margin: 0;
	margin-left: 12px;
}

dl.faq {
	margin: 20px 15px;
	padding: 0;
}

dl.faq dt {
    margin-right: 30px;
    padding: 0 0 5px 27px;
	background: url('../images/q-green01.png') no-repeat;
	border-bottom: 1px dashed #C1C1C1;
	font-size: 14px;
	color: #486A00;
}

dl.faq dd {
    margin: 5px 20px 25px -1px;
    padding-left: 27px;
	background: url('../images/a-orange02.png') no-repeat;
	font-size: 13px;
}

table.contact {
    margin: 0;
	margin: 0 15px 0 45px;
}

table.newspaper {
    margin: 15px 0 0 50px;
    width: 90%
}

.newspaper th {
	font-size: 12px;
}

.title {
	width: 15%;
}

.paper {
	 width: 15%
}

.mini {
	 width: 14%
}

.micro {
	 width: 15%;
}

.note {
	 width: 35%;
}

#contents-top.change {
	padding-bottom: 3em;
}

.row2-01, .row2-02, .row2-02-1, .row2-03 {
    margin: 0;
	padding-left: 40px;   /* 主要新聞タイトル変遷 */
}

.row2-01 {
	height: 100px;
}
.row2-02, .row2-02-1, .row2-03 {
	clear: both;
}
.row2-02-1 {
	background: url('../images/arrow-b.gif') no-repeat bottom 300px;
	height: 120px;
}


#contents-top.change p.path {
	margin: 10px 0 -10px 45px;
	font-size: 12px;
}

.change dl, .sucra dl {
    margin: 15px 0 10px;
	border: 1px solid #C0C0C0;
	float: left;
}

.change dt {
    background-color: #9933FF;
    text-align: center;
    color: white;
}

.change dd {
    margin: 0;
    padding: 0;
	text-align: center;
	background-color: #EEEEEE;
}

.wide {
	width: 162px;
}

.wide01 {
	width: 165px;
}

.wide02 {
	width: 250px;
}

.wide03 {
	width: 280px;
}

.change dd.ddleft {
	text-align: left;
}

#contents-top.change p {
	margin: 40px 5px 0;
	padding: 0;
}

div.arrow-b {
}

.arrow-b p {
    margin: 0;
	text-indent: 300px;
}

.privacy ul {
	margin-left: 50px;
}

#contents-top.privacy p {
	margin: 30px 40px 20px 50px;
}

/*******************************************

   +11  SUCRA
        
********************************************/


#contents-top.sucra p {
	margin: 25px 50px 20px 55px;
	font-size: 13px;
}

.sucra ul.menu-sucra02 {
	margin: 10px 30px;
}
.sucra ul.menu-sucra02 li {
    margin-right: 13px;
	background: url('../images/arrow-green02.gif') no-repeat left 2px;
	padding-left: 15px;
	display: inline;
}

#contents-top.sucra h2 {
	margin-top: 0;
}

.flow {
    margin: 0;
	padding-left: 80px;   /* SUCRA 概念図 */
	height: 120px;
}

.sucra dl {
    margin: 0;
	border: 1px solid green;
	float: left;
	display: inline;
} 

.sucra dt {
    padding: 5px;
    background-color:#FFFFCC;
    border-bottom : 1px solid green;
	font-size: 14px;
	text-align: center;
	color: green;
	font-weight: bold;
}

.sucra dd {
    margin: 5px;
    background-color: white;
    font-size: 12px;
    text-align: left;
}

img.arrow {
	margin: 20px 0;
	float: left;
}
.sucra ul, .sucra ol {
	 margin: 20px 80px;
}

.sucra ul li {
	 background: url('../images/dia-green02.gif') no-repeat left 7px;
	 padding-left: 17px;
}

.sucra ol li {
	list-style-type: decimal;
}

.sucra ol li ul {
	margin: 0 0 5px 8px;
}
.sucra ol li ul li {
	list-style-type: none;
    background: url('../images/dia-green02.gif') no-repeat left 10px;
}
.sucra address {
	margin: 10px 0 20px 80px;
	padding-left: 10px;
	border-left: 5px solid #669900;
	line-height: 1.5;
	float: none;
}

/*******************************************
  +12  SUCRA 質疑応答事例集
********************************************/

h2.sucra-faq  {
	margin-top: 0;
}
ul.menu-sucra {
	margin: 10px 0;
}
.menu-sucra li {
    margin-right: 13px;
	background: url('../images/arrow-green02.gif') no-repeat left 2px;
	padding-left: 15px;
	display: inline;
}

ol.faq-head {
	margin: 10px 40px 10px 40px;
}

ol.faq-head li {
	list-style-type: decimal;
}

dl.sucra-faq01 {
	margin: 20px 30px 360px 0;
}

dl.sucra-faq01 dt  {
    margin: 15px 0 10px;
    padding: 5px;
    background-color: #D9F0F4;
    background-color: #EEFFFF;
    border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #626231;
}

dl.sucra-faq01 dd {
    margin-right: 10px;
	text-indent: 1em;
}

dd.page-top {
	text-align: right;
	margin-top: 20px;
}

dl.sucra-faq01 ul, dl.sucra-faq01 ol {
	margin: 0 10px 0 35px;
}

dl.sucra-faq01 ul li {
	list-style: square;
	text-indent: 0;
}

dl.sucra-faq01 ol li {
	list-style: decimal;
	text-indent: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::

  +13   topics back number, 詳細情報用

::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main-newsback dl {
	margin: 0 20px 20px 20px;
}

#main-newsback dt {
	margin-right: 0;
	padding: 4px 0 0 5px;
	border-top: 1px dotted gray;
	line-height: 1.5;
	float: left;
	clear: both;
	width: 80px;
}

#main-newsback dd {
	margin: 0 20px 0 84px;
    padding: 4px 2px 8px 15px;
	border-top: 1px dotted gray;
	line-height: 1.5;
	zoom: 1;
}

#main-newsback dd ul {
    margin: 5px 0 0 20px;
    list-style-type: square;
}

#main-newsback dd ul li {
    line-height: 1.5;
}

#news-detail h3 {
    margin: 0;
	margin: 20px 0 30px 15px;
}

#news-detail p.path {
	margin: 10px 0 0;
}

div.detail {
    margin: 25px 20px 0 0;
    padding: 10px 0 20px;
	background-color: #F3F3ED;
}
.detail h3 {
    margin: 0;
	margin: 20px 0 30px 15px;
}

h2.path {
	margin-top: 15px;
}

.detail p {
	margin: 0 30px 0 20px;
	line-height: 1.7;
}

.detail dl {
	margin: 10px 35px;
}

.detail dd {
	margin-left: 20px;
	margin-right: 0;
}

.type01 dd {
	margin-left: 5px;
}

.detail dd ul {
	margin: 5px 0 15px 10px;
}

.type01 dd ul#type01 {
	margin: 5px 0 15px 40px;
}


.detail ul {
	margin: 15px 30px 15px 50px;
	list-style-type: square;
}

.detail dl.para {
	margin: 15px 0 20px 20px;
	float: left;
	display: inline;
	zoom: 1;
}

dl.para dt {
	margin-left: 20px;
}
div.toyo {
	background-color: #F3F3ED;
    height: 380px;
}

ul.none {
    margin: 0 0 0 20px;
	list-style-type: none;
}

p.job-g {
	padding-left: 40px;
}
img.job {
    margin: 10px 25px 10px 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::

  +14   ランキング

::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#ranking table {
	margin: 10px 0 40px 10px;
}

.w-90 {
	width: 90%;
}
