* {
padding: 0;
margin: 0;
}

body {
background: #686868 url(../images/top_hl.gif) repeat-x;
}

a:link {
color: #80c4ff;
}

a:visited {
color: #4062ff;
}

a:hover {
color: #07ffff;
}



#container {
width: 780px;
margin: 0px auto;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#header {
width: 780px;
height: 298px;
margin: 0px 0px 10px;
background: url(../images/header.jpg);
position: relative;
}

div#header *{
text-indent: -2048px;
}

div#header a#shobi-ac{
width: 360px;
height: 64px;
background: url(../images/a_header_ac.gif);
position: absolute;
top: 17px;
left: 390px;
}

div#header a#shobi-ac:hover{
background-position: 0px -64px;
}

ul#main-navi {
width: 720px;
height: 50px;
background: #555;
margin-left: 30px;
margin-top: -48px;
position: relative;
list-style-type: none;
overflow: hidden;
}

ul#main-navi li a {
display: block;
text-indent: -4096px;
overflow: hidden;
width: 180px;
height: 48px;
background: #999 url(../images/top_navi.gif);
position: absolute;
top: 0px;
}

ul#main-navi li#navi-column-pc a {
left: 0px;
background-position: 0px 0px;
}
ul#main-navi li#navi-diagnosis a {
left: 180px;
background-position: -180px 0px;
}
ul#main-navi li#navi-column-fuzzy a {
left: 360px;
background-position: -360px 0px;
}
ul#main-navi li#navi-info a {
left: 540px;
background-position: -540px 0px;
}

ul#main-navi li#navi-column-pc a:hover {
background-position: 0px -48px;
}
ul#main-navi li#navi-diagnosis a:hover {
background-position: -180px -48px;
}
ul#main-navi li#navi-column-fuzzy a:hover {
background-position: -360px -48px;
}
ul#main-navi li#navi-info a:hover {
background-position: -540px -48px;
}

p {
font-size: 12px;
line-height: 150%;
margin: 6px 12px 6px 12px;
}

.column {
background: #aaa url(../images/bm_s_720.jpg);
width: 720px;
position: relative;
margin: 12px auto;
padding: 1px 0px 1px 0px;
}


.column-ogawa {
background: #333 url(../images/bm_bk_720.jpg);
width: 720px;
position: relative;
margin: 12px auto;
padding: 1px 0px 1px 0px;
}

.column-ogawa h2{
background: #888;
width: 240px;
height: 144px;
float: left;
font-size: 9px;
margin: 0px 6px 6px 0px;
text-indent: -2048px;
margin-left: 1px;
}

#info h2,
#diagnosis h2 {
background: #888;
width: 720px;
height: 72px;
font-size: 9px;
margin: 0px;
text-indent: -2048px;
position: relative;
top: -1px;
}

#info h2 {
background: url(../images/h2_info.jpg);
}

#diagnosis h2 {
background: url(../images/h2_diagnosis.jpg);
}

.column-ogawa#column-pc h2 {
background: url(../images/h2_pc_240.jpg);
}

.column-ogawa#column-fuzzy h2 {
background: url(../images/h2_fuzzy_240.jpg);
}

.column-ogawa h3{
color: #eee;
font-size: 16px;
font-weight: bold;
line-height: 150%;
margin: 12px 12px 6px 6px;
}

.column-ogawa h3 .date{
color: #eee;
font-size: 14px;
font-weight: normal;
line-height: 100%;
}

.column-ogawa p{
color: #fff;
font-size: 12px;
line-height: 150%;
margin: 6px 12px 3em 12px;
}

.column-ogawa select{
position: absolute;
right: 12px;
bottom: 12px;
clear: both;
}

table {
font-size: 12px;
width: 700px;
margin: 3px auto 10px;
border-collapse: separate;
border-spacing: 6px;
}

table tr.head th {
text-align: center;
}

table tr.head td {
background: transparent;
border-width: 0px;
}

iframe {
width: 700px;
height: 240px;
overflow: hidden;
margin: 10px;
border-width: 0px;
overflow: hidden;
}

#diagnosis h3 {
width: 700px;
height: 36px;
margin: 0px auto 10px;
background: url(../images/h3_diagnosis.jpg);
text-indent: -2048px;
}

#diagnosis p#result {
font-size: 21px;
font-weight: bold;
text-align: center;
}

dl {
width: 350px;
position: relative;
margin-bottom: 6px;
/*background: transparent url(../images/dl.gif);*/
}

dl.col2-1 {
float: left;
clear: both;

}

dl.col2-2 {
margin-left: 360px;

}

dl.col2-2:after {
content: ".";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}


dt {
position: absolute;
top: 0px;
left: 94px;
color: #222;
font-size: 16px;
font-weight: bold;
line-height: 100%;
padding: 4px 6px;
width: 244px;
color: #fff;
background: #666 url(../images/bg_label.gif);
}

dd {
font-size: 12px;
line-height: 150%;
margin: 0px 0px 6px 12px;
}

#diagnosis a.back-to-top {
display: block;
background: transparent url(../images/btn_diagnosis.gif);
width: 160px;
height: 24px;
text-indent: -2048px;
overflow: hidden;
margin: 10px auto 10px;
}

#diagnosis a.back-to-top:hover {
background-position: 0px -24px;
}

span.prob {
color: #f00;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding-left: 6px;
}



div#d-mac {
background: #aaa url(../images/bm_s_720.jpg);
width: 720px;
min-height: 148px;
_height: 148px; /* for MSIE6 */
position: relative;
margin: 12px auto;
padding: 1px;
}

