list-unit/***************************************************



タイトル：クアアンドホテル・ハトシステム base css



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



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

	margin:0;

	padding:0;

	font-size:12px;

	font-weight:normal;

	font-style:normal;

	text-decoration:none;

}

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;

	background-color: #dfeaff;

}



*:first-child+html body {

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

	}

#bodybox {

	position: relative;

	text-align: center;

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

}





h1 { margin: 0px 0 0 0; }









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

*   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: absolute;

	top: 50px;

	left: 0px;

/*	position: relative; */

	width: 650px;

	height: 12px;

	font-size: 12px;

	padding: 38px 0 0px 0px;

	color: #402218;

	line-height: 100%;

}

.btmbar span { display: none; }

.btmbar h1 { display: inline; }

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

.btmbar a {

	color: #7ea5f4!important;

	font-weight: bold;

	text-decoration: none;

	padding: 0 0 0 6px;

}

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







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

container

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

#container {

	clear: both;

	position: relative;

	width: 920px;

	text-align: left;

	margin: 0 auto;

	padding: 0 0 0 0;

}



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

header

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

#container .logo { position: absolute; top: 0; left: 0; }

#container .title {

	width: 920px;

	text-align: center;

}

#container .title h1 { padding-top: 20px; padding-bottom: 50px;  }

#container .personal { position: absolute; width: 610px; top: 80px; right: 0; text-align: right; }

#container .personal2 { position: absolute; width: 260px; top: 84px; left: 240px; text-align: left; }



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

contents

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

#container .contents {

	width: 920px;

	margin: 60px 0 0 0;

	border-top: 1px solid #dedede;

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

}

#container .contents#inq { margin: 4px 0 0 0; }

#container .contents .contents-unit { width: 920px; }

#container .contents .contents-unit .left-unit { float: left; width: 236px; margin: 1px 0 0 1px; }

#container .contents .contents-unit .right-unit { float: right; width: 681px; margin: 1px 1px 60px 0; }

#container .contents .contents-unit .left-unit .left-ttl { position: relative; width: 236px; }

#container .contents .contents-unit .left-unit .left-ttl#cls { margin-top: 20px; }

#container .contents .contents-unit .left-unit .left-ttl#cls2 { margin-top: 10px; }

#container .contents .contents-unit .left-unit .left-ttl .ttl-box {

	position: absolute;

	top: 4px;

	left: 28px;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #fff;

}

#container .contents .contents-unit .left-unit .left-ttl .ttl-box#cls { color: #333; }

#container .contents .contents-unit .left-unit .counter-box {

	position: relative;

	width: 236px;

	height: 42px;

	background: url(../images/bg-numbox.jpg) no-repeat 120px 10px;

}

#container .contents .contents-unit .left-unit .counter-box .counter-ttl { margin: 0 0 0 26px; padding: 16px 0 0 0; }

#container .contents .contents-unit .left-unit .counter-box .ken { position: absolute; top: 16px; right: 50px; }

#container .contents .contents-unit .left-unit .counter-box .num { position: absolute; top: 16px; right: 80px; }



#container .contents .contents-unit .right-unit .right-ttl { position: relative; width: 681px; }

#container .contents .contents-unit .right-unit .right-ttl .ttl-box2 {

	position: absolute;

	top: 4px;

	left: 28px;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 1px;

}

#container .contents .contents-unit .right-unit .right-ttl .ttl-box3 {

	position: absolute;

	top: 4px;

	left: 28px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 1px;

}

#container .contents .contents-unit .right-unit .right-doc {

	padding: 20px 10px 20px 20px;

}



#container .contents .contents-unit .left-unit .list-unit {

	margin: 10px 0 0 20px;

	padding: 0 0 0 20px;

	font-size: 11pt;

	letter-spacing: 1px;

	background: url(../images/arrow-r3.jpg) no-repeat 0 6px;

}

#container .contents .contents-unit .left-unit .btn-unit { width: 155px; height: 39px; margin: 20px 0 0 38px; }

