@charset "UTF-8";

/* ------------------------------------- 
     =css reset
 * ------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,form,input,p,blockquote {
	margin: 0;
	padding: 0; 
}

fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/* ------------------------------------- 
     =Default
 * ------------------------------------- */

html{
	height: 100%;
}

body {
	background-color: #F8F7ED;
	font: 12px/18px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-align: center;
	height: 100%;
}

.txt_strong {
	font-weight: bold;
}

.txt_red {
	color: #FF4444;
}

.txt_blue {
	color: #0066FF;
}

.txt_org {
	color: #FF6600;
}

.text-18 {
	font-size: 18px;
}

a:link {
	text-decoration: underline;
	color: #3300FF;
}

a:visited {
	text-decoration: underline;
	color: #3300FF;
}

a:hover {
	text-decoration: none;
	color: #FF8000;
}

a:active {
	text-decoration: underline;
	color: #00E900;
}

ul {
	list-style-type: none;
}

/* ------------------------------------- 
     =layout
 * ------------------------------------- */

#container {
	width: 1017px;
	background-image: url(/common/img/containerback_customer.gif);
	margin: 0 auto ;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#main {
	width: 1007px;
	height: auto;
	margin: 0 auto 100px;
	text-align: left;
}

#contents {
	width: 1007px;
	height: auto;
	margin: 0 auto;
}

#left-contents {
	width: 48.75%;
	height: auto;
	margin-left: 10px;
	padding-top: 50px;
	float: left;
	display: inline;
}

#right-contents {
	width: 48.75%;
	height: auto;
	margin-right: 10px;
	padding-top: 130px;
	float: right;
	display: inline;
}

/* =header
-------------------------------------------------------------------------- */
#header {
	width: 1007px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
/*------------------------------------------------------------------------ */

#header h1 {
	font-size: 10px;
	color: #666666;
	letter-spacing: 1px;
	line-height: 20px;
	text-indent: 10px;
	text-align: left;
}

#no-h1 {
	width: 300px;
	height: 20px;
	text-align: left;
	margin: 0;
}

#header .header-img {
	margin: 5px 10px 0 10px;
	float: left;
	display: inline;
}

#header img.logo {
	width: 214px;
	height: 62px;
	margin: 30px 0 0 10px;
	float: left;
	display: inline;
}

#header img.hcb-rogo {
	position: absolute;
	top: 10px;
	right: 33px;
}

#header #description {
	width: 447px;
	height: auto;
	position: absolute;
	top: 65px;
	left: 530px;
}

#header #description p {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	background-color: #F4E9DE;
}

.mitumori-box {
	width: 434px;
	height: 102px;
	position: absolute;
	top: 264px;
	left: 530px;
}

/* =header img
-------------------------------------------------------------------------- */
#header-wrap {
	width: 1007px;
	height: 490px;
	margin: 0 auto;
	background-image: url(/img/header-img.jpg);
	background-repeat: no-repeat;
}

#header-s-wrap {
	width: 1007px;
	height: 425px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/* =footer
-------------------------------------------------------------------------- */
#footer {
	width: 1007px;
	margin: 80px auto 0;
	text-align: center;
	border-top: solid 3px #DCDCDC;
}

#footer-link {
	width: 63.8%;
	margin: 30px auto 0;
}

#footer-link ul {
	list-style-type: none;
}

#footer-link ul li {
	display: inline;
}

#credits {
	margin: 20px auto 0;
	padding-bottom: 20px;
}

/* =mitumori box
-------------------------------------------------------------------------- */
.mitumori-in {
	width: 434px;
	height: 102px;
	margin: 0 auto;
	background-image: url(/common/img/mitumori-in.gif);
	background-repeat: no-repeat;
	position: relative;
}

.mitumori-in .mitumori-bt {
	width: 217px;
	height: 40px;
	position: absolute;
	top: 56px;
	left: 209px;
}

/* =pan
--------------------------------------------------------------------------*/
#pan {
	width: 1007px;
	margin: 0 auto;
	line-height: 60px;
	text-indent: 30px;
	text-align: left;
	background-color: #FFFFFF;
}

#pan ul {
	list-style-type: none;
}

#pan li {
	display: inline;
}

/* =h2
--------------------------------------------------------------------------*/
#h2-p {
	padding: 14px 0 0 35px;
	font-size: 1.5em;
}


#main-bar {
	background-image: url(/img/title-bar.gif);
	position: relative;
	height: 46px;
	clear: both;
}

