/* CSS Basic Style ---------------------------------------------------------- */
/* reset elements */
h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
}
p, hr, blockquote, address, noscript {
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
border: none;
}

ul{
margin:0;
padding:0;
}

li{
list-style-type: none;
margin:0;
padding:0;
}
table , img {
border: none;
}
em,  q, dfn, code, samp, kbd, var, cite, abbr, acronym {
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
}
hr {
display: none;
clear: both;
}


a:link ,  a:active {
	color:#0033cc;
	text-decoration: underline;
}
a:visited {
	color:#0033cc;
	text-decoration: underline;
}
a:hover {
	color: #0033cc;
	text-decoration: none;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ----------------------------------------------------------
head
---------------------------------------------------------- */

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

#wrap{
background:URL(../images/i_bg.jpg) no-repeat left top;
width:490px;
height:356px;
}

#wrap_ill{
background:URL(../images/i_bg_ill.jpg) no-repeat left top;
width:490px;
height:356px;
}

/* ----------------------------------------------------------
index
---------------------------------------------------------- */
#index_txt{
padding:55px 0 15px 35px;
}

#index_list{
position:relative;
top:0;
left:40px;
}

#index_list li{
background:URL(../images/i_index_list_bg.gif) no-repeat left bottom;
width:220px;
height:25px;
padding:0 0 3px 25px;
margin:0 0 10px 0;
}

#index_list li a{
font-size:14px;
color:#ffffff;
font-weight:bold;
line-height:24px;
text-decoration:none;
}
/* ----------------------------------------------------------
question
---------------------------------------------------------- */
#question{
padding:55px 0 0 35px;
font-size:14px;
color:#ffffff;
width:380px;
height:105px;
font-weight:bold;
line-height:24px;
}

#question_answer{
position:relative;
top:0;
left:35px;
}

#question_answer li{
background:URL(../images/i_answer_bg.gif) no-repeat left bottom;
width:430px;
height:25px;
padding:0 0 3px 25px;
margin:0 0 10px 0;
}

#question_answer li a{
font-size:14px;
color:#ffffff;
font-weight:bold;
line-height:24px;
text-decoration:none;
}

#question_answer_img{
position:relative;
top:0;
left:80px;
}

#question_answer_img li{
float:left;
margin:0 40px 0 0;
}

/* ----------------------------------------------------------
answer
---------------------------------------------------------- */
#answer_img{
padding:35px 0 0 120px;
}

#answer_txt{
font-size:14px;
color:#ffffff;
position:relative;
top:0;
left:40px;
font-weight:bold;
}

#answer_txt a{
color:#64a532;
text-decoration:none;
}

#detail{
float:right;
margin:0 70px 0 0;
font-weight:normal;
font-size:12px;
}
/* ----------------------------------------------------------
result
---------------------------------------------------------- */
#result{
font-size:18px;
font-weight:bold;
color:#ffffff;
padding:80px 0 0 50px;
}

#goto_top{
font-size:14px;
margin:150px 0 0 50px;
}
#goto_top a{
color:#ffffff;
text-decoration:none;
}