@charset "UTF-8";




/**
 * HONDA
 *
 * base.css
 * @version  1.0  (updated: 2012.10.19)
 */



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body {
}



/* --------------------------------
	コンテナ
-------------------------------- */

#container {
	font-size: 75%; /* 12px */
}



/* --------------------------------
	ヘッダー
-------------------------------- */

#fixNav { width: 100%; padding: 0 0 4px; position: relative; _background: none; }
#fixNav.top { background: url(../image_gNavi/shadow.png) no-repeat 50% 35px; }
#fixNav.fix { position: fixed; left: 0; top: 0; z-index: 1000; }
.fix_ie { position: absolute !important; left: 0; top: expression(eval(document.documentElement.scrollTop)+'px'); z-index: 1000; }
#fixNav .shadow { background: url(../image_gNavi/bg.png); height: 35px; }
#fixNav .inner { width: 900px; margin: 0 auto; position: relative; }
#fixNav img { display: block; }
#fixNav h1 { padding: 1px 0 0; width: 187px; }
#fixNav ul.nav { overflow: hidden; position: absolute; top: 1px; left: 187px; }
#fixNav ul.nav li { float: left; padding: 0 0 0 2px; background: url(../image_gNavi/separator.png) no-repeat left top; }
#fixNav ul.nav li a { display: block; }
#fixNav p.btn { position: absolute; right: 0; top: 8px; }
#fixNav .current img { visibility: hidden; }
#fixNav #n1 a.current { background: url(../image_gNavi/nav01_cr.png); }
#fixNav #n2 a.current { background: url(../image_gNavi/nav02_cr.png); }
#fixNav #n3 a.current { background: url(../image_gNavi/nav03_cr.png); }
#fixNav #n4 a.current { background: url(../image_gNavi/nav04_cr.png); }
#fixNav #n5 a.current { background: url(../image_gNavi/nav05_cr.png); }
#fixNav #n6 a.current { background: url(../image_gNavi/nav06_cr.png); }
#fixNav #n7 a.current { background: url(../image_gNavi/nav07_cr.png); }
#fixNav .bottom { background: #fff; padding: 15px 0 0; height: 25px; line-height: 1.2; }
#fixNav .bottom .shadow { background: url(../image_gNavi/nav_btm_line.png) no-repeat center bottom; padding: 0 0 16px; height: 12px; _background: none; _border-bottom: 1px solid #ccc;}
#fixNav .bottom ul.breadcrumbs { font-size: 11px; float: left; padding: 2px 0 0; }
#fixNav .bottom ul.breadcrumbs li { float: left; padding: 0 10px 0 18px; background: url(../image_common/arw_breadcrumbs.png) no-repeat 0 2px;}
#fixNav .bottom ul.breadcrumbs li.home { background: none; padding-left: 0;}
#fixNav .bottom ul.breadcrumbs li a { color: #666;}
/*#fixNav .bottom .inner { _background: none; _border-bottom: 1px solid #ccc; }*/
#fixNav .news { background: url(../image_gNavi/nav_news_shadow.png) left bottom; height: 36px; margin: 0 0 -3px; _background: none; _border-bottom: 1px solid #ccc; }
#fixNav .news .shadow { background: #fff; height: auto; _background: none; }
#fixNav .news .inner { padding: 10px 0 8px; height: 15px; }
#fixNav .news .inner .dummy { color: #999; }
#fixNav .anchor { font-size: 13px; float: right; }
#fixNav .anchor li { float: left; padding: 0 0 0 10px; margin: 0 0 0 18px; background: url(../image_common/arw_anchor.png) no-repeat 0px 50%; }
#fixNav.noShadow { background: none; }
#fixNav.noShadow .bottom .shadow { background: #fff; }



/* --------------------------------
	ボディ
-------------------------------- */

.section p sup { vertical-align: top; font-size: 10px;}


/* スライドギャラリー ---------- */

.slideGallery .slide { display: none;}

