@charset "utf-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}

p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}

a:link {
	color: #3351CC;
	text-decoration: underline;
}
a:visited {
	color: #3351CC;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
	padding-bottom:2em;
}

.top_navi{
	margin:5px 20px;
	font-size:80%;
}

.contents {
	width: 800px;
	margin:0 auto;
	padding-bottom:4em;
}


p{
	margin:10px 10px 20px 10px ;
}

.box{
	width:90%;
	margin:2em auto;
	border:1px solid #666666;
	background-color:#ffffdb;
	padding:10px;
}

	.imglft{display:inline-block; padding-right:5em;}
	.imgrt{display:inline-block;}
	
	.sosikizu img{float:right;max-width:70%;}
	.sosikizu p{margin-right:1em;}

		.sosikizus img{
		float:left;
		margin-left:1em;
		width:90%;
		}
		.sosikizus p{
		display:inline-block;
		float:none;
		}


/*見出し
----------------------------------------------------------- */
h1{
	border-bottom:2px solid green;
	font-size:140%;
	width:100%;
	margin:2em 0 3em ;
	text-align:center;
}

h2{
	border-left:5px solid green;
	border-bottom:1px solid green;
	font-size:110%;
	width:98%;
	margin:30px 0 1em 0;
	padding:5px;
}

h3{
	border-left:8px solid green;
	font-size:100%;
	width:97%;
	margin:30px 0 10px 0;
	padding:5px;
}

h4{
	background-color:green;
	bordera-bottom:2px solid green;
	color:#fff;
	font-size:120%;
	width:99%;
	margin:30px 0 0 0;
	padding:5px;
}

p{
	margin:10px 10px 20px 10px ;
}

.title{
	margin:3em 0;
	text-align:center;
	}

/* アーカイブやトップへ戻る等の右寄せ
----------------------------------------------------------- */
.right{
	text-align:right;
	margin:1em 0 2em 0;
	}


/* maargin padding 要素
----------------------------------------------------------- */
.ml1{margin-left:1em;}
.ml2{margin-left:2em;}
.ml3{margin-left:3em;}
.ml4{margin-left:4em;}
.ml5{margin-left:5em;}

.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:3em;}
.mt4{margin-top:4em;}
.mt5{margin-top:5em;}

.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}
.mb3{margin-bottom:3em;}
.mb4{margin-bottom:4em;}
.mb5{margin-bottom:5em;}

.pl1{padding-left:1em;}
.pl2{padding-left:2em;}
.pl3{padding-left:3em;}
.pl4{padding-left:4em;}
.pl5{padding-left:5em;}

.pt1{padding-top:1em;}
.pt2{padding-top:2em;}
.pt3{padding-top:3em;}
.pt4{padding-top:4em;}
.pt5{padding-top:5em;}

.pb1{padding-bottom:1em;}
.pb2{padding-bottom:2em;}
.pb3{padding-bottom:3em;}
.pb4{padding-bottom:4em;}
.pb5{padding-bottom:5em;}

.date {
	margin-right:1em;
}


/*リスト要素 他
----------------------------------------------------------- */
.giji{
	margin:1em 0 2em 3em;
	}
.giji ul{
	list-style-type:disc;
	margin:0 0 0 0em;
	}

.siryou{
	padding:1em 0 2em 2em;
	line-height:1.8em;
	}
.siryou dt{
	vertical-align:top;
	display:inline-block;
	}
.siryou dd{
	margin-left:0;
	display:inline-block;
	}


/*
ul {
	margin:10px 10px 20px 10px ;
	padding:0 30px;
}

.listnone li {
	list-style:none;
}

.arrow li {
	list-style:none;
	background-image: url("http://www.cas.go.jp/common/images/arrows.gif");
	background-repeat: no-repeat;
	margin-left:-1em;
	padding-left:1em;
}

.date_list_e{
	margin:10px 0 0 1em;
	display:block;
}
.date_list_e dt{
	width:6em;
	float:left;
}
.date_list_e dd{
	margin-left:6em;
	display:block;
}
.date_list{
	margin:10px 0 0 1em;
	display:block;
	}
.date_list dt{
	width:12em;
	float:left;
	}
.date_list dd{
	margin-left:12em;
	isplay:block;
	}
*/


/*テーブル
----------------------------------------------------------- */
.datatable_l{
	margin:0 10px 20px 0 ;
	border:1px solid #333333;
	border-collapse:collapse;
}

.datatable_l th{
	background-color:#ddd;
	border:1px solid #333333;
	padding:8px;
	font-weight:normal;
}

.datatable_l td{
	background-color:#ffffff;
	border:1px solid #333333;
	padding:8px;
}

.datatable_nl{
	margin:0 10px 20px 0;
	border-collapse:collapse;
}

.datatable_nl th{
	background-color:#ddd;
	padding:8px;
	font-weight:normal;
}

.datatable_nl td{
	background-color:#ffffff;
	padding:8px;
}





