@charset "utf-8";

/* 共通 */
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	background:url(../image/bg.gif) #FFFFFF center repeat-y;
	color:#333333;
}

caption {
       /* visibility: hidden;*/
        display: none;

}

div,td,th,p,pre {
	margin:0;
	font-family: Verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:small;
	word-break: break-all;
}

img {
	border:0;
}

h1 {
	font-size:medium;
	line-height:1.6;
	font-weight:bold;
	margin:0;
}

h2,h3 {
	font-size:small;
	line-height:1.6;
	font-weight:bold;
	color:#165183;
	margin:0;
}

h4,h5,h6 {
	font-size:x-small;
	line-height:1.6;
	font-weight:normal;
	margin:0px;
}

select {
	display:block;
}

form {
	margin:0;
}

.clear {
	clear:both;
}

a:link {
	color:#0000C1;
	text-decoration:underline;
}
a:visited {
	color:#A56EDC;
	text-decoration:underline;
}
a:hover {
	color:#52A7D1;
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

.none {
	text-indent: -1000em;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}


#container {
	margin:0 auto;
	width:730px;
}
.txt-center {
	text-align:center;
}
.back{
	display:inline;
	text-align:right;
	margin:5px 30px;
	line-height:1.6;
}
.gotop {
	margin:20px 35px 15px 0;
	float:right;
}
.gotop a {
	width:132px;
	height:12px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	background:url(../image/gotop.gif) no-repeat 0px 0px;
}
.gotop a:hover {
	background:url(../image/gotop.gif) no-repeat 0px -12px;
}
.gotop-p {
	margin:20px 10px 15px 0;
	float:right;
}
.gotop-p a {
	width:110px;
	height:12px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	background:url(../image/gotop-p.gif) no-repeat 0px 0px;
}
.gotop-p a:hover {
	background:url(../image/gotop-p.gif) no-repeat 0px -12px;
}
.golist {
	margin:20px 10px 15px 0;
	float:right;
}
.golist a {
	width:110px;
	height:12px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	background:url(../image/golist.gif) no-repeat 0px 0px;
}
.golist a:hover {
	background:url(../image/golist.gif) no-repeat 0px -12px;
}

.godetail {
	margin:20px 10px 15px 0;
	float:right;
}
.godetail a {
	width:110px;
	height:12px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	background:url(../image/godetail.gif) no-repeat 0px 0px;
}
.godetail a:hover {
	background:url(../image/godetail.gif) no-repeat 0px -12px;
}
/* header */
#header {
	margin:0;
	height:95px;
	background:url(../image/head-bg.jpg) no-repeat;
}
#logo {
	margin-top:5px;
	float:left;
}
#data-logo {
	margin-top:12px;
	margin-right:6px;
	float:right;
}
#gd-logo {
        margin-top:12px;
        margin-right:6px;
        float:right;
}
/* gloval navi */
#g-navi {
	width:730px;
	height:29px;
	background:url(../image/g-navi-bg.gif) no-repeat;
	margin:0;
}
#g-navi ul {
	margin:0;
	padding:0;
}
#g-navi li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#g-navi li a {
	height:29px;
	display:block;
	float:left;
	text-indent:-9877em;
	overflow:hidden;
}
/*------off*/
#g-navi li.g-navi01 a {
	background:url(../image/g-navi.gif) no-repeat 0px 0px;
	width:146px;
}
#g-navi li.g-navi02 a {
	background:url(../image/g-navi.gif) no-repeat -146px 0px;
	width:146px;
}
#g-navi li.g-navi03 a {
	background:url(../image/g-navi.gif) no-repeat -292px 0px;
	width:146px;
}
#g-navi li.g-navi04 a {
	background:url(../image/g-navi.gif) no-repeat -438px 0px;
	width:146px;
}
#g-navi li.g-navi05 a {
	background:url(../image/g-navi.gif) no-repeat -584px 0px;
	width:146px;
}
/*------hover*/
#g-navi li.g-navi01 a:hover {
	background:url(../image/g-navi.gif) no-repeat 0px -29px;
}
#g-navi li.g-navi02 a:hover {
	background:url(../image/g-navi.gif) no-repeat -146px -29px;
}
#g-navi li.g-navi03 a:hover {
	background:url(../image/g-navi.gif) no-repeat -292px -29px;
}
#g-navi li.g-navi04 a:hover {
	background:url(../image/g-navi.gif) no-repeat -438px -29px;
}
#g-navi li.g-navi05 a:hover {
	background:url(../image/g-navi.gif) no-repeat -584px -29px;
}
/*------on*/
#g-navi li.g-navi01-on a {
	background:url(../image/g-navi.gif) no-repeat 0px -58px;
	width:146px;
}
#g-navi li.g-navi02-on a {
	background:url(../image/g-navi.gif) no-repeat -146px -58px;
	width:146px;
}
#g-navi li.g-navi03-on a {
	background:url(../image/g-navi.gif) no-repeat -292px -58px;
	width:146px;
}
#g-navi li.g-navi04-on a {
	background:url(../image/g-navi.gif) no-repeat -438px -58px;
	width:146px;
}
#g-navi li.g-navi05-on a {
	background:url(../image/g-navi.gif) no-repeat -584px -58px;
	width:146px;
}

