/****************************************



タイトル：こころ相談ネット base css



****************************************/



h1,h2,h3,p,ul,ol {

	margin:0;

	padding:0;

	font-size:12px;

	font-weight:normal;

	font-style:normal;

	text-decoration:none;

	color: #444;

}

a:link { color: #333; text-decoration: none; }

a:visited { color: #333; text-decoration: none; }

a:hover { color: #333; text-decoration: underline; }



p { line-height: 160%; }

table,td { font-size: 12px; } 

img { border: 0; }

/* body ID

---------------------------------------------------------------------------- */

body{

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;

	color:#444;

	margin: 0;

	padding: 0;

}



*:first-child+html body {

		font-family: "メイリオ", Meiryo, san-serif;

	}

#bodybox-login {

	position: relative;

	text-align: center;

	background: url(../images/bg-base-login.jpg) repeat-x 0 0;

}

#bodybox {

	position: relative;

	text-align: center;

	background: url(../images/bg-base.jpg) repeat-x 0 0;

	background-color: #f4f0e7;

}

#bodybox-room {

	position: relative;

	text-align: center;

	background: url(../images/bg-base-room.jpg) repeat-x 0 0;

	background-color: #cfe9fc;

}











/*****************************************************

*   crearfix                                         *

*****************************************************/

.clearfix:after {

    content: "";

    display: block;

    clear: both;

}

.clearfix { display: inline-block; }



/* Hides from IE-mac */

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/*****************************************************

*    パンクズ                                        *

*****************************************************/

.btmbar {

	clear: both;

/*	position: relative; */

	width: 650px;

	height: 12px;

	font-size: 12px;

	margin: 0px 0 0px 28px;

	color: #402218;

	line-height: 100%;

}

.btmbar span { display: none; }

.btmbar h1 { display: inline; }

.btmbar li { display: inline; list-style: none; }

.btmbar a {

	color: #059e8e!important;

	text-decoration: none;

	padding: 0 0 0 6px;

}

.btmbar a:hover { text-decoration: underline; }

.btmbar#sec { margin: 12px 0 0 28px; }

.btmbar#room { width: 300px; margin: -30px 0 0 600px; text-align: right; }







/******************************************************

container

******************************************************/

#container {

	clear: both;

	position: relative;

	width: 920px;

	text-align: left;

	margin: 0 auto;

	padding: 0 0 0 0;

}

#container .contents {

	position: relative;

	width: 920px;

	margin: 0px 0 0 0;

}









/******************************************************

header

******************************************************/

/*** login **/

#container .contents .login-topcap {

	width: 728px;

	margin: 2px 0 0 96px;

}

#container .contents .login-box {

	width: 618px;

	height: 256px;

	margin: 0 0 0 150px;

	background: url(../images/bg-mdl-login.jpg) no-repeat 0 0;

}

#container .contents .topcap {

	width: 728px;

	margin: 2px 0 0 97px;

}

#container .contents .doc-box {

	position: relative;

	width: 620px;

	height: 432px;

	margin: 0 0 0 147px;

	background: url(../images/bg-mdl.jpg) no-repeat 0 0;

}

#container .contents .doc-box .title { position: absolute; top: -56px; left: 200px; }

#container .contents .doc-box .title#scd { left: 140px; }

#container .contents .doc-box .document1 { width: 560px; margin: 20px 0 0 34px; }

#container .contents .doc-box .list1 { width: 530px; margin: 20px 0 0 54px; }

#container .contents .doc-box .list1-1 { width: 500px; margin: 10px 0 10px 54px; }

#container .contents .doc-box .document2 { width: 280px; margin: 10px 0 0 320px; }

#container .contents .doc-box .document22 { width: 450px; margin: 10px 0 0 260px; }



#container .contents .doc-box-v {

	width: 618px;

	margin: 0 0 0 147px;

	padding-top: 40px;

	background: url(../images/bg-mdl-v.jpg) repeat-y 0 0;

}

#container .contents .doc-box-v#policy { position: relative; height: 900px; }

#container .contents .doc-box-v#policy2 { position: relative; }

#container .contents .doc-box-v#outline { position: relative; height: 700px; }

#container .contents .doc-box-v .document3 { width: 554px; margin: 0 0 0 34px; border-top: 1px solid #e0e0e0; padding: 20px 0 100px 0; }

#container .contents .doc-box-v .document3#no-line { border-top: none; }

#container .contents .doc-box-v .document3 .title3 { text-align: center; margin: 10px 0 0 0; font-size: 18px; font-weight: bold; color: #059e8e;  }

#container .contents .doc-box-v .document3 .list2-1 { width: 500px; margin: 10px 0 10px 44px; }

#container .contents .doc-box-v .document3 .list2-2 { width: 450px; margin: 10px 0 10px 24px; }

#container .contents .doc-box-v .document3 .list2 {

	width: 530px;

	list-style: none;

	margin: 20px 0 0 10px;

}

#container .contents .doc-box-v .document3 .list2 li {

	padding: 16px 0 0 40px;

	background: url(../images/icon-leaf.jpg) no-repeat 0 10px;

}

#container .contents .doc-box-v .document3 .list2 li .list3 { list-style: circle; margin: 10px 0 10px 16px; }

#container .contents .doc-box-v .document3 .list2 li .list3 li { padding: 0; background: none; }

#container .contents .doc-box-v .document3-policy {

	position: absolute;

	top: -200px;

	left: 40px;

	width: 540px;

	padding: 10px 0 0 0;

	border-top: 1px dotted #e0e0e0;

}

#container .contents .doc-box-v .document3-policy .list-policy { width: 530px; list-style: none; margin: 0 0 0 10px; }

#container .contents .doc-box-v .document3-policy .list-policy li {

	padding: 16px 0 0 60px;

	text-indent: -20px;

	background: url(../images/icon-leaf.jpg) no-repeat 0 10px;

}

#container .contents .doc-box-v .document3-outline {

	position: absolute;

	top: -180px;

	left: 40px;

	width: 540px;

	padding: 10px 0 0 0;

	border-top: 1px dotted #e0e0e0;

}

#container .contents .doc-box-v .document3-outline .list-outline { width: 530px; list-style: none; margin: 0 0 0 10px; }