#container .contents .contents-unit .left-unit .btn-unit span { display: none; }

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

#container .contents .contents-unit .left-unit .btn-unit a:hover { background: url(../images/btn-toukou.jpg) no-repeat 0 -39px; }



#container .contents#kanri { margin: 10px 0 0 0; border-left: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; background: none; }



#container .contents .top-reedbox {

	position: relative;

	width: 920px;

	height: 105px;

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

}

#container .contents .top-reedbox .light { position: absolute; top: 0; left: 8px; }

#container .contents .top-reedbox .reed-ttl { position: absolute; top: 6px; left: 24px; font-size: 14px; font-weight: bold; color: #fff; }



#container .contents .contents-unit .right-unit .tab-inf {

	width: 680px;

	border-collapse: collapse;

}

#container .contents .contents-unit .right-unit .tab-inf .itm01 { width: 110px; padding: 4px 0 3px 0; text-align: center; background-color: #f1f1f1; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm02 { width: 110px; padding: 4px 0 3px 0; text-align: center; background-color: #f1f1f1; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm03 { width: 120px; padding: 4px 0 3px 0; text-align: center; background-color: #f1f1f1; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm04 { padding: 4px 0 3px 0; text-align: center; background-color: #f1f1f1; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm11 { width: 110px; padding: 4px 0 3px 0; text-align: center; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm12 { width: 110px; padding: 4px 0 3px 0; text-align: center; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm13 { width: 120px; padding: 4px 0 3px 0; text-align: center; border: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .tab-inf .itm14 { padding: 4px 0 3px 0; text-align: center; border: 1px solid #d5d5d5; }



#container .contents .contents-unit .right-unit .tab-inf2 {

	width: 300px;

	margin: 30px 0 0 60px;

	border-collapse: collapse;

}

#container .contents .contents-unit .right-unit .tab-inf2 .itm21 { width: 110px; padding: 4px 0 3px 10px; background: url(../images/arrow-r4.jpg) no-repeat 0 10px; }

#container .contents .contents-unit .right-unit .tab-inf2 .itm22 { padding: 4px 0 3px 0; }

#container .contents .contents-unit .right-unit .tab-inf2 .itm23 { padding: 4px 0 3px 0; }

#container .contents .contents-unit .right-unit .tab-inf2 .itm24 { padding: 4px 0 3px 0; }



#container .contents .contents-unit .right-unit .inq-mess { margin: 30px 0 0 60px; }

#container .contents .contents-unit .right-unit .inq-mess .inq-ttl { width: 543px; padding: 4px 0 3px 10px; background-color: #f1f1f1; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }

#container .contents .contents-unit .right-unit .inq-mess .inq-in { margin-top: -1px; width: 540px; padding: 8px 0 6px 0; } 



#container .contents .contents-unit .right-unit .inq-btn-unit { width: 553px; height: 27px; margin: 30px 0 0 60px;float:left;list-style: none; }

#container .contents .contents-unit .right-unit .inq-btn-unit button { width: 112px; height: 31px; border: none; background-color: #fff; }





#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn { position: relative; float: right; width: 102px; height: 27px; margin: 0 0 0 20px; }

#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn .btn-top { position: absolute; top: 4px; left: 24px; }

#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn .btn-top2 { position: absolute; top: 4px; left: 40px; }



#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn3 {background:url(../common/images/btn-inq03.jpg);width:102px;height:27px;border:0;margin:0 auto;}

#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn2 {background:url(../common/images/btn-inq02.jpg);width:102px;height:27px;border:0;margin:0 auto;}

#container .contents .contents-unit .right-unit .inq-btn-unit .inq-btn1 {background:url(../common/images/btn-inq01.jpg);width:102px;height:27px;border:0;margin:0 auto;}



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

footer

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

.footer {

	clear: both;

	position: relative;

	width: 920px;

	text-align: left;

	margin: 0 auto;

	padding: 0 0 0 0;

}