span.h2-off {
	font-size: 1.8em;
	line-height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* =h3 (float in h3)
--------------------------------------------------------------------------*/
.sub-contents h3 {
	height: 68px;
	font-size: 22px;
	margin: 10px 0 0 0;
}

.sub-contents h3 img {
	position: absolute;
	top: 0;
	left: 370px;
	_left: 370px;
	z-index: 100;
}

.sub-contents span.h3-off {
	font-size: 1em;
	line-height: 68px;
	position: absolute;
	top: 0;
	left: 370px;
	_left: 370px;
	z-index: 0;
}

.sub-contents .float-l h3 {
	height: 68px;
	font-size: 22px;
	margin: 10px 0 0 0;
}

.sub-contents .float-l h3 img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.sub-contents .float-l span.h3-off {
	font-size: 1em;
	line-height: 68px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.sub-contents .navi{
	margin:10px 0;
}

/* =h4
--------------------------------------------------------------------------*/
h4 {
	font-size: 13px;
	line-height: 15px;
	margin: 20px 0 0 0;
}

/* =h5
--------------------------------------------------------------------------*/
h5 {
	font-weight: normal;
	margin: 10px 0 0 0;
}

/*  =float right & left box
--------------------------------------------------------------------------*/
.float-r {
	width: 575px;
	height: auto;
	margin: 10px auto 0;
	float: right;
}

.float-l {
	width: 575px;
	height: auto;
	margin: 0 auto 0;
	padding-left: 18px;
	float: left;
}

/*  =table
--------------------------------------------------------------------------*/
table.checklist {
	width: 575px;
	margin: 20px auto;
	padding: 0;
	border-collapse: collapse;
	border: none;
}

table.checklist img {
	width: 560px;
	margin: 0;
	padding: 0;
	display: block;;
}

.th-title {
	text-align: center;
	background-color: #F4E8DC;
}

th, td {
	margin: 0;
	padding: 0;
	line-height: 22px;
	border: solid 1px #363636;
}

td {
	padding: 0 0 0 7px;
}

/*  =site map
--------------------------------------------------------------------------*/
#main .sub-contents ul.site-map {
	width: 85%;
	margin: 0 auto;
}

#main .sub-contents span.site-map {
	width: 48%;
	font-size: 1.3em;
	line-height: 1;
	margin: 0 0 5px 67px;

	display: block;
	clear: both;
}

#main .sub-contents ul.site-map li {
	width: 48%;
	font-size: 1.2em;
	line-height: 1.8;
	margin: 0 auto;
	text-indent: 20px;
	background: url("/sitemap/img/list-marker.gif") no-repeat left center;
	float: left;
}

#main .sub-contents ul.site-map li.width100 {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.8;
	margin: 0 auto;
	text-indent: 20px;
	background: url("/sitemap/img/list-marker.gif") no-repeat left center;
	float: left;
}

/*  =hajimete
--------------------------------------------------------------------------*/
#hajimete {
	width: 96%;
	margin: 0 auto;
	padding-bottom: 60px;
	border: solid 6px #996633;
}

.hajimete-contents {
	width: 870px;
	height: 210px;
	margin: 0 auto 90px;
	clear: both;
	position: relative;
}

#hajimete img.nof-img {
	z-index: 0;
}

.a-img {
	width: 202px;
	height: 35px;
	position: absolute;
	top: 153px;
	left: 639px;
	z-index: 100;
}

/*  =moving
--------------------------------------------------------------------------*/
.areamov {
	width: 70%;
	height: auto;
	margin: 60px auto 0;
}

.mov_name-top,
.mov_name {
	line-height: 32px;
	letter-spacing: 1px;
	border: solid 1px #666666;
	border-bottom: dotted 1px #ABABAB;
	background-color: #FCFAD7;
	text-indent: 20px;
}

.mov_name {
	border-top: none;
}

.mov_address {
	margin: 0;
	border: solid 1px #666666;
	border-top: none;
}

.mov_address img {
	width: 140px;
	height: 93px;
	margin: 5px 30px 5px 20px;
	border: none;
	display: block;
	float: left;
}

#main .areamov .mov_address ul {
	margin: 0 0 0 150px;
	padding-top: 7px;
	list-style-type: none;
}

#main .areamov .mov_address li {
	font-size: 12px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 auto;
	display: block;
}

.areamov p {
	font-size: 1em;
	line-height: 1.4;
	letter-spacing: 1px;
	margin: 0 auto 30px;
}