.slideGallery ul.nav li a { outline: none; display: block; height: 44px; font-size: 1px; text-indent: -9999px;}
.slideGallery ul.nav li.next a { background: url(../image_common/gallery_btn_next.png) no-repeat;}
.slideGallery ul.nav li.prev a { background: url(../image_common/gallery_btn_prev.png) no-repeat;}
.slideGallery ul.nav li a:hover { background-position: 0 -44px;}

.slideGallery ul.pager li { float: left; width: 27px; height: 27px; margin: 0 6px 0 0;}
.slideGallery ul.pager li a { outline: none; display: block; height: 27px; font-size: 1px; text-indent: -9999px; background: url(../image_common/gallery_pager.png) no-repeat;}
.slideGallery ul.pager li.nav_2 a { background-position: -33px 0;}
.slideGallery ul.pager li.nav_3 a { background-position: -66px 0;}
.slideGallery ul.pager li.nav_4 a { background-position: -99px 0;}
.slideGallery ul.pager li.nav_5 a { background-position: -132px 0;}
.slideGallery ul.pager li.nav_6 a { background-position: -165px 0;}
.slideGallery ul.pager li.nav_7 a { background-position: -198px 0;}

.slideGallery ul.pager li.nav_1 a:hover { background-position: 0 -27px;}
.slideGallery ul.pager li.nav_2 a:hover { background-position: -33px -27px;}
.slideGallery ul.pager li.nav_3 a:hover { background-position: -66px -27px;}
.slideGallery ul.pager li.nav_4 a:hover { background-position: -99px -27px;}
.slideGallery ul.pager li.nav_5 a:hover { background-position: -132px -27px;}
.slideGallery ul.pager li.nav_6 a:hover { background-position: -165px -27px;}
.slideGallery ul.pager li.nav_7 a:hover { background-position: -198px -27px;}

.slideGallery ul.pager li.nav_1 a.current { background-position: 0 -81px;}
.slideGallery ul.pager li.nav_2 a.current { background-position: -33px -81px;}
.slideGallery ul.pager li.nav_3 a.current { background-position: -66px -81px;}
.slideGallery ul.pager li.nav_4 a.current { background-position: -99px -81px;}
.slideGallery ul.pager li.nav_5 a.current { background-position: -132px -81px;}
.slideGallery ul.pager li.nav_6 a.current { background-position: -165px -81px;}
.slideGallery ul.pager li.nav_7 a.current { background-position: -198px -81px;}


/* 注釈エリア ---------- */

.noteArea { width: 860px; padding: 28px 20px 56px; background: url(../image_common/note_bg.png) repeat-x; color: #656766;}
.noteArea ul.list {}
.noteArea ul.list li { padding: 2px 0;}
.noteArea ul.list li.star { color: #115305;}
.noteArea table td { vertical-align: top; padding: 2px 0;}
.noteArea table td.bullet { white-space: nowrap; padding-right: 8px;}
.noteArea table tr.strong td { font-weight: bold;}
.noteArea .em { margin: 10px 0;}
.noteArea .em table { background: #eff4f7;}
.noteArea .em table td { padding: 8px 4px 7px 0;}
.noteArea .em table td.bullet { padding-left: 8px;}

.noteArea ul.link { padding: 36px 0 20px 52px;}
.noteArea ul.link li { float: left; margin: 0 20px 0 0;}



/* --------------------------------
	フッター
-------------------------------- */




/* --------------------------------
	印刷時調整
-------------------------------- */

@media print {

}




div#contents{
	width:100%;
}





/*201405 ua add*/
div.finish{
	background:#fafafa;
	padding:0.4em 0;
}

div.finish div{
	width:980px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.1em;
}



div.communityArea ul li{
	margin-bottom:7px;
}


div.communityArea ul li a{
	display:block;
	width:223px;
	height:57px;
	position:relative;
}

div.communityArea ul li a span{
	position:absolute;
	width:130px;
	height:32px;
	font-size:10px;
	top:23px;
	left:88px;
}