@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
li { list-style-type: none;}
a:link { color: #000; text-decoration: none;}
a:visited { color: #000; text-decoration: none;}
a:hover { color: #860004; text-decoration: underline;}
a:active { color: #000; text-decoration: none;}
strong { font-size: 108%; font-weight: bold;}
img { vertical-align: top;}
.center { text-align: center;}
.right { text-align: right;}
.required { margin: 0 5px; padding: 0 2px; background: #FFF; color: #F33;}
.fl { float: left; padding: 0 20px 10px 0;}
.fr { float: right; padding: 0 0 10px 20px; background: #FFF;}
.clear { clear: both;}


/*LAYOUT*/
/*******************************************************************/
body { margin: 0 auto; text-align: center; background: #FAFAFB; border-top: #860004 solid 5px; font-size: 81.25%; font-family: 'メイリオ',Meiryo,'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',sans-serif; line-height: 1.7; color: #000;}
#container { position: relative; width: 960px; margin: 0 auto; text-align: left; background: url(../images/in.jpg) 0 0 repeat-y; font-size: 93%;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; width: 950px; margin: 0 auto;}
#header ul { position: absolute; top: 110px; left: 0;}
.index ul { top: 280px!important;}
#header li { float: left; list-style: none;}
#header li a { height: 50px; background-image: url(../images/btn.gif);}
li#b01 a { width: 151px; background-position: 0 0;}
li#b02 a { width: 141px; background-position: -151px 0;}
li#b03 a { width: 210px; background-position: -292px 0;}
li#b04 a { width: 163px; background-position: -502px 0;}
li#b05 a { width: 110px; background-position: -665px 0;}
li#b06 a { width: 175px; background-position: -775px 0;}
li#b01 a:hover, li#b01 a.on { background-position: 0 -50px;}
li#b02 a:hover, li#b02 a.on { background-position: -151px -50px;}
li#b03 a:hover, li#b03 a.on { background-position: -292px -50px;}
li#b04 a:hover, li#b04 a.on { background-position: -502px -50px;}
li#b05 a:hover, li#b05 a.on { background-position: -665px -50px;}
li#b06 a:hover, li#b06 a.on { background-position: -775px -50px;}
#breadcrumb { margin-bottom: 20px; padding: 5px 10px; background: #F5F5F5; font-size: 11px; line-height: 1.2;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; height: 120px; background: url(../images/footer.jpg) 0 0 repeat-x; font-size: 93%;}
.in { position: relative; width: 960px; margin: 0 auto; text-align: center;}
#footer p { padding-top: 5px;}
#footer ul { position: absolute; top: 20px; left: 14px;}
#footer ul li { padding-left: 15px; background:url(../images/arr.gif) 0 center no-repeat;}
#footer address { position: absolute; top: 20px; right: 14px;}


/*CONTENTS*/
/*******************************************************************/
#main { padding: 20px 24px;}
h2 { padding: 20px 0 0;}
h3 { position: relative; padding-bottom: 20px;}
h4 { clear: both; margin-bottom: 10px; padding: 0 0 4px 14px; background: url(../images/h4.gif) 0 2px no-repeat; border-bottom: #D11817 dotted 1px; font-size: 116%; font-weight: bold; color: #D11817;}
h5 { margin-bottom: 10px; font-size: 116%; font-weight: bold;}
p { padding: 0 0 30px;}
#main ul, #main ol { margin: 0 0 30px 40px;}
.ol li { list-style: decimal;}
.ul li { list-style: disc;}
.abs { position: absolute; top: 6px; right: 10px;}

.top { margin: 0!important;}
.top li { position: relative; float: left; width: 294px; height: 200px; margin: 0 0 15px 15px; overflow: hidden;}
.first { margin-left: 0!important;}
.top li div { position: absolute; top: 116px; left: 20px; width: 270px;}
.top li div ul { margin: 0!important;}
.top li div li { float: none; width: auto; height: auto; margin: 0; padding-left: 10px; background: url(../images/point.gif) 0 center no-repeat; line-height: 1.3; font-size: 11px; letter-spacing: -0.1em;}
.top li div img { padding-bottom: 5px;}
.gyoumu { left: 12px!important; width: 282px!important;}
.news { padding-left: 13px;}
.news h2 { padding-bottom: 10px;}
.news dt { float: left; clear: left; width: 120px; padding: 8px 0 8px 15px; background: url(../images/arr.gif) 0 center no-repeat;}
.news dd { padding: 8px 0 8px 150px; background: url(../images/line.gif) 0 0 repeat-x;}

form { padding: 0 60px;}
input, textarea, select { margin: 6px 0; padding: 2px; vertical-align: middle; line-height: 1.4;}
.arr { padding-left: 12px; background: url(../images/arr.gif) 0 6px no-repeat;}
.long { width: 500px;}
.paragraph { width: 100%; margin-bottom: 30px;}
.paragraph th { width: 190px; padding: 10px 0; vertical-align: middle; background: url(../images/line.gif) 0 bottom repeat-x; line-height: 1.4;}
.paragraph td { padding: 10px 0 10px 20px; vertical-align: middle; background: url(../images/line.gif) 0 bottom repeat-x; line-height: 1.4;}

.map { margin-bottom: 20px;}
.set { width: 840px; margin: 0 auto; padding: 20px; border: #F5F5F5 solid 5px;}
.set table { width: 600px;}

.price th { width: 250px; padding: 10px 20px; background: #EBEADC url(../images/line.gif) 0 bottom repeat-x; border-top: #FFF solid 1px;}
.kakaku { font-weight: bold; color: #860004;}

.short { float: right; width: 660px;}
.flow { margin: 0!important;}
.flow li { margin-bottom: 10px; padding: 0 100px 30px; background: url(../images/arrow.png) center bottom no-repeat;}
.flow li p { padding-left: 30px;}
.flow li.end { background: none;}
.flow li li { padding: 0; background: none;}



/*HACK*/
/*******************************************************************/
/*indent*/
#header li a { display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}

/*clear*/
.cf { display:inline-block;}
.cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/