@charset "utf-8";

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

/*リニューアルTOP*/
body{background:none;}
#header_new{background:url(../images/new_top/head_bk.jpg) repeat-x; height:75px;}
#header_area{width:900px; margin:0 auto; position:relative;}
#header_area h1{ position:absolute; top:25px; left:90px;}
#header_area h2{ float:none; width:87px; padding:0; height:75px;}
#header_area #header-link_new .btn1{ position:absolute; left:515px; top:10px;}
#header_area #header-link_new .btn2{ position:absolute; left:615px; top:10px;}
#header_area #header-link_new .btn3{ position:absolute; left:790px; top:10px;}
#header_area #header-link_new .btn4{ position:absolute; left:695px; top:10px;}
#header_area #header-tel_new{position:absolute; left:680px; top:35px;}

#top_key{background:url(../images/new_top/key_bk.jpg) repeat-x; height:390px;}
#top_key #container2{width:900px; margin:0 auto;position:relative;z-index:0;}

/*	Slideshow  */
#slides {	position:absolute;z-index:100;}
.slides_container {overflow:hidden; position:relative;height:390px; width:900px;}
.slides_container div.slide {width:900px;height:390px;	display:block;}

.slide01{background:url(../images/new_top/key1.jpg) repeat-x; width:900px; height:390px; position:relative;}
.slide01 .slide01_1{ position: absolute; left:72px; top:20px; padding:0;}
.slide01 .slide01_2{ position: absolute; left:270px; top:108px; padding:0;}
.slide01 .slide01_3{ position: absolute; left:190px; top:245px; padding:0;}
.slide01 .slide01_4{ position: absolute; left:325px; top:245px; padding:0;}
.slide01 .slide01_5{ position: absolute; left:755px; top:340px; padding:0;}


/*	Next/prev buttons*/
#top_key #slides .next,#slides .prev {position:absolute;top:180px;	left:-10px;	display:block;	z-index:101;}
#top_key #slides .next {left:910px;}
#top_key .slide .title{text-align:center;}
#top_key #example {	width:900px;	height:390px;	position:relative;	margin:0 auto;}
#top_key #example a:hover img{filter: alpha(opacity=90);opacity:0.9;background: #fff;}
#top_key .pagination{ display:none;}


/*	TOP/ヘッダー下のボタン*/
#top_navi{background:url(../images/new_top/top_navi_bg.jpg) repeat-x; height:70px; margin-bottom:20px;}
#top_navi #top_navi_area{width:900px; margin:0 auto;}
#top_navi ul{margin:8px 0 0 0; padding:0;}
#top_navi li{list-style:none; margin:0; padding:0; float:left;}

#top_navi li a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding: 16px 0 0 0;
	width: 224px;
	height: 56px;
	display: block;
	background: url(../images/new_top/navi-bg.png) no-repeat;
	font-size:24px;
	font-weight:bold;
	color:#223366;
	text-decoration:none;}
#top_navi li a:hover {
	background: url(../images/new_top/navi-bg_on.png) no-repeat;
	color:#3366CC;}


/*	Sidebar/こだわりの下のメニュー*/
#side_navi{width:200px;}
#side_navi ul{margin:8px 0 0 0; padding:0;}
#side_navi li{list-style:none; margin:0; padding:0;}

#side_navi li.side_navi1 a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding-left: 40px;
	padding-top: 20px;
	width: 200px;
	height: 50px;
	display: block;
	background: url(../images/b-sidebutton-01.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#223366;
	text-decoration:none;}
#side_navi li.side_navi1 a:hover {
	color:#3366CC;}

#side_navi li.side_navi2 a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding-left: 40px;
	padding-top: 20px;
	width: 200px;
	height: 50px;
	display: block;
	background: url(../images/b-sidebutton-02.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#223366;
	text-decoration:none;}
#side_navi li.side_navi2 a:hover {
	color:#3366CC;}

