@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Hiroyuki Katsuyama
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 930px;
	margin:auto;
	padding:0 5px;
	clear:both;
}

#contents #cLeft {
    float:left;
	width:720px;
	text-align:left;
	background:#eeeeee;
}

#contents #cLeft h2 {
    margin:0;
	padding:0;
	background:#333333;
}

#contents #cLeft h3 {
    margin:0;
	padding:0;
	background:#999999;
	color:#FFFFFF;
}

#contents #cLeft .h3Txt {
    margin:0;
	padding:10px;
	padding-left:20px;
	font-size:100%;
	font-weight:bold;
	background:#999999;
	color:#FFFFFF;
}

#h2Txt{
    font-size:16px !important;
	font-weight:normal;
	padding:10px !important;
	color:#FFFFFF;
	}

	
#contents .article {
    margin:20px;
	padding:20px;
	background:#ffffff;
	border:1px solid #DDDDDD;
	width:640px !important;
}

			


#contents .article p{
    padding-left:1em;
}

#contents .article .box01{
    margin-top:1em;
	margin-bottom:2em;
}

#contents .article .articleBox01 {
    margin:1em;
	background:#EEEEEE;
	padding:10px;
	width:600px;
}

.article h3 {
    background:#FFFFFF !important;
	margin-bottom:1em !important;
}

.article h4 {
    margin-bottom:1em;
}

.article h5{
    margin-bottom:1em;
	}

.article .h4Txt{
    background:#EEEEEE;
	padding:10px;
	margin:0 !important;
	font-weight:bold;
	font-size:100%;
	color:#FF6600;
	}
	

.articleBox01 h4{
	padding:10px;
	margin:0 !important;
	font-weight:bold;
	font-size:100%;
	color:#FF6600;
	}
	
#contents .article .articleBox02 {
    margin:1em;
	padding:10px;
	border:#cccccc 1px solid;
}

.articleBox02 h3{
	padding:10px;
	margin:0 !important;
	font-weight:bold;
	font-size:100%;
	color:#FF6600;
	}



.articleBox02 .block_test_q h4{
    background:#E5EDFF;
	padding:10px;
    margin-bottom:1em;
	font-size:100%;
	font-weight:normal;
	color:#333333 !important;
	}
	
#contents .article .articleBox03 {
    margin:1em;
	padding:10px;
	font-size:80%;
	border:#cccccc 1px solid;
}




.article dl{
	}
	
.article dl dt{
	color:#1540A0;
	font-weight:bold;
	padding-left:1em;
	}
	
.article dl dd{
	padding-left:2em;
	padding-bottom:1em;
	}	

	
.article ul{
	padding-left:1em;
	padding-bottom:1em;
	}
	
.ulBox{
	margin:1em;
	}

.ulBox li{
    background:#EEEEEE !important;
	padding:5px;
	margin-bottom:5px;
	}	


.article h3{
    padding-bottom:1em;
	}
	
.article #txtH3{
    background:#eeeeee !important;
	padding:10px;
    margin-bottom:1em;
	font-weight:bold;
	font-size:100%;
	padding:10px !important;
	color:#FF6600 !important;
	}

.article .txtH3{
    background:#eeeeee !important;
	padding:10px;
    margin-bottom:1em;
	font-weight:bold;
	font-size:100%;
	padding:10px !important;
	color:#FF6600 !important;
	}

	
	



.article .dlArrow01 dt {
    background:url("/img/icn_arrow01.gif") no-repeat left;
	padding-left:15px;
}

.article .dlArrow01 dd {
    padding-left:3em;
	padding-bottom:1em;
}



.dlTableW9 dt{
    float:left; 
    width:9em;

}

.dlTableW9 dd{
    margin-left:10em;
    padding-right:1em;
    padding-bottom:0.4em;
}

.dlTableW9 dd strong a{
    font-weight:bold;
	color:#CC0000 !important;
}


.article .tableB1{
margin:1em auto;
text-align:center;
border-collapse:collapse;
width:620px;
}
	
.article .tableB1 th{
border:1px #CCCCCC solid;
padding:8px;
background:#EEEEEE;
text-align:left;
font-weight:normal;
vertical-align:top;
}
	
.article .tableB1 td{
border:1px #CCCCCC solid;
padding:8px;
text-align:left;
line-height:1.5em;
}