a#bnr-d-mac {
background: #666 url(../images/d_mac.jpg);
width: 320px;
height: 128px;
display: block;
position: absolute;
top: 10px;
left: 10px;
text-indent: -2048px;
}

a#bnr-d-mac:hover {
background-position: 0px -128px;
}

div#d-mac p {
margin: 10px 6px 10px 340px;
}


table th {
font-weight: bold;
text-align: left;
background: #666 url(../images/bg_label.gif);
color: #fff;
padding: 3px 6px;
margin: 6px;
}

table th#ac,
table th#im {
color: #fff;
padding: 0px;
margin: 0px;
width: 144px;
height: 32px;
}

table th#ac a {
background: url(../images/th_ac.jpg);
width: 144px;
height: 32px;
display: block;
text-indent: -2048px;
overflow: hidden;
}

table th#im a {
background: url(../images/th_im.jpg);
width: 144px;
height: 32px;
display: block;
text-indent: -2048px;
overflow: hidden;
}

table th#ac a:hover,
table th#im a:hover {
background-position: 0px -32px;
}


table td {
text-align: center;
background: #aaa url(../images/lcd_320.gif);
font-size: 18px;
padding: 6px 6px 1px;
border-style: solid;
border-color: #bbb;
border-width: 0px 1px 1px 0px;
color: #444;
font-weight: bold;
line-height: 100%;
}

.col3-1,
.col3-2,
.col3-3 {
width: 230px;
background: #333 url(../images/bm_bk_720.jpg);
float: left;
}

.col3-1 p,
.col3-2 p,
.col3-3 p {
color: #fff;
}

.col3-1 h3,
.col3-2 h3,
.col3-3 h3 {
margin: 0px;

}

div#request h3 a,
div#advise h3 a,
div#open h3 a {
display: block;
width: 230px;
height: 32px;
font-size: 9px;
text-indent: -2048px;
overflow: hidden;
}

div#request h3 a {
background: url(../images/request.jpg);
}
div#advise h3 a {
background: url(../images/advise.jpg);
}
div#open h3 a {
background: url(../images/open.jpg);
}

div#request h3 a:hover,
div#advise h3 a:hover,
div#open h3 a:hover {
background-position: 0px -32px;
}


.col3-1 {
margin-left: 30px;
_margin-left: 15px;
}

.col3-1,
.col3-2 {
margin-right: 15px;
}


a.page-top {
display: block;
clear: both;
background: url(../images/page_top.gif);
width: 83px;
height: 16px;
font-size: 9px;
margin: 0px 0px 12px 670px;
position: relative;
top: 6px;
text-indent: -2048px;
overflow: hidden;
}

a.page-top:hover {
background-position: 0px -16px;
}

address {
width: 720px;
height: 28px;
text-indent: -2048px;
background: #aaa url(../images/copyright.gif);
margin: 0px auto 10px;
position: relative;
}

address a {
background: url(../images/a_copyright_2010.jpg);
width: 125px;
height: 28px;
position: absolute;
top: 0px;
left: 281px;
}

address a:hover {
background-position: 0px -28px;
}

/* for webkit */
ul#main-navi,
div#diagnosis,
.column-ogawa,
div#info,
div#d-mac,
div#request,
div#advise,
div#open,
address,
.backNumber div#header,
.backNumber h2 {
-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.5);
}

/*question*/

body#question {
background: #333 url(../images/mix_bm_bk.jpg);
color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body#question h1 {
height: 47px;
width: 100%;
background: url(../images/h1_question.jpg);
text-indent: -2048px;
}

p#question-description {
font-size: 14px;
font-weight: bold;
}

p#question-txt {
font-size: 18px;
margin-right: 175px;
}

#question-num {
color: #f00;
}

ul#question-list {
font-size: 21px;
position: absolute;
bottom: 48px;
left: 160px;
}

ul#question-list li {
display: inline;
margin: 12px 36px;;
}


input#submit {
width: 64px;
font-size: 14px;
margin-left: 24px;
position: absolute;
bottom: 18px;
left: 232px;
}

img#ogawa-photo {
position: absolute;
right: 10px;
top: 58px;
}


.backNumber div#header {
width: 720px;
height: 96px;
margin: 12px auto 12px;
background: url(../images/h1_backNumber.jpg);
position: relative;
}

/*backNumber*/

.backNumber h2 {
width: 720px;
height: 144px;
margin: 12px auto;
text-indent: -2048px;
overflow: hidden;
}

h2#backNumber-pc {
background: url(../images/h2_backNumber_pc.jpg);
}

h2#backNumber-fuzzy {
background: url(../images/h2_backNumber_fuzzy.jpg);
}

a.return {
display: block;
clear: both;
background: url(../images/return.jpg);
width: 96px;
height: 16px;
font-size: 9px;
margin: 0px 0px -16px 32px;
position: relative;
top: 6px;
text-indent: -2048px;
overflow: hidden;
}

a.return:hover {
background-position: 0px -16px;
}

#header a.return {
background: url(../images/return_header.jpg);
position: absolute;
left: 37px;
top: 72px;
margin: 0px;
text-indent: -2048px;
overflow: hidden;
}

#header a.return:hover {
background-position: 0px -16px;
}

.backNumber .column-ogawa p {
margin: 6px 12px 12px 12px;
}

.backNumber .column-ogawa h3{
margin: 12px 12px 6px 12px;
}