@charset "utf-8";
/* CSS Document */

* {
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 1px;
font-size: 13px;
letter-spacing: normal;
line-height: 1.3em;
color: #000000;
padding: 0px;
margin: 0px;
}

img {
border: none;
}

body {
margin: 0px;
padding: 0px;
}

a:link {
color: #000000;
border: none;
}

a:visited {
color: #000000;
border: none;
}

a:hover {
color: #0000FF;
border: none;
}

a:active {
color: #000000;
border: none;
}

.hide {
display: none;
}

.hide2 {
visibility: hidden;
}

.clr {
clear: both;
font-size: 1px;
height: 1em;
}

div img {
vertical-align: text-bottom;
}

#big_wrapper {
height: 100%;
width: 100%;
}

.wrapper {
width: 999px;
}


#contents {
padding: 11px 0px 60px 0px;
}

#main_img {
float: left;
width: 728px;
}


#content_left {
float: left;
padding-top: 8px;
width: 728px;
}


#content_right {
float: right;
width: 250px;
}

#content_right p {
padding-bottom: 11px;
}


.price-mitsumori {
padding: 13px 38px 0px 38px;
}

p.btn_price {
float: left;
padding-top: 10px;
text-align: left;
}

p.btn_mitsumori {
float: right;
padding-top: 10px;
text-align: right;
}


#tm_flow {
padding: 50px 0px 60px 0px;
width: 728px;
}

#tm_flow h3 {
background: url(../img/mark01.gif) no-repeat 2px 2px;
color: #000000;
font-family: Osaka, Verdana, "ＭＳ ゴシック";
font-size: 17px;
line-height: 1.1;
padding-left: 12px;
text-align: left;
}

.tm_flow_ {
padding: 20px 16px 0px 13px;
width: 698px;
}

.tm_flow_top01 {
background: url(../img/tm_flow_top01.gif) no-repeat left top;
height: 11px;
width: 698px;
}

.tm_flow_top02 {
background: url(../img/tm_flow_top02.gif) no-repeat left top;
height: 55px;
width: 698px;
}

.tm_flow_middle {
background: url(../img/tm_flow_middle.gif) repeat-y left top;
height: 100%;
width: 698px;
}

.tm_flow_bottom {
background: url(../img/tm_flow_bottom.gif) no-repeat left top;
height: 1px;
width: 698px;
}

.tm_flow_middle dl {
padding-left: 14px;
text-align: left;
width: 684px;
}

.tm_flow_middle dl dt {
background: #419fb7;
color: #FFFFFF;
padding: 3px 0px 2px 6px;
text-align: left;
width: 206px;
}

.tm_flow_middle dl dd {
color: #777777;
padding: 3px 14px 8px 0px;
text-align: left;
}

.tm_flow_middle dl dd span {
color: #ff0000;
text-align: left;
}

.tm_flow_middle dl dd a {
color: #419fb7;
text-align: left;
text-decoration: underline;
}


#tm_service {
border: 1px solid #b1b1b1;
padding: 12px 0px 11px 0px;
width: 711px;
}

#tm_service_bg {
background: url(../img/tm_service_bg.gif) repeat-y left top;
height: 100%;
width: 711px;
}

.tm_service_ {
float: left;
padding: 0px 11px 0px 13px;
width: 212px;
}

.tm_service_title {
background: #004463;
padding: 5px 0px 5px 9px;
}

.tm_service_title h4 {
color: #dcdcdd;
font-family: Osaka, Verdana, "ＭＳ ゴシック";
font-size: 14px;
letter-spacing: -0.08em;
text-align: left;
}

.tm_service_ ul {
list-style: none;
padding: 3px 0px 0px 10px;
text-align: left;
}

.tm_service_ ul li {
background: url(../img/arrow01.gif) no-repeat left 7px;
padding: 5px 0px 0px 17px;
text-align: left;
}

.tm_service_ ul li a {
color: #666666;
text-align: left;
text-decoration: none;
}

.tm_service_ ul li a strong {
color: #666666;
font-weight: normal;
text-align: left;
text-decoration: none;
}

.tm_service_ ul li a:hover {
color: #666666;
text-align: left;
text-decoration: underline;
}


#attention {
padding: 30px 27px 0px 23px;
width: 678px;
}

#attention_top {
background: url(../img/attention_top.gif) no-repeat left top;
height: 19px;
width: 678px;
}

#attention_middle {
background: url(../img/attention_middle.gif) repeat-y left top;
height: 100%;
padding: 0px 16px 0px 17px;
width: 645px;
}

#attention_bottom {
background: url(../img/attention_bottom.gif) no-repeat left top;
height: 3px;
width: 678px;
}

#attention_middle h4 {
background: #44a7d5;
color: #FFFFFF;
font-family: Osaka, "ＭＳ ゴシック";
font-size: 15px;
font-weight: lighter;
padding: 1px 0px 2px 0px;
text-align: center;
}

#attention_middle p {
color: #FF0000;
font-size: 0.85em;
padding-top: 2px;
text-align: left;
}

#attention_middle ul {
list-style: none;
padding: 0px 0px 10px 2px;
text-align: left;
}

#attention_middle ul li {
background: url(../img/mark02.gif) no-repeat left 12px;
color: #777777;
padding: 5px 0px 0px 10px;
text-align: left;
}

#attention_middle dl {
display: block;
padding: 5px 0px 10px 2px;
text-align: left;
}

#attention_middle dl dt {
background: url(../img/mark02.gif) no-repeat left 13px;
color: #44a7d5;
font-family: Osaka, "ＭＳ ゴシック";
font-size: 15px;
font-weight: bold;
padding: 5px 0px 0px 10px;
text-align: left;
}

#attention_middle dl dd {
color: #777777;
letter-spacing: -0.05em;
padding: 5px 0px 0px 10px;
text-align: left;
}

#attention_middle dl dd span {
color: #FF0000;
font-size: 0.85em;
line-height: 1.5;
text-align: left;
}



#go-top {
float: right;
height: 54px;
position: fixed;
bottom: 10%;
right: 0px;
width: 17px;
}

#go-top a {
background: url(../img/go-top.jpg) no-repeat top left;
display: block;
height: 54px;
width: 17px;
}

#go-top a:hover {
background: url(../img/go-top_.jpg) no-repeat bottom left;
}