@charset "UTF-8";
/* ****************************************************************** 

	--home.css--

	1. Layout setting
		1-1. Navi styles
		1-2. Main styles
		1-3. Footer style

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/


/* ------------------------------------------------------------------
	1-1. Navi styles
-------------------------------------------------------------------*/
#navi {
	margin-bottom:0;
}
#navi #naviHome a {
	background-position:0 -38px;
}


/* ------------------------------------------------------------------
	1-2. Main styles
-------------------------------------------------------------------*/

#topMainWrap{
	background:#e6f5fb url(../img/home/bg_topmain.gif) repeat-x left bottom;
}

#topMain{
	width:100%;
	/* height:235px; */
	background:url(../img/home/img_main.gif) no-repeat center bottom;
	overflow:hidden;
}


#topMain .inner{
	width:940px;
	/* height:225px; */
	margin:0 auto;
	position:relative;
}


#topMain .inner .news{
	width:940px;
	margin-top:10px;
}

#topMain .inner .news .newsInner{
	background:url(../img/home/bg_news_bottom.png) no-repeat left bottom;
	padding-bottom:10px;
}

#topMain .inner .news p{
	padding:0 10px 0 25px;
}

#topMain .inner h2{
	text-align:center;
	margin-top:15px;
}


.section02{
	width:940px;
	height:116px;
	margin: 0 auto;
}

.themeBlockA01{
	width:940px;
	
}
.themeBlockA01 {
	width:940px;
	height:72px;
	background:#FFF;
	position:relative;
	border:1px solid #bda667;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	position:relative;
	behavior: url(/hikkoshi/css/PIE.htc);

}

.themeBlockA01 #slideLeft {
	top:12px;
	left:12px;
	position:absolute;
}

.themeBlockA01 #slideRight {
	top:12px;
	right:12px;
	position:absolute;
}

.themeBlockA01 #slideBnrBlock {
	width:792px;
	height:50px;
	top:9px;
	left:74px;
	position:absolute;
	overflow: hidden;
	
}

.themeBlockA01 #slideBnrBlock ul {
	width: 3000px;
}

.themeBlockA01 #slideBnrBlock ul li {
	float:left;
	width: 132px;
}

.headingBlockB01 h4,
.headingBlockB01 .icon_logoarea{ float:left;}

.headingBlockB01 ul{
	float:right;
	margin-top:10px;
}

.headingBlockB01 li{
	font-size:93%;
	background:url(../img/common/icon_arrow02.png) no-repeat 0 55%;
	padding-left:15px;
}


#topContents{
	width:940px;
	margin:0 auto 48px auto;
}


#topContents .h3{
	background:url(../img/home/bg_h3.gif) no-repeat;
	width:890px;
	height:37px;
	font-size:182%;
	color:#FFFFFF;
	padding:8px 25px 0 25px

}

.merit{ margin:15px 0 35px 0;}

.merit li{
	float:left;
	margin-left:26px;
	width:296px;
}

.merit li .meritTxt{
	background:url(../img/home/bg_merit.gif) no-repeat left bottom;
	padding:0 10px 10px;
}

.meritCopy01{	background:url(../img/home/img_merit01.gif) no-repeat;}
.meritCopy02{	background:url(../img/home/img_merit02.gif) no-repeat;}
.meritCopy03{	background:url(../img/home/img_merit03.gif) no-repeat;}
.meritCopy01,
.meritCopy02,
.meritCopy03{
	height:172px;
	font-weight:bold;
	font-size:20px;
	padding-left:20px;
}


.merit li:first-child{ margin-left:0;}

.h3_li01 li{
	line-height:1em;
	margin-top:5px\9;}