.article .tableB1L1{
margin:2em auto 3em;
text-align:center;
border-collapse:collapse;
width:620px;
}
	
.article .tableB1L1 th{
border:1px #CCCCCC solid;
padding:8px;
background:#EEEEEE;
text-align:left;
font-weight:normal;
vertical-align:top;
}
	
.article .tableB1L1 td{
border:1px #CCCCCC solid;
padding:8px;
text-align:left;
line-height:1.5em;
}



.article .tableB1-small{
margin:1em auto;
text-align:center;
border-collapse:collapse;
}
	
.article .tableB1-small th{
border:1px #CCCCCC solid;
padding:8px;
background:#EEEEEE;
text-align:left;
font-weight:normal;
vertical-align:top;
}
	
.article .tableB1-small td{
border:1px #CCCCCC solid;
padding:8px;
text-align:left;
line-height:1.5em;
}

.article .tableB1L1{
margin:2em auto 3em;
text-align:center;
border-collapse:collapse;
width:620px;
}
	
.article .tableB2{
margin:1em auto;
text-align:center;
border-collapse:collapse;
width:400px;
}
	
.article .tableB2 th{
border:1px #CCCCCC solid;
padding:3px;
background:#EEEEEE;
text-align:left;
font-weight:normal;
vertical-align:top;
}
	
.article .tableB2 td{
border:1px #CCCCCC solid;
padding:3px;
text-align:left;
line-height:1.5em;
}
	
.article .tableB3{
margin:1em auto;
text-align:center;
border-collapse:collapse;
}
	
.article .tableB3 th{
border:1px #CCCCCC solid;
padding:3px;
background:#EEEEEE;
text-align:center;
font-weight:normal;
vertical-align:top;
}
	
.article .tableB3 td{
border:1px #CCCCCC solid;
padding:3px;
text-align:left;
line-height:1.5em;
}
	


.article ol{
    padding-top:0;
	padding-bottom:1em;
	padding-left:4em;
	padding-right:1em;
	}
	
.article ol li{
    list-style:decimal;
	}
	
	
.ul01 li{
    margin-left:1em;
	list-style:disc;
	}
	




#contents #cRight {
    float:right;
	width:200px;
}



#contents #cRight iframe {
    margin-bottom:30px;
}





#contents .pageTop {
	clear: both;
	text-align: right;
}


.attention{
    color:#CC0000;
	}
	
.attention_gray{
    font-size:90%;
	}


	
/*ご利用規約表示
-------------------------------------------------------*/
.kiyaku{
width:600px;
margin:1em 0;
text-align:left;
	}

.kiyaku dt{
margin-bottom:1em;
font-weight:bold;
}

#frame01{
width:620px;
height:150px;
overflow:auto;
border: 2px solid #cccccc; /* widthに加算される！ */
padding: 5px; /* widthに加算される！ */
margin: 30px 0px 30px; 
}

.kiyaku ul{
padding-left:2em;
}

.kiyaku ol{
padding-left:2wmpx;
}






/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


.floatLeft {
    float:left;
}


.floatRight {
    float:right;
}

.strong01{
    color:#ff6600;
	font-weight:bold;
	}
	
.strong02{
    color:#003399;
	font-weight:bold;
	}

.pL1{
    margin:1em 0;
	}

.bg01{
    background:#eeeeee;
	}
	
.font-small{
    font-size:80%;
	}	


/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#BBS
----------------------------------------------------*/
.pager {
	font-size:80%;
	text-align:right;
}

.bbsBox01{
    padding:10px;
	padding-bottom:1em;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:1em;
	width:600px;
	}
	
.bbsBoxTtl{
    background:#EEEEEE url(/img/bg_bbsTtl.gif) no-repeat left center;
	padding:5px;
	padding-left:25px;
	font-size:80%;
	width:600px;
	}
	
.bbsBox01 p{
    margin-top:1em;
	padding:0;
	}




/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 930px;
	padding: 5px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	float: left;
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	float: right;
}


/*----------------------------------------------------
	#QuestionListBox
----------------------------------------------------*/

#boxMyinfo {
    border:1px solid #BABA10;
	background:url(../img/bg_myinfo.gif) repeat-x;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	width:180px;
}

#boxMyinfo p {
    font-size:100%;
	padding:0;
	margin:0;
}