#container .contents .doc-box-v .document3-outline .list-outline li {

	padding: 16px 0 0 40px;

	background: url(../images/icon-leaf.jpg) no-repeat 0 20px;

}

#container .contents .doc-box-v .document3-outline .list-outline li strong { font-size: 24px; color: #fa8a00; }



#container .contents .doc-box-v /*.document3-outline*/ .signature { text-align: right; margin-top: 30px; }



#container .contents .doc-box .sitemap-left {

	position: relative;

	float: left;

	width: 238px;

	margin: 10px 0 0 50px;

	background: url(../images/bg-mdl-sitemap.jpg) repeat-y 0 0;

}

#container .contents .doc-box .sitemap-left .list-leaf { width: 260px; margin: 20px 0 0 20px; padding-bottom: 10px;  }

#container .contents .doc-box .sitemap-left .list-leaf .lf { height: 36px; padding: 6px 0 0 24px; background: url(../images/icon-leaf.jpg) no-repeat 0 0; list-style: none; }

#container .contents .doc-box .sitemap-left .list-leaf .heart { height: 36px; padding: 6px 0 0 24px; font-weight:bold; background: url(../images/icon-heart.jpg) no-repeat 0 4px; list-style: none; }

#container .contents .doc-box .sitemap-left .list-leaf .heart a { color: #009fe9; }

#container .contents .doc-box .sitemap-left .list-leaf .blnk { padding: 6px 0 0 0px; margin-left: 30px; font-size: 11px; }

#container .contents .doc-box .sitemap-left .arrow-box { position: absolute; top: 236px; left: 128px; }

#container .contents .doc-box .sitemap-right {

	float: right;

	width: 238px;

	margin: 40px 40px 0 0;

}

#container .contents .doc-box .sitemap-right .inbox {

	width: 238px;

	margin-top: 6px;

	background: url(../images/bg-mdl-sitemap.jpg) repeat-y 0 0;

}

#container .contents .doc-box .sitemap-right .inbox .list-heart { width: 260px; margin: 20px 0 0 20px; padding-bottom: 10px; list-style: none; }

#container .contents .doc-box .sitemap-right .inbox .list-heart .heart2 { height: 36px; padding: 4px 0 0 24px; background: url(../images/icon-heart.jpg) no-repeat 0 4px; }

#container .contents .login-btmcap {

	width: 728px;

	margin: 0 0 0 97px;

}

#container .contents .btmcap {

	width: 728px;

	margin: 0 0 60px 98px;

}

#container .contents .title1 { position: absolute; top: 140px; left: 290px; }

#container .contents .title2 { position: absolute; top: 230px; left: 364px; }

#container .contents .formbox { position: absolute; top: 260px; left: 360px; }

#container .contents .formbox .in { margin-left: 40px; }

#container .contents .formbox .btn {

	width: 128px;

	height: 35px;

	margin: 20px 0 0 30px;

	background-color: #FF9;

}

#container .contents .formbox .btn span { display: none; }

#container .contents .formbox .btn a { display: block; height: 100%; background: url(../images/btn-login.jpg) no-repeat 0 0; }

#container .contents .formbox .btn a:hover { background: url(../images/btn-login.jpg) no-repeat 0 -35px; }

#container .contents .navi-unit {

	position: absolute;

	bottom: 206px;

	left: 290px;

	width: 360px;

	height: 36px;

	background: url(../images/bg-navi.jpg) no-repeat 0 0;

}

#container .contents .navi-unit .navi-box {

	width: 360px;

	margin: 10px 0 0 10px;

	list-style: none;

	color: #059e8e;

}

#container .contents .navi-unit .navi-box-sitemap {

	width: 360px;

	margin: 10px 0 0 10px;

}

#container .contents .navi-unit#policy {

	bottom: 20px;

	left: 140px;

}

#container .contents .navi-unit#sitemap {

	width: 394px;

	height: 49px;

	left: 270px;

	padding: 4px 0 0 30px;

	background: url(../images/bg-sitemap-fnavi.jpg) no-repeat 0 0;

}

#container .contents .navi-unit#use { bottom: 160px; }

#container .contents .navi-unit .navi-box li { float: left; padding-left: 16px; padding-right: 14px; background: url(../images/icon-navi-login.jpg) no-repeat 0 0; }

#container .contents .navi-unit .navi-box-sitemap li { float: left; padding-left: 14px; padding-right: 24px; list-style: none; background: url(../images/icon-navi-login.jpg) no-repeat 0 0; }

#container .contents .navi-unit .navi-box li a { color: #059e8e; }

#container .contents .attention {

	position: absolute;

	top: 410px;

	left: 330px;

	padding: 8px 18px 6px 18px;

	background-color: #f4f0e8;

}

#container .contents .attention a { color: #059e8e; }

#container .contents .logo { position: absolute; bottom: 100px; right: 200px; }

#container .contents .geotrust { position: absolute; bottom: 0px; left: 400px; }

/** /login **/





/** user login **/

#container .contents .headbox {

	position: relative;

	width: 920px;

	height: 113px;

	background: url(../images/bg-hirobatop-login.jpg) no-repeat 0 0;

}

#container .contents .headbox h1 { position: absolute; top: 56px; left: 54px; }





#container .contents .userbox {

	position: relative;

	width: 912px;

	margin: 0px 0 0 4px;

	padding-bottom: 60px;

	border-top: 1px solid #dad8d6;

	background-color: #fff;

}

#container .contents .userbox .title4 { position: absolute; top: 34px; left: 120px; }

#container .contents .userbox .title5 { position: absolute; top: 74px; left: 120px; }



#container .contents .userbox .shadow-left { position: absolute; top: 0; left: -4px; }

#container .contents .userbox .shadow-right { position: absolute; top: 0; right: -4px; }

#container .contents .userbox .toppage { position: absolute; bottom: 40px; right: -27px; }

#container .contents .userbox .toppage2 { margin: 20px 26px 0 0; text-align: right; }



#container .contents .userbox .login-box2 {

	width: 912px;

}

#container .contents .userbox .login-box2 .login-atten {

	float: left;

	position: relative;

	width: 543px;

	margin: 50px 0 0 50px;

}

#container .contents .userbox .login-box2 .login-atten .btn-atten { position: absolute; top: 194px; left: 106px; }