.mov_address:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.mov_address {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .mov_address {
	height: 1%;
}

.mov_address {
	display: block;
}
/* End hide from IE-mac */


/*  =moving (syosai)
--------------------------------------------------------------------------*/
table.list .orange{
	background:#FBF8E7;
}

table.list .item{
	padding:5px;
	border:solid 1px #CCCCCC;
	background:#FF9A00;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

table.list .name{
	font-weight:bold;
}

.details_cach{
	width: 99%;
	margin: 0 auto;
	background-color:#F8F5E2;
	border:solid 2px #D9D09A;
	padding:10px 0px 10px 0px;
	text-align:center;
}

.areamov .details_cach h3 {
	line-height: 2;
	letter-spacing: 1px;
	margin: 0 auto;
}

.areamov .details_cach p {
	font-size: 1em;
	line-height: 1.4;
	letter-spacing: 0;
	margin: 0 auto;
}

.details_box{
	width:548px;
	text-align:left;
	margin:auto;
	overflow:hidden;
}

.details_box p {
	margin: 0 auto;
}

.details_cach .logo{
	float:left;
	width:180px;
}

.details_cach .text{
	float:right;
	width:358px;
	margin-left:10px;
}

.details_cach h1{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

table.list .details_item{
	background:#F2F2F2;
	width:20%;
}

.details_tokuten{
	width: 99%;
	margin: 0 auto;
	background:#FFE9E2;
	border:solid 1px #FF4000;
	padding:10px 0px 10px 0px;
	color:#FF4000;
}

.details_tokuten img{
	margin-bottom:10px;
}

.details_aquest{
	width:568px;
	background:#FFFBF6;
	border:solid 1px #FFD5A2;
	padding:10px 0px 10px 0px;
}

.details_aquest_title{
	width:568px;
	height:24px;
	background-image:url(/list_moving/img/t2_details.gif);
	background-repeat:no-repeat;
	text-align:right;
	line-height:24px;
}

.details_aquest .details_box{
	width:548px;
	text-align:left;
	margin:0px auto 10px auto;
	overflow:hidden;
	border-bottom:dotted 1px #CCCCCC;
	padding-bottom:5px;
}

table.list{
	width: 99%;
	padding: 0;
	margin: 10px auto;
	border:solid 1px #CCCCCC;
	border-collapse:collapse;
}

table.list td,th{
	padding:5px;
	border:solid 1px #CCCCCC;
}

table.list .green{
	background:#F9FFF0;
}

table.list .item{
	padding:5px;
	border:solid 1px #CCCCCC;
	background:#6FAA1F;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.cente_m{
	margin-top: 30px;
	text-align:center;
}

/*  =kiyaku
--------------------------------------------------------------------------*/
#kiyaku {
	width: 680px;
	height: auto;
	margin: 80px auto 0;
}

#kiyaku img.center-img {
	display: block;
	margin: 0 auto;
}

#kiyaku h3 {
	height: 30px;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin: 30px auto 0;
}

#kiyaku h4 {
	height: 24px;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 10px auto 0;
}

#main #kiyaku ul, #kiyaku ol {
	margin: 0 31px 0;
	list-style-type: none;
}

#kiyaku ul li, #kiyaku ol li {
	line-height: 20px;
}

#kiyaku p.first-p, #kiyaku p {
	font-size: 12px;
	line-height: 24px;
	margin: 0 auto 10px;
}

#kiyaku p.first-p {
	margin: 30px auto 0;
}

#kiyaku address {
	line-height: 24px;
	margin: 10px auto 0;
}

.gopagetop {
	line-height: 28px;
	text-align: right;
	margin-right: 20px;
}

/*  =defoult 60
--------------------------------------------------------------------------*/

#defoult {
	width: 60%;
	height: auto;
	margin: 30px auto 0;
	padding-bottom: 10px;
}

#defoult h3 {
	height: 68px;
	font-size: 22px;
	margin: 10px 0 0 0;
	position: relative;
}

#defoult h3 img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#defoult span.h3-off {
	font-size: 1em;
	line-height: 68px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#defoult p {
	font-size: 1em;
	line-height: 1.8;
	letter-spacing: 1px;
	margin-top: 10px;
}

#defoult p.space0 {
	margin: 0;
}

#defoult p.under-space20 {
	margin: 0 0 20px 0;
}

#defoult p.under-space10 {
	margin: 10px 0 10px 0;
}

#defoult p.border {
	text-align: center;
	margin-bottom: 20px;
	border: solid 1px #363636;
}

#main #defoult ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 5px 0;
}

.text-red {
	color:#FF4000;
	text-decoration:underline;
}

#defoult table {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	margin: 10px auto 0;
}

