@charset "utf-8";

/* ##################################### services.css ##################################### */
#R .headline01 { background:url(../img/hl01_blue.gif) no-repeat; }
#R .headline01.txt h3 { color:#554a18; }

/* ========================== side menu ========================== */
#sideMenu li.index, #sideMenu li.index a { background: url(../results/img/sideMenu.gif) 0 0; }
#sideMenu li.index a.on, #sideMenu li.index a:hover { background: url(../results/img/sideMenu.gif) -200px 0; }
#sideMenu li.mobile, #sideMenu li.mobile a { background: url(../results/img/sideMenu.gif) 0 -30px; }
#sideMenu li.mobile a.on, #sideMenu li.mobile a:hover { background: url(../results/img/sideMenu.gif) -200px -30px; }
#sideMenu li.sns, #sideMenu li.sns a { background: url(../results/img/sideMenu.gif) 0 -60px; }
#sideMenu li.sns a.on, #sideMenu li.sns a:hover { background: url(../results/img/sideMenu.gif) -200px -60px; }
#sideMenu li.system, #sideMenu li.system a { background: url(../results/img/sideMenu.gif) 0 -90px; }
#sideMenu li.system a.on, #sideMenu li.system a:hover { background: url(../results/img/sideMenu.gif) -200px -90px; }

/* ========================== index ========================== */
.resultSite { width:625px; margin-bottom:30px; }
.resultSite h4 { margin:0 0 15px 0 !important; }
.resultSite .L { float:left; width:160px; }
.resultSite .R { float:right; width:455px; }
.resultSite .L img { border:1px solid #bbb; }
#R.mobile .resultSite .L img { border:none; }
.resultSite .R p.url { margin-bottom:10px; }
.resultSite .R p.introduction { margin-bottom:10px; }
.resultSite .R p.introduction a:link, .resultSite .R p.introduction a:visited { color:#333; text-decoration:underline; }
.resultSite .R p.introduction a:hover { color:#a80d15; text-decoration:underline; }

.resultSite .R .icon { margin-bottom:10px; }

/* ========================== result System ========================== */
.resultSystem {}
.resultSystem ul { margin:0 0 0 80px; }
.resultSystem li { padding:0 0 0 13px; background:url(../img/arw03.gif) no-repeat left center; list-style:none; line-height:2.5em; }

/* ========================== interview ========================== */
#R.interview .resultSite { margin-bottom:10px; }

.clientProfile { margin-bottom:15px; padding:10px; background:#eee; border:1px solid #aaa; }
.clientProfile .head { margin-bottom:3px; padding:3px 5px 0 5px; background:#ccc/*#E7F1FE*/; color:#084285; }
.clientProfile .head h4, .clientProfile .head p.date { margin:0 !important; line-height:1.2em !important; }
.clientProfile .head h4 { padding:0; font-size:14px; border:none !important; font-weight:bold; }
.clientProfile p.date { margin-bottom:10px; text-align:right; }

.clientDetail { width:589px; padding:5px 7px 0 7px; }
.clientDetail p { margin:0 !important; }
.clientDetail dl { }
.clientDetail dt { clear:both; float:left; width:100px; font-weight:normal; }
.clientDetail dd { float:left; width:489px; margin-bottom:15px; }
.clientDetail dd.end { margin-bottom:0; }

.interviewQA { width:625px; }
.interviewQA ul {}
.interviewQA li.q { margin:0 0 10px 0; padding:4px 0 2px 24px; background: url(../results/img/q.gif) 3px 5px no-repeat #FBE6E9;
	border-bottom:1px solid #aaa; border-right:1px solid #aaa; color:#a80d15; /*font-weight:bold;*/ line-height:1.4em; }
.interviewQA li.a { margin:0 0 20px 0; padding:0 0 0 24px; background:url(../results/img/a.gif) no-repeat 3px 3px; }

.ourComment { margin-bottom:20px; padding:10px; background:#eee; border:1px solid #3C7CDD; }
.ourComment dl {}
.ourComment dt { margin-bottom:5px; color:#084285; font-size:14px; font-weight:bold; }
.ourComment dd {}


/*  */