@import"/css/devdiary/devdiary2.css?20240912";

/* news_base */
#slot_index iframe{
	width: 620px;
	height: 320px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

/* ÍýÿÑÌýÿ¾ */
#slot_index{
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}
#kiyakubun h1{
	font-size: 20px;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 5px;
}
#kiyakubun h2{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 20px;
}
#kiyakubun h3{
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
}
#kiyakubun h4{
	font-size: 12px;
	font-weight: bold;
	color: #cc3300;
	margin-top: 20px;
}
#kiyakubun ul{
	list-style-type: decimal;
}
#kiyakubun li{
	margin-top: 8px;	
}
#kiyakubun .line{
	width: 100%;
}

#cyui td{
color: #cc3333;
}
#cyui th{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
#back{
width: 620px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}
#back img{
margin-top: 10px;
margin-bottom: 10px;
}

/*form*/
#form{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}
#form th{
background-color: #F1F2F2;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #999999;
width: 180px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
#form td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
#form select{
height: 20px;
width: 250px;
}
#form .select2{
	height: 20px;
	width: 100px;
	margin-right: 5px;
	margin-left: 5px;
}
#form input{
	margin-right: 5px;
}

#nonform{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nonform th{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nonform td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#btn input{
height: 20px;
width: 250px;
color: #333333;
background-color: #FFFFFF;
}

#alert{
margin-top: 15px;
margin-bottom: 10px;

}
#alert p{
font-size: 20px;
color: #CC0000;
font-weight: bold;
}
#alert .sub{
font-size: 14px;
color: #666666;
font-weight: bold;
margin-top: 10px;
}
#alert ul{
	margin-top: 10px;
	color: #FF0000;
}
#alert li{
	margin-bottom: 5px;
	margin-left: -20px;
	padding-left: 0px;
}
#fee
{
border-collapse:collapse;
empty-cells:hide;
font-size:12px;
}

#fee th
{
color:#006633;
padding:2px;
border:solid 1px #666666;
font-weight:bold;
font-size:14px;
}

#fee td
{
border:solid 1px #666666;
padding:2px;
}

#fee .course
{
background-color:#ffcc99;
text-align:center;
}

#fee .month
{
background-color:#ffcccc;
text-align:center;
}

#fee .period
{
background-color:#ccffff;
text-align:center;
}
#20ken{
	width: 620px;
	text-align: right;
	margin-bottom: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