/* catch copy */
.c-copy {
	margin:13px 40px 20px 40px;
	padding:11px 0;
	border:7px solid #EFEFEF;
	background-color:#FEFAE7;
	text-align:center;
}

/* title */
.i-arrow-under {
	margin-left:40px;
	padding-left:24px;
	background-image:url(../image/i-title01.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
}
.i-arrow-right {
	margin-left:40px;
	padding-left:24px;
	background-image:url(../image/i-title02.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
}

/* check-tool */
.check-tool {
	margin:0 40px 15px 40px;
	background-color:#FEFAE7;
	border:1px solid #EFEFEF;
}
.check-tool-area {
	margin:0 auto;
	width:95%;
}
.check-txt {
	margin:30px 4px 0 8px;
	float:left;
}
.check-area {
	margin-top:27px;
	float:left;
}
.button {
	margin:0;
	padding:2px 3px 0px 3px;
	cursor:pointer;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #6699CC;
	border-bottom:1px solid #6699CC;
	background: url(../image/bt-bg.gif) bottom repeat-x #E6F0F9;
	font-weight:bold;
}

.text_button {
	margin:0;
	padding:2px 3px 0px 3px;
	cursor:pointer;
	position:relative;
	top:-60px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #6699CC;
	border-bottom:1px solid #6699CC;
	background: url(../image/bt-bg.gif) bottom repeat-x #E6F0F9;
	font-weight:bold;
}

.agreement-top {
	margin:10px auto;
	text-align:center;
	visibility:hidden;
/*	visibility:visible; */
}

/* infomation */
.info-title {
	margin:30px 55px 0 55px;
	padding-left:8px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(../image/title-bg.gif) bottom repeat-x #D0E5F3;
}

.info-message {
	margin:0 55px;
	padding-left:8px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #f3f7fb;
/*	overflow: auto;
	height: 50px
*/
}

/* weekly */
.weekly-title {
	margin:30px 55px 0 55px;
	padding-left:8px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(../image/title-bg.gif) bottom repeat-x #D0E5F3;
}

.weekly-message {
	margin:0 55px;
	padding-left:8px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #f3f7fb;
}

/* infomation */
iframe {
	margin:0 55px;
	width:618px;
	_width:616px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/* footer */
#footer {
	margin:12px 0 5px 0;
	padding:6px 20px;
	background-color:#000000;
	background:url(../image/footer-bg.gif) bottom #4482B4 repeat-x;
	text-align:right;
	color:#FFFFFF;
}
#footer li {
	display:inline;
}
#footer a,#footer a:link,#footer a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
	color:#CCCCCC;
}
#foot-logo {
	margin-left:2px;
	float:left;
}
#copyright {
	margin-top:3px;
	margin-right:5px;
	float:right;
	font-size:x-small;
}

/*
#copyright a {
	width:208px;
	height:13px;
	display:block;
	text-indent:-9877em;
	text-decoration:underline;
	overflow:hidden;
	background:url(../image/copyright.gif) no-repeat 0px 0px;
}
#copyright a:hover {
	background:url(../image/copyright.gif) no-repeat 0px -13px;
}
*/

/* 結果表示 */
.report-area {
	margin:0 auto;
	width:630px;
}
.report-left {
	width:200px;
	float:left;
}
.report-right {
	width:200px;
	float:right;
}

.report-left-center {
	width:200px;
	float:left;
	margin-top:62px;
}

.report-right-center {
	width:200px;
	float:right;
	margin-top:-62px;
}

table.report-up {
        border-style: none;
	margin-right:15px;
	margin-top:22px;
	width:150px;
	border-collapse:collapse;
}

table.report-up th {
	margin:5px;
        border-style: none;
	padding:2px 6px;
	background-color:#E9F5FF;
	white-space:nowrap;
}

table.report-up td {
        border-style: none;
	margin:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
	border-top:1px solid #CCCCCC;
}
.tokuten {
	margin:0;
	color:#444444;
	border-bottom:2px dotted #CCCCCC;
	text-align:center;
}
.score {
	margin:0;
	font-size:xx-large;
	color:#CC0000;
}
.report-pic {
	margin:5px auto;
}
.report-quick-link {
	margin-top:150px;
	margin-left:10px;
	text-align:center;
}
.report-txt {
	margin-top:22px;
	width:200px;
}
.report-txt-b {
	margin:5px auto;
	text-align:center;
	font-size:x-large;
	font-family:"Times New Roman", Times, serif;
	background-color:#CCCCCC;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
}
table.resultTable {
        border-style: none;
	margin-top:22px;
	width:630px;
	border-collapse:collapse;
	overflow:auto;
}

