@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%;
}

.text-strong {
	font-weight: bold;
}

.text-red {
	color: #FF4444;
}

.text-blue {
	color: #0066FF;
}

.text-org {
	color: #FF6600;
}

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%;
	position: relative;
}

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

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

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

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

#header h1 {
	width: 250px;
	font-weight: normal;
	line-height: 30px;
	margin: 5px 0 0 15px;
	float: left;
	display: inline;
}

#header-p {
	width: 100px;
	margin: 10px 0 0 130px;
	float: left;
}

#top-campaign a.height24 {
	width: 126px;
	height: 24px;
	position: absolute;
	top: 8px;
	margin-right: 5px;
	right: 12px;
	float: right;
}

/* =flash contents
--------------------------------------------------------------------------*/
#tosensya-link {
	width: 470px;
	height: 305px;
	margin: 35px 8px 0 0;
	float: right;
	display: inline;
}

#tosensya-link object {
	width: 470px;
	height: 305px;
	margin: 0;
}

/* =banner
-------------------------------------------------------------------------- */
#bottom-banner {
	width: 1007px;
	margin: 20px auto 0;
	padding: 20px 0 0;
}

#left-banner {
	width: 210px;
	margin: 0;
	float: left;
	display: inline;
}

#right-banner {
	width: 210px;
	margin: 0;
	float: right;
	display: inline;
}

/* =for top link
-------------------------------------------------------------------------- */
#top-link {
	width: 1007px;
	height: 22px;
	margin: 0 auto;
}

#top-link a {
	font-size: 12px;
	line-height: 22px;
	text-indent: 12px;
	margin-right: 20px;
	background-image: url(/img/right-yajirushi.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	float: right;
	display: inline;
}

/* =footer
-------------------------------------------------------------------------- */
#footer {
	width: 1007px;
	margin: 0 auto 0;
	padding-bottom: 3px;
	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 {
	width: 313px;
	line-height: 30px;
	margin: 0px auto 0;
	padding-bottom: 5px;
	clear: both;
}

#footer .blog-link {
	width: 180px;
	margin: 10px 20px 0 0;
	float: right;
	display: inline;
}

#footer .blog-link img {
	margin: 5px auto 5px;
	display: block;
}

#footer .blog-link img.team-chalenge {
	margin: 0 auto;
}

#footer #footer-navi {
	margin: 210px auto 6px;
	line-height: 270%;
	word-spacing: 7pt;
}



#site-description {
	width: 1007px;
	height: 335px;
	margin: 0px auto 0;
	text-align: left;
	background-image: url(/img/site-description.gif);
	background-repeat: no-repeat;
	border-top: solid 3px #DCDCDC;
	border-bottom: solid 3px #DCDCDC;
	position: relative;
}

#site-description #h2-p {
	float: left;
	margin: 0 0 0 25px;
	width: 420px;
	line-height: 43px;
	text-align: center;
	font-size: 12pt;
	color: #8B4513; 
}

#site-description #line-left {
	float: left;
	margin: 0 0 0 20px;
}

#site-description #line-right {
	float: right;
	margin: 0 10px 0 0;
}



#site-description img {
	vertical-align: bottom;
}

#site-description h2 {
	margin: 0;
}

#site-description p.p-riten {
	width: 520px;
	height: 28px;
	color: #FFFFFF;
	background-color: #FE6700;
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	padding-top: 1px;
	vertical-align: bottom;
	position: absolute;
	top: 177px;
	left: 25px;
}

#site-description p.p-jyoken-t {
	color: #FF0000;
	font-size: 11px;
	line-height: 22px;
	margin: 0 420px 0 28px;
	clear: both;
}

#site-description p.p-jyoken {
	font-size: 11px;
	line-height: 20px;
	margin: 0 420px 0 28px;
	clear: both;
}

#site-description .step {
	width: 273px;
	height: 169px;
	font-size: 11px;
	line-height: 18px;
	margin: 9px 7px 10px 13px;
	float: left;
	display: inline;
}

#site-description .step .step-p1 {
	margin: 10px 0 0 71px;
	font-size: 14px;
	color: #4A1A0A;
	text-decoration: underline;
	font-weight: bold;
}


#site-description .step img {
	margin: 0 0 0 85px;
	display: block;
}

#site-description .step .step-p2 {
	padding: 3px 20px 0 20px;
	font-weight: bold;
}

/* =mitumori box
-------------------------------------------------------------------------- */
.mitumori-box {
	width: 478px;
	height: 146px;
	position: absolute;
	top: 344px;
	left: 530px;
}

.mitumori-in {
	width: 478px;
	height: 146px;
	margin: 0 auto;
	background-image: url(/common/img/mitumori-box.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#mitumori-input {
	width: 478px;
	height: 146px;
	margin: 0 0 0 1px;
}

/* =mitumori for top
--------------------------------------------------------------------------*/
.mitumori-btom {
	width: 478px;
	height: 146px;
	margin: 40px auto;

}


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

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

#pan li {
	display: inline;
}

