@charset "utf-8";

/* common
-------------------------------------------------- */
a{ color:#00afe6; }
a:visited{ color:#00afe6; }
a:hover{ color:#1E1B8C; }

#contentsArea { background:#efefef;}
#contentsAreaLeft { float:left; width:730px;}

/* sidebar
-------------------------------------------------- */
#sidebar { float:right; width:250px; }
#sidebar ul.banner { padding-bottom:20px;}
#sidebar ul.banner li { margin-bottom:10px;}
#sidebar #sidebarNews { margin-bottom:25px;}
#sidebar #sidebarNews .title { margin-bottom:10px; padding:0 0 7px 35px; background:url(/images/bg_top_sidebar_news_icon.png) 0 0 no-repeat; border-bottom: solid 1px #7474a1; color:#131364; font-weight:bold;}
#sidebar #sidebarNews .title span { display:block; padding:3px 0 0;}
#sidebar #sidebarNews ul li { margin-bottom:10px; padding:10px; border-bottom:solid 1px #d3d3d3;}
#sidebar #sidebarNews .subTitle { margin-bottom:10px;}
#sidebar #sidebarNews .subTitle .date { color:#131364; font-weight:bold;}
#sidebar #sidebarNews .subTitle .news { margin-left:6px; padding:0 5px; border:solid 1px #de2100; line-height:1; color:#de2100; font-weight:bold; font-size:12px;}
#sidebar #sidebarNews .text a { color:#000000; font-size:14px;}

#sidebar #siderbarInner { padding: 15px 20px 20px;}
#sidebar #siderbarInner br { display:none;}
#sidebar #siderbarInner #titleTel { min-height:25px; padding: 12px 0 0 33px; font-size: 15px;}
#sidebar #siderbarInner #titleTel + p { font-size:13px;}
#sidebar #siderbarInner #titleTel + p span { margin-right:10px;}
#sidebar #siderbarInner #titleWeb { min-height:25px; padding: 7px 0 0 33px; font-size: 15px; }
#sidebar #siderbarInner dt { float:left; width:60px; clear:both;}
#sidebar #siderbarInner dd { margin: 0 0 5px 60px; font-size: 15px;}
#sidebar #siderbarInner #sidebarBtn li { width:190px; height:50px; margin:0 auto; text-indent:-9999px;}
#sidebar #siderbarInner #sidebarBtn li a { display:block; width:190px; height:50px;}
#sidebar #siderbarInner #sidebarBtn li.inquiry { padding-bottom:10px; background:url(/images/btn_top_inquiry_sidebar.png) 0 0 no-repeat;}
#sidebar #siderbarInner #sidebarBtn li.brochure { padding-bottom:0; background:url(/images/btn_top_brochure_sidebar.png) 0 0 no-repeat;}

/* main column
-------------------------------------------------- */
#mainColOuter { float: left; width: 700px; margin-bottom:20px;}
#mainCol { padding: 20px 30px 30px;}

/* keyVisual
-------------------------------------------------- */
#keyVisual { margin-top:20px; background:#e1ebf2 url("/images/bg_top_main.jpg") left top no-repeat;}
#keyVisualInner { width:980px; height:326px; margin:0 auto;}
#keyVisualInner .title { float:left; margin-top:53px;}
#keyVisualInner .link { float:right; margin-top:287px;}
#keyVisualInner .link a { padding-right:20px; background:url("/shared/images/bg_top_darkbrue_arrow.png") right center no-repeat; font-size:16px; font-weight:bold;}

/* brandPanel
-------------------------------------------------- */
#brandPanel { width:980px;margin:25px auto;}
#brandPanel .innerLeft { float:left; width:530px;}
#brandPanel .innerLeft h2{ font-size:26px; margin-bottom:15px; color:#131364;}
#brandPanel .innerLeft .read{ margin-bottom:15px; font-size:16px;}
#brandPanel .innerRight { float:right; width:430px;}
#brandPanel .innerRight #caseSlider{ position:relative; width:370px; min-height:80px; margin-bottom:10px; padding:0 30px;}
#brandPanel .innerRight #caseSlider a { color:#131364;}
#brandPanel .innerRight #caseSlider a:hover { text-decoration:none;}
#brandPanel .innerRight #caseSlider ul{ margin:0 auto;}
#brandPanel .innerRight #caseSlider ul li{ padding:0 20px;}
#brandPanel .innerRight #caseSlider ul li span.main{ display:block; margin-bottom:10px; font-size:17px; font-weight:bold;}
#brandPanel .innerRight #caseSlider ul li span.sub{ display:block; font-size:16px;}
#brandPanel .innerRight #caseSlider #prevBtn{ position:absolute; top:25px; left:0;}
#brandPanel .innerRight #caseSlider #nextBtn{ position:absolute; top:25px; right:0;}
.bx-controls{ display:none; position:absolute; top:90px; left:50px;}
.bx-pager-item{ display:block; float:left; margin-right:2px;}
.bx-pager-item a { background-color:#e2e2e2; height: 3px; text-indent: -9999px; width: 23px; display:block;}
.bx-pager-item a.active{ background-color:#00a0e3; height: 3px; text-indent: -9999px; width: 23px; display:block;}

/* topIntro
-------------------------------------------------- */
#topIntro .ttlBlock { border-left:3px solid #0b0c3b; padding:13px 0 11px 14px; margin-bottom:20px;}
#topIntro ul { margin:0 0 10px -18px;}
#topIntro ul li { float:left; width:304px; padding:2px; margin:0 0 15px 18px; border:solid 1px #c5c5c5;}
#topIntro ul li .title { padding:15px; background:#131364; font-size:22px; line-height:1;}
#topIntro ul li .title a { color:#FFF;}
#topIntro ul li .title a:hover { text-decoration:none;}
#topIntro ul li .ph { margin:3px 0 0;}
#topIntro ul li .text { margin-right:10px; padding:12px 30px 12px 14px; background:url(/images/bg_top_intro_arrow.png) right center no-repeat; font-size:16px; line-height:1.5;}
#topIntro ul li .text a { color:#000; text-decoration:none;}
#topIntro ul li .text a:hover { color:#000; text-decoration:underline;}

/* topPlan
-------------------------------------------------- */
#topPlan .ttlBlock { border-left:3px solid #0b0c3b; padding:13px 0 11px 14px; margin-bottom:20px;}
#topPlan .read { margin-bottom:25px; font-size:17px; line-height:1.5;}
#topPlan #topPlan01 { margin-bottom:10px; background:url("/images/bg_top_plan01_title.jpg") 0 0 no-repeat #f9f9fb;}
#topPlan #topPlan01 #topPlanInner  { padding-bottom:15px; background:url("/images/bg_top_plan01_contents.jpg") 0 bottom no-repeat;}
#topPlan #topPlan02 { margin:45px 0 10px; background:url("/images/bg_top_plan02_title.jpg") 0 0 no-repeat #f9f9fb;}
#topPlan #topPlan02 #topPlanInner  { padding-bottom:15px; background:url("/images/bg_top_plan02_contents.jpg") 0 bottom no-repeat;}
#topPlan #topPlanInner h3 { padding:50px 0 50px 15px;}
#topPlan #topPlanInner ul { width:612px; margin:0 auto;}
#topPlan #topPlanInner ul li { margin-bottom:15px; padding:2px; background:#FFF; border:solid 1px #757575;}
#topPlan #topPlanInner ul li.last { margin-bottom:0;}
#topPlan #topPlanInner ul li dl { background:url(/images/bg_top_plan01_subtitle.jpg) 0 bottom no-repeat;}
#topPlan #topPlanInner ul li .title { float:left; width:234px; min-height:93px; text-align: center!important; line-height:1.3;}
#topPlan #topPlanInner ul li .title a { color:#131364; font-size:20px; font-weight:bold; text-decoration:underline;}
#topPlan #topPlanInner ul li .title a:hover { text-decoration:none;}
#topPlan #topPlanInner ul li .title span.l1 { display:inline-block; margin-top:35px; text-align: center;}
#topPlan #topPlanInner ul li .title span.l2 { display:inline-block; margin-top:25px; text-align: center;}
#topPlan #topPlanInner ul li .title span.small { font-size:12px;}
#topPlan #topPlanInner ul li .text { float:right; width:317px; margin-right:10px; padding:12px 30px 12px 15px; background:url(/images/bg_top_intro_arrow.png) right center no-repeat; color:#000; font-size:14px; line-height:1.7;}
#topPlan #topPlanInner ul li .text a { color:#000; text-decoration:none;}
#topPlan #topPlanInner ul li .text a:hover { color:#000; text-decoration:underline;}

/* topOther
-------------------------------------------------- */
#topOther .ttlBlock { height:220px; margin-bottom:30px; background:url(/images/bg_top_other.jpg) 0 0 no-repeat; border-left:3px solid #0b0c3b;}
#topOther .ttlBlock h2 { padding:75px 0 0 25px;}
#topOther ul li { margin-bottom:20px; padding:0 0 15px 30px; background:url(/images/bg_top_other_att.jpg) 3px 7px no-repeat;font-size:18px; border-bottom:solid 1px #dddddd; line-height:1.5;}
#topOther ul li span { color:#131364; font-size:20px; font-weight:bold;}

/* pageSiteMapWrap
-------------------------------------------------- */
#pageSiteMapWrap .footerSiteNaviBlock{
	width:220px;
}

/* ▼サイトマップ */
#siteMapArea{
	width: 980px;
	margin: 0 auto;
}
#siteMapTitle{
	margin: 45px 0 0;
}
#siteMapArea #footerSiteNavi{
	padding:40px 0 45px;
}
#siteMapArea .footerSiteNaviBlock{
	width:220px;
	margin-left:0;
}
#siteMapArea .footerSiteNaviBlock dl dt{
	font-size:13px;
	padding-bottom: 7px;
}
#siteMapArea .footerSiteNaviBlock dl dd ul li{
/*	background: url("/shared/images/bg_darkbrue_arrow.png") left center no-repeat;*/
	padding: 5px 5px 5px 14px;
	font-size:13px;
}
#siteMapArea .footerSiteNaviBlock dl dd ul li a{
	color:#009EE0;
	text-decoration:underline;
}
#siteMapArea .footerSiteNaviBlock dl dd ul li a:hover{
	color:#1E1C8B;
}