#boxMyinfo #logout {
    text-align:right;
	margin:3px;
	}
	
#boxMyinfo #point {
    text-align:right;
	margin:3px;
	}

#boxMyinfo dl {
    padding-top:1em;
	}

#boxMyinfo dl dt{
    float: left; 
    width:7em;
	font-size:100%;
}

#boxMyinfo dl dd{
	margin-left:7em;
	padding-right:1em;
	padding-bottom:0.4em;
	font-size:100%;
}



#boxMyinfo .ulArrow01 {
    padding:0 0 1em;
}

	
#boxMyinfo .ulArrow01 li {
    background:url("../img/icn_arrow01.gif") no-repeat left;
	padding-left:15px;
	font-size:100%;	
}

#boxMyinfo .ulArrow01 li a{
   color:#FFFFF;
}


/*----------------------------------------------------
	#LoginBox
----------------------------------------------------*/

#boxLogin {
    border:1px solid #BABA10;
	background:#999900 url(../img/bg_myinfo.gif) repeat-x;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
}

#boxLogin p {
    font-size:100%;
	padding:0;
	margin:0;
}

#boxLogin dl {
    padding-top:1em;
	}

#boxLogin dt{
	font-size:100%;
}

#boxLogin dl dd{
	margin:0;
	padding:0;
}

#boxLogin input{
    margin-bottom:0.5em;
}



#bboxLogin .ulArrow01 {
    padding:0;
	padding-bottom:20px;
}

	
#boxLogin .ulArrow01 li {
    background:url("../img/icn_arrow01.gif") no-repeat left;
	padding-left:15px;
	margin-top:5px;
	font-size:100%;
}

#boxLogin a{
	color:#333333;
}

#boxLogin a:hover{
    color:#FF6600;
	background:none;
}




/*----------------------------------------------------
	#QuestionListBox
----------------------------------------------------*/

.boxQlist {
    border:1px solid #060694;
	background:#F3F9FF;
	width:290px;
	padding:5px;
	margin:5px;
	float:left;
}

.boxQlist h4 {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.boxQlist h4 a{
    font-size:100%;
	font-weight:bold;
	color:#ff6600;
}

.boxQlist h4 a:hover{
    font-size:100%;
	font-weight:bold;
	background:#FF6600;
	color:#FFFFFF;
}

.boxQlist .floatLeft{
    width:10em;
	}

.boxQlist .floatLeft p {
    margin:0 !important;
	padding:0 !important;
	font-size:90%;
	}

.boxQlist .floatRight {
    width:150px;
	text-align:right;
}


.boxQlist .floatRight img {
    padding:0;
}










.center{
    text-align:center !important;
	margin:0;
	padding:0;
	}
	
.center2{
    text-align:center !important;
	padding-bottom:1em;
	}
	
.right{
    text-align:right !important;
	}
	
	

/*----------------------------------------------------
	#staffroom
----------------------------------------------------*/
#staffroom td p{
    padding:0 !important;
	margin:0;
	}





	
	
/*----------------------------------------------------
	#Test
----------------------------------------------------*/
#attentionBox{
    border:1px #cc0000 solid;
	background:#FBEDE4;
	color:#CC0000;
	padding:5px;
	width:500px;
	margin:20px auto !important;
	}
	
#attentionBox p{
    margin:0;
	padding:0;
	}
	
.attentionBox2{
    border:1px #CCCCCC solid;
	background:#E5EDFF;
	padding:5px;
	width:500px;
	margin:20px auto 30px;
	}
	
.attentionBox2 p{
    margin:0;
	padding:0;
	}


#testsampleL5{
    margin:auto;
	margin:1em auto 20px !important;
	text-align:center;
	width:500px;
    border-collapse:collapse;
	}
	
#testsampleL5 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:20%;
	}
	
#testsampleL5 td{
    border:1px #cccccc solid;
	padding:3px;
	line-height:1.5em;
	font-size:80%;
	width:20%;
	}
	
#testsampleL4{
    margin:auto;
	margin:1em auto 0;
	text-align:center;
    border-collapse:collapse;
	}
	
#testsampleL4 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:25%;
	}
	
#testsampleL4 td{
    border:1px #cccccc solid;
	padding:3px;
	line-height:1.5em;
	font-size:80%;
	width:25%;
	}
	
