@charset "utf-8";
/* CSS Document */


/*------------------------------------------------
general
------------------------------------------------*/
.clearfix:after {
content: ".";
font-size: 0;
line-height: 0;
display: block;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}



/*------------------------------------------------
tp_2008
------------------------------------------------*/
#verup h2 {
margin-left: 10px;
padding-bottom: 10px !important;
}

#verupList {
position: relative;
}

#yearList {
width: 417px;
margin: 0 auto;
}

#yearList li {
width: 50px;
height: 31px;
line-height: 31px;
padding-left: 27px;
background: url(/after/images/bu_tp2008.jpg) left top no-repeat;
float: left;
}

#problemInfo {
position: absolute;
top: 30px;
right: 0;
line-height: 31px;
}

#problemInfo a {
padding: 0 15px;
background: url(/after/images/ar_tp2008.gif) left center no-repeat;
}

#article {
width: 423px;
margin: 30px auto 80px;
border: 1px solid #cdcdcd;
line-height: 1.5;
}

#question .inr h3 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

/* 使用しなぁE#article #articleWrp h3.articleTtl {
font-size: 14px;
color: #2e84db;
width: 387px;
margin: 3px auto 10px;
padding: 10px 15px;
background: #f4f4f4;
line-height: 1.2;
}


#article #articleWrp h3.articleTtl span {
display: block;
margin-bottom: 5px;
font-weight: normal;
font-size: 12px;
color: #999;
}
*/

#articleWrp .articleInr {
width: 387px;
margin: 20px auto 30px;
}

#articleWrp .articleInr .red {
color: #f00;
}

#articleWrp .articleInr a {
color: #2E84DB;
font-weight: bold;
}

#articleWrp .articleInr a:hover {
color: #c00;
}

/*
h1 title
*/
#article #articleWrp .articleInr h1.pagetitle {
font-size: 14px;
color: #2e84db;
width: 357px;
margin: 0px;
padding: 10px 15px;
background: #f4f4f4;
line-height: 1.2;
}

/*
h4
*/
#article #articleWrp .articleInr h4 {
font-size: 12px;
color: #2e84db;
width: 357px;
margin: 0;
padding: 0;
line-height: 1.2;
}

/*
list blockquote
*/
#article #articleWrp .articleInr blockquote {
width: 387px;
margin: 10px 0 20px 0;
padding: 0;
}

/* smc0703 */
#articleWrp .articleInr p.details {
display: none;
}
/* end */


/*------------------------------------------------
regist
------------------------------------------------*/
#regist h2 {
padding-left: 10px !important;
}

#regist p.strong {
font-size: 14px;
color: #2e84db;
font-weight: bold;
}

#regist .inr {
width: 430px;
margin: 0 auto;
}

#regist #serviceList {
width: 412px;
margin: 0 auto 30px;
}

#regist #serviceList li {
margin-bottom: 5px;
}

#regist #registBtn {
width: 226px;
margin: 0 auto 80px;
}

/*------------------------------------------------
question
------------------------------------------------*/
#question h2 {
padding-left: 10px;
}

#question #tab {
width: 451px;
height: 35px;
background-image: url(../after/images/question_tab2.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0px;
}

#question #tab li {
float: left;
display: block;
height: 35px;
}

#question #tab a {
display: block;
height: 35px;
text-indent: -9999px;
}

#question #tab li.tab01 a {width: 79px;}
#question #tab li.tab02 a {width: 115px;}
#question #tab li.tab03 a {width: 115px;}
#question #tab li.tab04 a {width: 115px;}

#question #tab li.tab01on a {width: 79px; background: url(../after/images/question_tab2.jpg) 0 -35px no-repeat;}
#question #tab li.tab02on a {width: 115px; background: url(../after/images/question_tab2.jpg) -81px -35px no-repeat;}
#question #tab li.tab03on a {width: 115px; background: url(../after/images/question_tab2.jpg) -195px -35px no-repeat;}
#question #tab li.tab04on a {width: 115px; background: url(../after/images/question_tab2.jpg) -311px -35px no-repeat;}

#question #tab li.tab01 a:hover {background: url(../after/images/question_tab2.jpg) 0 -35px no-repeat;}
#question #tab li.tab02 a:hover {background: url(../after/images/question_tab2.jpg) -81px -35px no-repeat;}
#question #tab li.tab03 a:hover {background: url(../after/images/question_tab2.jpg) -195px -35px no-repeat;}
#question #tab li.tab04 a:hover {background: url(../after/images/question_tab2.jpg) -311px -35px no-repeat;}

