/* CSS Document
SM度診断テスト
up date:2009.7 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4コンテンツ-
■5フッター
*/

/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:30px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center;
background:url(/upload_images/template/bg.gif);
}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide,h1 span{
position:absolute;
top:-9999px;
left:-9999px;
font-size:1px;
}
.clear{
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}

/*■2レイアウト*/
#wrapper{
width:888px;
margin: 20px auto 0px auto;
text-align:left;
background:#fff url(/upload_images/template/contentwrapper_bg.gif) repeat-y;
}
#header-mr{
height:27px;
background:url(/upload_images/template/header.gif) no-repeat;
}
#header{
width:888px;
height:232px;
text-align:left;
}
#contentwrapper{
text-align:left;
margin:0 0 0 32px;
}

/*■3ヘッダー*/
#header #title{
width:428px;
float:left;
}
#header #copy{
width:410px;
float:left;
}
#header #title img{
margin:0px 0px 0px 46px;
}
#header #copy img{
margin:26px 0 0 0;
}

/*■4コンテンツ*/
#btn-clear{
text-align:right;
margin-right:37px;
}
#btn-clear img{
margin:0;padding:0;
}
div.q{
margin:8px 0 8px 0;
padding:10px 0px 7px 10px;
width:392px;
background:#666;
}
div.q .nm1{float:left; width:39px;}
div.q .txt{
float:left;
width:345px;
padding:2px 0 0 0;
font-size:90%;
line-height:120%;
color:#fff;
}
div.q .nm2{float:left; width:52px;}
div.q .txt2{
float:left;
width:332px;
padding:2px 0 0 0;
font-size:90%;
line-height:120%;
color:#fff;
}
input.yesno-btn{
margin:0 0 0 54px;
vertical-align:top;
}
img.btnyes{
margin:0 71px 0 0;
}
#btn-gototop{
text-align:right;
margin:20px 41px 21px 0;
}
#btn-submit{
margin:0 0 11px 310px;
}

/*■5フッター*/
#footer-mr{
height:30px;
background:url(/upload_images/template/footer.gif) no-repeat;
}
#footerwrapper{
margin:0 auto 0 auto;
width:888px;
text-align:right;
}
#footerwrapper address{
padding:8px 0px 8px 0;
font-size:70%;
font-style:normal;
color:#666;
letter-spacing:0.1em;
}
#footerwrapper address a{
color:#666;
text-decoration:none;
}
#footerwrapper address a:hover{
color:#666;
text-decoration:underline;
}

/*外部リンクコード用*/
#code{
margin:0 auto 0 auto;
width:884px;
text-align:right;
font-size:70%;
line-height:150%;
color:#666;
}
#code a{
text-decoration:underline;
color:#C56F7E;
}
#code a:hover{
color:#ff6600;
}

/*■結果ページ*/
#art #wrapper{
width:818px;
padding-bottom:10px;
background:#fff url(/upload_images/template/contentwrapper_bg2.gif) repeat-y;
}
#art #header-mr{
height:29px;
background:url(/upload_images/template/header_ans.gif) no-repeat;
}
#art #header{
width:818px;
height:74px;
text-align:left;
}
#art #header #title{
float:none;
}
#art #header #title img{
margin:0px 0px 0px 43px;
}
#result{
margin:0 0 8px 17px;
}
#photo{
float:left;
width:348px;
}
#photo img{
margin:4px 0 0 48px;
}
#result-txt{
float:left;
width:430px;
font-size:14px;
color:#333;
line-height:160%;
}
#btn-back{
margin:30px 0 0px 0;
}
#btn-back img{
margin-left:332px;
}
#art #footer-mr{
height:28px;
background:url(/upload_images/template/footer_ans.gif) no-repeat;
}
#art #footerwrapper{
margin:0 auto 0 auto;
width:818px;
text-align:right;
}
#art #code{
width:814px;
}

/*■免責*/
#contact{
margin:30px 50px 0 47px;
}
#contact h3{
font-size:18px;
color:#cc0000;
margin:0 0 5px 0;
}
#contact p{
font-size:14px;
line-height:160%;
color:#666;
margin:0 0 10px 0;
}

/*sns btn*/

.snsarea {
width:620px;
padding:0 0 0 50px;
}

.snsarea li {
list-style-type:none;
float:left;
padding:6px 4px 6px 0;
}

#fb {
padding:0 0 0 20px;
}