table.resultTable th {
        border-style: solid solid none solid;
	margin:5px;
	padding:4px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(../image/title-bg.gif) bottom repeat-x #D0E5F3;
	white-space:nowrap;
	text-align:center;
}

table.resultTable td {
        border-style: none solid solid solid;
	margin:5px;
        border-style: none;
	padding:4px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F3F7FB;
}
.td-width-220px {
	width:220px;
	word-break:break-all;
}

.urlfile {
	margin-left:-20px;
	width:660px;
	margin-top:25px;
	background-color:#FFEFD5;
	text-align:left;
	position: relative;

	padding:2px;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;	
}

/* 詳細表示 */
.result {
	margin-top:12px;
	font-size:large;
	border-bottom:2px dotted #CCCCCC;
	text-align:center;
}
table.resultPointTable {
	margin:2px auto;
        border-style: none;
	width:630px;
	border-collapse:collapse;
}

table.resultPointTable th {
	margin:5px;
	padding:4px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(../image/title-bg.gif) bottom repeat-x #D0E5F3;
	white-space:nowrap;
	text-align:center;
}

table.resultPointTable td {
	margin:5px;
	padding:4px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F3F7FB;
}

colgroup.table_4_column_category {
	width: 20%;
}
colgroup.table_4_column_description {
	width: 50%;
}
colgroup.table_4_column_sum {
	width: 5%;
}
colgroup.table_4_column_position {
	width: 25%;
}

colgroup.table_5_column_category {
	width: 20%;
}
colgroup.table_5_column_description {
	width: 42%;
}
colgroup.table_5_column_priority {
	width: 8%;
}
colgroup.table_5_column_sum {
	width: 5%;
}
colgroup.table_5_column_position {
	width: 25%;
}

.point-area {
	margin:3px auto;
	width:300px;
}
.wact-point {
	margin-top:10px;
	padding-left:30px;
	height:20px;
	background-image:url(../image/wact-p.gif);
	background-repeat:no-repeat;
	background-position:6px 0;
}
.improve-point {
	margin-top:10px;
	padding-left:30px;
	height:20px;
	background-image:url(../image/improve-p.gif);
	background-repeat:no-repeat;
	background-position:6px 0;
}
.confirm-point {
	margin-top:10px;
	padding-left:30px;
	height:20px;
	background-image:url(../image/confirm-p.gif);
	background-repeat:no-repeat;
	background-position:6px 0;
}
.point-arrow-under {
	margin-top:18px;
	padding-left:24px;
	background-image:url(../image/i-title01.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
}
.point-txt-area {
	margin:12px auto;
	width:400px;
	line-height:1.2;
}

/* 詳細説明表示 */
#label {
	margin:13px 40px 20px 40px;
	padding:11px 22px;
	border:7px solid #EFEFEF;
	background-color:#FEFAE7;
	text-align:left;
	font-weight:bold;
}
.mapping {
	margin:0 auto;
}
table.mapping {
	margin:2px auto;
	width:60%;
	border-collapse:collapse;
}

table.mapping th {
	margin:5px;
	padding:4px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#999999;
	white-space:nowrap;
	text-align:center;
}

table.mapping td {
	margin:5px;
	padding:4px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFEFEF;
}
.explanation ,.strategy {
	margin:0 55px;
	padding:8px;
	width:602px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F3F7FB;
	line-height:1.6;
	font-weight:normal;
	color:#333333;
}
.step {
	list-style-type:decimal;
}

