/* selectTab */
/* ========================================== */
.colBoxQaContentsSelect .colBoxTitle {
display:none;
padding-bottom:10px;
background:url(http://image.itmedia.co.jp/images/ar_b_333.gif) no-repeat bottom center;
margin-bottom:15px;
}
.colBoxQaContentsSelect .colBoxTitle h3 {
border:0 none!important;
text-align:center;
font-weight:normal;
font-size:13px!important;
color:#444;
padding:0!important;
margin-bottom:0!important;
}
.colBoxQaContentsSelect .colBoxUlist ul {
text-align:center;
display:block;
margin-bottom:10px!important;
}
.colBoxQaContentsSelect .colBoxUlist ul li {
vertical-align:top;
cursor:pointer;
margin:0 15px 0 0;
list-style:none;
padding-left:0;
border-radius:4px;
border:1px solid #AAA;
height:45px;
width:163px;
padding:0;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
}
.colBoxQaContentsSelect .colBoxUlist ul li.Contents3 {
margin-right:0;
}
.colBoxQaContentsSelect .colBoxUlist ul li a:link {
display:block;
border-radius:3px;
text-align:center;
height:45px;
overflow:hidden;
color:#444!important;
text-decoration:none!important;
font-size:15px;
line-height:18px;
font-weight:bold;
box-shadow:inset 0px 0px 5px 0 #BBB;
background: #F5F5F5;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f3f3f3',GradientType=0 );

}
.colBoxQaContentsSelect .colBoxUlist ul li.Contents1 a,
.colBoxQaContentsSelect .colBoxUlist ul li.Contents2 a,
.colBoxQaContentsSelect .colBoxUlist ul li.Contents3 a {
line-height:45px;
}
.colBoxQaContentsSelect .colBoxUlist ul li a:hover {
opacity:0.85;
}


/* contents */
/* ========================================== */
#qaContentsArea {
margin:25px 0 50px 0;
/*
padding-top:220px;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/title.gif) no-repeat center top;
*/
}
.qaContentsAreaInner {
margin-bottom:20px;
}
.qaContentsAreaInner.minheight {
min-height:300px;
height:auto!important;
height:300px;
}
.colBoxQaContent {
display:none;
width:560px;
margin:0 auto;
position:relative;
background:#FFF;
}
.colBoxQaContent .colBoxOuter {
padding:5px;
box-shadow:0 0 9px 0 #AAA;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAA', Direction=9, Strength=0);
border:1px solid #CCC\9;
}
.colBoxQaContent .colBoxOuter:not(:target) {
border:1px solid #CCC\9;
}
.colBoxQaContent .colBoxInner {
min-height:250px;
height:auto!important;
height:250px;
padding:20px;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif) #ffffff;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), -moz-linear-gradient(top,  #ffffff 1%, #c4e6ee 100%);
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#c4e6ee));
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), -webkit-linear-gradient(top,  #ffffff 1%,#c4e6ee 100%);
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), -o-linear-gradient(top,  #ffffff 1%,#c4e6ee 100%);
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), -ms-linear-gradient(top,  #ffffff 1%,#c4e6ee 100%);
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/gridbg.gif), linear-gradient(to bottom,  #ffffff 1%,#c4e6ee 100%);
}

/* contents theme */
.colBoxQaContent .colBoxIndexTheme {
height:250px;
width:510px;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/msgBg.png);
_background:none #FFF;
margin-bottom:0!important;
box-shadow:0 0 2px 0 #DDD;
}
.colBoxQaContent .colBoxIndexTheme .colBoxTitle h3 {
border:0 none!important;
text-align:center;
padding:15px 0 0!important;
font-size:30px!important;
line-height:1.6!important;
margin:0!important;
height:auto!important;
}
.colBoxQaContent .colBoxIndexTheme .colBoxDescription p {
font-size:13px!important;
line-height:1.6!important;
margin:0 auto!important;
width:470px;
}
.colBoxQaContent .colBoxIndexTheme .colBoxBtn {
width:147px;
height:39px;
position:absolute;
left:50%;
top:60%;
margin-left:-74px;
box-shadow:0 0 3px 0 #CCC;
overflow:hidden;
}
.colBoxQaContent .colBoxIndexTheme .colBoxBtn a:link {
display:block;
width:147px;
height:39px;
text-align:center;
color:#FFF;
line-height:39px;
font-weight:bold;
cursor:pointer;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/btn2.gif) no-repeat left top;
color:#FFF!important;
text-decoration:none!important;
}
.colBoxQaContent .colBoxIndexTheme .colBoxBtn a:visited {
color:#FFF!important;
}
.colBoxQaContent .colBoxIndexTheme .colBoxBtn a:hover {
opacity:0.85;
}