#defoult table td {
	text-align: center;
	padding: 7px;
	background-color: #F7F7F7;
}

/*  =tosen
--------------------------------------------------------------------------*/
.tosen-gofusai {
	margin-right: 10px;
	float: right;
	display: inline;
}

.tosen-p {
	width: 190px;
	height: 179px;
	margin-bottom: 10px;
	padding: 25px 10px 0 175px;
	background-image: url(/tosen/img/tosen-guts.gif);
	background-repeat: no-repeat;
}

#defoult .interviews-syousai p {
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0 10px;
}

#defoult .interviews-syousai p .text-08 {
	color: #002699;
	font-size: .8em;
	letter-spacing: 0;
	line-height: 2;
	margin: 10px 0 0;
}

.interviews-syousai .right-img {
	width: 75px;
	float: right;
}

.interviews-syousai .left-img {
	width: 75px;
	float: left;
}

#defoult p.tosen {
	font-size: 1.3em;
	margin: 10px 30px;
}

#defoult p.size-small {
	font-size: .9em;
}

.interviewer {
	color: #0000FF;
	display: block;
	margin-top: 20px;
}

.tosensya {
	color: #FF0000;
	display: block;
	margin-top: 20px;
}

/*  =contents
--------------------------------------------------------------------------*/

.index-box1,.index-box2,.index-box3,
.index-box4,.index-box5,.index-box6 {
	width: 471px;
	height: 300px;
	margin-bottom: 80px;
	background-repeat: no-repeat;
}

.float-left-box {
	margin: 0 30px 0 43px;
	float: left;
	display: inline;
}

#main ul {
	margin: 40px auto 0;
	letter-spacing: 1px;
	list-style-type: square;
}

#main ul li {
	line-height: 22px;
}

.float-right10-img {
	position: absolute;
	bottom: 20px;
	right: 30px;
}

/* =why attention
--------------------------------------------------------------------------*/
.why-attention {
	border:3px solid whitesmoke;
	height:850px;
	margin:10px auto;
	position:relative;
	width:980px;
}

.why-details {
	margin:10px 0 0 10px;
	float: left;
}

.why-details2 {
	margin:10px 10px 0 0;
	float: right;

}

.why-top {
	margin:10px 0 0 25px;
}




/* =sub contents
--------------------------------------------------------------------------*/
.sub-contents {
	width: 950px;
	height: auto;
	margin: 30px auto 0;
	padding-bottom: 10px;
	position: relative;
}

.sub-contents:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.sub-contents {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .sub-contents {
	height: 1%;
}

.sub-contents {
	display: block;
}
/* End hide from IE-mac */

#main .sub-contents ul {
	list-style-type: none;
	margin: 0;
}

.sub-contents p.left-p {
	width: 620px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 10px 30px 0;
}

.sub-contents p.right-p {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 3px 20px 0 0;
}

.sub-contents p.right-p-clear {
	font-size: .8em;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0 0 5px 5px;
}

.font10-p {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	margin: 40px 0 80px 300px;
}

.text-18 {
	line-height: 34px;
	letter-spacing: 1px;
	font-weight: normal;
}

.decolation-p {
	font-size: 18px;
	line-height: 28px;
	text-indent: -5px;
}

.midashi-f12b {
	font-size: 12px;
	line-height: 16px;
	text-indent: -5px;
}

.decolation-p-small {
	font-size: 14px;
	line-height: 28px;
	text-indent: -5px;
}

.sub-contents dl {
	width: 620px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0 25px 0 0;
	float: right;
	display: inline;
}

.sub-contents dl dt {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 1px;
}

.sub-contents .float-l dl,
.sub-contents .float-r dl {
	width: 100%;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	margin: 5px auto 1px;
}

.sub-contents .float-l dl dt,
.sub-contents .float-r dl dt {
	width: 16%;
	height: 100px;
	vertical-align: top;
	float: left;
}

.sub-contents .float-l dl dd,
.sub-contents .float-r dl dd {
	width: 80%;
	height: 100px;
	float: right;
}

#main .sub-contents ul.ul-left {
	width: 620px;
	list-style-type: none;
	margin: 0 0 10px 30px;
	float: left;
	display: inline;
}

#main .sub-contents ul.ul-left li {
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
}

#main .sub-contents ul.ul-right {
	width: 620px;
	list-style-type: none;
	margin: 10px 25px 0 0;
	float: right;
	display: inline;
}

#main .sub-contents ul.ul-right li {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}