/* =site contents
--------------------------------------------------------------------------*/
#site-contents {
	width: 1007px;
	height: auto;
	text-align: left;
	margin: 50px auto 0;
	padding: 0;
	background-image: url(/img/title.gif);
	background-repeat: no-repeat;
}

#site-contents #h2-p3{
	margin: 10px 0 0 280px;
	line-height: 50px;
	font-size: 12pt;
	color: #8B4513; 
	display: inline;
}

#site-contents p {
	font-size: 13px;
	line-height: 1.8;
	margin: 0px 30px 0 450px;
}

/* =cashback BIG PR
--------------------------------------------------------------------------*/
#big-pr {
	width: 1007px;
	height: auto;
	margin: 50px auto 0;
	padding: 0;
	border-top: solid 3px #DCDCDC;
	border-bottom: solid 3px #DCDCDC;
}

#big-pr img.pr-img {
	margin: 0 auto 30px;
	display: block;
}

#cashback-banner {
	width: 100%;
	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 20px 0;
	float: right;
	display: inline;
}

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

#cashback-banner .float-r .second-mitumori {
	margin-bottom: 10px;
}

.second-mitumori {
	width: 405px;
	height: 124px;
	margin: 0 auto;
}

.big-pr-p {
	width: 550px;
	height: 70px;
	text-align: left;
	margin: 20px auto;
}

#border-l {
	
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-left: solid 10px #996633;
}

/*  =moving
--------------------------------------------------------------------------*/
#moving {
	width: 1007px;
	height: 335px;
	margin: 50px auto 0;
	font-size: 10px;
	line-height: 12px;
	border-top: solid 3px #DCDCDC;
	border-bottom: solid 3px #DCDCDC;
	background-image: url(/img/sankaku-itiran.gif);
	background-repeat: no-repeat;
	position: relative;
}

#moving h3 {
	margin: 0 0 0 25px;
	line-height: 39px;
	text-align: left;
	font-size: 12pt;
	color: #8B4513; 
	display: block;
}


#moving #line-under {
	margin: 0 0 0 15px;
	display: block;
}


#moving a {
	margin: 10px 30px 0 0;
	float: right;
	display: inline;
}

#moving table {
	border-collapse: collapse;
	float: left;
	display: inline;
}

#moving table td {
	text-align: center;
	border: solid 1px #DCDCDC;
	font-weight: bold;
}

#moving table.logo-l {
	width: 188px;
	margin: 20px 30px 0 37px;
}

#moving table.logo-r {
	width: 725px;
	margin: 20px 0 0 0;
}

#moving .logo-l .w-188 {
	width: 188px;
	height: 60px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	margin: 0 auto;
	vertical-align: top;
}

#moving .logo-l .td-space-u,
#moving .logo-l .td-space-b {
	width: 188px;
	height: 60px;
}

#moving .logo-l .td-space-u {
	border-bottom: none;
}

#moving .logo-l .td-space-b {
	border-top: none;
}

#moving .logo-r td {
	width: 200px;
	height: 55px;
}

#moving table .gyousya1 {
	display: block;
	margin: 0 auto;
}

#moving table .gyousya2 {
	display: block;
	margin: 0 auto 3px;
	height: 31px;
	overflow: hidden;
}




/* =left contents
--------------------------------------------------------------------------*/
#left-contents {
	width: 790px;
	height: auto;
	float: right;
}

#left-contents h2 {
	margin: 0;
}

#left-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;
}

#left-contents {
	display: inline-block;
}

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

#left-contents {
	display: block;
}
/* End hide from IE-mac */

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

#left-contents p.right-p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin: 10px 10px 0 0;
}

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

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

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

#left-contents dl dt {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}

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

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

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

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

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

.sub-contents-top {
	width: 100%;
	height: auto;
	margin: 30px 0 0 0;
}

.sub-contents {
	width: 100%;
	height: auto;
	margin: 60px 0 0 0;
}

.sub-contents-top:after,
.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-top,
.sub-contents {
	display: inline-block;
}

.sub-contents-top .h3-p {
	margin: 0 0 0 360px;
	padding: 20px 0 40px 0;
	font-size: 25px;
	text-indent: 78px;
	color: #683828;
	background-image: url(/img/h3.gif);
	background-repeat: no-repeat;
}

.sub-contents .h3-p {
	margin: 0 0 0 360px;
	padding: 20px 0 40px 0;
	font-size: 25px;
	text-indent: 78px;
	color: #683828;
	background-image: url(/img/h3.gif);
	background-repeat: no-repeat;
}

.sub-contents-end .h3-p {
	margin: 0 0 0 360px;
	padding: 20px 0 40px 0;
	font-size: 25px;
	text-indent: 78px;
	color: #683828;
	background-image: url(/img/h3.gif);
	background-repeat: no-repeat;
}



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

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

/* =ie6 end sub contents
--------------------------------------------------------------------------*/
.sub-contents-end {
	width: 100%;
	height: auto;
	margin: 80px 0 0 0;
}

.sub-contents-end p.right-p {
	color: #0030FF;
	font-size: 13px;
	line-height: 1.8;
	margin: 0px 30px 0 450px;
}

.sub-contents-end: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-end {
	display: inline-block;
}

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

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