#container .contents .userbox .login-box2 .login-atten .doc-atten { position: absolute; top: 214px; left: 103px; }





#container .contents .userbox .login-box2 .login {

	float: right;

	width: 261px;

	height: 268px;

	margin: 50px 40px 0 0;

	background: url(../images/bg-user-login.jpg) no-repeat 0 0;

}

#container .contents .userbox .login-box2 .login .user-id { margin: 80px 0 0 30px; color: #fff; font-weight: bold; }

#container .contents .userbox .login-box2 .login .passwd { margin: 10px 0 0 30px; color: #fff; font-weight: bold; }

#container .contents .userbox .login-box2 .login .login-btn { margin: 18px 0 0 30px; width: 203px; height: 33px; }

#container .contents .userbox .login-box2 .login .login-btn span { display: none; }

#container .contents .userbox .login-box2 .login .login-btn a { display: block; height: 100%; background: url(../images/btn-roomin.jpg) no-repeat 0 0; }

#container .contents .userbox .login-box2 .login .login-btn a:hover { background: url(../images/btn-roomin.jpg) no-repeat 0 -33px; }

#container .contents .userbox .login-box2 .login .login-forget { margin: 36px 0 0 20px; width: 220px; }

#container .contents .userbox .login-box2 .login .login-forget .left-btn { float: left; width: 112px; }

#container .contents .userbox .login-box2 .login .login-forget .right-atten { float: right; width: 100px; font-size: 9px; line-height: 100%; }



#container .contents .userbox .counseling {

	width: 912px;

}

#container .contents .userbox .counseling .counseling-unit { float: left; width:523px; margin: 30px 0 0 30px; padding-bottom: 30px; }

#container .contents .userbox .counseling .counseling-btn { float: right; width:261px; margin: 30px 40px 0 0; }

#container .contents .userbox .counseling .counseling-btn .second { margin: 20px 0 0 0; }



/** user room **/

#container .contents .headbox#room { background: url(../images/bg-hirobatop-room.jpg) no-repeat 0 0; }

#container .contents .userbox .invitation {

	margin: 20px 0 0 30px;

	padding: 0 0 0 10px;

	width: 260px;

	height: 26px;

	color: #009fe9;

	border-bottom: 1px solid #009fe9;

}

#container .contents .userbox .consult {

	position: relative;

	width: 532px;

	margin: 20px 0 0 190px;

}

#container .contents .userbox .consult .graph { float: left; width: 124px; }

#container .contents .userbox .consult .list { float: right; width: 408px; list-style: none; border-top: 1px dotted #8f8f8f; }

#container .contents .userbox .consult .list li { padding: 5px 0 4px 0; border-bottom: 1px dotted #8f8f8f; }

#container .contents .userbox .consult .list li span { color: #fa8a00; }



#container .contents .userbox .consult .sub-title { position: absolute; top: 50px; left: 0; width: 532px; text-align: center; color: #009fe9; }

#container .contents .userbox .consult .doc-box-room { width: 440px; margin: 10px 0 0 68px; }





/*step*/

#container .contents .userbox .con-ttl { margin: 60px 0 0 120px; }

#container .contents .userbox .con-ttl2 { margin: 60px 0 0 200px; }

#container .contents .userbox .con-ttl3 { margin: 30px 0 0 380px; }

#container .contents .userbox .consult .graph2 { float: left; width: 148px; }

#container .contents .userbox .consult .list2 { float: right; width: 350px; list-style: none; border-top: 1px dotted #8f8f8f; }

#container .contents .userbox .consult .list2 li { padding: 6px 0 5px 0; border-bottom: 1px dotted #8f8f8f; font-size: 14px; font-weight: bold; color: #513f1b; }

#container .contents .userbox .consult .list2 li span { color: #fa8a00; }

#container .contents .userbox .consult2 {

	position: relative;

	width: 686px;

	margin: 20px 0 0 113px;

	background: url(../images/bg-step1-ckb.jpg) no-repeat 0 0;

}

#container .contents .userbox .consult2 .step1-list-l { float: left; width: 205px; margin: 30px 0 0 110px; }

#container .contents .userbox .consult2 .step1-list-r { float: right; width: 205px; margin: 30px 110px 0 0; }

#container .contents .userbox .consult2 .step1-list-l .cklist-l { margin: 20px 0 0 0; width: 205px; list-style: none; }

#container .contents .userbox .consult2 .step1-list-l .cklist-l .orange { padding: 6px 0 5px 3em; background-color: #fff1dc; text-indent: -2em; }

#container .contents .userbox .consult2 .step1-list-l .cklist-l .noncolor { padding: 6px 0 5px 3em; text-indent: -2em; }

#container .contents .userbox .consult2 .step1-list-r .cklist-r { margin: 20px 0 0 0; width: 205px; list-style: none; }

#container .contents .userbox .consult2 .step1-list-r .cklist-r .green { padding: 6px 0 5px 3em; background-color: #ddfce4; text-indent: -2em; }

#container .contents .userbox .consult2 .step1-list-r .cklist-r .noncolor { padding: 6px 0 5px 3em; text-indent: -2em; }

#container .contents .userbox .btn-box { width: 466px; margin: 30px 0 0px 222px; text-align: center; background-color: #f6f2eb; padding: 8px 0 0px 0; }



#container .contents .userbox .consult3 {

	position: relative;

	width: 580px;

	margin: 60px 0 0 120px;

	padding: 0 0 10px 100px;

	border-bottom: 1px dotted #999;

}

#container .contents .userbox .consult3 .graph3 { position: absolute; top: -6px; left: 6px; }

#container .contents .userbox .aka { font-weight: bold; color: #ff0101; }

#container .contents .userbox .green2 { font-weight: bold; color: #6cb700; }

#container .contents .userbox .tab-inf {

	width: 650px;

	margin: 50px 0 0 120px;

	border-collapse: collapse;

}

#container .contents .userbox .tab-inf .itm01 { width: 150px; padding: 20px 0 10px 2em; text-indent: -1em; border-bottom: 1px dotted #999; vertical-align: top; }	

#container .contents .userbox .tab-inf .itm02 { padding: 20px 0 10px 8px; border-bottom: 1px dotted #999; }	

