@charset "utf-8";
/*************** 汎用スタイル general style ***************/

/*** index ***/

h2 {
	margin:2em auto 1em auto; padding:8px;
	text-align:center;
	text-decoration:underline;
	color:#df4714;
}
div#publicity {
	margin:1em auto; padding:0 16px;
	text-align:center;
	color:#383c54;
}
div#publicity p { padding:1em; }

dl#sidebox dd ul#newinformation {
	text-align:left;
	color:#0644a2;
	font-size:84%;
	letter-spacing:0;
	list-style-type:none;
}
dl#sidebox dd ul#newinformation li p { padding-left:1em; color:#5d9bf9; }
dl#sidebox dd ul#newinformation li a :link { color:#ea533d; text-decoration:underline; }
dl#sidebox dd ul#newinformation li a:visited { color:#1461d4; text-decoration:underline; }
dl#sidebox dd ul#newinformation li a:hover { color:#dd4242; text-decoration:underline; }

dl#productguide {
	margin:1em 0; padding:1em;
	text-align:left;
}
dl#productguide dt {
	margin:24px 64px 0 0; padding:4px;
	color:#e44f35;
	font-size:105%;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#96e7c1;
}
dl#productguide dt span {
	padding:0 1em;
	background-color:#f5fff9;
	border-width:1px 0 0 20px;
	border-style:solid;
	border-color:#469072;
}
dl#productguide dd {
	margin-left:24px; padding-right:12px;
	color:#33364e;
	border-top:12px solid #699e8f;
	background-color:#699e8f;
}
img.softimage { float:left; width:300px; height:60px; }
img.bugimage { float:left; width:134px; height:60px; }
div.introduce img { margin-right:1em; }
div.introduce {
	height:60px;
	padding:1em 1em 1em 0;
	border-bottom:12px solid #699e8f;
	background-color:#fefefe;
}
div.introduction {
}
div.introduction h3 {
	overflow:hidden;
	padding:1px 0 0.3em 0;
	color:#3541ac;
	font-size:95%;
	white-space:nowrap;
}
div.introduction h3 a {
	padding:0 2em;
	border-width:1px 6px;
	border-style:solid;
	border-color:#8ce8a4;
}
div#information {
	margin:1em 3em; padding:1em;
	text-align:left;
	border:2px dotted #f48362;
}
div#information h3 {
	margin:-1.5em 0 1em 0;
	color:#ea5c39;
}
div#information h3 span {
	padding:0 1em;
	background-color:#fefefe;
}
div#information p {
	padding:0.2em 0.5em;
	color:#521b17;
	font-size:94%;
}

/* お知らせ */

div#news {
	margin:1em 1em 3em; padding:0.5em;
	text-align:left;
	border:3px solid #5fb39a;
}
div#news h3 {
	margin:-1em auto 1em auto;
	text-align:center;
	color:#595b58;
	letter-spacing:1px;
}
div#news h3 span {
	padding:0 1em;
	background-color:#fefefe;
}
div#news p {
	padding:0.1em  0.5em;
	text-indent:1em;
	color:#70736f;
	font-size:90%;
}
div#news p#holiday {
	padding:1em 0;
	text-align:center;
	color:#379d2f;
	font-size:100%;
	font-weight:bold;
}
div#indexlink {
	clear:both;
	margin:32px; padding:0 1em 1em 1em;
	border:1px solid #109a5c;
}
div#indexlink p img { margin:1em 1em 0 0; }

/*** priavcy policy ***/

h3#priavcypolicy {
	margin:1em 16px 0 16px; padding:8px;
	color:#2d5581;
	border-color:#4e969e;
	border-style:solid;
	border-width:1px 64px 0 0;
}
dl#privacy {
	margin:0 auto 12px auto; padding:0 16px;
	text-align:left;
}
dl#privacy dt {
	margin:16px 64px 0 0; padding:0.2em 1em;
	color:#fefefe;
	font-size:105%;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#68c1a0;
}
dl#privacy dd {
	margin:0 0 0 16px; padding:1em;
	border-color:#136d57 #81dcac #56c9ac;
	border-style:solid;
	border-width:8px 16px 1px 0;
}
dl#privacy ol { padding-left:1em; }
dl#privacy ol li p { border-bottom:1px dotted #515060; }
dl#privacy ul {
	margin:1em 0; padding-left:1em;
	list-style-type:square;
	font-size:95%;
}
dl#privacy li {
	line-height:120%;
	padding:0.2em;
}
#companyaddress {
	margin-top:1em; padding:0.5em;
	background-color:#ffffe3;
}
#companyaddress a:link { color:#2c6d55; text-decoration:underline; }
#companyaddress a:visited { color:#2c6d55; text-decoration:underline; }
#companyaddress a:hover { color:#fd2c00; text-decoration:underline; }