#testsampleL3{
    margin:auto;
	margin:1em auto 0;
	text-align:center;
    border-collapse:collapse;
	}
	
#testsampleL3 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:33%;
	}
	
	
#testsampleL3 td{
    border:1px #cccccc solid;
	padding:1px;
	line-height:1.5em;
	font-size:80%;
	width:33%;
	}
	
#testsampleL2{
    margin:auto;
	margin:1em auto 0;
	text-align:center;
    border-collapse:collapse;
	}
	
#testsampleL2 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:50%;
	}
	
#testsampleL2 td{
    border:1px #cccccc solid;
	padding:3px;
	line-height:1.5em;
	font-size:80%;
	width:50%;
	}

#error{
    border:1px #cc0000 solid;
	background:#FBEDE4;
	padding:3px;
	font-size:90%;
	width:500px;
	margin:0 auto;
	margin-bottom:20px;
	}
	
#error ul{
    padding-bottom:0;
    }	
	
#error li{
    text-align:left;
	color:#cc0000;
	padding-left:10px;
	padding-bottom:0;
	}
	
#error p{
    color:#cc0000;
	padding:0;
	margin:0;
	}
	
.form_error{
    color:#cc0000;
	}
	
	
.tableQuestion{
    margin:auto;
	margin:0 auto 30px;
	text-align:center;
    border-collapse:collapse;
	width:100%;
	}
	
.tableQuestion td{
    border:1px #cccccc solid;
	padding:5px;
	line-height:1.5em;
	text-align:left;
	}	
	
.tableQuestion th{
    border:1px #cccccc solid;
	padding:5px;
	background:#EEEEEE;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}
	
.tableWC{
    margin:auto;
	margin:0 auto 30px;
	text-align:center;
    border-collapse:collapse;
	width:100%;
	}
	
.tableWC td{
    border:1px #cccccc solid;
	padding:5px;
	line-height:1.5em;
	text-align:left;
	}	
	
.tableWC th{
    border:1px #cccccc solid;
	padding:5px;
	background:#EEEEEE;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}
	
.questionNumber{
    width:50px !important;
	white-space:nowrap !important;
	}
	
.questionTxt{
    width:600px !important;
	}		

#agreementBox{
    border:1px rgb(204,224,253) solid;
	background:rgb(239,247,254);
	padding:8px;
	width: 98%;
	margin:20px auto !important;
	}
	
#agreementBox .title{
    margin:5px 0 0 10px;
	padding:0;
        float: left;
	}
	

#agreementBox .notice{
    width: 85%;
    margin:0;
	padding:5px;
        float: right;
        background: #FFFFFF;
	}
	

/*360度汎用*/
	
.q360 {
	margin:1em;
	padding-bottom:1em;
	border-bottom:#cccccc dotted 1px;
	}
	
.q360 .q360Left {
    float:left;
	width:290px;
    font-size:90%;
	}
	
.q360 .q360Right {
    float:right;
	width:310px;
	}
	
.q360 .q360Right table {
	width:310px;
	}
	
	
.q360 .q360Right table th {
	border:1px #CCCCCC solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-weight:normal;
	vertical-align:top;
	width:20% ;
	font-size:80%;
	}	
	
.q360 .q360Right table td {
	border:1px #CCCCCC solid;
	padding:3px;
	text-align:center;
	line-height:1.5em;
	width:20% ;
	font-size:80%;
}
	
	
.tableQuestion2{
    margin:auto;
	margin:0 auto 30px;
	text-align:center;
    border-collapse:collapse;
	width:80%;
	}
	
.tableQuestion2 th{
    border:1px #cccccc solid;
	padding:5px;
	background:#EEEEEE;
	text-align:center !important;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}
	
.tableQuestion2 td{
    border:1px #cccccc solid;
	padding:5px;
	line-height:1.5em;
	text-align:center;
	}
	
.block_test_q{
    margin-bottom:1em;
	}
	
.block_test_q h3{
    background:#EEEEEE !important;
	padding:10px !important;
    margin-bottom:1em !important;
	width:620px !important;
	font-size:100% !important;
	font-weight:normal !important;
	color:#FF6600 !important;
	}
	
#testsampleL1{
    margin:auto;
	margin:1em auto 20px;
	text-align:center;
    border-collapse:collapse;
	}
	
#testsampleL1 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:20%;
	}
	