/* =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 40px 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: 110px;
	margin: 30px 0 0 130px;
	padding-top: 35px;
	background-image: url(/common/img/qa-link.png);
	background-repeat: no-repeat;
}

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

#main .qa-link ul li {
	width: 100%;
	font-size: 12px;
	line-height: 71px;
	text-indent: 5px;
	float: left;
}

/* =menu first
--------------------------------------------------------------------------*/

#menu {
	width: 1007px;
	height: 78px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	z-index: 100;
	border-top: solid 3px #DCDCDC;
}

#menu ul {
	width: 1008px;
	margin: 0;
	padding: 0;
	border: none;
}

#menu ul li {
	width: 168px;
	height: 39px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	border: none;
}

#menu ul li.pre-frame1 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat 0 0;
}

#menu ul li.pre-frame2 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -168px 0;
}

#menu ul li.pre-frame3 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -336px 0;
}

#menu ul li.pre-frame4 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -504px 0;
}

#menu ul li.pre-frame5 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -672px 0;
}

#menu ul li.pre-frame6 a {
	width: 167px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -840px 0;
}

#menu ul li.pre-frame1 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat 0 -39px;
}

#menu ul li.pre-frame2 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -168px -39px;
}

#menu ul li.pre-frame3 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -336px -39px;
}

#menu ul li.pre-frame4 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -504px -39px;
}

#menu ul li.pre-frame5 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -672px -39px;
}

#menu ul li.pre-frame6 a:hover {
	width: 167px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar.gif) no-repeat -840px -39px;
}

/* =menu second
--------------------------------------------------------------------------*/

#menu ul li.pre-frame-b1 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat 0 0;
}

#menu ul li.pre-frame-b2 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -168px 0;
}

#menu ul li.pre-frame-b3 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -336px 0;
}

#menu ul li.pre-frame-b4 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -504px 0;
}

#menu ul li.pre-frame-b5 a {
	width: 168px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -672px 0;
}

#menu ul li.pre-frame-b6 a {
	width: 167px;
	height: 39px;
	display: block;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -840px 0;
}

#menu ul li.pre-frame-b1 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat 0 -39px;
}

#menu ul li.pre-frame-b2 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -168px -39px;
}

#menu ul li.pre-frame-b3 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -336px -39px;
}

#menu ul li.pre-frame-b4 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -504px -39px;
}

#menu ul li.pre-frame-b5 a:hover {
	width: 168px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -672px -39px;
}

#menu ul li.pre-frame-b6 a:hover {
	width: 167px;
	height: 39px;
	background: #FFFFFF url(/common/img/menu-bar-bottom.gif) no-repeat -840px -39px;
}

#menu span.char-off {
	position: absolute;
	top: 0;
	left: 0;
}

.mobile {
	margin: 13px 0 0 30px;
	float: left;
	display: inline;
}

.gyosya-bosyu {
	width: 433px;
	margin: 15px 0 0 100px;
	background-image: url(/img/gyosyabosyu.gif);
	background-repeat: no-repeat;
	float: left;
	display: inline;
}

.gyosya-bosyu p {
	margin: 35px 225px 0 0;
}

/* =menu side
--------------------------------------------------------------------------*/
#menu-side {
	width: 215px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#menu-side img {
	width: 215px;
	height: 46px;
	margin: 0;
	border: none;
	vertical-align: bottom;
}

#menu-side img.bosyu {
	width: 215px;
	height: 495px;
	margin: 0;
	border: none;
	vertical-align: bottom;
}

#menu-side ul {
	width: 215px;
	height: 436px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu-side ul li a {
	width: 215px;
	height: 65px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(/common/img/menubar.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#menu-side ul li.estate a {
	background-position: 0 0;
}

#menu-side ul li.estate a:hover {
	background-position: -216px 0;
}

#menu-side ul li.tenkyo a {
	background-position: 0 -66px;
}

#menu-side ul li.tenkyo a:hover {
	background-position: -216px -66px;
}

#menu-side ul li.fusui a {
	background-position: 0 -130px;
}

#menu-side ul li.fusui a:hover {
	background-position: -216px -130px;
}

#menu-side ul li.word a {
	background-position: 0 -195px;
}

#menu-side ul li.word a:hover {
	background-position: -216px -195px;
}

#menu-side ul li.kikan a {
	background-position: 0 -260px;
}

#menu-side ul li.kikan a:hover {
	background-position: -216px -260px;
}

#menu-side ul li.link a {
	background-position: 0 -325px;
}

#menu-side ul li.link a:hover {
	background-position: -216px -325px;
}

#menu-side ul li.inquiry a {
	background-position: 0 -390px;
}

#menu-side ul li.inquiry a:hover {
	background-position: -216px -390px;
}

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

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

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

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

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

.top-tokucho {
	display: block;
	margin-top: 10px;
}

/* =go back
------------------------------------------------------------ */
.page-top {
	line-height: 20px;
	text-align: right;
	margin: 0 20px -20px 0;
}

.go-back {
	width: 393px;
	height: 46px;
	margin: 30px auto 0;
	background-image: url(/ryokin/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;
}

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

.char-off {
	display: none;
}

/* =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 */