/*** 404 style ***/

h1 {
	height:32px;
	text-align:center;
	color:#fffdfd;
	font-size:24px;
	letter-spacing:3px;
	background:url('../material/navibackground.png') 0 0 repeat-x;
}
div.msg {
	padding:2em;
	text-align:center;
	color:#3e0000;
}
table#linkbox {
	margin:2em auto;
	border-collapse:separate;
	border-spacing:3px 8px;
}
table#linkbox td { padding:0.5em; border-style:solid; }
td.where {
	text-align:right;
	border-width:0 2px 1px 0;
	border-color:#30a2a5;
}
td.linksite {
	text-align:left;
	letter-spacing:2px;
	border-width:1px 0 0 2px;
	border-color:#69c1c3;
}

/*** form style ***/

div#inquiry {
	padding:1em;
	text-align:left;
	line-height:1.6em;
}
div#inquiry h3 {
	margin:1em 0; padding:3px 1em;
	color:#004c91;
	letter-spacing:1px;
	border-width:0 0 1px 24px;
	border-style:solid;
	border-color:#5076cf;
}
div#inquiry p { padding:0.2em 1em; }

div#completed {
	padding:2em 4em;
	text-align:left;
	line-height:1.6em;
}
div#completed h4 {
	margin:1em 0; padding:3px 1em;
	text-align:center;
	color:#d76353;
	letter-spacing:1px;
	border-width:0 24px 1px 24px;
	border-style:solid;
	border-color:#d55d4c;
}
div#completed p {
	padding:1em 2em;
}
div.report {
	padding:1em;
	line-height:1.6em;
}
dl#inquire {
	margin:1em;
	font-size:94%;
	border-bottom:24px solid #48a488;
}
dl#inquire dt {
	height:24px;
	padding-left:24px;
	color:#fefefe;
	letter-spacing:1px;
	background-color:#48a488;
}
dl#inquire dd {
	zoom:1;/* IE6 */
	margin-left:24px; padding:1em 1.5em;
	border-right:24px solid #3d8c74;
	border-left:24px solid #a5e2c8;
}
.numberspan {
	margin:0 0.5em;
	font-size:120%;
	letter-spacing:3px;
}

/** form table **/

table#formtable {
	margin:1em 0;
	font-size:92%;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#67da9b;
}
table#formtable td {
	padding:1px 1em 1px 1px;
	vertical-align:top;
	color:#1a3540;
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#99e2b3;
}
table#formtable td.item {
	padding:1px;
	text-align:right;
	color:#23745e;
	font-size:92%;
	white-space:nowrap;
	border:none;
	background-color:#dbf4ed;
}
table#formtable td.transmit {
	padding:1px;
	text-align:center;
	color:#eaf5f9;
	font-size:78%;
	border:none;
}
table#formtable td#underbutton {
	text-align:center;
	padding:6px 0;
	border-width:0 16px;
	border-style:solid;
	border-color:#b6eae5;
}
table#formtable select.selectblock {
	border-width:0 0 0 3px;
	border-style:double;
	border-color:#69c1c3;
}
input.nameblock {
	width:26em;
	padding:3px;
	border-width:0 0 0 3px;
	border-style:double;
	border-color:#69c1c3;
}
textarea {
	width:28em; height:20em; 
	padding:3px;
	border-width:0 0 0 3px;
	border-style:double;
	border-color:#69c1c3;
}
td#underbutton input.button {
	width:6em;
	margin:0 1em; padding:0.2em;
}

/***************  general style ***************/