.midashi{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.col_red{
color: #CC3300;
font-size:12px;
}
.kome{
font-size: 10px;
text-transform: none;
color: #FF3300;
}
.line{
	background-color: #999999;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.red_line{
color:#ffffff;
font-size:16px;
margin-top: 5px;
margin-bottom: 5px;
padding:4px;
background-color:#ff6600;
text-align:left;
vertical-align:top; 
}

.step_cap
{
color:#ffffff;
font-size:16px;
font-weight:bold;
padding:4px;
background-color:#ff6600;
text-align:left;
vertical-align:top; 
}

.step_desc
{
padding:10px 10px 0 10px;
text-align:left;
vertical-align:top; 
font-size:12px;
}

.step_pic
{
padding:5px 5px 0 5px;
text-align:left;
vertical-align:top; 
}

.step_caution
{
font-size:10px;
color:#cc6666;
}

.step_hl
{
font-size:12px;
font-weight:bold;
}

.step_pagetop
{
font-size:10px;
text-align:right;
padding-top:15px;
margin-right:0px;
margin-bottom: 10px;
}

.step
{
border:solid #666666 1px;
}

.catch_red
{
color:#cc0000;
}

.catch_bold
{
font-weight:bold;
}

.catch_green
{
color:#006633;
}

.setting_hl
{
color:#006633;
font-size:16px;
margin-bottom:10px;
}

.setting_desc
{
margin:5px 20px;
}

.register_list{
	list-style-type: none;
	margin: 20px 0px;
	padding: 0px;
}
.red_mt10{
margin-top: 15px;
color:#FF0000;
margin-bottom: 15px;
}
.catch_red16{
margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #CC3300;
margin-bottom: 15px;
}
.catch_red10{
margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
margin-bottom: 5px;
}
.step_cap_bold
{
color:#ffffff;
font-weight:bold;
font-size:16px;
padding:4px;
background-color:#33cc00;
text-align:left;
vertical-align:top; 
}
.step_cap_green
{
margin-top: 20px;
color:#666666;
font-weight:bold;
font-size:14px;
padding:4px;
background-color:#99ff99;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
.slot_title
{
color:#cc33oo;
font-weight:bold;
font-size:14px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom:10px;
margin-top:10px;
}
.slot_cap
{
color:#cc33oo;
font-weight:bold;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
.slot_description
{
color:#666666;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}

.slot_link
{
color:#21A18E;
text-decoration:none;
font-size:12px;
}
.slotlink_list
{
color:#21A18E;
text-align:left;
text-decoration:none;
font-size:12px;
}
.hyo_desc_a
{
font-weight:bold;
color:#666666;
font-size:14px;
padding:4px;
text-align:center;
vertical-align:top; 
margin-bottom: 10px;
}
.hyo_desc_b
{
font-weight:bold;
color:#FFFFFF;
font-size:14px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
.slot_headline
{
font-weight:bold;
color:#333333;
font-size:14px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
.news_description
{
color:#666666;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-top: 10px;
margin-bottom: 10px;
}
.news_date
{
color:#cc0000;
font-size:12px;
}
.news_cap
{
color:#4d4d4d;
font-size:12px;
margin-top: 5px;
margin-bottom: 5px;
}
p.bg{
	margin: 1px;
	width:525px;
	height:25px;
	background:url(/images/news/new/jyuyou_bg.gif) no-repeat left top;
	/*padding:4px 0px 5px 12px !important;
	padding:5px 0px 5px 12px;*/
	padding-top: 4px;
	padding-left: 12px;
	font-weight:bold;
	color:#CE0708;
}
/*Firefox-------------------------*/
html>.step_cap
{
color:#ffffff;
font-size:16px;
font-weight:bold;
padding:4px;
background-color:#ff6600;
text-align:left;
vertical-align:top; 
}

html>.step_desc
{
padding:10px 10px 0 10px;
text-align:left;
vertical-align:top; 
font-size:12px;
}

html>.step_pic
{
padding:5px 5px 0 5px;
text-align:left;
vertical-align:top; 
}

html>.step_caution
{
font-size:10px;
color:#cc6666;
}

html>.step_hl
{
font-size:12px;
font-weight:bold;
}

html>.step_pagetop
{
font-size:10px;
text-align:right;
padding-top:15px;
margin-right:0px;
margin-bottom: 10px;
}

html>.step
{
border:solid #666666 1px;
}

html>.step_cap_bold
{
color:#ffffff;
font-weight:bold;
font-size:16px;
padding:4px;
background-color:#33cc00;
text-align:left;
vertical-align:top; 
}
html>.step_cap_green
{
margin-top: 20px;
color:#666666;
font-weight:bold;
font-size:14px;
padding:4px;
background-color:#99ff99;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
html>.slot_title
{
color:#cc33oo;
font-weight:bold;
font-size:14px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom:10px;
margin-top:10px;
}
html>.slot_cap
{
color:#cc33oo;
font-weight:bold;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
html>.slot_description
{
color:#666666;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}

html>.slot_link
{
color:#21A18E;
text-decoration:none;
font-size:12px;
}
html>.slotlink_list
{
color:#21A18E;
text-align:left;
text-decoration:none;
font-size:12px;
}

html>.slot_headline
{
font-weight:bold;
color:#333333;
font-size:14px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-bottom: 10px;
}
html>.news_description
{
color:#666666;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top; 
margin-top: 10px;
margin-bottom: 10px;
}
html>.news_date
{
color:#cc0000;
font-size:12px;
}
html>.news_cap
{
color:#4d4d4d;
font-size:12px;
margin-top: 5px;
margin-bottom: 5px;
}
/*--------------------------------*/
span.icon0{
	background:url(/images/news/new/icon0.gif) no-repeat left center;
	padding-left:30px;
}

span.icon1{
	background:url(/images/news/new/icon1.gif) no-repeat left center;
	padding-left:30px;
}

span.icon2{
	background:url(/images/news/new/icon2.gif) no-repeat left center;
	padding-left:30px;
}

span.icon3{
	background:url(/images/news/new/icon3.gif) no-repeat left center;
	padding-left:30px;
}

span.icon4{
	background:url(/images/news/new/icon4.gif) no-repeat left center;
	padding-left:30px;
}

span.icon5{
	background:url(/images/news/new/icon5.gif) no-repeat left center;
	padding-left:30px;
}

span.icon6{
	background:url(/images/news/new/icon6.gif) no-repeat left center;
	padding-left:30px;
}

span.date{
	font-weight:bold;
	line-height:150%;
	font-size:12px;
	margin-right:5px;
	color:#707070;
}

#wrapper{
	border:1px solid #FFFFFF;
	margin: 20px 0 0 30px;
	width: 540px;
	height: auto;
	padding: 0px;
}

#wrapper #title{
	width: 540px;
	height:26px;
	margin-bottom:2px;
	background:url(/images/news/new/title_bg.gif) repeat-x top center;
}

#wrapper #title p.title01{
	display:block;
	float:left;
	width:91px;
	height:26px;
	margin:0;
	background:url(/images/news/new/title.gif) no-repeat;
}

#wrapper #title p.title05{
	display:block;
	float:left;
	width:200px;
	height:26px;
	margin:0;
	background:url(/images/news/new/title05.gif) no-repeat;
}

#wrapper #title img.title02 {
	float:right;
	display:block;
	width:100px;
	height:18px;
	margin:4px 4px 4px 0;
	background:url(/images/news/new/title02.gif) no-repeat;
}

#wrapper #title p.title01 span,
#wrapper #title p.title02 span,
#wrapper #title p.title05 span{
	display:none;
}

/*--------¥ýÿ¼¥ýÿª¡¼¥Ð¡¼¡¡title02¡¡FirefoxÂÐ±ýÿ¡071119_NAKANO--------*/
#wrapper #title a.title02 {
	overflow:hidden;
	text-indent:-1000px;
}
/*Firefox*/
html>body #wrapper #title a.title02 {
	overflow: hidden;
}
/**/
#wrapper #title a.title02 {
	float:right;
	display:block;
	width:100px;
	height:20px;
	margin:3px 4px 2px 0;
	background:url(/images/news/new/title02.gif) no-repeat 0px 0px;
}
#wrapper #title a:hover.title02 {
	background:url(/images/news/new/title02.gif) no-repeat 0px -20px;
}


