@charset "utf-8";
/*================     全頁共通   =============*/
/*================     基本スタイル   =============*/
body {
	text-align:center;
	margin: 0px;
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	background-color: #DDD;
}


/*================     ヘッダスタイル   =============*/
#header {
	height:150px;
	background-image: url(../img/common/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin:0px;
}
h1 {
	margin:0px;
	color: #FFF;
	font-size: 90%;
	line-height: 100%; 
 background-color: #999999; 
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin:0px;
	line-height: 110px;
}
#container {
	position: relative; /* important */
	overflow: hidden; /* important */
	width:810px;
	background-color: #FFF;
	margin: 5px auto 0px auto;
} 
#logo {
	width:790px;
	height:135px;
	padding: 10px 10px 0px 10px;
} 
#container ul li {
	display: block;
	float: left;
}
#catch {
	width:620px;
	height:110px;
	z-index:1;
	position:absolute;
	overflow: visible;
	color: #FFF;
	top: 10px;
	right: 0px;
	text-align: center;
} 
ul#navigation {
	width:620px;
	height:25px;
	z-index:1;
	position:absolute;
	overflow: visible;
	top: 110px;
	right: 10px;
	margin:0px;
	padding:0px;
}
ul#navigation li{
	display:block;
	float:left;
	width:98px;
	list-style:none;
	font-size: 0.8em;
	line-height:24px;
	margin:0px 3px -20px 0px;
	background-color: #165B9C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
ul#navigation li a{
	color: #FFF;
	text-decoration:none;
}

ul#navigation li a:hover{
	display:block;
	color: #FFF;
	text-decoration:none;
	background-color: #390;
}
/*================     本文スタイル   =============*/
#contentbody {
	clear:both;
	margin: -15px 10px 0px -30px;
}
#content {
	position: relative;
	width: 170009px;
}
#itemcontent{
	width:800px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

/*================     フッタスタイル   =============*/
#copyrights {
	font-size: 0.7em;
	line-height: 30px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
#footer{
	clear:both;
	background-image: url(../img/common/bg_footer.jpg);
	background-repeat: repeat-x;
	margin: 10px 10px 10px 10px;
	height: 30px;
}

/*================     各頁スタイル   =============*/
/*================     トップページ   =============*/
#topimage{
	margin: 0px;
}
#messageandwork{
	float:left;
	width:570px;
	margin:0px 20px 0px 0px;
}
#information{
	float:left;
	width:190px;
	margin:0px 0px 0px 0px;
}
.title01{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	color: #FFF;
	background-image: url(../img/common/bg_title01.jpg);
	background-repeat: repeat-x;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
}
.title02{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	color: #FFF;
	background-image: url(../img/common/bg_title02.jpg);
	background-repeat: repeat-x;
	margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
}
.title03{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	color: #FFF;
	background-image: url(../img/common/bg_title03.jpg);
	background-repeat: repeat-x;
	margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
}
.msgbody{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px;
}
.rwtitle{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
.rwurl{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px 0px 10px 0px;
}
.rwurl a{
	color: #06F;
	text-decoration:none;
}

ul#rwscript {
	height:20px;
	position:relative;
	overflow: visible;
	margin: 0px 0px 0px 0px;
	padding:0px;
}
ul#rwscript li{
	display:block;
	float:left;
	width:60px;
	list-style:none;
	background-color: #39F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	margin: 0px 3px 0px 0px;
}
.worktable{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}


/*================     各頁スタイル   =============*/
/*================     リンク集   =============*/
.linklist{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
}
.linklist a{
	text-decoration:none;
}
.linklist a:hover{
	background-color: #DDDDDD;
}