#testsampleL1 td{
    border:1px #cccccc solid;
	padding:3px;
	line-height:1.5em;
	font-size:80%;
	text-align:left;
	}	
	
.block_test_q #testsampleL5{
    margin:auto;
	margin:1em auto 1em;
	text-align:center;
    border-collapse:collapse;
	}
	
.block_test_q #testsampleL5 th{
    border:1px #cccccc solid;
	padding:3px;
	background:#EEEEEE;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	width:20%;
	}
	
.block_test_q #testsampleL5 td{
    border:1px #cccccc solid;
	padding:3px;
	line-height:1.5em;
	font-size:80%;
	width:20%;
	}
	    
#question_error{
	background:#FBEDE4 !important;
	}

.confirmButton{
    text-align:center !important;
}

.confirmButton input{
    margin:5px !important;
}

.confirmButton img{
    margin:5px !important;
}
    


/*--コミュニケーションインベントリ--*/

#cominvH3-a{
    background:#E5EDFF url(../img/bg_cominv-a.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}


#cominvH3-b{
    background:#E5EDFF url(../img/bg_cominv-b.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}


#cominvH3-c{
    background:#E5EDFF url(../img/bg_cominv-c.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}


#cominvH3-d{
    background:#E5EDFF url(../img/bg_cominv-d.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}


#cominvH3-e{
    background:#E5EDFF url(../img/bg_cominv-e.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}



#cominvH3-f{
    background:#E5EDFF url(../img/bg_cominv-f.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}



#cominvH3-g{
    background:#E5EDFF url(../img/bg_cominv-g.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}



#cominvH3-h{
    background:#E5EDFF url(../img/bg_cominv-h.gif) no-repeat left center !important;
	color:#333333 !important;
	padding:10px !important;
	padding-left:40px !important;
    margin-bottom:1em !important;
	font-size:100% !important;
	font-weight:normal !important;
	}


/*--結果表示--*/

#resultPoint{
    background:#ECF2FE;
	margin-bottom:2em;
	padding:1em;
	width:620px;
	}
	
#resultPoint strong{
    color:#ff6600;
	font-size:150%;
	margin:0 0.5em;
	}
	
#resultPoint .comment{
    font-size:80%;
	padding-left:3em;
	}
	
#resultPoint p{
    margin:0 !important;
	padding:0 !important;
	}
	
#resultPoint .tableL5{
margin:1em auto;
text-align:center;
border-collapse:collapse;
}
	
#resultPoint .tableL5 th{
border:1px #CCCCCC solid;
padding:3px;
background:#EEEEEE;
text-align:center;
font-weight:normal;
vertical-align:top;
}
	
#resultPoint .tableL5 td{
border:1px #CCCCCC solid;
padding:3px;
background:#ffffff;
text-align:center;
line-height:1.5em;
width:20%;
}

#resultPoint .tableL3{
margin:1em auto;
text-align:center;
border-collapse:collapse;
}
	
#resultPoint .tableL3 th{
border:1px #CCCCCC solid;
padding:3px;
background:#EEEEEE;
text-align:center;
font-weight:normal;
vertical-align:top;
}
	
#resultPoint .tableL3 td{
border:1px #CCCCCC solid;
padding:3px;
background:#ffffff;
text-align:center;
line-height:1.5em;
width:33%;
}

	
.graph{
    margin:auto;
    margin-bottom:2em;
	}
	
.graph .comment{
    font-size:80%;
	margin:0;
	padding:0;
	}
	
#resultPoint .graph{
    font-size:80%;
	padding-left:3em;
	}	
	
.resultDetail{
    margin-bottom:20px;
	width:640px;
	}
	
.resultDetail h3{
    background:#EEEEEE !important;
	color:#FF6600 !important;
	font-size:100% !important;
	padding:10px !important;
	margin-bottom:1em !important;
	}
	
.resultDetail h4{
	color:#FF6600;
	font-size:100%;
	font-weight:bold;
	padding:0em;
	padding-left:1em;
	background:none !important;
	}
	
.resultDetail h5{
	color:#333333 !important;
	padding-left:2em !important;
	padding-bottom:1em !important;
	}
	
.resultDetail dl{
	}
	
.resultDetail dl dt{
	color:#1540A0;
	padding-bottom:1em;
	font-weight:bold;
	}
	
