@charset "shift_jis";

body{
    background: #fff;
    color: #333;
    font-size: 1em;
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    line-height:1.4;
	background: url(img/bg.gif) repeat-x left 8px;
	padding-top: 8px;
}

a:link{color:#225e9a;}
a:visited{color:#225e9a;}
a:hover{color:#666;}

div#container{
	width: 960px;
	margin: 0 auto;
}
/*div.header{
	width: 100%;
	background: none;
	height: auto;
	margin-top: 52px;
}*/



div.dl_head {
	margin: 0;
}


div.dl_head h1{
	color:#666;
	border-bottom: none;
	background-color: #f4f4f4;
	padding: 5px 10px;
	font-weight: normal;
}

div.showcase h2, div.showcase2 h2 {
	color:#666;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    padding: 60px 0 40px 0;
    clear: both;
	border-bottom: none;
	border-top: 2px solid #f4f4f4;
	margin-top: 20px;
	clear: both;
}

div.dl_head ul.TotalMenu{
	background: none;
	padding: 5px 0 10px;
	margin: 10px 0 45px;
}div.dl_head{
	 overflow: hidden;
    width: 960px;
}






div.dl_head ul.NoteMenu {
    overflow: hidden;
}
div.dl_head ul.NoteMenu li {
    display: block;
}


/*ヘッダー_リニュ旧*/
/*div.header{
	width:960px;
	height:113px;
	border-bottom: none;
}

div.header div#logo{
	text-indent:-9999px;
}
div.header div#logo a{
	display:block;
	float:left;
	width:750px;
	height:113px;
	background:url(img/logo_hiroba_2017.png) no-repeat left top;
}
div.header div#maruai a{
	text-indent:-9999px;
	background:url(img/logo_contact.png) no-repeat center;
	width: 130px;
	height: 30px;
	display:block;
	margin-top: 45px;
}
*/

/*ヘッダー*/
div.header{
	width:960px;
	height:113px;
	border-bottom: none;
}

div.header div#head__logo_corp a{
	text-indent:-9999px;
	display:block;
	float:left;
	width:106px;
	height:113px;
	background:url(img/logo_corp.png) no-repeat left top;
}
div.header div#head__logo_dl{
	float:left;
	width:724px;
	height:113px;
	text-align:center;
}
div.header div#head__logo_dl a{
	text-indent:-9999px;
	display:block;
	width:327px;
	height:113px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/logo_dlhiroba.png) no-repeat center top;
}
div.header div#head__contact a{
	text-indent:-9999px;
	background:url(img/logo_contact.png) no-repeat center;
	float:right;
	width: 130px;
	height: 30px;
	display:block;
	margin-top: 45px;
}


/*サブメニュー*/

div.dl_head ul.SubMenu{
	float: right;
	width: 50%;
	min-height: 100px;
	margin-left: 30px;
	padding-left: 0;
}
div.dl_head ul.SubMenu li{
/*	font-size: 0.8em; */
    margin-left: 15px;
}
div.dl_head ul.SubMenu li a{
/*	font-size: 1.25em; */
}



div.showcase, div.showcase2 {
	margin: 20px 0 0 0;
}

div.showcase dl {
	width: 239px;
	float: left;
	text-align: center;
	margin-bottom: 40px;
}
div.showcase div dl:nth-child(4n+5){
clear:both;
}/*showcase2が3つ？式辞用紙*/

div.showcase dt, div.showcase2 dt {
	color: #666;
	background: #f4f4f4;
	padding: 2px;
	margin: 0 8px 5px 8px;
}



span.blinking{
	display: none;
}



.MainMenu {
    width: 840px;
}
dl#MenuKankon dt, dl#MenuParsonal dt {
    width: 200px;
}
dl#MenuKankon, dl#MenuParsonal {
    width: 200px;
}
div.MainContent {
    width: 960px;
    float: none;
    margin-left: 0px;
    overflow: hidden;
	padding-top: 0;
}
div.MainContent h1 {
    color: #666;
    background: none;
    background-color: #f4f4f4;
}

div.MenuPickup {
    float: right;
	padding: 0;
    background: none;
    width: 120px;
}
div.MenuPickup img {
    margin: 0 0 10px 0;
}
dl#MenuKankon dd, dl#MenuParsonal dd {
    padding-top: 9px;
    padding-bottom: 9px;
}

dl#MenuParsonal.huutou dt {
    background: url(img/menu_huutou.gif) no-repeat left top;
}
dl#MenuParsonal.rirekisyo dt {
    background: url(img/menu_rirekisyo.gif) no-repeat left top;
}

div.MainContent h2 {
    color: #666;
    font-weight: normal;
    margin: 35px 0 10px 0;
}
div.MainContent h3 {
    font-weight: normal;
    margin: 25px 0 15px 0;
}


.plink {
    border-top: 2px solid #f0f0f0;
}


div.showcase dd div.thumbnail {
    height: auto;
}

/*グローバルメニュー*/
#GlobalNaviArea {
    position: relative;
	margin-bottom: 40px;
}
#GlobalNaviList {
	margin-right: auto;
	margin-left: auto;
    height: 50px;
	width: 820px;
}
#GlobalNaviList > li {
	float: left;
	text-align: center;
}
#GlobalNaviList li.GlobalNavi__01{
	width: 260px;
}
#GlobalNaviList li.GlobalNavi__02{
	width: 190px;
}
#GlobalNaviList li.GlobalNavi__03{
	width: 200px;
}
#GlobalNaviList li.GlobalNavi__04{
	width: 170px;
}
#GlobalNaviList > li > a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
}
#GlobalNaviList > li a:hover {
    color: #999;
}
#GlobalNaviList > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

li.GlobalNavi__single-Level {
    position: relative;
}
li.GlobalNavi__single-Level ul {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
	border: 2px solid #f0f0f0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.GlobalNavi__single-Level:hover ul {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

ul.GlobalNavi__second-Level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.GlobalNavi__second-Level li {
    border-top:  2px solid #f0f0f0;
	width: 100%;
	text-align: center;
}.GlobalNavi__second-Level li:first-child {
    border-top:  none;
}
.GlobalNavi__second-Level li a{
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.GlobalNavi__second-Level li a:hover {
    background: #f0f0f0;
}


/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
#GlobalNaviList:before,
#GlobalNaviList:after {
    content: " ";
    display: table;
}
#GlobalNaviList:after {
    clear: both;
}
#GlobalNaviList {
    *zoom: 1;
}



/*トップページ*/
.MenuPickup a{
	display: block;
}
.MenuPickup a:hover{
	background-color: #fff;
	opacity: 0.8;
}