#container .contents .userbox .attent { width: 650px; margin: 10px 0 0 120px; }	

#container .contents .userbox .orange { font-weight: bold; color: #fa8a00; }

#container .contents .userbox .green { color: #059e8e; }

#container .contents .userbox .attent2 { width: 650px; margin: 30px 0 0 120px; padding: 14px 0 12px 0; text-align: center; border: 3px solid #cfcfcf; }	
#container .contents .userbox .attent22 { width: 650px; margin: 30px 0 0 120px; padding: 14px 0 12px 0; text-align: center;  }	

#container .contents .userbox .btn-box2 { width: 466px; margin: 30px 0 60px 222px; text-align: center; padding: 8px 0 6px 0; }

#container .contents .userbox .tab-inf2 {

	width: 790px;

	margin: 0px 0 60px 80px;

	border-collapse: collapse;

	border-bottom: 1px solid #c7c7c7;

}

#container .contents .userbox .attent3 { margin: 50px 0 0 80px; font-weight: bold; }

#container .contents .userbox .attent3 .green { color: #059e8e; }

#container .contents .userbox .tab-inf2 .itm-h1 { padding: 14px 0 12px 0; background-color: #f6f2eb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf2 .itm-h2 { width: 200px; padding: 14px 0 12px 0; background-color: #f6f2eb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf2 .itm-h3 { width: 60px; padding: 14px 0 12px 0; background-color: #f6f2eb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf2 .itm-detail { padding: 14px 0px 12px 0px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf2 td { padding: 14px 10px 12px 20px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;  }

#container .contents .userbox .tab-inf2 .backcl { background-color: #edf7fe; }



#container .contents .userbox .tab-inf3 {

	width: 530px;

	margin: 30px 0 60px 200px;

	border-collapse: collapse;

	border-bottom: 1px solid #c7c7c7;

}

#container .contents .userbox .tab-inf3 .itm-h1 { padding: 14px 0 12px 0; background-color: #f6f2eb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf3 .itm-h2 { width: 200px; padding: 14px 0 12px 0; background-color: #f6f2eb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center; }

#container .contents .userbox .tab-inf3 td { padding: 14px 10px 12px 20px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;  }



#container .contents .userbox .tab-inf4 {

	width: 655px;

	margin: 30px 0 60px 140px;

	border-collapse: collapse;

	border: 3px solid #c7c7c7;

}

#container .contents .userbox .tab-inf4 .itm-left1 { width: 120px; background-color: #f6f2eb; border: 1px solid #c7c7c7; padding: 20px 10px 10px 20px; vertical-align: top; }

#container .contents .userbox .tab-inf4 .itm-left2 { width: 120px; background-color: #d7ffbc; border: 1px solid #c7c7c7; padding: 20px 10px 10px 20px; vertical-align: top; }

#container .contents .userbox .tab-inf4 .itm-right { border: 1px solid #c7c7c7; padding: 10px; vertical-align: top; }

#container .contents .userbox .btn-rettop2 { margin: 20px 0 60px 310px; }









#container .contents .userbox .action {

	width: 640px;

	margin: 30px 0 0 140px;

	padding-bottom: 60px;

}

#container .contents .userbox .action span { display: none; }

#container .contents .userbox .action .left-btn { float: left; width: 302px; height: 92px; }

#container .contents .userbox .action .left-btn a { display: block; height: 100%; background: url(../../user/images/btn-applic.jpg) no-repeat 0 0; }

#container .contents .userbox .action .left-btn a:hover { background: url(../../user/images/btn-applic.jpg) no-repeat 0 -92px; }

#container .contents .userbox .action .right-btn { float: right; width: 302px; height: 92px; }

#container .contents .userbox .action .right-btn a { display: block; height: 100%; background: url(../../user/images/btn-reffar.jpg) no-repeat 0 0; }

#container .contents .userbox .action .right-btn a:hover { background: url(../../user/images/btn-reffar.jpg) no-repeat 0 -92px; }











/** knowkedge **/

#container .contents .userbox .catch1 { width: 500px; margin: 0px 0 0 200px; padding-top: 80px; }

#container .contents .userbox .catch1 .left-img { float: left; }

#container .contents .userbox .catch1 .right-doc { float: right; width: 300px; color: #059e8e; font-size: 14px; }

#container .contents .userbox .index {

	width: 672px;

	margin: 30px 0 0 116px;

	padding-bottom: 60px;

	background: url(../../user/images/bg-knowledge-index.jpg) no-repeat 0 0;

}

#container .contents .userbox .index .list10 {

	width: 520px;

	margin: 0 0 0 80px;

	padding-top: 80px;

	list-style: none;

}

#container .contents .userbox .index .list10 li {

	padding: 10px 0 8px 60px;

	border-bottom: 1px dotted #e0e0e0;

	background: url(../../user/images/icon-arrow-index.jpg) no-repeat 40px 12px;

}



/** guid **/

#container .contents .userbox .kokuban {

	position: relative;

	width: 663px;

	margin: 0px 0 0 120px;

	background: url(../../user/images/bg-kokuban-mdl.jpg) repeat-y 0 0;

}

#container .contents .userbox .kokuban .list-kokuban {

	margin: 20px 0 10px 20px;

	width: 640px;

	list-style: none;

}

#container .contents .userbox .kokuban#faq { margin: 30px 0 0 120px; }

#container .contents .userbox .kokuban .list-kokuban td {

	background:  url(../../user/images/arrow-og.jpg) no-repeat 0 3px;

	padding: 0 0px 10px 16px;

}

#container .contents .userbox .kokuban .list-kokuban td a { color: #fff; letter-spacing: -1px; }

#container .contents .userbox .kokuban .list-kokuban2 {

	margin: 20px 0 10px 90px;

	width: 550px;

	list-style: none;

}

#container .contents .userbox .kokuban .list-kokuban2 li { padding: 4px 0 16px 30px; background: url(../../user/images/icon-faq.jpg) no-repeat 0 0; }

#container .contents .userbox .kokuban .list-kokuban2 li a { color: #fff; font-size: 11px; letter-spacing: -1px; }

#container .contents .userbox .kokuban .list-kokuban3 { margin: 20px 0 10px 20px; width: 640px; list-style: none; }

