@charset 'Shift_JIS';

/* ----- HTML再定義 ------------------------------------ */

h1 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #990066;
	
}
h2 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #009966;
}
p, li, dt, dd, address {
	color: #444444;

	line-height: 1.4;
}
p {
	margin-bottom: 15px;
}
ul {
	margin: 0px 0px 20px 20px;
}
dl {
	margin-bottom: 20px;
}
dl dt {
}
dl dd {
	margin-left: 30px;
}

em {
	font-weight: bold;
}
address {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #999999;

	text-align: center;
}

form dl {
	margin-bottom: 15px;
}
form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
form dl dd {
}
form dl dd textarea {
	margin-top: 2px;
}
form ul {
	margin: 0px 0px 20px 0px;
}
form ul li {
	list-style-type: none;
}
form fieldset {
	border: 0px solid #000000;
}
form legend {
	display: none;
}
form input, form select {
	margin-right: 1px;
	padding: 1px;

	font-size: 90%;
}
@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
	}
}
form select {
	margin-top: 1px;
}
form p input {
	text-align: center;
}
form textarea {
	padding: 1px;

	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
}

a:link, a:visited {
	color: #0000CC;

	text-decoration: none;
}
a:active, a:hover {
	color: #FF7700;

}

a.menu:link, a.menu:visited {
	color: #0000CC;

	text-decoration: underline;
	font-size:11px;
}
a.menu:active, a.menu:hover {
	color: #FF7700;

	text-decoration: underline;
	font-size:11px;
}

/* ----- 基本構造 -------------------------------------- */

div#container {
	width: 880px;

	margin: 0px auto;
	padding: 20px;
	border: 1px solid #666680;

	background: url(../../img/kanagawa_top_03.gif) no-repeat top left ;
	background-color: #FFFFFF;

	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
html>body div#container {
	width: 840px;
}

div#menu {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

div#diary {
	margin-bottom: 5px;
}

div#work {
	margin-bottom: 5px;
	border-bottom: 1px solid #999999;
}

/* ----- メニュー -------------------------------------- */

div#menu ul {
	margin: 5px 0px;
	text-align:right;
}
div#menu ul li {
	display: inline;

	margin-right: 10px;
}

/* ----- ログ ------------------------------------------ */


div#diary .diary {
	padding-top: 15px;
	border-bottom: 1px solid #999999;
}

div#diary h2 {
	display: none;
}
div#diary h3 {
	margin-bottom: 15px;
}

div#diary .info {
	margin: 5px 10px 15px 0px;
}
div#diary .info li {
	display: inline;
}

/* ----- ページ移動 ------------------------------------ */

div#page ul {
	margin: 0px 0px 20px 0px;
}
div#page ul li {
	display: inline;

	margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi ul {
	margin: 0px;

	text-align: right;
}
div#navi ul li {
	display: inline;

	margin-left: 10px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;

	margin-left: 0px;
}
div#navi form input {
	padding: 0px;
}

/* ----- 処理選択 -------------------------------------- */

div#work form {
	margin: 10px 0px;
}
div#work form dl {
	margin: 0px;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	float: left;

	margin-left: 0px;
}
div#work form input {
	padding: 0px;
}

/* ----- 個別指定 -------------------------------------- */

.new {
	color: #FF0000;
}
.title01 {
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color: #200080;
	text-shadow:3px 3px 2px #c0c000;
}
.title02 {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:40px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color: #206060;
	text-shadow:3px 3px 2px #c0c000;
}

hr.line01 {
	margin-top:60px;
	margin-bottom:20px;
	border-style: solid;
	border-color: #806080;
	border-width: 0 0 3px 0;
}
hr.line02 {
	margin-top:30px;
	margin-bottom:30px;
	border-style: solid;
	border-color: #806080;
	border-width: 0 0 3px 0;
}
hr.line03 {
	margin-top:20px;
	margin-bottom:20px;
	border-style: solid;
	border-color: #008080;
	border-width: 0 0 3px 0;
}
ul.list1 {
	list-style: square;
	margin: 0 0 0 30px;
	padding-right: 40px;
}
ul.list1 li {
	color: #666600;
}
ul.list2 {
	list-style: square;
	margin: 0 0 0 30px;
	padding-right: 40px;
}
ul.list2 li {
	color: #002288;
}
div#send {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
div#form {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #e0e0ff;
	font-size: 14px;
	text-align: center;
}
div.comment1 {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #3300cc;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div.comment2 {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #330033;
	font-size: 14px;
	text-align: center;
}
div.setting {
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 190px;
	margin-right: 0px;
	color: #330033;
	font-size: 14px;
}
div.form_line {
	margin-top: 20px;
	color: #000066;
	font-weight: bold;
}
div.form_line_red {
	margin-top: 20px;
	color: #ff0066;
	font-weight: bold;
}
div.checkbox {
	margin-left: 0px;
}
div.annotation {
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 210px;
	margin-right: 190px;
	color: #ff0000;
	font-size: 14px;
}
div.annotation table {
	border: 0px;
}
div.annotation table tr td {
	color: #ff0000;
	font-size: 14px;
    vertical-align: top;
	padding: 0px;
	border: 0px;
}
div#btn_line {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
}
div#btn_form {
	width: 180px;
}
div#home_btn {
	float: right;
}
div#send_btn {
}
div#btn_line2 {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 385px;
}
table tr td.score1 {
	color: #000000;
    text-align: center;
    vertical-align: bottom;
	padding-left: 20px;
	border: 0px;
}
table tr td.score2 {
	color: #000000;
    vertical-align: middle;
	font-size: 15px;
    text-align: center;
	padding-left: 5px;
	padding-right: 20px;
	border: 0px;
}
table tr td.commentchar {
	color: #FFFFFF;
	font-size: 15px;
    text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #8000C0;
	border: 0px;
}
table tr td.hyoji {
	padding-left: 50px;
	padding-right: 20px;
	border: 0px;
	font-size: 14px;
    line-height: 16px;
}
div.dispcomment {
	font-size: 14px;
    text-align: left;
}
div.datanothing {
	color: #ff0040;
	font-size: 16px;
	padding-left: 50px;
}
div.midashicomment {
	text-align: center;
}
.sub_main4 {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 33px;
  text-align: left;
  font-size: 15px;
  color: #26A;
  width: 880px;
}
/* box shadow
---------------------------------------- */
.submitarea {
-webkit-box-shadow:0 0 6px 6px rgba(200,200,200,0.5) inset;
   -moz-box-shadow:0 0 6px 6px rgba(200,200,200,0.5) inset;
        box-shadow:0 0 6px 6px rgba(200,200,200,0.5) inset;
	font-weight: bold;
}
/* input項目の幅・高さを調整 */
.submitarea { margin:0; padding:8; }
/* 背景色と枠の線色の設定 */
.submitarea { background-color:#FFF; border:#999 1px solid; }
.submitarea { cursor:pointer; }
.submitarea:active, .submitarea:hover {
-webkit-box-shadow:0 0 6px 6px rgba(200,200,200,0.8) inset;
   -moz-box-shadow:0 0 6px 6px rgba(200,200,200,0.8) inset;
        box-shadow:0 0 6px 6px rgba(200,200,200,0.8) inset;
	color: #FF7700;
	font-weight: bold;
}
div.copyright {
	clear: both;
	margin-top: 15px;
	color: #5f3a39;
	font-size: 14px;
	text-align: center;
}
