@charset "utf-8";
body {
	font: 100%/1.4 "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ �G�������g / �^�O�Z���N�^�[ ~~ */

.title_logo {
	margin:2em auto;
	text-align:center;
	font-weight:bold;
	font-size:140%;
	color:#ffffff;
	width:90%;
	padding:1em;
	background-image: url(/common/images/title_bg.gif)
}

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: 700px;
	margin:0 auto;
	padding-bottom:4em;
}


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

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

	.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;
		}


/*���o��
----------------------------------------------------------- */
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{
	text-indent: 1em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 1em;
}

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

/* �A�[�J�C�u��g�b�v�֖߂铙�̉E��
----------------------------------------------------------- */
.right{
	text-align:right;
	margin:1em 0 2em 0;
	}


/* maargin padding �v�f
----------------------------------------------------------- */
.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;
}


/*���X�g�v�f ��
----------------------------------------------------------- */
.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;
	float:left;
	width:15%;
	}
.siryou dd{
	margin-left:0;
	vertical-align:top;
	clear:right;
	width:85%;
	padding-left:15%;
	}


/*
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;
	}
*/


/*�e�[�u��
----------------------------------------------------------- */
.datatable_l{
	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{
	border-collapse:collapse;
}

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

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





/*���X�|���V���E�e�[�u��
----------------------------------------------------------- */
.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;
}







/* ~~ �w�b�_�[~~
----------------------------------------------------------- */
.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;
}


/* �����N�o�[�@���̒��Ƀh���b�v���j���[������܂��B
----------------------------------------------------------- */
.linkbar {height:44px;background-color:#3333cc;}


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


/* ~~ �t�b�^�[ ~~
----------------------------------------------------------- */
.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;
}

/* �h���b�v���j���[
----------------------------------------------------------- */
.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�v�f
----------------------------------------------------------- */
.contents a[href$=".pdf"] {
background: url(/common/images/pdf.gif) no-repeat 100% 50%;
}
* html a.pdf{
background: url(/common/images/pdf.gif) no-repeat;
}
.contents a[href$=".pdf"] {
padding: 4px 20px 4px 0px;
}

/* word�v�f
----------------------------------------------------------- */
.contents a[href$=".docx"] {
background: url(/common/images/ico_word.gif) no-repeat 100% 50%;
}
* html a.docx{
background: url(/common/images/ico_word.gif) no-repeat;
}
.contents a[href$=".docx"] {
padding: 4px 20px 4px 0px;
}

/* Excel�v�f
----------------------------------------------------------- */
.contents a[href$=".xlsx"] {
background: url(/common/images/exel_icon.gif) no-repeat 100% 50%;
}
* html a.xlsx{
background: url(/common/images/exel_icon.gif) no-repeat;
}
.contents a[href$=".xlsx"] {
padding: 4px 20px 4px 0px;
}

/* PowerPoint�v�f
----------------------------------------------------------- */
.contents a[href$=".pptx"] {
background: url(/common/images/ppt_icon.gif) no-repeat 100% 50%;
}
* html a.pdf{
background: url(/common/images/ppt_icon.gif) no-repeat;
}
.contents a[href$=".pptx"] {
padding: 4px 20px 4px 0px;
}


/* �O�������N�v�f
----------------------------------------------------------- */
.contents a[href^="//www"] {
background: url(/common/images/link.gif) no-repeat 100% 50%;
}
* html a.external   {
background: url(/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;
}




/*���X�g�v�f
----------------------------------------------------------- */


/*リスト共通設定*/
ul{margin:1em 0;}
ol{margin:1em 0;}
li{margin:0.8em 0;}



.listnone li {
	list-style:none;
}

.arrow li {
	list-style:none;
	background-image: url("/common/images/arrows.gif");
	background-repeat: no-repeat;
	margin-left:-1em;
	padding-left:1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.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;}