#container .contents .userbox .kokuban .list-kokuban3 td {

	background: url(../../user/room/images/bg-orange-crcl.jpg) no-repeat 0 3px;

	padding: 2px 0px 10px 4px;

}

#container .contents .userbox .kokuban .list-kokuban3 .lft2 {

	background: url(../../user/room/images/bg-orange-crcl.jpg) no-repeat 0 3px;

	padding: 2px 0px 10px 1px;

}

#container .contents .userbox .kokuban .list-kokuban3 td span { padding-right: 10px; }

#container .contents .userbox .kokuban .list-kokuban3 td .t2 { padding-right: 8px; }

#container .contents .userbox .kokuban .list-kokuban3 td a { color: #fff; letter-spacing: -1px; }

#container .contents .userbox .kokuban .choke { position: absolute; top: 80px; left: 6px; }



#container .contents .userbox .subttl { position: relative; margin: 0px 0 0 26px; padding-top: 30px; height: 60px; }

#container .contents .userbox .subttl#top { margin: 0px 0 0 26px; padding-top: 90px; }

#container .contents .userbox .subttl#faq { margin: 0px 0 0 26px; padding-top: 80px; }

#container .contents .userbox .subttl .name { position: absolute; top: 40px; left: 60px; font-size: 20px; font-weight: bold; }

#container .contents .userbox .subttl .name3 { position: absolute; top: 98px; left: 60px; font-size: 20px; font-weight: bold; }

#container .contents .userbox .reed { position: relative; margin: 30px 0 0 26px; height: 30px; }

#container .contents .userbox .reed .name2 { position: absolute; top: 10px; left: 60px; font-size: 16px; font-weight: bold; color: #fff; }



#container .contents .userbox .unit1 { width: 860px; margin: 20px 0 0 26px; }

#container .contents .userbox .unit1 .left-box1 { float: left; width: 640px; }

#container .contents .userbox .unit1 .left-box2 { position: relative; float: left; width: 369px; margin: 10px 0 0 40px; }

#container .contents .userbox .unit1 .right-box1 { float: right; width: 180px; }

#container .contents .userbox .unit1 .right-box2 { float: right; width: 380px; margin: 56px 40px 0 0; }

#container .contents .userbox .unit1 .graph-box { position: relative; margin: 30px 0 0 110px; }

#container .contents .userbox .unit1 .graph-box .hukidashi1 { position: absolute; top: 26px; left: 348px; font-weight: bold; line-height: 120%; }

#container .contents .userbox .unit1 .graph-box .hukidashi2 { position: absolute; top: 126px; left: 420px; font-weight: bold; line-height: 120%; }

#container .contents .userbox .unit1 .graph-box .hukidashi3 { position: absolute; top: 236px; left: 450px; font-weight: bold; line-height: 120%; }

#container .contents .userbox .unit1 .left-box2 .btn1 { position: absolute; top: 46px; left: 220px; }

#container .contents .userbox .unit1 .left-box2 .btn2 { position: absolute; top: 96px; left: 220px; }

#container .contents .userbox .unit1 .left-box2 .head-document { position: absolute; width: 920px; top: -20px; left: -40px; }



#container .contents .userbox .unit1 .left-box3 { float: left; margin: 20px 0 0 100px; }

#container .contents .userbox .unit1 .right-box3 { float: right; width: 380px; margin: 70px 30px 0 0; }



#container .contents .userbox .unit1 .left-box4 { float: left; margin: 20px 0 0 10px; width: 524px; }

#container .contents .userbox .unit1 .right-box4 { float: right; width: 280px; margin: 70px 30px 0 0; }



#container .contents .userbox .unit1 .left-box5 { float: left; margin: 20px 0 0 10px; width: 484px; }

#container .contents .userbox .unit1 .right-box5 { float: right; width: 358px; margin: 70px 0 0 0; }



#container .contents .userbox .unit1 .left-box6 { float: left; margin: 20px 0 0 10px; width: 160px; }

#container .contents .userbox .unit1 .right-box6 { float: right; width: 680px; margin: 20px 0 0 0; }



#container .contents .userbox .unit1 .box6 { margin: 30px 0 0 100px; }



#container .contents .userbox .unit1 .left-box7 { position: relative; float: left; margin: 120px 0 0 10px; width: 300px; }

#container .contents .userbox .unit1 .right-box7 { float: right; width: 520px; margin: 140px 10px 0 0; list-style: none; }

#container .contents .userbox .unit1 .left-box7 .head-document7 { position: absolute; width: 920px; top: -120px; left: 0; }

#container .contents .userbox .unit1 .left-box7 .graph-box2 { margin: 20px 0 30px 0; }

#container .contents .userbox .unit1 .right-box7 li { padding: 8px 0 30px 30px; background: url(../images/icon-leaf.jpg) no-repeat 0 0; }



#container .contents .userbox .unit1 .left-box8 { float: left; margin: 20px 0 0 10px; width: 300px; }

#container .contents .userbox .unit1 .right-box8 { float: right; width: 520px; margin: 10px 10px 0 0; list-style: none; }

#container .contents .userbox .unit1 .right-box8 li { padding: 8px 0 10px 30px; background: url(../images/icon-leaf.jpg) no-repeat 0 0; }



#container .contents .userbox .unit1 .box8 { margin: 30px 0 0 160px; }



#container .contents .userbox .unit1 .left-box9 { float: left; width: 584px; margin: 10px 0 0 0; background: url(../../user/images/img-mid-utu.jpg) repeat-y 0 0; }

#container .contents .userbox .unit1 .right-box9 { float: right; width: 155px; margin: 30px 60px 0 0; }

#container .contents .userbox .unit1 .left-box9 .doc { margin: 6px 30px 0 30px; }

#container .contents .userbox .unit1 .left-box10 { float: left; width: 474px; margin: 0 0 0 10px; }

#container .contents .userbox .unit1 .right-box10 { float: right; width: 360px; margin: 0px 0px 0 0; }

#container .contents .userbox .unit1 .left-box11 { float: left; width: 112px; margin: 10px 0 0 10px; }

#container .contents .userbox .unit1 .right-box11 { float: right; width: 145px; margin: 140px 0px 0 0; }