/* ソース表示 */
.file {
	margin-top:18px;
	padding-left:24px;
	background-image:url(../image/i-title01.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
}

/* ご利用規約 */
.agree-title {
	margin:15px 30px 5px 30px;
	padding-left:5px;
	border-bottom:3px solid #999999;
	color:#333333;
	font-size:medium;
}
.content {
	margin:8px 35px;
	padding-right:22px;
}
.agreement {
	margin-top:12px;
	color:#333333;
	text-align:left;
	border-bottom:1px dotted #CCCCCC;
}

.line-ol {
	list-style-type:none;
	margin:0 0 0 0.5em;
	padding:0;
}

.line-span {
	float:left;
	margin-left:-1.8em;
	padding:0;
	vertical-align:top;
}

.line-li {
	padding-left:1.5em;
}

.name-list {
	text-align:right;
	line-height:1.5em;
}

/* お問い合わせ */
.contact {
	margin:0 55px 15px 55px;
	padding:8px;
	border:1px solid #CCCCCC;
	background-color:#F3F7FB;
	line-height:1.6;
	font-weight:normal;
	color:#333333;	
}
.contact p{
	margin-left:15px;
}
.contact ul{
	margin:6px 12px;
	padding-top:12px;
	padding-left:80px;
	padding-bottom:12px;
	border-top:1px dotted #99CCFF;
	border-bottom:1px dotted #99CCFF;
}

.contact ol li, .contact ul li{
	margin:0;
	padding:0;
	list-style:none;
}

/* 外部サイトに移動 */
.outer {
/*	margin:0 10px 45px 35px; */
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
	border:1px solid #CCCCCC;
	background-color:#F3F7FB;
	line-height:1.6;
	font-weight:normal;
	color:#333333;	
}

.outer_message {
	font-size: 1.0em;
	text-align: left;
	line-height: 2.0em;
	margin: 20px 20px 0px 0px;
}

.outer p{
	margin-left:15px;
}
.outer ul{
	margin:6px 12px;
	padding-top:12px;
	padding-left:80px;
	padding-bottom:12px;
	border-top:1px dotted #99CCFF;
	border-bottom:1px dotted #99CCFF;
}

.outer ol li, .outer ul li{
	margin:0;
	padding:0;
	list-style:none;
}

/* ヘルプ */
.help {
	margin:0;
	padding:0;
	list-style:none;
}
.help-menu {
	margin:0 auto;
	width:90%;
	padding:0;
	text-align:center;
}
.class {
	margin-left:12px;
	margin-top:5px;
	padding-left:20px;
	background-image:url(../image/list-ar.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
	list-style:none;
}
.action {
	font-weight:bold;
	color:#003399;
}

.terms{
	color:#666666;

}

.photo{
	color:#333333;
	margin:0;
	padding:0;
	list-style:none;
	font-size:medium;
}

.photo_sub{
	color:#333333;
	margin-left:18px;
	padding:0;
	list-style:inside;
	font-size:small;
}	

.photo_border{
	border:solid thin #0033CC;
	padding:0em;
}

.pan{
	margin-left: 1em;
	margin-top: 1em;
}

.help-txt {
	margin-top: 0.5em;
}

/* ＨＡＲＥＬとは */
.about-title {
	margin:20px 40px 0 40px;
}
.about-copy {
	margin:10px 55px;
	line-height:1.4;
}
.about-txt {
	line-height:1.3em;
}
.about-pic {
	margin:15px 55px;
}

.about-line {
	margin:10px 70px;
	line-height:1.3;
}

.i-about {
	margin-left:55px;
	padding-left:14px;
	padding-top:3px;
	background-image:url(../image/i-about.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	font-size:medium;
}
.i-about-line {
	margin:2px 55px;
	height:5px;
	background:url(../image/i-about-line.gif) repeat-x bottom #006699;
	font-size:0.1em;
}

/* 利用規約、プライバシーポリシー、権利関係など　*/
.line-text {
	margin:0.25em 0 0 0.5em;
	padding:0;
	line-height:1.5em;
}

/* detail */
div.src {
	width: 100%;
	height: 300px;
	overflow: scroll;
	margin: 1em auto 1em;
	border: 2px inset #AAA;
	margin-bottom: 10px;
}

td.line_num {
        border: none;
	line-height: 1.5em;
	text-align: right;
	font-size: 0.8em;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #888;}

th.header {
        border: none;
	text-align: left;
	font-size: 0.8em;
	color: #888;}

td.src {
        border: none;
	line-height: 1.5em;
	text-align: left;
	font-size: 0.8em;
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 1em;}
	
span.highlight_by_wact {
	background-color: #ffff00;
	font-weight: bold;
}

table.src {
        border: none;
}

table.src pre {
        border: none;
	margin: 0px;
	padding: 0px;
}

div.error_message {
	font-size: 0.8em;
	color: #ff0000;
	margin:0px 40px 15px 40px;
	font-weight:700;
}

.none {
	text-indent: -1000em;
	color: #fff;
	margin:0px;
	padding:0px;
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
}

/* form.jsp　*/
.alert_message {
	text-indent: 180px;
	margin-top: 10px;
}

div.mail {
	font-size: 0.8em;
	margin:0px 40px 15px 40px;
}

.return_page {
	text-align: right;
	margin-right: 40px;
}

.input_link_table {
	text-align: center;
	width: 300px;
}

.input_link_td {
	text-align: left;
}

.input_url_size {
        font-size: 160%;
}

.check-url {
        margin:0px 4px 0 4px;
        float:left;
}
.check-button {
        margin:5px 0px 0 2px;
        float:left;
}