/* contents question */
.colBoxQaContent .colBoxIndexQuestion {
height:250px;
width:510px;
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/msgBg.png);
_background:none #FFF;
margin-bottom:0!important;
box-shadow:0 0 2px 0 #DDD;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxTitle {
padding:15px 15px 15px 200px;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxTitle h3 {
border:0 none!important;
padding:0!important;
font-size:16px!important;
line-height:1.6!important;
margin:0!important;
font-weight:normal!important;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxTitle h3 span {
display:block;
font-weight:bold!important;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtn {
width:147px;
height:39px;
position:absolute;
top:75%;
box-shadow:0 0 3px 0 #CCC;
overflow:hidden;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtn a {
color:#FFF!important;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtn a:link {
width:147px;
height:39px;
display:block;
text-align:center;
color:#FFF!important;
line-height:39px;
font-weight:bold;
cursor:pointer;
color:#FFF!important;
text-decoration:none!important;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtn a:hover {
opacity:0.85;
color:#FFF!important;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtnYes {
left:31%;
margin-left:-74px;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtnYes a {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/btn2.gif) no-repeat left top;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtnNo {
right:31%;
margin-right:-74px;
}
.colBoxQaContent .colBoxIndexQuestion .colBoxBtnNo a {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/btn2.gif) no-repeat left -40px;
}

/* contents result */
.colBoxIndexResult {
background:no-repeat right top;
position:relative;
}
.colBoxIndexResult.red {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/chara_red.gif);}
.colBoxIndexResult.blue {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/chara_blue.gif);}
.colBoxIndexResult.pink {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/chara_pink.gif);}
.colBoxIndexResult.yellow {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/chara_yellow.gif);}

.colBoxIndexResult .colBoxTitle {
margin-bottom:0!important;
top:17px;
width:371px;
height:66px;
}
.colBoxIndexResult.red .colBoxTitle {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/resultHead.gif) no-repeat left top;
}
.colBoxIndexResult.blue .colBoxTitle {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/resultHead.gif) no-repeat left -100px;
}
.colBoxIndexResult.yellow .colBoxTitle {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/resultHead.gif) no-repeat left -200px;
}
.colBoxIndexResult.pink .colBoxTitle {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/resultHead.gif) no-repeat left -300px;
}

.colBoxIndexResult .colBoxDescription {
width:349px;
margin-bottom:0!important;
padding-top:17px;
}
.colBoxIndexResult .colBoxDescription p {
font-size:16px;
line-height:1.6;
}
.colBoxIndexResult .colBoxTitle h3 {
text-indent:-9999px;
border:0 none!important;
padding:9px 0 0 0!important;
margin-bottom:0!important;
line-height:35px!important;
text-shadow:1px 1px 1px white;
}
.colBoxIndexResult .colBoxTitle h3 span {
font-size:35px;
}
.colBoxIndexResult.red .colBoxTitle h3 span {
color:#C00;
}
.colBoxIndexResult.blue .colBoxTitle h3 span {
color:#000beb;
}
.colBoxIndexResult.pink .colBoxTitle h3 span {
color:#e20080;
}
.colBoxIndexResult.yellow .colBoxTitle h3 span {
color:#f6dc00;
}
.colBoxIndexResult .colBoxMsgs {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/msgBg.png);
_background:none #FFF;
padding:5px;
position:relative;
box-shadow:0 0 2px 0 #DDD;
}
.colBoxIndexResult .colBoxMsgHead {
padding-bottom:20px;
position:relative;
}
.colBoxIndexResult .colBoxMsgHead:before {
position:absolute;
content:' ';
width:17px;
height:11px;
box-shadow:0px 0px 1px 0 #888;
left:-31px;
top:5px;
}