#container .contents .userbox .unit1 .mid-box11 { float: left; width: 550px; margin: 10px 0 0 20px; }

#container .contents .userbox .unit1 .left-box12 { float: left; width: 400px; margin: 10px 0 0px 0px; }

#container .contents .userbox .unit1 .right-box12 { float: right; width: 443px; margin: 10px 0 0 0; }

#container .contents .userbox .unit1 .left-box12 .graph12 { margin: 0px 0 0 230px; }

#container .contents .userbox .unit1 .doc12 { text-align: center; }





/*** faq ***/

#container .contents .userbox .unit1 .quest-box {

	width: 724px;

	margin: 40px 0 0 60px;

	padding: 30px 0 0 20px;

	background: url(../../user/images/bg-quest.jpg) no-repeat 0 0;

}

#container .contents .userbox .unit1 .quest-box .quest-doc {

	width: 600px;

	padding: 0 0 20px 90px;

	font-size: 16px;

	font-weight: bold;

}

#container .contents .userbox .unit1 .quest-box .answer {

	width: 700px;

	margin: 16px 0 0 0px;

}

#container .contents .userbox .unit1 .quest-box .answer .left-img { float: left; width: 90px; }

#container .contents .userbox .unit1 .quest-box .answer .right-doc { float: left; width:580px; margin: 20px 0 0 10px; }

#container .contents .userbox .unit1 .quest-box .answer .right-doc .list-unit { width: 570px; padding: 20px 0 0 14px; }

#container .contents .userbox .unit1 .quest-box .answer .right-doc .list-unit li { padding: 0 0 10px 0; }





#container .contents .userbox .unit2 {

	width: 680px;

	margin: 30px 0 0 120px;

}

#container .contents .userbox .unit2 .unit-left2 { float: left; }

#container .contents .userbox .unit2 .unit-right2 { float: right; }

#container .contents .userbox .unit2 .unit-left3 { float: left; width: 500px; }

#container .contents .userbox .unit2 .unit-right3 { float: right; width: 162px; }

#container .contents .userbox .unit2 .unit-center { text-align: center; }

#container .contents .userbox .unit-tabinf {

	width: 600px;

	margin: 20px 0 0 150px;

	border-collapse: collapse;

	border-left: 1px solid #c4c4c4;

	border-right: 1px solid #c4c4c4;

	border-bottom: 1px solid #c4c4c4;

}

#container .contents .userbox .unit-tabinf .itm-h1 { width: 33%; height: 23px; background: url(../../user/images/bg-tabl.jpg) repeat-x 0 0; padding-top: 12px; text-align: center; vertical-align: top; }

#container .contents .userbox .unit-tabinf .itm-h2 { width: 34%; height: 23px; background: url(../../user/images/bg-tabm.jpg) repeat-x 0 0; padding-top: 12px; text-align: center; vertical-align: top; }

#container .contents .userbox .unit-tabinf .itm-h3 { width: 33%; height: 23px; background: url(../../user/images/bg-tabr.jpg) repeat-x 0 0; padding-top: 12px; text-align: center; vertical-align: top; }

#container .contents .userbox .unit-tabinf .itm-1 { width: 33%;　border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; padding: 10px;  }

#container .contents .userbox .unit-tabinf .itm-2 { width: 33%;　border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; padding: 10px;  }

#container .contents .userbox .unit-tabinf .itm-3 { width: 33%;　border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; padding: 10px;  }



#container .contents .userbox .unit3 {

	width: 650px;

	margin: 30px 0 0 30px;

}

#container .contents .userbox .unit4 {

	width: 589px;

	margin: 30px 0 0 158px;

}

#container .contents .userbox .unit-tabinf2 {

	width: 586px;

	margin: 0 0 0 158px;

	border-collapse: collapse;

}

#container .contents .userbox .unit-tabinf2 .itm-4 {

	border-left: 1px solid #c4c4c4;

	border-right: 1px solid #c4c4c4;

	border-bottom: 1px solid #c4c4c4;

	padding: 10px;

}

#container .contents .userbox .unit-tabinf2 .itm-4 span { color: #059e8e; font-size: 14px; font-weight: bold; }



#container .contents .userbox .unit5 {

	width: 760px;

	margin: 30px 0 0 80px;

	padding: 10px 0 20px 0;

	background-color: #f4f0e7;

}

#container .contents .userbox .unit5 .in-box {

	width: 570px;

	margin: 0 0 0 100px;

	background-color: #f4f0e7;

}

#container .contents .userbox .unit5 .in-box .bord-left { float: left; width: 235px; height: 165px; padding: 60px 10px 20px 20px; 

background: url(../../user/images/bg-depression-left.jpg) no-repeat 0 0; }

#container .contents .userbox .unit5 .in-box .bord-right { float: right; width: 235px; height: 165px; padding: 60px 10px 20px 20px;  

background: url(../../user/images/bg-depression-right.jpg) no-repeat 0 0; }

#container .contents .userbox .unit5 .in-box2 { width: 705px; margin: 10px 0 0px 22px; padding: 10px 0 10px 10px; background-color: #fff; }	

#container .contents .userbox .unit5 .in-box2 .in-box2-left { float: left; width: 380px; padding: 10px 0 0 0; }

#container .contents .userbox .unit5 .in-box2 .in-box2-right { float: right; width: 320px; }



/* kokorosoudan inquiry */ 

#container .contents .userbox .unit10 { margin: 120px 0 0 340px; }

#container .contents .userbox .unit11 { margin: 40px 0 0 240px; }

#container .contents .userbox .unit12 {

	width: 450px;

	height: 113px;

	margin: 20px 0 0 240px;

	list-style: none;

}

#container .contents .userbox .unit12 .btn { float: left; }

#container .contents .userbox .unit12 .btn2 { float: right; }

#container .contents .userbox .unit13 { margin: 40px 0 0 280px; }

#container .contents .userbox .unit14 { margin: 100px 0 0 120px; }

#container .contents .userbox .unit15 {

	position: relative;

	width: 540px;

	margin: 80px 0 0 120px;

	padding: 10px 0 28px 120px;

	border-bottom: 1px dotted #999;

}

#container .contents .userbox .unit15 .graph { position: absolute; top: 10px; left: 60px; }

#container .contents .userbox .unit16 { margin: 40px 0 0 120px; }

