@charset "UTF-8";

/* 文字色
******************************************************************/
a{color:#599EC3; text-decoration:none;}
a:hover{text-decoration:underline;}


/* タグ
******************************************************************/
@media print{* html body{zoom:80%;}}
@media print{*+html body{zoom:75%;}}

body{margin:0px; padding:0px; color:#333333; font-size:100%; line-height:150%;
background:url(../images/base-bg.gif) center top repeat-y;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ){body{font-size:16px; line-height:150%;}}
@-moz-document url-prefix( ){body{font-size:16px; line-height:150%;}}

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section{display:inline; margin:0; padding:0;}

form{margin:0px; display:inline;}
script{height:0px;}
img{border:none; margin:0px; vertical-align:bottom;}
form,input,textarea,select{margin:0; padding:0; display:inline;}

/* 見出し
******************************************************************/
h1{margin:0px; padding:0px; font-weight:normal;}
h2{margin:0px; padding:0px; font-weight:normal;}
h3{margin:0px; padding:0px; font-weight:normal;}
p{margin:0px; padding:0px; font-weight:normal;}


/* 基本レイアウト
******************************************************************/
div.space{height:0px; display:block; width:auto; clear:both;}
div.space hr{position:absolute; left:-9999px;}
div.line{height:0px; display:block; width:auto; clear:both;}
div.line hr{position:absolute; left:-9999px;}

#base{width:930px; margin:0 auto; position:relative;}

/* ヘッダー
******************************************************************/
#top{width:100%; position:relative; z-index:10; height:142px;}
#top h1{padding:0; margin:0; float:left;}
#top .tel{padding:0; margin:0; float:right;}
#top h2{padding:5px 0 0 28px; margin:0; height:97px; float:left;}
#top p.point{padding:11px 40px 0 0; margin:0; height:91px; float:right;}

#gnav{width:100%; clear:both; float:left; height:30px; background:#365ca9;}
#gnav nav{width:100%; float:left; height:30px; display:block;}
#gnav ul{margin:0; padding:0; width:100%; height:30px; list-style:none;}
#gnav ul li{margin:0; padding:0; position:relative; height:30px; z-index:99;}
#gnav .greeting{float:left; height:30px; width:238px;}
#gnav .aboutus{float:left; height:30px; width:225px;}
#gnav .contact{float:left; height:30px; width:223px;}
#gnav .qanda{float:left; height:30px; width:224px;}
#gnav .qanda ul.sub{position:absolute; width:224px; height:160px; z-index:9999; left:0px; top:30px; float:none; display:none;}
#gnav .qanda ul.sub li{height:auto; float:none;}

/* フッター
******************************************************************/
#footer{clear:both; width:900px; margin:0 auto; text-align:center; padding-bottom:15px; padding-top:12px;
border-top:1px solid #bbb;
} 
#footer .copy{font-size:80%; line-height:150%; color:#666;}

/* サイドメニュー
******************************************************************/
#sidemenu{width:295px; float:right; padding-top:18px; padding-right:13px;
}
#sidemenu dl.banner{margin:0; padding:0 0 12px 0;}
#sidemenu dl.banner dt{margin:0; padding:0; height:44px;}
#sidemenu dl.banner dd{margin:0; padding:0;}
#sidemenu ul.banner{margin:0; padding:0 0 25px 0; list-style:none;}
#sidemenu ul.banner li{margin:0; padding:0 0 5px 0;}


/* コンテンツ
******************************************************************/
#content{width:600px; float:left; position:relative; z-index:1; padding-left:15px; padding-bottom:30px;}
/*#content{width:590px; float:left; position:relative; padding-left:15px; padding-bottom:30px;}*/
#content .pankuzu{margin:0; padding:15px 0px 20px 30px; font-size:100%; line-height:150%; color:#414141; font-weight:bold; text-align:left;}

/*ホーム*/
body.home{}
body.home #main{text-align:center; padding:0 15px 20px 15px; width:900px;}
body.home #main h1{padding-bottom:40px; padding-top:30px;}
body.home #main .irast{float:left;}
body.home #main .menu{float:right; width:435px; text-align:center;}
body.home #main .menu p.title{padding:0px 0 10px 0;}
body.home #main .menu ul{margin:0; padding:0; list-style:none;}
body.home #main .menu ul li{margin:0; padding:0 0 0px 0;}
body.home #main .menu ul li.bt04{margin-left:-8px;}
body.home #content{padding-bottom:20px; width:606px;}
body.home #sidemenu{padding-top:0;}
body.home #content h1{padding-bottom:3px;}
body.home #content .area{width:298px; float:left; padding-right:5px; margin-bottom:10px;}
body.home #content #no01.area{background:url(../images/home-bg01.gif) left bottom no-repeat; padding-bottom:70px;}
body.home #content #no02.area{background:url(../images/home-bg02.gif) left bottom no-repeat; padding-bottom:135px;}
body.home #content #no03.area{background:url(../images/home-bg03.gif) left bottom no-repeat; padding-bottom:118px;}
body.home #content #no04.area{background:url(../images/home-bg04.gif) left bottom no-repeat; padding-bottom:118px;}
body.home #content .area ul{margin:0; width:258px; padding:0 0 0 18px; list-style:none;}
body.home #content .area ul li{margin:0; padding:5px 0 0 12px; font-size:72%; line-height:135%; color:#252525;
background:url(../images/home-dot.gif) left 7px no-repeat; font-weight:bold;}
body.home #content .area ul li.but{padding-left:0; background:none;}