.colBoxIndexResult.red .colBoxMsgHead:before {
background:#C00;
}
.colBoxIndexResult.blue .colBoxMsgHead:before {
background:#000beb;
}
.colBoxIndexResult.yellow .colBoxMsgHead:before {
background:#f6dc00;
}
.colBoxIndexResult.pink .colBoxMsgHead:before {
background:#e20080;
}
.colBoxIndexResult .colBoxMsgHead h4 {
margin-bottom:0!important;
padding:0!important;
}
.colBoxIndexResult .colBoxMsgBody p {
font-size:13px!important;
line-height:1.6!important;
}
.colBoxIndexResult .colBoxInfoLink ul {
padding-left:0;
margin:0;
}
.colBoxIndexResult .colBoxInfoLink li {
list-style:none;
padding-left:15px;
background:url(http://image.itmedia.co.jp/images/ar_r_333.gif) no-repeat 5px 6px;
}
.colBoxQaContent .colBoxIndexQuestion {
background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_01.jpg) no-repeat 5px 5px #FFF;
}
#colBoxIndexQuestionContents1Q1 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_01.jpg)}
#colBoxIndexQuestionContents1Q2 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_02.jpg)}
#colBoxIndexQuestionContents1Q3 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_03.jpg)}
#colBoxIndexQuestionContents1Q4 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_04.jpg)}
#colBoxIndexQuestionContents1Q5 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_05.jpg)}
#colBoxIndexQuestionContents1Q6 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_06.jpg)}
#colBoxIndexQuestionContents1Q7 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_07.jpg)}
#colBoxIndexQuestionContents1Q8 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_08.jpg)}
#colBoxIndexQuestionContents2Q1 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_09.jpg)}
#colBoxIndexQuestionContents2Q2 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_10.jpg)}
#colBoxIndexQuestionContents2Q3 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_11.jpg)}
#colBoxIndexQuestionContents2Q4 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_12.jpg)}
#colBoxIndexQuestionContents2Q5 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_13.jpg)}
#colBoxIndexQuestionContents2Q6 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_14.jpg)}
#colBoxIndexQuestionContents2Q7 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_15.jpg)}
#colBoxIndexQuestionContents2Q8 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_16.jpg)}
#colBoxIndexQuestionContents2Q9 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_17.jpg)}
#colBoxIndexQuestionContents2Q10 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_18.jpg)}
#colBoxIndexQuestionContents2Q11 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_19.jpg)}
#colBoxIndexQuestionContents2Q12 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_20.jpg)}
#colBoxIndexQuestionContents3Q1 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_21.jpg)}
#colBoxIndexQuestionContents3Q2 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_22.jpg)}
#colBoxIndexQuestionContents3Q3 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_23.jpg)}
#colBoxIndexQuestionContents3Q4 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_24.jpg)}
#colBoxIndexQuestionContents3Q5 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_25.jpg)}
#colBoxIndexQuestionContents3Q6 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_26.jpg)}
#colBoxIndexQuestionContents3Q7 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_27.jpg)}
#colBoxIndexQuestionContents3Q8 {background-image:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/cut_28.jpg)}
#colBoxIndexThemeContents1 {background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/theme1.gif) no-repeat right top #FFF;}
#colBoxIndexThemeContents2 {background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/theme2.gif) no-repeat right top #FFF;}
#colBoxIndexThemeContents3 {background:url(http://image.itmedia.co.jp/include/enterprise/special/fd24211/images/theme3.gif) no-repeat right top #FFF;}

.colBoxQaContent .colBoxIndexTheme .colBoxTitle h3 {
text-align:left;
text-indent:10px;
}
.colBoxQaContent .colBoxIndexTheme .colBoxDescription p {
margin:0!important;
padding-left:10px;
width:320px;
}