@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,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;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: 0; vertical-align: top;}
li { list-style: none;}
a:link { color: #257AA5; text-decoration: underline;}
a:visited { color: #257AA5; text-decoration: underline;}
a:hover { color: #5BC5F7; text-decoration: none;}
a:active { color: #257AA5; text-decoration: none;}
strong { font-weight: bold; font-size: 108%; color: #FF3F00;}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; font: 81.25% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000;}
#container { text-align: left; font-size: 116%; line-height: 1.7;}
#wrap { padding: 30px 0; background: url(../images/common/wrap.jpg) 0 0 repeat-x;}
#main, .in { position: relative; width: 980px; margin: 0 auto; text-align: left;}


/*HEADER*/
/*******************************************************************/
#header { height: 144px; background: url(../images/common/header.jpg) 0 0 repeat-x;}
#header h1 { position: absolute; top: 20px; right: 0; font-size: 85%; font-weight: normal; color: #FFF;}
#logo { position: absolute; top: 34px; left: 0;}
#header p { position: absolute; top: 40px; right: 0;}
#header ul { position: absolute; top: 95px; left: 0;}
#header li { float: left;}
#header li a { display: block; height: 46px; background: url(../images/common/btn.jpg) 0 0 no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
li#b01 a { width: 97px; background-position: 0 0;}
li#b02 a { width: 275px; background-position: -97px 0;}
li#b03 a { width: 275px; background-position: -372px 0;}
li#b04 a { width: 173px; background-position: -647px 0;}
li#b05 a { width: 160px; background-position: -820px 0;}
li#b01 a:hover, li#b01 a.on { background-position: 0 -46px;}
li#b02 a:hover, li#b02 a.on { background-position: -97px -46px;}
li#b03 a:hover, li#b03 a.on { background-position: -372px -46px;}
li#b04 a:hover, li#b04 a.on { background-position: -647px -46px;}
li#b05 a:hover, li#b05 a.on { background-position: -820px -46px;}
#bread { font-size: 85%; color: #000;}
#bread a { text-decoration: none; color: #000;}


/*FOOTER*/
/*******************************************************************/
#flink{ clear: both; background: #0CA3E8 url(../images/common/flink.jpg) 0 0 repeat-x; color: #FFF;}
#flink p { float: right;}
#flink li { float: left; padding: 10px 0;}
#flink li a { padding: 0 20px 0 10px; background: url(../images/common/arrf.png) 0 center no-repeat; text-decoration: none; color: #FFF;}
#flink li a:hover, #footer a:hover { color: #99E5FF;}
#footer { padding: 30px 0 20px; background: #0D95D2 url(../images/common/footer.jpg) 0 0 repeat-x; color: #FFF;}
#footer p { float: left; padding: 20px 30px 0 0;}
#footer dl { float: left; margin-bottom: 30px; padding-left: 70px; font-size: 93%;}
#footer dl.first { padding-left: 0;}
#footer dt { padding: 0 0 2px 15px; background: url(../images/common/square.png) 0 2px no-repeat; font-weight: bold;}
#footer dt.gap { margin-top: 10px;}
#footer dd { padding: 0 0 2px 30px; background: url(../images/common/dot.png) 20px 8px no-repeat;}
#footer a { text-decoration: none; color: #FFF;}
.manager { clear: both; border-top: #FFF solid 2px; font-size: 85%;}
#copy { padding: 10px 0; background: #D6D6D6; font-size: 11px;}


/*ASIDE*/
/*******************************************************************/
#aside { float: left; width: 240px;}
#aside li { padding-bottom: 10px;}
#aside h4 { padding: 12px 6px; text-align: center; background: #0B93D1 url(../images/common/sidet.png) 0 0 no-repeat; font-size: 108%; font-weight: bold; color: #FFF;}
#aside h4 a { text-decoration: none; color: #FFF;}
#aside p a { display: flex; gap: 10px; margin-top: 10px; font-size: 85%; text-decoration: none;}
#aside p a::before { content: ''; width: 0; height: 0; margin-top: 5px; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #257AA5;}
.menu { margin-bottom: 30px; border: #0CA3E8 solid 2px;}
.menu li { padding-bottom: 0!important;}
.menu li a { display: block; padding: 12px 0 12px 35px; background: url(../images/common/arr2.png) 12px center no-repeat; border-top: #0CA3E8 dotted 1px; text-decoration: none; color: #000;}
.menu li a:hover, .menu li a.on { background-color: #BFEFFF;}
.menu li:first-child a { border: none;}


/*CONTENTS*/
/*******************************************************************/
#main { padding-bottom: 30px;}
#contents { float: right; width: 700px;}
#contents h4 { margin-bottom: 20px;}
#contents p { padding-bottom: 30px;}
.title { clear: both; height: 80px; margin-bottom: 20px; padding: 0 30px; background: url(../images/common/title.png) 0 0 no-repeat; line-height: 80px; font-size: 26px; color: #0CA3E8;}
.st { clear: both; height: 40px; margin-bottom: 20px; padding-left: 20px; background: url(../images/common/st.png) 0 0 no-repeat; line-height: 40px; font-size: 138.5%; color: #FFF;}
.st span { font-size: 77%; font-weight: normal;}
.st a { text-decoration: none; color: #FFF;}
.sub { clear: both; margin-bottom: 10px; padding: 0 3px 6px 15px; border-bottom: #0CA3E8 dotted 1px; background: url(../images/common/sub.png) 0 0 no-repeat; font-size: 131%; font-weight: normal;}


/*top*/
#mainimg { clear: both; min-width: 980px; height: 360px; margin: 0 auto; text-align: center; background: url(../images/top/main.jpg) center 0 no-repeat;}
#mainimg h2 { padding: 32px 260px 0 0;}
.top #contents { float: left;}
.top #aside { float: right;}
.lineup { margin-bottom: 20px;}
.lineup li { float: left; padding: 0 0 20px 20px;}
.lineup li.first { padding-left: 0;}
.news { padding: 2px 0 0; border: #0CA3E8 solid 1px; color: #1D245A;}
.news dt { float: left; clear: left; width: 120px; padding: 12px 5px 12px 30px; background: url(../images/common/arr.png) 15px center no-repeat; font-size: 77%;}
.news dd { padding: 12px 0 12px 130px; border-bottom: #0CA3E8 dotted 1px;}


/*PAGE*/
#subimg { height: 140px; text-align: left; background: url(../images/common/sub.jpg) center 0 no-repeat;}
#subimg h2 { padding: 25px 0 10px; font-size: 36px; text-shadow: 1px 1px 3px #FFF;}

.fl { float: left; padding: 0 20px 20px 0;}
.fr { float: right; padding: 0 0 20px 20px;}

.ul, .ol { margin: 0 0 20px 40px;}
.ul li { padding-bottom: 5px; list-style: disc;}
.ol li { padding: 3px 0 3px 5px; border-bottom: #CCC dotted 1px; list-style: decimal; font-size: 138.5%; font-weight: bold; font-style: italic; color: #006EDE;}
.ol li span { font-size: 85%; font-weight: normal; font-style: normal; color: #555759;}

.ts { margin-bottom: 40px; border: #DDD solid 1px;}
.ts table { width: 100%;}
.ts th, .ts td { padding: 10px 20px; background: #FFF url(../images/common/ts.gif) 0 bottom repeat-x; vertical-align: top;}
.ts th { width: 110px; background-color: #F6F6F6; border-top: #FFF solid 1px; border-left: #FFF solid 1px;}
.ts th span { float: right;}
.long th { width: 170px;}
.mid th { width: 80px;}
.half table { width: 330px;}
.half { padding: 0!important;}
.ts td.tst { background-color: #EEF7FF; border: #006EDE solid 1px; font-size: 116%; color: #006EDE;}
.ts td.rl { text-align: center; border-right: #DDD dotted 1px;}
input, textarea { padding: 2px;}

.merit li { margin-bottom: 10px; border-bottom: #0CA3E8 dotted 1px;}
.allline { width: 100%; margin-bottom: 30px; text-align: center; border-top: #CCC solid 1px; border-left: #CCC solid 1px;}
.allline th, .allline td { padding: 5px 10px; border-right: #CCC solid 1px; border-bottom: #CCC solid 1px;}
.faq dt { padding: 10px 0 20px 100px; background: url(../images/about/faq/que.png) 0 0 no-repeat; font-size: 108%; font-weight: bold;}
.faq dd { margin-bottom: 20px; padding: 10px 0 25px 100px; background: url(../images/about/faq/ans.png) 0 0 no-repeat; border-bottom: #0CA3E8 dotted 1px;}
.business li { padding: 10px; border-bottom: #0CA3E8 dotted 1px; font-size: 116%;}
.map { height: 400px; margin-bottom: 40px; border: #0CA3E8 solid 5px;}
.line { width: 100%; margin-bottom: 40px;}
.line th, .line td { padding: 10px 20px; border-bottom: #CCC solid 1px;}
.line th { text-align: center;}
.links li { padding: 10px 10px 10px 50px; background: url(../images/links/arr.png) 0 center no-repeat; border-bottom: #0CA3E8 dotted 1px; font-size: 116%;}
.article { margin-bottom: 30px; padding-bottom: 15px; border-bottom: #0CA3E8 dotted 1px;}
.time { display: inline-block; margin-bottom: 3px; padding: 0 10px; background: #1269B6; font-size: 85%; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(border-radius.htc);}
.list { margin-bottom: 20px; padding: 10px 10px 5px; background: #F5F5F5; border: #EEE solid 5px;}
.list h5 { margin-bottom: 5px; padding: 3px 0 3px 10px; background: #FFF; border: #0B93D1 solid 2px; border-left: #0B93D1 solid 6px; font-size: 108%;}
.list table { width: 100%; margin-bottom: 5px; text-align: center; background: #FFF;}
.list th, .list td { padding: 3px; border: #0B93D1 solid 1px; font-size: 85%; font-weight: normal;}
.info th { width: 45%; background: #BFEFFF;}
.info2 th { width: 80px; background: #FDE000; border-color: #AAA;}
.info2 td { padding: 4px; border-color: #AAA;}
.info2 td.model { background: #FDFDEA;}
.list td.comment { text-align: left; line-height: 1.4;}
.list td.comment p { padding-bottom: 0!important;}
.box { margin-bottom: 30px; padding: 20px 20px 0; border: #0CA3E8 solid 2px;}
.pdf { margin-bottom: 50px;}
.pdf li { font-size: 116%;}
.pdf li a { display: block; margin: 0 20px 10px 0; padding: 4px 0 4px 40px; background: url(../images/common/pdf.png) 0 0 no-repeat; border-bottom: #0CA3E8 solid 1px; text-decoration: none;}
.half li { float: left; width: 350px;}
.price { margin-bottom: 30px; text-align: right; border-bottom: #0CA3E8 solid 1px; font-size: 108%; font-weight: bold;}
.price span { padding-left: 5px; font-size: 138.5%; color: #0CA3E8;}

.search { position: relative; margin-bottom: 30px; padding: 10px; background: url(../images/search/search_back.gif) 0 0 repeat; border: #0B93D1 solid 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(border-radius.htc);}
.search_box { margin-bottom: 10px; padding-bottom: 10px; background: url(../images/search/bar.gif)0 bottom repeat-x;}
.search dt { float: left; padding-right: 10px;}
.search dd { float: right; width: 570px; padding-bottom: 10px;}
.search label { float: left; padding-right: 10px; text-align: center; font-size: 14px;}
.search label.areat { width: 105px; text-align: left; font-weight: bold!important;}
.search label span { font-size: 11px;}
.search dd div { float: right; width: 450px;}
.search dd input { margin-right: 2px;}
.search dd.nagoya { padding-bottom: 10px;}
.search dd.nagoya label { font-weight: normal;}

.navi { padding-bottom: 30px;}
.wp-pagenavi { clear: both; text-align: center; padding: 40px 0;}
.wp-pagenavi a, .wp-pagenavi span { margin: 2px; padding: 3px 8px; background: #FFF; border: #D6D6D6 solid 1px; text-decoration: none;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #342818;}
.wp-pagenavi span.current { font-weight: bold;}


/*HACK*/
/*******************************************************************/
.title, .st, .sub, #subimg h2, #aside h4, .list h5 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.center { text-align: center;}
.right { text-align: right;}
.clear { clear: both;}

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