#question .inr {
width: 449px;
margin: 0 auto;
padding-top: 10px;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
overflow: hidden;
}

#question .btm {
width: 451px;
height: 20px;
margin: 0 auto 20px;
background: url(/after/images/question_inr_btm.gif) center bottom no-repeat;	
}

#question .inr h3 {
width: 448px;
height: 26px;
margin-bottom: 0px !important;
background: url(/after/images/question_h3_bg.jpg) left top no-repeat !important;
text-transform: uppercase;
}

#question .inr ul {
width: 430px;
margin: 0 0 30px 10px;
}

#question .inr li {
padding: 5px 10px 5px 25px;
background: url(/after/images/question_Qbullet.jpg) left 3px no-repeat;
border-bottom: 1px dashed #dbdbdb;
}

#question .inr li a {
color: #0a50a1;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#question .inr li a:hover {
text-decoration: underline;
}

#question .inr dl {
width: 430px;
margin-left: 10px;
padding-bottom: 0px;
}

#question .inr dt {
padding: 5px 10px 5px 25px;
background: url(/after/images/question_Qbullet.jpg) left 2px no-repeat;
color: #0875d7;
font-weight: bold;
}

#question .inr dd {
padding: 2px 10px 2px 25px;
margin-bottom: 5px;
border-bottom: 1px solid #dbdbdb;
background: url(/after/images/question_Abullet.jpg) left 2px no-repeat;
}

#question .inr dd a {
color: #0a50a1;
}

#question .inr dd a:hover {
text-decoration: none;
}

/* 0624 start */
/*------------------------------------------------
注釈部刁E------------------------------------------------*/

#question #explain {
padding: 5px 10px 5px 15px;
color: #000000;
font-size: 12px;
text-decoration: none;
}


/*------------------------------------------------
question spry Collpasible panel
------------------------------------------------*/


/*------------------------------------------------
Question+Answer�E�一つの質問＋一つの答えをまとめたも�E�E�E------------------------------------------------*/
#question .CollapsiblePanel {
	width: 430px;
	margin-left: 10px;
	padding-bottom: 0px;
	overflow: hidden;
}

/*------------------------------------------------
Question部刁E------------------------------------------------*/
#question .CollapsiblePanelTab {
	padding: 5px 10px 5px 25px;
	background: url(../after/images/question_Qbullet.jpg) left 2px no-repeat;
	color: #0875d7;
	font-weight: bold;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/*------------------------------------------------
Answer部刁E------------------------------------------------*/
#question .CollapsiblePanelContent {
	padding: 2px 10px 2px 25px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dbdbdb;
	background: url(../after/images/question_Abullet.jpg) left 2px no-repeat;
	overflow: auto;
	height: 100%;
}


#question .CollapsiblePanelContent a {
color: #0a50a1;
}

#question .CollapsiblePanelContent a:hover {
text-decoration: none;
}

#question .pagetitle{
    display: none;
}

/* 0624 end */

/* smc 0703*/
#question p.details {
    display: none;
}
/* end */

/*------------------------------------------------
solution
------------------------------------------------*/

#solution h2 {padding-left: 10px;}
#solution p.lead {margin-left: 10px;}

#solution #example {
width: 436px;
margin: 0 auto 20px;
padding-bottom: 25px;
background: url(/before/images/solution_section_btm.jpg) left bottom no-repeat;
}

#solution #example .section {
width: 216px;
float: left;
display: inline;
}

#solution #example #manager .btm,
#solution #example #admin .btm {
width: 216px;
height: 24px;
padding-bottom: 0;
margin-bottom: 0;
}

#solution #example #manager {background: url(/before/images/solution_section01_bg.jpg) left top repeat-y;}

#solution #example #manager h5 {
color: #2e46a7;
margin-top: 20px;
padding-left: 10px;
}

#solution #example .section h5.init {margin-top: 0 !important;}

#solution #example .section div.inr {
width: 181px;
padding: 5px 5px;
margin: 0 auto 5px;
border: 1px solid #e5e5e5;
background: #fff;
}

#solution .level_01,
#solution .level_02,
#solution .level_03 {
height: 13em;
background: none !important;
border: none !important;
}