#side_navi li.side_navi3 a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding-left: 40px;
	padding-top: 20px;
	width: 200px;
	height: 50px;
	display: block;
	background: url(../images/b-sidebutton-03.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#223366;
	text-decoration:none;}
#side_navi li.side_navi3 a:hover {
	color:#3366CC;}

#side_navi li.side_navi4 a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding-left: 40px;
	padding-top: 20px;
	width: 200px;
	height: 50px;
	display: block;
	background: url(../images/b-sidebutton-04.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#223366;
	text-decoration:none;}
#side_navi li.side_navi4 a:hover {
	color:#3366CC;}


/* フロート回り込み解除
----------------------------------------------- */
br.clear {clear: both;display: none;font-size: 0px;line-height: 0%;height: 0px}
.clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
.clearfix {display: inline-block; }



/* レフトメニュー
----------------------------------------------- */
#sidebar {
    float: left;
    left: -665px;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 210px;
}

#left_navi_vip p{margin-bottom:5px; padding-bottom:0px;}
#new_category{width:208px; border:1px solid #2A3F76; border-bottom:none; border-top:none; margin:0;}
#new_category li{margin:0; padding:10px 10px 10px 10px; list-style:none;  border-bottom:1px solid #6A98FA; font-size:16px;}
#new_category li.no{ border-bottom:none; padding-bottom:10px; margin-bottom:0;}
#new_category li{background:url(../images/new_top/icon.jpg) no-repeat 10px 12px; padding-left:20px; text-decoration:none; }
#new_category li a{text-decoration:none; color:#333;}
#new_category li a:hover{ color:#3366cc}



.sidebox01 {
    background: url("../images/new_top/bg-sidebox01.jpg") no-repeat scroll left top transparent;
}
.sidebox02 {
    background: url("../images/new_top/bg-sidebox02.jpg") no-repeat scroll left bottom transparent;
}


/* メインエリア
----------------------------------------------- */
#main-index {
    float: left;
    left: 245px;
    margin-bottom: 20px;
    margin-top: 0px;
    position: relative;
    width: 655px;
}
#top_main_ban .left{float:left; width:320px; margin-right:15px;}
#top_main_ban .right{float:left; width:320px;}

#comhira-index {
    background: url("../images/bg-comhira-index.jpg") no-repeat scroll right bottom transparent;
    height: 340px;
    margin-top: 20px;
    width: 660px;
}


/* 掲載情報
----------------------------------------------- */
#top_main_media .left{float:left; width:320px; margin-right:15px;}
#top_main_media .right{float:left; width:320px;}

#top_main_media h4{margin-bottom:15px;}
#top_main_media .left h5{ color:#666; font-size:11px;}
#top_main_media .left h6{font-size:15px; font-weight:bold; margin:0.5em 0; line-height:1.3em}
#top_main_media .left .img{ width:115px; float:left;}
#top_main_media .left .text{ width:205px; float:left;}
#top_main_media .left .kiji{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #6A98FA;}
#top_main_media .left .icon{background:url(../images/new_top/icon.jpg) no-repeat 0 4px; padding-left:10px;}

#top_main_media .right .img{ width:105px; float:left;}
#top_main_media .right .text{ width:215px; float:left;}
#top_main_media .right h6{font-size:15px; font-weight:bold; margin:0.5em 0; line-height:1.3em;background:url(../images/new_top/icon.jpg) no-repeat left center; padding-left:10px; }
#top_main_media .right .kiji{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #6A98FA;}


/* ニュース
----------------------------------------------- */
#info-index-news-new{margin-bottom:30px;}
#info-index-news-new ul,#info-index-news-new li{ margin:0; padding:0; list-style:none;}
#info-index-news-new ul li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #6A98FA; font-size:14px;}
#info-index-news-new ul li span{margin-right:3em; color:#2A3F76; font-weight:bold;}


/* フッター
----------------------------------------------- */
.top_back{text-align:right; margin:20px 0 0 0;}

#footer{background:url(../images/new_top/bg-footer.jpg) repeat-x;}