.footer .foot-reed-ttl { position: absolute; top: -28px; left: 238px; font-size: 14px; font-weight: bold; color: #fff; }

.footer .foot-reed-ttl .foot-box {

	position: absolute;

	top: 4px;

	left: 28px;

	list-style: none;

}

.footer .foot-reed-ttl .foot-box li {

	float: left;

	padding: 0 10px 0 6px;

	background: url(../images/arrow-r2.jpg) no-repeat 0 6px;

}

.footer .foot-reed-ttl .foot-box li a { color: #212b82; }



	





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

main

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









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

chips

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

.hi700 { height: 700px; }

.hi600 { height: 600px; }

.hi400 { height: 400px; }

.hi300 { height: 300px; }

.hi200 { height: 200px; }

.hi150 { height: 150px; }

.hi100 { height: 100px; }

.hi60 { height: 60px; }

.hi40 { height: 40px; }

.hi30 { height: 30px; }

.hi20 { height: 20px; }





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

list

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

.post-list { padding: 0px 10px 40px 14px; margin: -20px 0 0 0; }

.post-list .hato_my_post_list {

	border-collapse: collapse;

	border: 1px solid #e5e5e5;

}

.post-list .hato_my_post_list th {

	height: 32px;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	text-align: center;

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

}

.post-list .hato_my_post_list td {

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

}

.post-list .hato_my_post_list .tar { text-align: center; }


.post-list .hato_my_post_list .ev { background-color: #f4f7ff; }







.page-navi { width: 400px; margin-left: 6px; }

.page-navi .count {

	width: 80px;

	height: 20px;

	text-align: center;

	font-size: 12px;

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

	margin: 8px 0 4px 0;

}

.page-navi .page-none {

	float: left;

	width: 37px;

	height: 19px;

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

	font-size: 12px;

	color: #fff;

	padding: 0 4px 0 16px;

}

.page-navi .page-none2 {

	float: left;

	width: 37px;

	height: 19px;

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

	font-size: 12px;

	color: #fff;

	padding: 0 4px 0 16px;

}

.page-navi .count2 {

	float: left;

	padding-right: 6px;

}

.srch-frm { padding: 10px 4px 30px 10px; }





/*全社投稿・内容検索*/

.hato_post_list {

	width: 660px!important;

	margin-left: 6px;

	border-collapse: collapse;

	border: 1px solid #e5e5e5;

}

.hato_post_list th {

	height: 32px;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	text-align: center;

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

}

.hato_post_list td {

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

}

.hato_post_list .tar { text-align: center; }

.hato_post_list .ev { background-color: #f4f7ff; }



/*20121205*/

.impr_prgr_list {

	width: 660px!important;

	margin-left: 6px;

	border-collapse: collapse;

	border: 1px solid #e5e5e5;

}

.impr_prgr_list th {

	height: 32px;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	text-align: center;

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

}

.impr_prgr_list td {

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

}

.impr_prgr_list .tar { text-align: center; }
.impr_prgr_list .tar a { text-align: center; text-decoration:underline; }
.impr_prgr_list .tar2 a { text-align: center; text-decoration:underline; color:#FF0000; }
.impr_prgr_list .ev { background-color: #f4f7ff; }



.sheet-a {

	width: 600px!important;

	margin: 30px 0 0 20px;

	border-collapse: collapse;

	border: 1px solid #e5e5e5;

}

.sheet-a th {

	width: 100px;

	padding: 8px 0 6px 10px;

	border: 1px solid #e5e5e5;

	text-align: left;

	vertical-align: top;

	background-color: #f4f7ff;

}

.sheet-a .header {

	background-color: #e0ebff;

}

.sheet-a .footer {

	padding-right: 20px;

	text-align: right;

	background-color: #e0ebff;

}

.sheet-a td {

	padding: 6px 5px 5px 20px;

	border-bottom: 1px solid #e5e5e5;

}















/* end of css */