/*================     各頁スタイル   =============*/
/*================     共通   =============*/
#itemtitle{
	float:left;
	width: 190px;
	margin: 10px 20px 0px 0px;
}
#itemdetail{
	float:left;
	width: 580px;
	margin: 10px 0px 0px 0px;
}
h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
	line-height: 30px;
	color: #FFF;
	background-image: url(../img/common/bg_title05.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
}
h4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 25px;
	background-image: url(../img/common/bg_title04.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
}
.itemexplain{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0px 0px 20px 0px;
}
.tabletitle{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	color: #FFF;
	background-color: #054779;
	text-align: center;
}
.tablenum{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	text-align: center;
	background-color: #CBCB96;
}
.tablebody{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
table th{
	font-weight: normal;
}
/*================ JavaScript用  =============*/
/*================     header    =============*/
div#topNavi{
	width: 455px;
	height: 60px;
	margin-left: 290px;
	background: #FFFFFF;
}
#topNavi ul{
	height: 42px;
	margin: 0 0 0 55px;
	
}
#topNavi ul li{
	float: left;
	
}
#topNavi ul li#naviLinks{
	background: none;
}
#topNavi a{
	display: block;
	width: 70px;
	height: 19px;
	padding: 12px 5px 10px 5px;
	text-align: center;
	color: #232323;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_mid.gif) 0% 0% no-repeat;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial;
}
#topNavi a:hover,#topNavi a:active{
	color: #000002;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_mid.gif) 0% -41px no-repeat;
	text-decoration: none;
}
#topNavi a.naviActive,#topNavi a.naviActive:hover{
	color: #000002;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_mid.gif) 0% -82px no-repeat;
	text-decoration: none;
}
#naviAbout a{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_first.gif) 2px 0% no-repeat;
}
#naviAbout a:hover,#naviAbout a:active{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_first.gif) 2px -41px no-repeat;
}
#naviAbout a.naviActive,#naviAbout a.naviActive:hover{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_first.gif) 2px -82px no-repeat;
}
#naviLinks a{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_last.gif) 0% 0% no-repeat;
}
#naviLinks a:hover{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_last.gif) 0% -41px no-repeat;
}
#naviLinks a.naviActive,#naviLinks a.naviActive:hover{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/topNavi_last.gif) 0% -82px no-repeat;
}
/*================   navigation  =============*/
.twocol div#sideNavi{
	position: absolute;
	top: 113px;
	right: 24px;
	margin: 5px 0 13px 0;
	padding: 4px 0 0 0;
}
.twocol #sideNavi ul{
	width: 120px;
	margin: 2px 0px 8px 0;
	border-bottom: solid 1px #FFFFFF;/* For Firefox1.5 */
	background: #E0E4E8 url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/diagonals.gif);
}
.twocol #sideNavi li{
	width: 120px;
	margin: 0 0 3px 0;
	background: #FFFFFF;
}
.twocol #sideNavi li a{
	display: block;
	width: 95px;
	margin: 1px 0 0 0;
	padding: 8px 1px 5px 16px;
	font-size: 92%;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/sideNavi_bul.gif) 1px 50% no-repeat;
}
.twocol #sideNavi li a:hover,.twocol #sideNavi li a:active{
	text-decoration: none;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/sideNavi_bul_hov.gif) 1px 50% no-repeat;
}
.twocol #sideNavi li a.naviActive,.twocol #sideNavi li a.naviActive:hover,.twocol #sideNavi li a.naviActive:active{
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/sideNavi_bul_ac.gif) 1px 50% no-repeat;
	font-weight: bold;
}
#sideNavi .sideAd {
	width: 100px;
	padding: 3px 1px 5px 10px;
	line-height: 1.4;
}
/*===============     contents   ============*/
.twocol h3{
	margin-right: 170px;
}
.twocol div.box{
	margin-right: 170px;
	width: 570px;
}
div.box > h4:first-child{
	margin-top: 0.5em;
}
.box p{
	padding: 0.3em 1em 0.2em 4px;
}
.box p.gAd{
	margin: 0.5em 1em 0.1em 0.5em;
}
.box p.bottomNavi{
	text-align: right;
	margin: 0.1em 1em 0.1em 0.5em;
	font-size: 92%;
}

#main .box dl.textDef dd p{
	padding: 0;
	line-height: 1.7;
}
.box dl.textDef dd p img{
	vertical-align: middle;
}
/* 標準UL */
.box ul li{
	margin: 0 0 0.3em 14px;
	padding-left: 15px;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/li.gif) 0% 50% no-repeat;
	line-height: 1.4;
}
* html .box ul li{
	height: 1.4em;/* For IE6 */
}
.box dl ul li{
	margin: 0 0 0.3em 0;
	padding-left: 15px;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/li.gif) 0% 50% no-repeat;
}
* html .box dl ul li{
	height: 1.4em;/* For IE6 */
}

p.tempText img{
	vertical-align: text-bottom;
}
/* テンプレート一覧 */
dl.tempList{
	float: left;
	width: 140px;
	height: 140px;
	margin: 15px 0 5px 0;
}
.tempList dt{
	text-align: center;	
}
.tempList dd.open{
	height: 22px;
	padding: 0 0 0 52px;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/tempOpen.gif) 28px 50% no-repeat;
	font-size: 1px;/* 一時的 */
}
.tempList dd.open img{
	margin: 7px 2px 0 4px;
}
.tempList dd.get{
	height: 20px;
	text-align: center;
	font-size: 92%;
}
.tempList dd.get a{
	margin: 0 6px 0 6px;
}
.tempList dd.get img{
	margin: 4px 2px 0 2px;
}
dd.sourceColor img{
	margin: 2px 2px 0 4px;
}
.box dl.rowDef dd.sourceOpen{
	padding: 1px 0 0 24px;
	background: url(file:///C|/Documents%20and%20Settings/shizuku/My%20Documents/img/tempOpen.gif) 0% 50% no-repeat;
}
dd.sourceOpen img{
	margin: 2px 2px 0 4px;
}
textarea.tempSource{
	width: 495px;
	margin: 0.3em 0;
	background: #FEFEFF;
	font-size: 85%;
}


/*================     tables   =============*/
/*================      forms    =============*/


#bbs p.submit input.submit{
	padding: 0;
	margin: 0 2px 0 0.1em;
	height: 1.6em;
	width: 9em;
	border: outset 1px #BABABD;
}
form p.submit{
	margin: 0.5em 0 0.5em 7.5em;
}


select,input,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}
pre,code {
	font: 115% monospace;
	*font-size:100%;
}

/*================      toolip    =============*/
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
	font-size: 12px;
	text-align: left;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}
.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}