@charset "UTF-8";

/*トップページ　スライドショー*/

#main-image{
	display:none;	
}

#main-image ul{
	position:relative;
	z-index:1;
	height:475px;
}

#main-image li{
	width:100%;
	height:475px;
	position:absolute;
	top:0px;
	left:0px;
}

#main-image li.first{
	background:url(../img/img-top11.jpg) top center no-repeat;
}

#main-image li.second{
	background:url(../img/img-top12.jpg) top center no-repeat;
}

#main-image li.third{
	background:url(../img/img-top10.jpg) top center no-repeat;
}

#main-image li.fourth{
	background:url(../img/img-top9.jpg) top center no-repeat;
}

#main-image li.fifth{
	background:url(../img/img-top8.jpg) top center no-repeat;
}


/* ヘッダー */

.home #header{
	height:475px;
}

#loading{
	position:absolute;
	z-index:1;
	width:45px;
	height:45px;
	top:213px;
	left:48%;	
}

.home #header-info{
	background:url(../img/bg-header.png) top center repeat-y;	
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}

.home #header-info h1{
	color:#FFF;
	text-shadow:1px 1px 5px rgba(60, 60, 60, 0.3), -1px 1px 5px rgba(60, 60, 60, 0.3),1px -1px 5px rgba(60, 60, 60, 0.3), -1px -1px 5px rgba(60, 60, 60, 0.3);
	
}

.home #header-info li a{
	color:#FFF;
	background:url(../img/bg-link.png) left center no-repeat;
	text-shadow:1px 1px 5px rgba(60, 60, 60, 0.3), -1px 1px 5px rgba(60, 60, 60, 0.3),1px -1px 5px rgba(60, 60, 60, 0.3), -1px -1px 5px rgba(60, 60, 60, 0.3);
}

/* グローバルナビ */
.home #gnav{
	position:absolute;
	z-index:2;
	top:420px;
	left:0;
	width:100%;
	margin:0;
}

.home #gnav ul{
	background:url(../common/img/bg-gnav-top.png) top center no-repeat;	
}


/* コンテンツ */

#body{
	width:860px;
	padding:39px 50px;
	margin:0 auto;
}

#main-col{
	float:right;
	width:552px;	
}

#sub-col{
	float:left;
	width:270px;	
}

/* メインカラム */

#section-news .title{
	padding:9px 13px;
	background:#F8F8F8;
	border:1px solid #E1E1E1;
	margin:0 0 25px;
}

#section-news h2{
	font-size:18px;
	color:#196CB6;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1;
	float:left;
}

#section-news h2 .jp{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color:#333;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 8px;
}

#section-news .title .link{
	float:right;
}

#section-news .title .link a{
	display:block;
	line-height:1;
	background:url(../common/img/bg-link-dark.png) left 5px no-repeat;
	padding:3px 0 0 12px;
}

#section-news .section{
	margin:0 0 15px;
}

#section-news .title .link a:hover{
	background:none;
}

#section-news .section .img-col{
	float:left;
	width:100px;
	height:100px;
	padding:2px;
	border:1px solid #9DA4AC;
}

#section-news .section .info-col{
	float:right;
	width:446px;
	height:106px;
	overflow:hidden;
	background:#F8F8F8;	
}

#section-news .section .img-col a{ 
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
}

#section-news .section .img-col a img{ 
	display:block;
}

.info-col .headline{
	padding:0 10px 0 20px;
	background:#E1E1E1;
}

.info-col .headline .left-col{
	float:left;
	width:100px;
}

.info-col .headline .right-col{
	float:right;
	width:316px;
	text-align:right;
}

#section-news h3{
	margin:8px 0 8px;	
	padding:0 0 0 20px;
}

#section-news h3 a{
	font-size:14px;
	padding:0 0 0 9px;
	background:url(../common/img/bg-link-blue.png) 0 3px no-repeat;
}

#section-news p.text{
	padding:0 0 0 20px;
 	line-height:1.35;
}

/* サブカラム */

.section-banner{
	width:256px;
	height:124px;
	margin:0 0 12px;
	padding:7px;
	background:url(../common/img/bg-banner.png) 0 0 no-repeat;
}

.section-banner h3{
	padding:3px 0 0 5px;
	
}

.section-banner h3 a{
	display:block;
	background:url(../common/img/bg-link-triangle.png) 97% center no-repeat;	
}

.section-banner h3 a:hover{
	background:none;
}


.section-banner .image{
	margin:8px 0 0;
}

#section-fb{
	margin:16px 0 16px;
	height:205px;
	overflow:hidden;
	border-bottom:1px solid #AAA;
}

#section-fb h3{
	height:22px;
	background:url(../img/bg-fb.png) 0 0 no-repeat;
	font-size:18px;
	color:#FFF;
	padding:16px 0 0 48px;
}

#section-link h3{
	font-size:14px;
	line-height:1;
	padding:5px 5px 5px 14px;
	background:#F8F8F8;
	border:1px solid #E1E1E1;
	margin:0 0 10px;
}

#section-link ul{
	padding:0 0 0 8px;
}

#section-link li{
	margin:0 0 7px;
}

#section-link li a{
	background-repeat:no-repeat;
	background-position:0 center;
	padding:3px 0 3px 29px;
	display:block;
	line-height:1;
	color:#5F5F5F;
}

#section-link li.first a{
	background-image:url(../img/icn-buy1.png);
}

#section-link li.second a{
	background-image:url(../img/icn-buy2.png);
}

#section-link li.third a{
	background-image:url(../img/icn-buy3.png);
}