/*--------¥ýÿ¼¥ýÿª¡¼¥Ð¡¼¡¡title04¡¡FirefoxÂÐ±ýÿ¡071119_NAKANO--------*/
#wrapper #title a.title04 {
	overflow:hidden;
	text-indent:-1000px;
}
/*Firefox*/
html>body #wrapper #title a.title04 {
	overflow: hidden;
}
/**/
#wrapper #title a.title04 {
	float:right;
	display:block;
	width:100px;
	height:20px;
	margin:3px 4px 2px 0;
	background:url(/images/news/new/title04.gif) no-repeat 0px 0px;
}
#wrapper #title a:hover.title04 {
	background:url(/images/news/new/title04.gif) no-repeat 0px -20px;
}

/*--------------------¤³¤³¤Þ¤Ç--------------------*/
#wrapper #waku{
	width: 540px;
	padding: 0px;
}

#wrapper p.bg{
	margin: 1px;
	width:540px;
	height:25px;
	background:url(/images/news/new/jyuyou_bg.gif) no-repeat left top;
	/*padding:4px 0px 5px 12px !important;*/
	padding:4px 0px 5px 12px;
	font-weight:bold;
	color:#CE0708;
}

#wrapper p.p_01{
	margin:0 0 10px 0;
	padding-left:12px;
	line-height:100%
}

#wrapper table{
	width:530px; 
	margin: 0px 3px 0px 5px;
	border-collapse:collapse;
}

#wrapper table th{
	width:263px;
	height:26px;
	background:url(/images/news/new/waku_top.gif) no-repeat bottom left;
	text-align:left;
	padding-left:7px;
	color:#0A7DA8;
	font-size:12px !important;
	/*font-size:75%;*/
}

#wrapper table th.over{
	width:263px;
	height:26px;
	background:url(/images/news/new/waku_top2.gif) no-repeat bottom left;
	text-align:left;
	padding-left:7px;
	color:#0A7DA8;
	font-size:12px !important;
	/*font-size:75%;*/
}

#wrapper table th span.date{
	float:right;
}

#wrapper table td.bottom{
	width:263px;
	height:5px;
	background:url(/images/news/new/waku_bottom.gif) no-repeat top left;
}

#wrapper table td.naiyou{
	width:263px;
	height:80px;
	font-size:12px !important;
	/*font-size:90%;*/
	background:url(/images/news/new/waku_naiyou.gif) repeat-y top left;
}

#wrapper table td.naiyou p.p_02{
	width:145px;
	float:right;
	font-weight:bold;
	margin:2px 5px 0 0px !important;
	margin:2px 5px 0 0px;
}

#wrapper table td.naiyou p.p_03{
	width:145px;
	float:right;
	margin:3px 5px 1px 0 !important;
	margin:3px 5px 1px 0;
}

#wrapper table td.naiyou img{
	float:left;
	margin:0 0 0 3px !important;
	margin:0 0 0 3px;
}

#wrapper table td.haba{
	width:0px;
}

#wrapper ul{
	list-style:none;
	width:500px; 
	margin: 0px 10px 2px 10px;
	padding:0;
}

#wrapper ul li{
	width:500px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:16px;
	padding-top:8px;
	padding-bottom:4px;
	border-bottom:1px dashed #CCCCCC;
	background:url(/images/news/new/arrow_news.gif) no-repeat left center;
}
span.new{
	background:url(/images/news/new/icon_new.gif) no-repeat left center;
	padding-left:30px;
	color:#FF0000;
	font-weight: normal;
}