#container .contents .userbox .unit16 span { color: #ff0101; font-weight: bold; }

#container .contents .userbox .unit16 .tabinf1 {

	width: 660px;

	border: 1px solid #bdbdbd;

	border-collapse: collapse;

}

#container .contents .userbox .unit16 .tabinf1 .itm01 {

	width: 150px;

	padding: 8px 0 8px 40px;

	background-color: #f7f7f7;

	border-bottom: 1px dotted #bdbdbd;

}

#container .contents .userbox .unit16 .tabinf1 .itm01a {

	width: 170px;

	padding: 8px 0 8px 20px;

	background-color: #f7f7f7;

	border-bottom: 1px dotted #bdbdbd;

}

#container .contents .userbox .unit16 .tabinf1 .itm01a span { color: #ff0101; margin-right: 8px; }

#container .contents .userbox .unit16 .tabinf1 .itm02 {

	padding: 8px 0 8px 20px;

	border-bottom: 1px dotted #bdbdbd;

    border-left: 1px solid #bdbdbd;

}

#container .contents .userbox .unit16 .tabinf1 .itm02 span { color: #059e8e; font-weight: 100; }

#container .contents .userbox .unit16 .tabinf1 .itm02 .kiyaku { font-size: 12px; }

#container .contents .userbox .unit16 .btn-unit { width: 660px; padding: 12px 0 12px 0; background-color: #ffefdc; text-align: center; }

  

#container .contents .userbox .subttl2 {

	position: relative;

	width: 860px;

	height: 58px;

	margin: 30px 0 0 28px;

	background: url(../../user/room/images/bg-subttl.jpg) no-repeat 0 0;

}

#container .contents .userbox .subttl2 .num { position: absolute; top: 0px; left: 16px; font-size: 40px; font-weight: bold; color: #fff; }

#container .contents .userbox .subttl2 .num2 { position: absolute; top: 0px; left: 4px; font-size: 38px; font-weight: bold; color: #fff; }

#container .contents .userbox .subttl2 .doc { margin: 0px 0 0 70px; padding: 14px 0 0 0; font-size: 24px; }

#container .contents .userbox .nextpage { position: relative; margin: 40px 0 0 280px; }

#container .contents .userbox .nextpage .front { position: absolute; top: 13px; left: 46px; }



#container .contents .userbox .num-box { position: relative; margin: 30px 0 0 30px; }

#container .contents .userbox .num-box#lft20 { margin: 30px 0 0 60px; }

#container .contents .userbox .num-box#lft30 { margin: 30px 0 0 80px; }

#container .contents .userbox .num-box#lft40 { margin: 30px 0 0 120px; }

#container .contents .userbox .num-box .fukidashi { position: absolute; top: 10px; left: 480px; width: 350px; font-size: 14px; font-weight: bold; }

#container .contents .userbox .num-box .fukidashi span { color: #009fe9; }

#container .contents .userbox .num-box .click { position: absolute; top: 180px; left: 500px; width: 350px;  }

#container .contents .userbox .num-box .click span { color: #ff8c01; font-weight: bold; }

#container .contents .userbox .num-box .doc01 { position: absolute; top: 100px; left: 448px; width: 350px; }

#container .contents .userbox .num-box .doc02 { position: absolute; top: 10px; left: 448px; width: 350px; }

#container .contents .userbox .num-box .doc03 { position: absolute; top: 489px; left: 348px; width: 340px; }

#container .contents .userbox .num-box .doc04 { position: absolute; top: -4px; left: 140px; width: 660px; }

#container .contents .userbox .num-box .doc04 span { color: #009fe9; font-weight: bold; }

#container .contents .userbox .num-box .doc05 { position: absolute; top: 180px; left: 490px; width: 350px; }

#container .contents .userbox .num-box .doc06 { position: absolute; top: 310px; left: 490px; width: 320px; }

#container .contents .userbox .num-box .doc07 { position: absolute; top: 10px; left: 160px; width: 660px; }

#container .contents .userbox .num-box .doc07 span { color: #009fe9; }

#container .contents .userbox .num-box .doc08 { position: absolute; top: 120px; left: 490px; width: 320px; }

#container .contents .userbox .num-box .doc09 { position: absolute; top: 10px; left: 400px; width: 430px; }

#container .contents .userbox .num-box .doc10 { position: absolute; top: -10px; left: 120px; width: 648px; }

#container .contents .userbox .num-box .doc11 { position: absolute; top: 0px; left: 460px; width: 368px; }

#container .contents .userbox .num-box .doc12 { position: absolute; top: 0px; left: 160px; width: 660px; }

#container .contents .userbox .num-box .doc13 { position: absolute; top: 180px; left: 460px; width: 360px; }

#container .contents .userbox .num-box .doc14 { position: absolute; top: 20px; left: 460px; width: 400px; }

#container .contents .userbox .num-box .img15 { position: absolute; top: 10px; left: 60px; }

#container .contents .userbox .num-box .doc15 { padding: 0px 0 0 260px; width: 580px; }

#container .contents .userbox .num-box .doc15 span { color: #fa8a00; font-weight: bold; }

#container .contents .userbox .num-box .doc16 { position: absolute; top: 36px; left: 460px; width: 340px; padding-left: 1.5em; text-indent: -1.5em; }

#container .contents .userbox .num-box .doc17 { position: absolute; top: 450px; left: 450px; width: 340px; }

#container .contents .userbox .num-box .doc18 { margin: 0px 0 0 240px; width: 450px; text-align:justify; }

#container .contents .userbox .num-box .img18 { position: absolute; top: 10px; left: 180px; }





/******************************************************

gnavi

******************************************************/

.gnavi-box-user {

	position: absolute;

	top: 74px;

	right: 10px;

	width: 560px;

	height: 38px;

	list-style: none;

}

.gnavi-box-user#room { top: 60px; height: 52px; width: 520px; }

.gnavi-box-user span { display: none; }

.gnavi-box-user .gnavi-1 { float: left; width: 91px; height: 38px; padding-right: 6px; }