/*  =estate
--------------------------------------------------------------------------*/
.estate {
	width: 80%;
	height: auto;
	margin: 25px auto 0px;
	padding-bottom: 40px;
	overflow: hidden;
	border-bottom: dotted 1px #8BA2AD;
}

.estate-midashi-p {
	width: 100%;
	font-size: 14px;
	line-height: 48px;
}

.estate-book {
	color: #0066FF;
	clear: both;
}

.web-adress {
	width: 30%;
	color: #8BA2AD;
	font-size: 12px;
	text-align: right;
	float: right;
	display: inline;
}

.estate .oyakudati-img {
	width: 150px;
	margin: 0 40px 0 8px;
	float: left;
}

.estate .tenpo-img {
	width: 150px;
	margin: 0 0 10px 20px;
	float: right;
}

.gaiyo {
	width: 370px;
	margin-bottom: 10px;
	float: left;
}

#main .gaiyo li.name-top {
	line-height: 1.2em;
	margin-bottom: 4px;
}

.fax-no {
	margin-left: 30px;
}

.second-adress {
	margin-left: 80px;
}

.estate-setumei {
	margin: 0 20px 0 196px;
	clear: both;
}

.estate:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.estate {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .estate {
	height: 1%;
}

.estate {
	display: block;
}
/* End hide from IE-mac */

/*  =link
--------------------------------------------------------------------------*/
.link {
	width: 80%;
	height: 130px;
	margin: 0 auto 30px;
	overflow: hidden;
	border-bottom: dotted 1px #8BA2AD;
}

.link-midashi-p {
	width: 100%;
	font-size: 14px;
	line-height: 48px;
}

.link-midashi-p:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.link-midashi-p {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .link-midashi-p {
	height: 1%;
}

.link-midashi-p {
	display: block;
}
/* End hide from IE-mac */

.link .oyakudati-img {
	margin-right: 40px;
	float: left;
}

.link-book {
	width: 68%;
	color: #0066FF;
	clear: both;
	float: left;
}

.web-adress-link {
	width: 30%;
	color: #8BA2AD;
	font-size: 12px;
	float: right;
	text-align: right;
}

/* =qa contents
--------------------------------------------------------------------------*/
#qa-contents {
	width: 970px;
	height: auto;
	margin: 30px auto 0;
	padding: 10px 0 40px 0;
	background-image: url(/common/img/low-contents-bg.gif);
}

#qa-contents img {
	display: block;
	margin: 0 auto 80px;
	clear: both;
}

.qa {
	width: 298px;
	height: 322px;
	margin: 0 0 100px 18px;
	float: left;
	position: relative;
}

.qa p {
	width: 210px;
	height: 167px;
	font-size: 11px;
	line-height: 17px;
	border: none;
	margin: 0;
	padding: 5px 9px 5px 9px;
	position: absolute;
	top: 132px;
	left: 64px;
}

.qa1-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa1.png);
	background-repeat: no-repeat;
}

.qa2-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa2.png);
	background-repeat: no-repeat;
}

.qa3-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa3.png);
	background-repeat: no-repeat;
}

.qa4-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa4.png);
	background-repeat: no-repeat;
}

.qa5-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa5.png);
	background-repeat: no-repeat;
}

.qa6-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa6.png);
	background-repeat: no-repeat;
}

.qa7-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa7.png);
	background-repeat: no-repeat;
}

.qa8-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa8.png);
	background-repeat: no-repeat;
}

.qa9-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa9.png);
	background-repeat: no-repeat;
}

.qa10-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa10.png);
	background-repeat: no-repeat;
}

.qa11-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa11.png);
	background-repeat: no-repeat;
}

.qa12-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa12.png);
	background-repeat: no-repeat;
}

.qa13-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa13.png);
	background-repeat: no-repeat;
}

.qa14-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa14.png);
	background-repeat: no-repeat;
}

.qa15-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa15.png);
	background-repeat: no-repeat;
}

.qa16-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa16.png);
	background-repeat: no-repeat;
}

.qa17-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa17.png);
	background-repeat: no-repeat;
}

.qa18-container { width: 298px; height: 322px;
	background-image: url(/saitosiyo/qa/img/qa18.png);
	background-repeat: no-repeat;
}

/* =low contents
--------------------------------------------------------------------------*/
.low-contents {
	width: 981px;
	height: auto;
	margin: 120px auto 0;
	padding: 10px 0 40px 0;
	background-image: url(/common/img/low-contents-bg.gif);
}

.low-contents .qa-def {
	width: 849px;
	height: 488px;
	margin: 0 0 0 90px;
	background-image: url(/common/img/qa-def.gif);
	position: relative;
}