#solution #example #manager p {
width: 170px;
margin-bottom: 0;
padding-left: 15px;
background: url(/before/images/solution_sectioin01_inrBullet.jpg) left 3px no-repeat;
}

#solution #example #manager a {
color: #102571;
text-decoration: none;
}

#solution #example #admin {background: url(/before/images/solution_section02_bg.jpg) left top repeat-y;}

#solution #example #admin h5 {
color: #ec7126;
margin-top: 20px;
padding-left: 10px;
}

#solution #example #admin p {
width: 170px;
margin-bottom: 0;
padding-left: 15px;
background: url(/before/images/solution_sectioin02_inrBullet.jpg) left 3px no-repeat;
}

#solution #example #admin a {
color: #9f420c;
text-decoration: none;
}

#solution #example #manager a:hover,
#solution #example #admin a:hover {
text-decoration: underline;
}

#solution dl {
width: 430px;
padding-left: 16px;
}

#solution dl span {
display: none;
}

#solution dt {
margin-bottom: 5px;
padding-left: 40px;
background: url(/before/images/solution_icon_problem.jpg) left top no-repeat;
}

#solution dd {
padding-left: 40px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
}

#answerTitle {
text-align: left;
margin: 30px 0 10px 20px;
padding-left: 10px;
font-size: 18px !important;
}

#answerTitle.manager {
border-left: solid 5px #2e46a7;
color: #2e46a7;
}

#answerTitle.admin {
border-left: solid 5px #ec7126;
color: #ec7126;
}

#answerText {
text-align: left;
margin-bottom: 10px;
padding: 10px 20px 10px;
}

#answerText * {
margin: 0;
padding: 0;
vertical-align: middle;
}

#answerText span {
display: none;
}

#answerText dt {
margin-bottom: 10px;
padding-left: 40px;
background: url(/before/images/solution_icon_problem.jpg) left top no-repeat;
}

#answerText dd {
margin-bottom: 10px;
padding-left: 40px;
background: url(/before/images/solution_icon_solution.jpg) left top no-repeat;
}

#closeBtn {
padding: 0 20px;
text-align: right;
}

#closeBtn input {
background: #333;
color: #fff;
padding: 2px 5px;
font-weight: bold;
border: none;
}


/*------------------------------------------------
option
------------------------------------------------*/
#optWrp h2 {
padding-left: 10px !important;
}

#optWrp #introWrp {text-align: center;}
#optWrp #intro {margin: 0 auto 20px; text-align: left}
#optWrp #intro .left {float: left;}

#optWrp #intro table {
border: none !important;
}

#optWrp #intro table * {
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

#optWrp #intro.amc table {width: 402px !important;}
#optWrp #intro.tpac table {width: 373px !important;}
#optWrp #intro.kakucho table {width: 402px !important;}
#optWrp #intro.namae table {width: 388px !important;}
#optWrp #intro.acf table {width: 369px !important;}
#optWrp #intro.signal table {width: 408px !important;}

#optBackBtn {
	padding: 20px 0 30px;
	text-align: center;
}

#optWrp .txt p {
margin: 0 10px 10px;
}

#optWrp .txt ul {
margin-bottom: 10px;
}

#optWrp ul {
margin-bottom: 30px;
margin-left: 30px;
}

#optWrp li {
list-style: disc;
margin-bottom: 5px;
}

#optWrp .phHolder {
margin-bottom: 20px;
}

#optWrp table {
width: 430px !important;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #ccc;
}

#optWrp table caption {
width: 430px;
margin: 0 auto 2px;
padding: 3px 10px;
text-align: left;
font-size: 1.2em;
font-weight: bold;
background: #588cc8;
color: #fff;
}

#optWrp td {
padding: 3px;
border: 1px solid #ccc;
vertical-align: top;
}

#optWrp td.title {
white-space: nowrap;
width: 100px;
padding-right: 15px;
font-weight: bold;
}

#optWrp table p {
margin-bottom: 5px;
}

#optWrp table p.right {
width: 220px;
float: right;
}

#optWrp table.namaegaki {
margin-bottom: 20px;
}

/*
namaegaki
*/
#nmProduct {
width: 450px;
margin: 0 auto;
}

#nmProduct .section {
float: left;
width: 150px;
}

#nmProduct .section p {
width: 130px;
margin: 0 auto 10px;
}

#nmProduct .section a {
display: block;
text-align: center;
}

#optWrp table.acf td.tb-title {
width: 100px !important;
}