.gnavi-box-user .gnavi-1 a { display: block; height: 100%; background: url(../../user/images/gnavi-1.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-1 a:hover { background: url(../../user/images/gnavi-1.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-1 p { display: block; height: 100%; background: url(../../user/images/gnavi-1.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-2 { float: left; width: 143px; height: 38px; padding-right: 5px; }

.gnavi-box-user .gnavi-2 a { display: block; height: 100%; background: url(../../user/images/gnavi-2.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-2 a:hover { background: url(../../user/images/gnavi-2.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-2 p { display: block; height: 100%; background: url(../../user/images/gnavi-2.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-3 { float: left; width: 165px; height: 38px; padding-right: 5px; }

.gnavi-box-user .gnavi-3 a { display: block; height: 100%; background: url(../../user/images/gnavi-3.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-3 a:hover { background: url(../../user/images/gnavi-3.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-3 p { display: block; height: 100%; background: url(../../user/images/gnavi-3.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-4 { float: left; width: 143px; height: 38px; }

.gnavi-box-user .gnavi-4 a { display: block; height: 100%; background: url(../../user/images/gnavi-4.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-4 a:hover { background: url(../../user/images/gnavi-4.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-4 p { display: block; height: 100%; background: url(../../user/images/gnavi-4.jpg) no-repeat 0 -38px; }



.gnavi-box-user .gnavi-room1 { float: left; width: 165px; height: 38px; padding-right: 6px; margin-top: 14px; }

.gnavi-box-user .gnavi-room1 a { display: block; height: 100%; background: url(../../user/images/gnavi-room1.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-room1 a:hover { background: url(../../user/images/gnavi-room1.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-room1 p { display: block; height: 100%; background: url(../../user/images/gnavi-room1.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-room2 { float: left; width: 165px; height: 38px; padding-right: 6px; margin-top: 14px; }

.gnavi-box-user .gnavi-room2 a { display: block; height: 100%; background: url(../../user/images/gnavi-room2.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-room2 a:hover { background: url(../../user/images/gnavi-room2.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-room2 p { display: block; height: 100%; background: url(../../user/images/gnavi-room2.jpg) no-repeat 0 -38px; }

.gnavi-box-user .gnavi-room3 { float: left; width: 171px; height: 52px; padding-right: 6px; }

.gnavi-box-user .gnavi-room3 a { display: block; height: 100%; background: url(../../user/images/gnavi-room3.jpg) no-repeat 0 0; }

.gnavi-box-user .gnavi-room3 a:hover { background: url(../../user/images/gnavi-room3.jpg) no-repeat 0 -52px; }

.gnavi-box-user .gnavi-room3 p { display: block; height: 100%; background: url(../../user/images/gnavi-room3.jpg) no-repeat 0 -52px; }













/******************************************************

footer

******************************************************/

#foot-user {

	height: 40px;

	text-align: center;

	background: url(../images/foot-img.gif) repeat-x 0 0px;

}

#foot-user .user-foot {

	width: 912px;

	height: 40px;

	background-color: #fff;

	margin: 0 auto;

	padding: 0 0 0 0;

}

#foot-user .user-foot .glass {

	width: 912px;

	height: 40px;

	background: url(../images/foot-img.gif) repeat-x 0 0px;

}

#footer {

	height: 92px;

	text-align: center;

	background: url(../images/bg-footer.jpg) repeat-x 0 0px;

}

#footer .footer-box {

	position: relative;

	width: 912px;

	text-align: left;

	margin: 0 auto;

	padding: 0 0 0 0;

}

#footer .footer-left {

	float: left;

	width: 400px;

	list-style: none;

	margin: 40px 0 0 30px;

}

#footer .footer-left ul { list-style: none; }

#footer .footer-left li { float: left; padding: 0 4px 0 16px; background: url(../images/icon-footnavi.jpg) no-repeat 0 0; }

#footer .footer-left li a { color: #fff; }

#footer .footer-left .line { margin-left: 6px; }

#footer .footer-box .line2 { position: absolute; top: 56px; left: 36px; }

#footer .footer-right {

	float: right;

	width: 440px;

	color: #fff;

	margin: 40px 40px 0 0;

}

#footer .footer-right .copy { float: left; width: 300px; margin-top: 10px; color: #fff; }

#footer .footer-right .logo { float: right; width: 80px; }





/******************************************************

logout

******************************************************/

.logout {

	position: absolute;

	top: 0;

	right: 8px;

	width: 147px;

	height: 62px;

	background-color: #CFC;

}

.logout span { display: none; }

.logout a { display: block; height: 100%; background: url(../../user/images/btn-logout.jpg) no-repeat 0 0; } 

.logout a:hover { background: url(../../user/images/btn-logout.jpg) no-repeat 0 -62px; } 



.logout-room {

	position: absolute;

	top: 0;

	right: 8px;

	width: 146px;

	height: 61px;

	background-color: #CFC;

}

.logout-room span { display: none; }

.logout-room a { display: block; height: 100%; background: url(../../user/images/btn-logout-room.jpg) no-repeat 0 0; } 

.logout-room a:hover { background: url(../../user/images/btn-logout-room.jpg) no-repeat 0 -61px; } 

.errmsg2 { position: absolute; width: 400px; top: -60px; left: -80px; font-size: 12px; line-height: 60%; }
.finish-mess { width: 500px; margin: 20px 0 0 100px; }
.finish-attent { width: 650px; margin: 20px 0 0 100px; }
.retbtn { margin: 20px 0 0 300px; }
.retbtn-h { margin-left: 350px; }

.consult2 .errmsg {
	font-size: 16px;
	font-weight: bold;
	margin: 40px 80px 0 80px;
	padding: 10px 0 6px 10px;
	color: red;
	border: 1px solid #ff0000;
}







/******************************************************

chips

******************************************************/

.hi700 { height: 700px; }

.hi600 { height: 600px; }

.hi400 { height: 400px; }

.hi300 { height: 300px; }

.hi200 { height: 200px; }

.hi100 { height: 100px; }

.hi80 { height: 80px; }

.hi60 { height: 60px; }

.hi40 { height: 40px; }

.hi30 { height: 30px; }

.hi20 { height: 20px; }

.m10-t { margin-top: 10px; }

.m20-t { margin-top: 20px; }

.m30-t { margin-top: 30px; }

.m20-l { margin-left: 20px; }



/**********************************************

CMS

**********************************************/











/* end of css */