/*ごあいさつ*/
body.greeting{}
body.greeting #content{text-align:center;}
body.greeting #content h1{padding-top:15px; padding-bottom:30px;}
body.greeting #content p.read{font-size:100%; line-height:150%; font-weight:bold; color:#414141; padding-bottom:30px;}
body.greeting #content .photo{padding-bottom:40px;}
body.greeting #content .area{padding-bottom:8px; text-align:left;
background:url(../images/greeting-bg02.gif) left bottom no-repeat;} 
body.greeting #content .area .bg{background:url(../images/greeting-bg01.gif) left top no-repeat;
padding-top:8px;}
body.greeting #content .area h2{padding-top:12px; padding-left:18px; padding-bottom:8px;}
body.greeting #content .area p{font-size:84%; line-height:150%; font-weight:bold; color:#414141; padding-left:52px; padding-bottom:6px; width:345px;}

/*会社概要*/
body.aboutus{}
body.aboutus #content h1{padding-left:20px; padding-bottom:12px;}
body.aboutus #content .map{padding-left:20px;}
body.aboutus #content h2{padding-top:10px; padding-left:36px; padding-bottom:7px;}
body.aboutus #content .data{margin:0; padding:0 0 20px 36px; width:488px; font-size:88%; line-height:135%; color:#414141;
position:relative;}
body.aboutus #content .data a{display:block; width:150px; height:17px; position:absolute; z-index:2;
right:0px; top:7px;}
body.aboutus #content table{width:570px; margin-left:20px; border-collapse:collapse; border:none;}
body.aboutus #content table th{padding:5px 15px; width:1%; white-space:nowrap; text-align:center; vertical-align:middle;
 background-color:#ececec; border-bottom:2px solid #FFF; font-size:85%; line-height:150%; color:#414141;}
body.aboutus #content table td{padding:5px 15px; text-align:left; vertical-align:middle;
font-weight:normal; background-color:#e3f0fb; border-bottom:2px solid #FFF; border-left:2px solid #FFF;
font-size:73%; line-height:150%; color:#414141;}
body.aboutus #content td ul{padding:0; margin-left:1em;}


/*QandA扉*/
body.qanda-index{}
body.qanda-index h1{padding-left:12px;}
body.qanda-index .area{padding-left:4px; width:291px; float:left; padding-top:12px;}
body.qanda-index .area h2{}
body.qanda-index .area ul{margin:0; padding:0 0 20px 12px; list-style:none; width:279px;}
body.qanda-index .area ul li{margin:0; padding:0; text-align:right;}
body.qanda-index #q01.area ul{background:url(../images/top-bg-a.gif) 12px bottom no-repeat;}
body.qanda-index #q02.area ul{background:url(../images/top-bg-a.gif) 12px bottom no-repeat;}
body.qanda-index #q03.area ul{background:url(../images/top-bg-b.gif) 12px bottom no-repeat;}
body.qanda-index #q04.area ul{background:url(../images/top-bg-b.gif) 12px bottom no-repeat;}
body.qanda-index #q05.area ul{background:url(../images/top-bg-c.gif) 12px bottom no-repeat;}
body.qanda-index #q06.area ul{background:url(../images/top-bg-d.gif) 12px bottom no-repeat;}


/*QandA下層*/
body.a{}
body.a #content h1{padding-left:12px;}
body.a #content h2{padding-left:24px; padding-bottom:12px; padding-top:13px;}
body.a #content .bg{display:block; background:url(../qanda/images/a-bg01.gif) 24px top no-repeat;
padding:15px 152px 0 66px;}
body.a #content .bg p{background:url(../qanda/images/a-bg02.gif) left bottom no-repeat;
font-size:82%; line-height:150%; color:#222; padding:0 20px 20px 20px;}

body.a #content #a01{background:url(../images/irast01.gif) 466px 56px no-repeat; padding-bottom:12px;}
body.a #content #a02{background:url(../images/irast02.gif) 462px 56px no-repeat; padding-bottom:12px;}
body.a #content #a03{background:url(../images/irast03.gif) 477px 54px no-repeat; padding-bottom:12px;}
body.a #content #a04{background:url(../images/irast04.gif) 467px 40px no-repeat; padding-bottom:12px;}
body.a #content #a05{background:url(../images/irast05.gif) 475px 40px no-repeat; padding-bottom:12px;}

body.a #content .end{text-align:center; clear:both;}

/*お得なお知らせ*/
body.information{}
body.information #content{width::600px;}
body.information #content h1{padding-left:40px;}
body.information #content .dl{display:block; padding:10px 0 0 130px;}
body.information #content .data{margin:0; padding:15px 0;}
body.information #content .data img{margin:0; padding:0; float:left;}