.h3_li01 li a{
	font-size:50%;
	color:#FFFFFF !important;
	background:url(../img/common/icon_arrow03.png) no-repeat 0 60%;
	padding-left:13px;
	
}
.h3_li01 li a:hover{ color:#FFFFFF !important;}

.listMove {
	margin:-11px -5px 9px 0;
	padding-bottom:6px;
	background:url(../img/home/bg_line02.gif) repeat-y 49.6% 0;
}
.listMove li {
	background:url(../img/home/bg_line01.gif) repeat-x 0 0;
	width:467px;
	padding:18px 0 16px;
	float:left;
}
.listMove li p.photo {
	float:left;
	padding:22px 0 0;
}
.listMove li div {
	float:left;
	padding:15px 21px 0 27px;
	width:300px;
}
.listMove li div p {
	line-height:1.7;
}
.listMove li div .textTitle {
	font-weight:bold;
	font-size:108%;
	margin-bottom:-1px;
}
.listMove li div p.detail {
	padding-top:2px;
}
.listMove li div p.detail a {
	color:#e93c3d !important;
	background:url(../img/common/icon_arrow02.png) no-repeat 0 60%;
	padding-left:12px;
}

.listMove li div p.detail a:hover{ color:#e93c3d !important;}

.guideUnit{
	width:426px;
	border:1px solid #dfc8ae;
	background:#f9f5f0;
	padding:10px;
	text-align:center;
}	

.guideUnit .mainImg{ float:left;}

.guideUnit .mainTitle{
	text-align:left;
	float:left;
	margin-left:10px;
	width:259px;
}

.guideUnit .mainTitle h4{ margin:10px 0;}
.guideUnit .mainTitle p{ line-height:1.4em;}

.guideUnit ul{ 
	margin:10px auto;
	width:396px;
}

.guideUnit li{
	border:2px solid #cccccc;
	background:#ffffff;
	padding:7px;
	text-align:left;
	margin-bottom:12px;	
}

.guideUnit li.last{ margin-bottom:0;}

.guideUnit li:after {
	display:block;
	clear:both;
	content:"";
}

.guideUnit dl{
	float:left;
	margin-left:15px;
	width:270px;
}
.guideUnit dt{
	margin:5px auto;
	font-size:108%;
	font-weight:bold;
}
	
.guideUnit dt a,
.guideUnit dt a:hover{color:#e93c3d !important;}





/* ------------------------------------------------------------------
	slider
-------------------------------------------------------------------*/


.logoBlock {
	position:relative;
	border:1px solid #bda667;
	border-radius:10px;
	background:#FFFFFF;

	position:relative;
	behavior: url(/hikkoshi/css/PIE.htc);
}
.logoBlock .caroufredsel_wrapper {
	width:800px!important;
	margin:0 auto !important;
}

.logoBlock ul.logoList{ left:15px;}
.logoBlock ul.logoList li {
	float:left;
	width:135px;
	height:72px;
}

.logoBlock ul.logoList li img{ height:100%;}
.logoBlock .next a {
	display:block!important;
	position:absolute;
	right:11px;
	top:11px;
}
.logoBlock .prev a {
	display:block!important;
	position:absolute;
	left:11px;
	top:11px;
}
.logoBlock .next a img,
.logoBlock .prev a img {
	width:50px;
	height:50px;
}

.slider{
	background:url(../img/home/bg_slider.gif) repeat-x left top;
}

.btnArea{
	margin:5px 0;
	width:100%;
	background-size:100%;
	padding:20px 10px;
}

.contentsInfo{
	height:130px;
}



/* ------------------------------------------------------------------
	1-3. Footer style
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
#footer{
	width:100%;
	background:#f8f8f8 url(../img/common/bg_footer.gif) repeat-x left bottom !important;
	height:331px;
	text-align:center;
	padding-top:10px;
}


.footerLogo{
	margin-bottom:30px;
}

.footerLogo .logo{
	width:200px;
	float:left;
	font-size: 90%;
}

.footerLogo .seoText{
	width:685px;
	float:right;
	font-size:10px;
	line-height:1.4em;
}
-------------------------------------------------------------------*/