.low-contents .qa-def img.qa-def-img {
	width: 497px;
	height: 106px;
	margin: 53px 0 0 90px;
}

.low-contents .qa-def p {
	width: 520px;
	height: 126px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	border: none;
	margin: 0;
	padding: 5px 7px 5px 8px;
	overflow: hidden;
	position: absolute;
	top: 289px;
	left: 170px;
}

/* =end contents
--------------------------------------------------------------------------*/
.end-contents {
	margin: 100px auto 0;
}

.end-contents p {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 10px 88px 0;
	padding: 5px 10px;
	background-color: #FFFFFF;
	border: solid 1px #DCDCDC;
}

/* =low gimon
--------------------------------------------------------------------------*/
.low-gimon {
	width: 981px;
	height: auto;
	margin: 10px auto 0;
	padding: 0 0 50px 0;
	background-image: url(/common/img/low-gimon-bg.gif);
}

.low-contents p {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 20px 84px 0 130px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	border: solid 1px #DCDCDC;
}

.low-contents .title-img {
	margin-top: 10px;
	margin-left: 0px;
	display: block;
}

.sub-title {
	margin: 130px auto 0;
	display: block;
}

.contents-title {
	margin: 60px auto 0;
	display: block;
}

.qa-link {
	width: 755px;
	height: 37px;
	margin: 30px 0 0 130px;
	padding-top: 10px;
	background-image: url(/common/img/qa-link.gif);
	background-repeat: no-repeat;
}

#main .qa-link ul {
	height: 47px;
	margin: 0 auto;
	list-style-type: none;
}

#main .qa-link ul li a {
	width: 230px;
	height: 25px;
	
	display: block;
	background-image: url(/common/img/go-gimon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main .qa-link ul li a:hover {
	
	background-position: left bottom;
}

/* =word
--------------------------------------------------------------------------*/
.word-contents {
	width: 981px;
	height: auto;
	margin: 10px auto 0;
	padding: 0 0 50px 0;
	background-image: url(/word/img/background.gif);
}

.word-contents div.end-contents {
	margin: 50px auto 0;
}

/* =calendar
--------------------------------------------------------------------------*/
.calendar {
	width: 993px;
	height: auto;
	margin: 0 auto 30px;
}

.calendar .calendar-title {
	display: block;
	margin-top: 30px;
}

.calendar table.left-table {
	width: 242px;
	border: solid 1px #363636;
	text-align: center;
	margin: 5px 8px 0 0;
	float: left;
}

.calendar table.right-table {
	width: 242px;
	border: solid 1px #363636;
	text-align: center;
	margin: 5px 0 0 0;
	float: right;
}

.calendar table th {
	text-align: center;
}

.calendar table th img {
	margin: 3px 0;
}

.calendar table td {
	padding: 0;
}

.cal-month-l {
	font-weight: bold;
	background-color: #FFCC00;
}

.cal-month-r {
	font-weight: bold;
	background-color: #969696;
}

.cal-sun {
	background-color: #ffe4b5;
}

.calsun-top-l {
	color: #FFFFFF;
	background-color: #ff0000;
}

.calsun-top-r {
	color: #FFFFFF;
	background-color: #ff0000;
}

.cal-sat {
	background-color: #f0f8ff;
}

.cal-top {
	color: #FFFFFF;
	background-color: #969696;
}

.calsat-bottom-l {
	color: #FFFFFF;
	background-color: #0000FF;
}

.cal-hol {background-color:#fdede6;}

.cal-taian {color:#ff5900;}


.calendar:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.calendar {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .calendar {
	height: 1%;
}

.calendar {
	display: block;
}
/* End hide from IE-mac */

/* =tosen
--------------------------------------------------------------------------*/
#cashback-header {
	width: 1007px;
	height: auto;
	margin: 0 auto;
	padding-top: 5px;
}

#cashback-header .hcb-rogo {
	width: 86px;
	margin: 0;
	float: left;
}

h1#cashback-header {
	margin: 0 0 0 5px;
	line-height: 13px;
	text-indent: 10px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	display: inline
}

#pan-narrow {
	margin: 0 0 0 5px;
	line-height: 30px;
	text-indent: 10px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
}

#pan-narrow ul {
	list-style-type: none;
}

#pan-narrow li {
	display: inline;
}

.pr-img {
	margin: 0 0 20px 5px;
}

#cashback-banner {
	width: 1007px;
	height: auto;
	margin: 0 auto;
}

