@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;}
a:link { color: #FFF; text-decoration: underline;}
a:visited { color: #FFF; text-decoration: none;}
a:hover { color: #F33; text-decoration: underline;}
a:active { color: #FFF; text-decoration: none;}
strong { font-size: 108%; font-weight: bold;}
img { vertical-align: middle;}
.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;}
.attention { color: #FC0;}


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


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 318px; background: url(../images/header.jpg) 0 0 no-repeat;}
#header h1 { padding: 1px 10px; font-size: 10px; color: #000;}
#logo, #header ul, #header div { position: absolute;}
#logo { top: 34px; left: 6px;}
#header ul { top: 8px; right: 0;}
#header li { float: left; margin-right: 30px; list-style: none;}
#header li a:hover, #header li a.on { border-bottom: #F30 solid 4px;}
#search { top: 154px; left: 316px;}
#phone { top: 200px; left: 280px;}
#past { top: 255px; right: 0;}
#breadcrumb { top: 270px; left: 266px; width: 470px; line-height: 1.2;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; position: relative; height: 200px; background: url(../images/footer.jpg) 0 0 repeat-x; font-size: 93%;}
#footer h4 { padding: 8px; font-size: 108%; font-weight: bold;}
#footer p { position: absolute; top: 30px; right: 20px;}
#footer ul { position: absolute; top: 42px; left: 464px;}
#footer ul li { float: left; padding-right: 15px; list-style: none;}
#footer address { position: absolute; top: 130px; left: 0; width: 100%; text-align: center;}
#footer a { text-decoration: none;}


/*CONTENTS*/
/*******************************************************************/
.wrap { padding: 0 0 20px;}
#main { float: right; width: 770px;}
#contents { float: left; width: 575px;}
#menu { float: right; width: 165px;}
#aside { float: left; width: 210px;}
#menu li, #aside li { padding-bottom: 16px; list-style: none;}


#contents h2 { padding: 0 0 20px;}
#main h2.st { height: 32px; margin-bottom: 20px; padding-left: 10px; background: url(../images/h2.png) 0 0 no-repeat; font-size: 18px; font-weight: bold; line-height: 2; letter-spacing: 0.2em; color: #FFF;}
#main h3 { padding-bottom: 10px;}
#main h3.st { margin-bottom: 10px; padding: 0 10px 6px 26px; background: url(../images/arrow.png) 0 0 no-repeat; border-bottom: #F30 solid 4px; font-size: 123.1%; letter-spacing: 0.2em; line-height: 1.4; color: #F30;}
#main h4 { margin-bottom: 10px; padding: 2px 6px; background: #F30; font-size: 116%; font-weight: bold; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#main h5 { padding: 2px; font-size: 116%; font-weight: bold; color: #0F0;}

#main p, .youtube { padding: 0 0 20px;}
.ol, .ul { margin: 0 0 20px 30px;}
.pt { clear: both; margin-bottom: 40px; text-align: right;}


#contents .news  ul { margin: 0;}
.news li { clear: both; margin-bottom: 20px; padding-bottom: 20px; background: url(../images/line.gif) 0 bottom repeat-x; list-style: none;}
#contents .news h3 { margin: 0 0 15px 220px; padding: 0 0 0 10px; border-left: #F30 solid 4px; font-size: 116%; font-weight: bold;}
#contents .news p { padding: 0 0 15px 220px;}
.news .img { float: left; margin: 0 20px 0 0; border: #333 solid 1px;}
.news .img img { width: 200px; height: 150px;}


.price { width: 100%; margin-bottom: 30px;}
.price th, .price td { padding: 5px 20px;}
.price th { background: #FC0 url(../images/price.jpg) 0 0 repeat-x; border-bottom: #000 solid 1px; color: #000;}
.price td { background: #1C1600; border-bottom: #FC0 solid 1px; font-size: 116%;}


.list { margin-bottom: 30px;}
.list li { float: left; width: 200px; margin: 10px 18px 30px; padding: 8px; background: #FFF; list-style: none; line-height: 1.4; color: #000;}
.list li img { padding-bottom: 8px;}
#main .list li p { padding-bottom: 0; word-break: break-all;}
.short li { width: 100px;}


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; vertical-align: middle; background: url(../images/line.gif) 0 bottom repeat-x; line-height: 1.4;}
.paragraph td { padding: 10px; vertical-align: middle; background: url(../images/line.gif) 0 bottom repeat-x; line-height: 1.4;}
.nowidth th { width: 80px;}
.th1 { width: 140px!important; background: #004848 url(../images/line.gif) 0 bottom repeat-x!important;}
.td1 { background: #333!important; border-right: #000 solid 1px;}
.td2 { background: #111 url(../images/line.gif) 0 bottom repeat-x!important;}


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