.resultDetail dl dd{
	padding-left:3em;
	padding-bottom:1em !important;
	}				
	
.resultDetail p{
    padding-left:2em;
	padding-right:1em;
	padding-bottom:1em;
	}
	
.resultDetail ul{
    padding-top:0;
	padding-bottom:1em;
	padding-left:4em;
	padding-right:1em;
	}
	
.resultDetail ul li{
    list-style:disc;
	}
	
.resultDetail table td dl{
    padding-left:0em;
	}
	
.resultDetail table td dl dt{
	color:#1540A0;
	font-weight:bold;
	padding-left:0em;
	}
	
.resultDetail table td dl dd{
	padding-left:0em;
	padding-bottom:0em;
	}
	
.resultDetail table td dl dd p{
	padding:0em;
	margin:0;
	}	


.resultDetail blockquote{
    margin:1em;
	border:2px solid #EEEEEE;
	padding:1em;
	
	}
.resultDetail blockquote dl dt{
    color:#333333;
	font-weight:normal;
	padding:0;
	margin:0;
	}	
	

.resultDetail blockquote dl dd{
    padding-left:1em;
	margin-bottom:1em;
	}	
	
.resultDetail blockquote cite{
	text-align:right;
	font-size:90%;
	}
	
.resultDetail .resultAd{
    margin:1em;
	border:2px solid #EEEEEE;
	padding:1em;
}	

.resultDetail .resultAd .resultAdBox{
    margin:1em;
	width:500px;
	background:#EEEEEE;
	padding:1em;
}	
	
	
#thanks{
	background:#ffffff url(../img/bg_thanks.gif) no-repeat right !important;
	}
	
#thanks h3{
    font-weight:bold !important;
	color:#ff6600 !important;
	background:none !important;
	padding-bottom:1em !important;
	}
	
#thanks p{
    width:400px;
	}
	
	
.customQ dt{
    background:#eeeeee;
	padding:10px;
    margin-bottom:1em;
	font-weight:normal !important;
	font-size:100%;
	}	
	
.customQ dd{
    margin-bottom:2em;
	}
	
#customQuestion dl{
    margin:0;
	padding:0;
	}

#customQuestion dt{
    margin:0;
	padding:0;
	font-weight:normal !important;
	font-size:100%;
	color:#333333;
	}	
	
#customQuestion dd{
    margin:0em;
	padding:0;
	margin-left:2em !important;
	}
	
#customQuestion input{
    margin-right:1em;
	}

#googleAd{
    text-align:center;
	
    }


	
/*----------------------------------------------------
	#login
----------------------------------------------------*/

#login1 h3{
    background:#E5EDFF;
	color:#FF6600;
	font-size:100%;
	padding:10px;
	margin-bottom:20px;
	}

	
#login2 h3{
    background:#E5EDFF;
	color:#FF6600;
	font-size:100%;
	padding:10px;
	margin-bottom:20px;
	}
	
#login1 table{
	margin:1em auto;
	text-align:center;
	border-collapse:collapse;
}
	
#login1 table th{
	border:1px #CCCCCC solid;
	padding:8px;
	background:#EEEEEE;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
	
#login1 table td{
	border:1px #CCCCCC solid;
	padding:8px;
	text-align:left;
	line-height:1.5em;
}

#login2 a{
    color:#FFFFFF;
}

#login2 a:hover{
    color:#FF6600;
	background:none;
}

/*----------------------------------------------------
	popup
----------------------------------------------------*/
#popup{
    width:450px;
	padding:10px;
	margin:10px;
	border:1px solid #CCCCCC;
}
	
#popup h1{
    text-align:left;

}

#popup p{
    font-size:80%;
	}

#popup table{
    margin:1em auto;
	margin-bottom:2em;
    text-align:center;
    border-collapse:collapse;
	}
	
#popup table th{
    border:1px #CCCCCC solid;
    padding:3px;
    background:#EEEEEE;
    text-align:left;
    font-weight:normal;
    vertical-align:top;
	font-size:80%;
}
	
#popup table td{
    border:1px #CCCCCC solid;
    padding:3px;
    text-align:left;
    line-height:1.5em;
	font-size:80%;
}

#popup2{
    width:600px;
	padding:10px;
	margin:10px;
	border:1px solid #CCCCCC;
}
	
#popup2 h1{
    text-align:left;

}

#popup2 p{
	}