/*レスポンシヴ・テーブル
----------------------------------------------------------- */
.tbl {
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.tbl caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.tbl tr {
  background: #ddd;
  borders: 1px solid #999;
  paddings: .20em;
}
.tbl th,
.tbl td {
  padding: .625em;
  text-align: left;
  border: 1px solid #999;
	word-break:break-all;
}
.tbl th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.tbl td {
  background-color:#fff;
}







/* ~~ ヘッダー~~
----------------------------------------------------------- */
.header {
	background: #fff;
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:90px;
	padding-top:10px;
}

.header  p{
	font-size: 12px;
	float:right;
	padding:10px;
	clear:both;
}

.header table{
	margin-top:1em;
	colors:#000000;
	font-size:60%;
}
.header table td{
	vertical-align:top;
}


.logo_title{
	float:left;
	}
.right_side{
	float:right;
	text-align:right;
	margin:5px;
	}

.search-form{
	floats: right;
}


/* リンクバー　この中にドロップメニューがあります。
----------------------------------------------------------- */
.linkbar {height:44px;background-color:#3333cc;}


.page-top {
	display:block;
	float:right;
	font-size:80%;
	margin-bottom:8px;
}


/* ~~ フッター ~~
----------------------------------------------------------- */
.footer {
	padding: 10px;
	color:#fff;
	background: #3333cc;
	positions: relative;
}
.footer p{
	width: 960px;
	margin:0 auto;
	font-size:80%;
	}

.footer a{
	color:#ffffff;
	border-right:1px dotted #ffffff;
	padding:0 8px 0 8px;
	}
	
.footer a:hover{
	color:#ffffff;
	border-right:1px dotted #ffffff;
	padding:0 8px 0 8px;
	}

.adress {
	width:100%;
	max-width:970px;
	margin:0 auto;
	font-size:80%;
	padding-top:2em;
	}

.copy {font-size:80%;text-align:center;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ドロップメニュー
----------------------------------------------------------- */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #3333cc;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #3333cc;
  text-align: left;
  font-size:14px;
  font-weight: bold;
  border-top:1px solid #7f7fff;
}
.dropmenu li:hover > a{
  background: #000099;
}
.dropmenu li a:hover{
  border-radius : 3px 3px 0 0;
  background: #000099;
}

.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}





/* pdf要素
----------------------------------------------------------- */
.contents a[href$=".pdf"] {
background: url(http://www.cas.go.jp/common/images/pdf.gif) no-repeat 100% 50%;
}
* html a.pdf{
background: url(http://www.cas.go.jp/common/images/pdf.gif) no-repeat;
}
.contents a[href$=".pdf"] {
padding: 4px 20px 4px 0px;
}

/* word要素
----------------------------------------------------------- */
.contents a[href$=".docx"] {
background: url(http://www.cas.go.jp/common/images/ico_word.gif) no-repeat 100% 50%;
}
* html a.docx{
background: url(http://www.cas.go.jp/common/images/ico_word.gif) no-repeat;
}
.contents a[href$=".docx"] {
padding: 4px 20px 4px 0px;
}

/* Excel要素
----------------------------------------------------------- */
.contents a[href$=".xlsx"] {
background: url(http://www.cas.go.jp/common/images/exel_icon.gif) no-repeat 100% 50%;
}
* html a.xlsx{
background: url(http://www.cas.go.jp/common/images/exel_icon.gif) no-repeat;
}
.contents a[href$=".xlsx"] {
padding: 4px 20px 4px 0px;
}

/* PowerPoint要素
----------------------------------------------------------- */
.contents a[href$=".pptx"] {
background: url(http://www.cas.go.jp/common/images/ppt_icon.gif) no-repeat 100% 50%;
}
* html a.pdf{
background: url(http://www.cas.go.jp/common/images/ppt_icon.gif) no-repeat;
}
.contents a[href$=".pptx"] {
padding: 4px 20px 4px 0px;
}


/* 外部リンク要素
----------------------------------------------------------- */
.contents a[href^="//www"] {
background: url(http://www.cas.go.jp/common/images/link.gif) no-repeat 100% 50%;
}
* html a.external   {
background: url(http://www.cas.go.jp/common/images/link.gif) no-repeat 100% 50%;
}
.contents a[href^="www.cas.go.jp"]  {
padding: inherit;
background: transparent;
}
.contents a[href^="//www"] {
padding: 4px 20px 4px 0px;
}




/*リスト要素
----------------------------------------------------------- */
ul {
	margin:10px 10px 20px 10px ;
	padding:0 30px;
}

.listnone li {
	list-style:none;
}

.arrow li {
	list-style:none;
	background-image: url("http://www.cas.go.jp/common/images/arrows.gif");
	background-repeat: no-repeat;
	margin-left:-1em;
	padding-left:1em;
}

.bl{
	border-left:1px solid #999;
	}
.kako li{
	line-height:2em;
	list-style:none;
	display: inline-block;
	}
.kako a{
	padding:0 1em;
	border-right:1px solid #999;
	}

.date_list_e{
	margin:10px 0 0 1em;
	display:block;
}
.date_list_e dt{
	width:6em;
	float:left;
}
.date_list_e dd{
	margin-left:6em;
	display:block;
}
.date_list{
	margin:10px 0 0 1em;
	display:block;
	}
.date_list dt{
	swidth:12em;
	float:left;
	display:inline-block;
	}
.date_list dd{
	isplay:block;
	}
	

.sosikizu img{width:90%;float:none;margin-left:1em;;}
.sosikizu p{width:90%;float:none;}
	
.imglft{display:block;margin-left:2em;padding-right:0;}
.imglft img{width:90%;}
.imgrt{display:block;margin-left:2em;}