#cashback-banner .left-img {
	width: 215px;
	margin-left: 20px;
	float: left;
	display: inline;
}

#cashback-banner .box-title {
	width: 731px;
	margin-left: 15px;
}

#cashback-banner .float-r {
	width: 731px;
	margin: 25px 25px 60px 0;
}

#cashback-banner .float-r p {
	font-size: 11px;
	line-height: 1.5;
	margin-left: 150px;
}

#cashback-banner .float-r .mitumori-in {
	margin-bottom: 50px;
}

.tosenbango-title {
	display: block;
	margin: 60px auto -15px;
	clear: both;
}

#tosenbango {
	width: 680px;
	margin: 20px auto 0;
	padding-bottom: 20px;
	border: solid 1px #363636;
}

#tosenbango ul {
	list-style-type: none;
	text-align: center;
	margin: 20px auto;
}

#tosenbango ul li {
	font-size: 16px;
	line-height: 32px;
}

#tosenbango p {
	font-size: 14px;
	line-height: 28px;
	margin: 0 20px;
}







/* =404
--------------------------------------------------------------------------*/
#page-info{
	background-image: url(/404/img/h-back.gif);
	background-repeat: no-repeat;
	width: 750px;
	margin: 60px 0 230px 70px;
	padding: 17px 0 0 15px;
	text-align: left;
	color: #F5F5F5;
	height: 40px;
	font-size: 22px;
	clear: both;	
}

#page-info .page-info-p { 
	color: #0F0F0F;
	text-align: left;
	font-size: 14px;
	margin: 50px 0 50px 0;
}


/* =company
--------------------------------------------------------------------------*/
#company table {
	width: 87.5%;
	border-collapse: collapse;
}

#company th {
	width: 18%;
	border: solid 1px #363636;
	padding-top: 0;
	vertical-align: top;
}

#company th, #company td {
	line-height: 24px;
}

/* =hagaki
--------------------------------------------------------------------------*/
.hagaki-contents {
	width: 950px;
	height: auto;
	margin: 20px auto;
}

.text-box-l {
	width: 362px;
	margin: 20px 0 0 60px;
	border: solid 1px #DCDCDC;
	float: left;
	display: inline;
}

.text-box-r {
	width: 362px;
	margin: 20px 60px 0 0;
	border: solid 1px #DCDCDC;
	float: right;
	display: inline;
}

.hagaki-contents .hagaki-li-l {
	width: 278px;
	height: 107px;
	margin-right: 51px;
	border: 2px solid #FECC8C;
	float: left;
}

.hagaki-contents .hagaki-li-r {
	width: 278px;
	height: 107px;
	margin: 0;
	border: 2px solid #FECC8C;
	float: right;
}

.hagaki-contents .hagaki-li-l img,
.hagaki-contents .hagaki-li-r img {
	width: 67px;
	height: 99px;
	margin: 3px 5px 3px 3px;
	border: 1px solid #DCDCDC;
	float: left;
	display: inline;
}

.hagaki-contents .hagaki-li-l p.hagaki-syosai,
.hagaki-contents .hagaki-li-r p.hagaki-syosai {
	font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	text-indent: 0;
	padding: 5px 2px 5px 0;
}

.hagaki-contents:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.hagaki-contents {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .hagaki-contents {
	height: 1%;
}

.hagaki-contents {
	display: block;
}
/* End hide from IE-mac */

/* =flash contents
--------------------------------------------------------------------------*/

#tosensya-link {
	width: 1007px;
	margin: 0 auto 60px;
	text-align: center;
	clear: both;
}

#tosensya-link object{
	width: 600px;
	height: 390px;
	margin: 0 auto;
	display: block;
}

#tosensya-link img {
	text-align: center;
	margin: 0 auto 0;
}

#tosensya-page{
	text-align: left;

	margin: 0 0 0 210px;
}

/* =menu
--------------------------------------------------------------------------*/
.menu100 {
	width: 200px;
	height: 300px;
	margin: 10px 0;
	font-size: 12px;
	text-align: left;
	position: relative;
	z-index: 100;
}

.menu100 ul {
	width: 200px;
	height: 300px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #EEEEEE;
	border: 1px solid #606;
}

.menu100 ul li ul {
	height: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 100px;
}

.menu100 ul li {
	float: left;
}

.menu100 ul li a, .menu100 ul li a:visited {
	width: 190px;
	height: 30px;
	padding-left: 10px;
	color: #363636;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	background: transparent;
	display: block;
	float: left;
}

* html .menu100 ul li a,
* html .menu100 ul li a:visited {
	width: 200px;
	w\idth: 190px;
}