.flowDetail {
    width:560px;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	}
	
.flowDetail .flowDetailL{
    float:left;
	width:260px;
	padding-left:10px;
	text-align:left;


}
	
.flowDetail .flowDetailR{
    float:right;
    width:290px;
	text-align:left;
}

.flowDetail .flowDetailR h2{
    color:#FF6600;
}			

#popup2 table{
    margin:1em auto;
	margin-bottom:2em;
    text-align:center;
    border-collapse:collapse;
	}
	
#popup2 table th{
    border:1px #CCCCCC solid;
    padding:3px;
    background:#EEEEEE;
    text-align:left;
    font-weight:normal;
    vertical-align:top;
	font-size:80%;
}
	
#popup2 table td{
    border:1px #CCCCCC solid;
    padding:3px;
    text-align:left;
    line-height:1.5em;
	font-size:80%;
}



/*----------------------------------------------------
	#FAQ
----------------------------------------------------*/

.faqList{
	 background:#EEEEEE;
	 padding:5px;
	 }
	 
.faqList li {
     float:left;
	 margin:1em;
	 margin-bottom:0em;
	 margin-top:0;
	 }
	 
.faqList li a{
     width:13em;
	 display:block;
	 
	 }


/*----------------------------------------------------
	#会員情報登録
----------------------------------------------------*/


#agreement{
width:596px;
height:150px;
overflow:auto;
border: 2px solid #cccccc;
padding: 5px;
margin: 10px 0px 30px; 
}

#agreement div{
padding:10px;
text-align:left;
}

#agreement h3{
font-size:100%;
font-weight:normal;
margin-bottom:0;
}

#agreement ol li{
list-style:decimal;
margin-left:2em;
}

#agreement #contact dt{
padding-left:1em;
float:left;
width:12em;
}

#agreement #contact dd{
margin-left:12em;
padding-right:1em;
padding-bottom:0.2em;
}

#raterGreeting h3{
color:#FF6600 !important;
}



#agreementOpen {
	border:1px solid #CCC;
	padding:15px;
	font-size:90%;
	margin-bottom:15px;
}

#agreementOpen h4 {
	color:#555;
	font-weight:bold;
	font-size:110%;
}

#agreementOpen p {
	padding-left:0;
}

#agreementOpen h5 {
	color:#555;
	font-weight:bold;
	margin-bottom:0 !important;
	
}
	
#agreementOpen ol li{
list-style:decimal;
margin-left:2em;
}

#agreementOpen #contact dt{
padding-left:1em;
float:left;
width:12em;
color:#333 !important;
font-weight:normal !important;
}

#agreementOpen #contact dd{
margin-left:12em;
padding-right:1em;
padding-bottom:0.2em;
}










/*----------------------------------------------------
	#中竹テスト
----------------------------------------------------*/
#nakatakeTest .resultDetail div{
border:1px solid #CCCCCC;
padding:10px;
}



#nakatakeTest .resultDetail div iframe{
float:right;
margin-left:20px;
}

#nakatakeTest .resultDetail div h4{
color:#666666 !important;
background:none;
}

#nakatakeTest .resultDetail div dt{
margin-left:1em;
}

#nakatakeTest .resultDetail div dd{
padding-left:1em !important;
}


#nakatakeTest .resultDetail div dd p{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

#wcLink h4{
margin-left:1em;
}

#wcLink .btn {
	text-align: center;
	margin-bottom:2em;
}

#wcLink .articleBox {
    background:#ECF2FE;
	margin:auto 20px;
	width:560px;
	padding:20px;
	border:#CCCCCC 1px solid;
}

#wcLink .articleBox p{
    padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.serviceInfo{
    margin-left:20px;
	margin-bottom:20px;
}

.serviceInfo th{
border:1px #CCCCCC solid;
padding:8px;
background:#EEEEEE;
text-align:left;
font-weight:normal;
vertical-align:top;
width:100px;
}
	
.serviceInfo td{
border:1px #CCCCCC solid;
padding:8px;
text-align:left;
line-height:1.5em;
}

.twitter{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.twitter li{
margin-bottom:0 !important;
padding-bottom:0 !important;
}


.twitter li a{
background:url(/img/icn_twitter.gif) no-repeat left center;
padding-left:20px;
}

.twitter li a:hover{
color:#FF6600 !important;

}