body {
	margin: 0px;
	padding: 0px;
	font-size: 84%; 
	color: #333333; 
	background-color: #ffffff;
	line-height: 155%;
	line-break: strict;
 }

hr {
	color: #666666; 
	background-color: #666666; 
	height: 1px; 
	border: 1px; 
	border-style: dashed;
}

img {
	border:none;
}

/* レイアウト位置設定 */

#top {
	margin: 0px;
	padding: 0px;
	width: 720px;
	text-align:left;
}

#top_l {
	margin: 30px 0px;
	padding-left: 10px;
	float: left;
	text-align:left;
	background-image: url(images/t_line.gif);
	background-repeat: repeat-y;
	width:470px;
}

#top_r {
	margin: 30px 0px;
	padding-right: 10px;
	float: right;
	text-align:left;
}


#main {
	margin: 0px;
	padding: 0px;
	width: 720px;
	text-align:left;
	background-image: url(images/s_line.gif);
	background-repeat: repeat-y;
}

#main2 {
	margin: 0px;
	padding: 0px;
	width: 720px;
	text-align:left;
}

#menu {
	width: 160px;
	margin: 0 20px 20px 0;
	float: left;
}

#contents {
	width: 540px;
	margin: 0px;
	padding: 20px 0px 40px 0px;
	float: left;
}

#contents2 {
	width: 720px;
	margin: 0px;
	padding: 20px 0px 40px 0px;
}

#top_news {
	width:440px;
}

#top_news_title {
	width:110px;
	float:left;
}

#top_news_full {
	float:right;
	font-size:10px;
	margin:9px 0 0 10px; 
}

#top_news_article {
	clear:both;
	border-top:#dddddd 1px dotted;
	border-bottom:#dddddd 1px dotted;
}

#news_main {
	width:500px;
	padding:15px;
	margin-left:15px;
}

#news_articl {
	border-bottom:#dddddd 1px dotted;
}


/* 画像など */

.title {
	margin-bottom: 10px ;
}

.exa_title {
	background: url(/example/images/title.gif) no-repeat;
	height: 60px;
	margin-bottom: 20px ;
	padding: 20px 0px 0px 15px; 
}

.exa_title_news {
	background: url(/news/images/title.gif) no-repeat;
	height: 60px;
	margin-bottom: 20px ;
	padding: 20px 0px 0px 15px; 
}

.ma_title {
	background: url(/material/images/title.gif) no-repeat;
	height: 60px;
	margin-bottom: 20px ;
	padding: 20px 0px 0px 15px; 
}



/* テキストなど */

ul {
	margin: 5px 20px;
	padding: 0px; 
}

ol {
	margin: 10px 40px;
	padding: 0px; 
}

.size20 {
	font-size: 20pt; 
	line-height: 20pt;
}

.h2_sub {
	font-size: 14px; 
	line-height: 14px;
}

.cap {
	font-size: 80%; 
	line-height: 155%;
}

.cap_tite {
	font-size: 80%; 
	line-height: 120%;
}
.quotation{
	font-size: 10px;
	line-height: 13px;
	margin-top: 5px ;
	margin-left: 10px;
	text-indent: -1em; 
}

.link {
	background: url(images/go1.gif) no-repeat;
	margin: 5px 0px;
	padding-left: 24px;
	font-weight: bold;
}

.example {
	background: url(images/example.gif) repeat;
	margin-bottom: 5px;
	font-size: 110%;
	padding-left: 10px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
}

.ex_t {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #cc0000;
}

.ma_t {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #cc0000;
}

.next{
	font-size: 24px;
	color: #ffcc66;
}

.tite{
	line-height: 120%;
}

.red{
	color: #ff0000;
}

.white {
	color: #ffffff;
}

.endi {
	color: #993333;
}

.endi2 {
	color: #cc6666;
}

.blue {
	color: #3366cc;
}

.green {
	color: #339900;
}

.orange{
	color: #ffcc66;
}

.pink{
	color: #ff3366;
}

.gray{
	color: #666666;
}

.point {
	padding: 3px 10px; 
	background-color:#666666;
	color: #ffffff;
	font-weight: bold;
}

.point2 {
	margin-top: 10px;
	padding: 2px 5px; 
	background-color:#dddddd;
	color: #333333;
	font-weight: bold;
 	width: 540px;
}

.g_title {
	margin-top: 20px;
	background-color: #cc3366; 
	padding: 2px 10px;
	color: #ffffff;
	font-weight: bold;
}

.g_name {
	margin: 3px 0px;
	background-color: #ffffff; 
	padding: 0px 5px;
	color: #cc0033;
}

.step {
	margin: 0px;
	padding: 0px 20px 0px 10px;
	font-size: 12px; 
	line-height: 20px;
 	height: 80px;
	background: url(layout/images/step_back.gif) ;
}

.step2 {
	margin: 0px;
	padding: 0px 20px 0px 10px;
	font-size: 12px; 
	line-height: 20px;
 	height: 200px;
	background: url(layout/images/step_back2.gif) ;
}

/* 表 */

td { 
	line-height: 155%;
	font-size: 84%; }


.hyo { border-collapse: collapse;
       border-width : 1px 0 0 1px;
       border-style : solid;
       border-color : #999999; }
.hyo th { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #999999;
          padding: 4px;
          font-size: 12px;  line-height: 130%; }
.hyo td { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #999999;
          padding: 4px;
          font-size: 12px;  line-height: 130%; }

.hyo_i { border-collapse: collapse;
       border-width : 1px 0 0 1px;
       border-style : solid;
       border-color : #999999; }
.hyo_i th { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #999999;
          padding: 5px 10px;
          text-align:left;
          font-size: 12px;  line-height: 130%; 
          background-color: #eeeeee;
          font-weight: normal; }
.hyo_i td { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #999999;
          padding: 5px 10px;
          font-size: 12px;  line-height: 130%; }

.hyo_w { border-collapse: collapse;
       border-width : 1px 0 0 1px;
       border-style : solid;
       border-color : #ffffff; }
.hyo_w th { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #ffffff;
          padding: 4px 10px;
          font-size: 12px;  line-height: 130%; }
.hyo_w td { border-width : 0 1px 1px 0;
          border-style : solid;
          border-color : #ffffff;
          padding: 4px 10px;
          font-size: 12px;  line-height: 130%; }

.hyonoline td {  border-width:0; 
          padding: 0px;
}
.hyonoline th {  border-width:0; 
          padding: 0px;
}

/* フォーム */

input { 
	margin: 2px 3px;
 }

select { 
	margin: 2px 3px;
 }

textarea { 
          font-size: 12px;  line-height: 130%; 
 }