/* common */
h2 { background-color: #f0f0f0; height: 32px; margin-top: 16px; margin-bottom: 8px; border-color: #c0c0c0; border-style: solid; border-width: 1px 1px 2px; }
/* h2 title */
h2.appear { background-image: url(../images/title_appear.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.m_appear { background-image: url(../images/title_m_appear.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.p_appear { background-image: url(../images/title_p_appear.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.m_keyword { background-image: url(../images/title_m_keyword.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.m_reinforcement { background-image: url(../images/title_m_reinforcement.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.m_tag { background-image: url(../images/title_m_tag.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.backlink { background-image: url(../images/title_backlink.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.junction { background-image: url(../images/title_junction.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
h2.hubsite { background-image: url(../images/title_hubsite.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; }
/* tool_form */
div#tool_form {  }
div#tool_form div.close { font-size: 80%; background-image: url(../images/bg_close.gif); background-repeat: no-repeat; text-align: center; width: 48px; height: 16px; float: right; display: inline; }
div#tool_form div.close a { color: #fff; text-decoration: none; }
div#tool_form fieldset { color: #c00; font-size: 80%; margin-top: 32px; margin-right: 48px; margin-left: 48px; border-style: none; }
div#tool_form fieldset legend { font-weight: bold; background-image: url(../images/symbol_attention.gif); background-repeat: no-repeat; padding-left: 16px; }
div#tool_form fieldset ul { margin-top: 8px; }
div#tool_form fieldset ul li { line-height: 125%; list-style-type: disc !important; }
div#tool_form div.purpose { padding: 32px; border-color: #c0c0c0; border-style: solid solid none; border-width: 1px; }
div#tool_form div.purpose h3 { line-height: 32px; background-color: #808080; background-image: url(../images/tlsection_purpose.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.purpose h4 { color: #008; font-size: 125%; font-weight: bold; margin-top: 16px; padding-bottom: 4px; border-color: #008; border-style: solid; border-width: 0 0 1px; }
div#tool_form div.purpose p { font-size: 125%; line-height: 150%; text-indent: 1em; margin-top: 8px; }
div#tool_form div.purpose ul {}
div#tool_form div.purpose ul li { font-size: 125%; line-height: 150%; margin-bottom: 8px; margin-left: 32px; list-style-type: circle; }
div#tool_form div.purpose div { text-align: center; margin-top: 32px; margin-right: 32px; margin-left: 32px; padding: 16px; border: solid 1px #c0c0c0; }
div#tool_form div.purpose div img { display: block; }
div#tool_form div.purpose div p { font-size: 80%; }
div#tool_form div.item { padding: 32px; border-color: #c0c0c0; border-style: none solid; border-width: 1px; }
div#tool_form div.item h3 { line-height: 32px; background-color: #808080; background-image: url(../images/tlsection_item.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.item dl {}
div#tool_form div.item dl dt { font-weight: bold; margin-bottom: 8px; }
div#tool_form div.item dl dd { line-height: 150%; margin-bottom: 16px; margin-left: 16px; }
div#tool_form div.howto { padding: 32px; border: solid 1px #c0c0c0; }
div#tool_form div.howto h3 { line-height: 32px; background-color: #808080; background-image: url(../images/tlsection_howto.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.howto ul {}
div#tool_form div.howto ul li { font-size: 125%; line-height: 150%; margin-bottom: 8px; margin-left: 32px; list-style-type: decimal; }
div#tool_form div.linksample { padding: 32px; border-color: #c0c0c0; border-style: solid solid none; border-width: 1px; }
div#tool_form div.linksample h3 { line-height: 32px; background-color: #404040; background-image: url(../images/tlsection_linksample.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.linksample p { color: #c00; font-size: 125%; line-height: 150%; }
div#tool_form div.linksample dl { margin: 16px 32px; }
div#tool_form div.linksample dl dt { color: #00f; font-size: 125%; font-weight: bold; margin-top: 32px; margin-bottom: 8px; }
div#tool_form div.linksample dl dd { margin-bottom: 16px; margin-left: 32px; }
div#tool_form div.flow { padding: 32px; border-color: #c0c0c0; border-style: solid solid none; border-width: 1px; }
div#tool_form div.flow h3 { line-height: 32px; background-color: #808080; background-image: url(../images/tlsection_flow.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.flow ul { }
div#tool_form div.flow ul li { color: #808080; font-size: 80%; line-height: 16px; background-color: #f0f0f0; background-image: url(../images/flow_off.gif); background-repeat: no-repeat; background-position: right 0; height: 16px; float: left; margin-right: 8px; padding-right: 20px; padding-left: 4px; display: inline; }
div#tool_form div.flow ul li.on { color: #404040; font-weight: bold; background-color: #c0c0c0; background-image: url(../images/flow_on.gif); background-repeat: no-repeat; background-position: right 0; }
div#tool_form div.aim { padding: 32px; border-color: #c0c0c0; border-style: solid solid none; border-width: 1px; }
div#tool_form div.aim h3 { line-height: 32px; background-color: #808080; background-image: url(../images/tlsection_aim.gif); background-repeat: no-repeat; background-position: 16px center; text-indent: -9999px; margin-bottom: -16px; }
div#tool_form div.aim div h4 { line-height: 24px; text-indent: -9999px; margin-top: 32px; margin-bottom: 16px; }
div#tool_form div.aim div h4.mutual_service1 { background-image: url(../images/subsectitle_mutual1.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service2 { background-image: url(../images/subsectitle_mutual2.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service3 { background-image: url(../images/subsectitle_mutual3.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service4 { background-image: url(../images/subsectitle_mutual4.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service5 { background-image: url(../images/subsectitle_mutual5.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service6 { background-image: url(../images/subsectitle_mutual6.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.mutual_service7 { background-image: url(../images/subsectitle_mutual7.gif); background-repeat: no-repeat; }
/*
div#tool_form div.aim div h4.linkgather_service1 { background-image: url(../images/subsectitle_linkgather1.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.linkgather_service2 { background-image: url(../images/subsectitle_linkgather2.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.linkgather_service3 { background-image: url(../images/subsectitle_linkgather3.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.linkgather_service4 { background-image: url(../images/subsectitle_linkgather4.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.pagematerial_service1 { background-image: url(../images/subsectitle_pagematerial1.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.pagematerial_service2 { background-image: url(../images/subsectitle_pagematerial2.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.pagematerial_service3 { background-image: url(../images/subsectitle_pagematerial3.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.pagematerial_service4 { background-image: url(../images/subsectitle_pagematerial4.gif); background-repeat: no-repeat; }
*/
div#tool_form div.aim div h4.junction_service1 { background-image: url(../images/subsectitle_junction1.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.junction_service2 { background-image: url(../images/subsectitle_junction2.gif); background-repeat: no-repeat; }
div#tool_form div.aim div h4.junction_service3 { background-image: url(../images/subsectitle_junction3.gif); background-repeat: no-repeat; }
div#tool_form div.aim div img { width: 192px; height: 144px; float: right; margin-left: 32px; }
div#tool_form div.aim div p { line-height: 150%; }
div#tool_form div.aim div p sup { color: #888; }
div#tool_form div.aim div dl { color: #888; font-size: 80%; margin-top: 8px; }
div#tool_form div.aim div dl dt { width: 24px; float: left; display: inline; }
div#tool_form div.aim div dl dd { margin-left: 32px; }
div#tool_form div.tool { background-image: url(../images/bg_stripe2.gif); padding: 32px; border: solid 8px #c0c0c0; }
div#tool_form div.tool h3 { background-image: url(../images/tlsection_tool.gif); background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 16px; }
div#tool_form div.tool h4 { font-size: 125%; font-weight: bold; margin-bottom: 8px; }
div#tool_form div.tool p { margin-bottom: 8px; }
div#tool_form div.tool dl { margin-top: 32px; margin-left: 64px; }
div#tool_form div.tool dl dt { font-weight: bold; margin-bottom: 8px; }
div#tool_form div.tool dl dt span { color: #c00; font-size: 80%; font-weight: normal; margin-left: 16px; }
div#tool_form div.tool dl dd { margin-bottom: 32px; margin-left: 32px; }
div#tool_form div.tool dl dd div { margin-bottom: 8px; }
div#tool_form div.tool dl dd div input {}
div#tool_form div.tool dl dd div span { color: #808080; font-size: 80%; margin-left: 16px; }
div#tool_form div.tool dl dd input.submit { font-size: 125%; }
div#tool_form div.tool dl dd ul.info { font-size: 80%; margin-top: 32px; }
div#tool_form div.tool dl dd ul.info li { margin-bottom: 8px; margin-left: 32px; list-style-type: circle; }
div#tool_form div.tool dl dd img.arrow { margin-left: 160px; display: block; }
/* tomember */
div#tomember { background-color: #f5fbfe; padding: 16px 32px; border-color: #c0c0c0; border-style: none solid solid; border-width: 1px; }
div#tomember h3 { font-size: 125%; font-weight: bold; margin-bottom: 8px; }
div#tomember h4 { color: #0288ca; font-weight: bold; }
div#tomember dl { margin-top: 16px; margin-bottom: 16px; }
div#tomember dl dt { font-weight: bold; height: 64px; margin-bottom: 8px; padding-left: 96px; }
div#tomember dl dt.spread { background-image: url(../images/icon_spread.gif); background-repeat: no-repeat; }
div#tomember dl dt.understand { background-image: url(../images/icon_understand.gif); background-repeat: no-repeat; }
div#tomember dl dt.convenience { background-image: url(../images/icon_convenience.gif); background-repeat: no-repeat; }
div#tomember dl dt.popularity { background-image: url(../images/icon_popularity.gif); background-repeat: no-repeat; }
div#tomember dl dt.point { background-image: url(../images/icon_point.gif); background-repeat: no-repeat; }
div#tomember dl dt.check { background-image: url(../images/icon_check.gif); background-repeat: no-repeat; }
div#tomember dl dd { height: 48px; margin-top: -48px; margin-bottom: 16px; margin-left: 96px; }
/* tool_result */
div#tool_result { background-image: url(../images/bg_stripe1.gif); margin-bottom: 64px; padding: 16px; border: solid 1px #c0c0c0; }
div#tool_result div.hidden { display: none; }
div#tool_result table.hidden { display: none; }
div#tool_result div.container { background-image: url(../images/bg_stripe2.gif); padding: 16px; border: solid 1px #c0c0c0; }
div#tool_result div.thumbnail { width: 128px; float: left; margin-top: 32px; }
div#tool_result div.thumbnail img {}
div#tool_result div.thumbnail p { color: #808080; font-size: 80%; font-weight: bold; line-height: 125%; margin-top: 8px; margin-bottom: 48px; }
div#tool_result div.result { color: #606060; float: left; margin-left: 16px; padding-left: 16px; border-color: #c0c0c0; border-style: solid; border-width: 0 0 0 1px; }
div#tool_result table { width: 100%; }
div#tool_result table caption { color: #069; font-weight: bold; line-height: 32px; background-image: url(../images/bg_caption1.gif); background-repeat: repeat-x; text-align: left; height: 32px; padding-left: 16px; border-color: #c0c0c0; border-style: solid; border-width: 0 1px; }
div#tool_result table th { font-weight: bold; background-color: #e0e0e0; background-image: url(../images/bg_cell1.gif); background-repeat: repeat-x; padding-top: 8px; padding-bottom: 8px; border: solid 1px #c0c0c0; }
div#tool_result table td { font-size: 125%; background-color: #fff; background-image: url(../images/bg_cell2.gif); background-repeat: repeat-x; padding-top: 8px; padding-bottom: 8px; border: solid 1px #c0c0c0; }
div#tool_result div#investigation_date { text-align: right; margin-bottom: 16px; }
div#tool_result div#sitebasic { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div#sitebasic p { }
div#tool_result div#sitebasic h3 { font-size: 125%; font-weight: bold; margin-top: 8px; }
div#tool_result div#sitebasic table { margin-top: 16px; }
div#tool_result div#sitebasic table caption {}
div#tool_result div#sitebasic table th {}
div#tool_result div#sitebasic table td {}
div#tool_result div#sitebasic div.spacer { height: 48px; }
div#tool_result div#ranking { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div#ranking table { margin-top: 16px; }
div#tool_result div#ranking table caption {}
div#tool_result div#ranking table th {}
div#tool_result div#ranking table td { text-align: right; }
div#tool_result div#ranking table td p { color: #c00; }
div#tool_result div#ranking table td p span { font-size: 200%; line-height: 100%; }
div#tool_result div#ranking table td span.retry { color: #c00; line-height: 200%; }
div#tool_result div#ranking table td span.none { line-height: 200%; }
div#tool_result div.record { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div.record table { }
div#tool_result div.record table th { }
div#tool_result div.record table td { }
div#tool_result div.record table td.date { text-align: center; }
div#tool_result div.record table td.ranking { text-align: right; }
div#tool_result div.record table td.ranking p { color: #c00000; font-weight: bold; }
div#tool_result div.record table td.ranking p span { font-size: 150%; }
div#tool_result div#keyword { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div#keyword table { }
div#tool_result div#keyword table th { }
div#tool_result div#keyword table td { text-align: right; }
div#tool_result div#popularity { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div#popularity table { }
div#tool_result div#popularity table th { }
div#tool_result div#popularity table td { text-align: right; }
div#tool_result div.reinforcement { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; border-color: #c0c0c0; border-style: dotted; border-width: 1px 0 0; }
div#tool_result div.reinforcement table { }
div#tool_result div.reinforcement table th { }
div#tool_result div.reinforcement table td { text-align: right; }
div#tool_result div.reinforcement table td.url {}
div#tool_result div.reinforcement table td.rival {}
div#tool_result div.reinforcement table td p.win { color: #c00; font-weight: bold; background-image: url(../images/icon_medal.gif); background-repeat: no-repeat; }
div#tool_result div.reinforcement table td p.lose { }
/* tool_measure */
div#tool_result div.measure { line-height: 150%; background-color: #fff; padding: 16px; border: solid 8px #ccc; }
div#tool_result div.measure h6 { margin-bottom: 8px; }
div#tool_result div.measure dl { margin-bottom: 16px; }
div#tool_result div.measure dl dt { color: #00f; margin-bottom: 4px; }
div#tool_result div.measure dl dd { margin-bottom: 16px; }
div#tool_result div.measure ul {  }
div#tool_result div.measure ul li { margin-bottom: 8px; }
div#tool_result div.measure ul li span { width: 64px; float: left; display: block; }
div#tool_result div.measure ul li a { float: left; display: block; }