.menu100 table {
	font-size: 1em;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu100 ul li:hover a,
.menu100 ul li a:hover {
	color: #fff;
	background: #660066;
}

.menu100 ul li:hover {
	position: relative;
	z-index: 90;
}

* html .menu100 ul li a:hover {
	position: relative;
	z-index: 100;
}

.menu100 ul li:hover ul,
.menu100 ul li a:hover ul {
	height: auto;
	background: #660066;
	border: 1px solid #660066;
	visibility: visible;
	overflow: visible;
	position: absolute;
}

.menu100 ul li:hover ul li a,
.menu100 ul li a:hover ul li a {
	height: auto;
	padding: 5px 0 5px 10px;
	color: #FFFFFF;
	line-height: 30px;
	text-decoration: none;
	background: transparent;
	display: block;
}

.menu100 ul li:hover ul li:hover a,
.menu100 ul li a:hover ul li a:hover {
	color: #FFFF66;
	background: #006699;
}

.menu100 ul li:hover ul li ul,
.menu100 ul li a:hover ul li a ul {
	height: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 100px;
}

.menu100 ul li:hover ul li:hover ul,
.menu100 ul li a:hover ul li a:hover ul {
	height: auto;
	color: #363636;
	padding: 0;
	list-style-type: none;
	background: #006699;
	border: 1px solid #006699;
	visibility: visible;
	position: absolute;
}

.menu100 ul li:hover ul li:hover ul li a,
.menu100 ul li a:hover ul li a:hover ul li a {
	color: #FFFF66;
	display: block;
	background: transparent;
}

.menu100 ul li:hover ul li:hover ul li:hover a,
.menu100 ul li a:hover ul li a:hover ul li a:hover {
	color: #363636;
	background: #eee;
}

/* =image
------------------------------------------------------------ */
.margin-top10 {
	display: block;
}

.margin-left30 {
	display: block;
	margin: 10px 0 0 30px;
}

.img-center {
	display: block;
	margin: 0 auto;
}

.img-center-t30 {
	display: block;
	margin: 30px auto 0;
}

.float-left-img {
	float: left;
	margin-right: 20px;
}

.float-right-img {
	float: right;
}

.float-left60-img {
	float: left;
	margin-left: 60px;
	display: inline;
}

.float-right60-img {
	float: right;
	margin-right: 60px;
	display: inline;
}

.margin-auto {
	display: block;
	margin: 0 auto;
}

/* =retern
------------------------------------------------------------ */
.retern {
	width: 100%;
	height: 24px;
	margin: 80px auto -80px;
}

.retern ul {
	height: 24px;
	margin-right: 25px;
	list-style-type: none;
}

.retern ul li {
	width: 75px;
	float: right;
}

.retern ul li.sitetop a {
	width: 75px;
	height: 24px;
	display: block;
	background-image: url(/common/img/site-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.retern ul li.sitetop a:hover {
	background-position: left bottom;
}

.retern ul li.pagetop a {
	width: 75px;
	height: 24px;
	display: block;
	background-image: url(/common/img/page-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.retern ul li.pagetop a:hover {
	background-position: left bottom;
}

/* =char link
------------------------------------------------------------ */
.retern-top {
	width: 100%;
	height: 24px;
	margin: 80px auto -80px;
}

.retern-top ul {
	height: 24px;
	margin: 0;
	list-style-type: none;
}

.retern-top ul li {
	width: 180px;
	float: right;
}

.retern-top ul li a {
	width: 180px;
	line-height: 24px;
	display: block;
}

/* =go back
------------------------------------------------------------ */
.go-back {
	width: 393px;
	height: 46px;
	margin: 30px auto 0;
	background-image: url(/common/img/go-back.gif);
	background-repeat: no-repeat;
}

#main .go-back ul {
	width: 393px;
	height: 46px;
	list-style-type: none;
}

#main .go-back ul li {
	width: 196px;
	height: 46px;
	float: left;
	position: relative;
	z-index: 100;
}

#main .go-back ul li a {
	width: 196px;
	height: 46px;
	display: block;
}

#main .go-back ul li a img {
	position: absolute;
	z-index: 100;
}

#main .go-back ul li a span.char-off {
	font-size: 1em;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 0;
}

#main h2 img {
	position: relative;
	z-index: 100;
}

span.char-off {
	font-size: 1.8em;
	line-height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* =clearfix
------------------------------------------------------------ */
.clearfix:after {
	width: 100%;
	height: auto;
	text-align: left;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */