@charset "utf-8";
/* CSS Document 共通*/


body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS-Gothic;
	font-size:12px; /*ページ全体のフォントサイズ*/
	line-height:1.5em;
	text-align: left;
	color:#000000;
	margin: 0;
	background: url(../images/common/bg_head.png) repeat-x center top  #FFF;
	position:relative;
}

p{
    text-align:justify;
	text-justify:distribute;
}

ul{
	list-style:none;
}

div,p,ul,li,img,dl,dt,dd,th,td,a,h1,h2,h3,h4,h5,table,th,td{
	margin:0;
	padding:0;
	border:0;
}

br.clear{
	clear:both;
	font-size:0px;
	height:0;
}

a,a:hover{
	text-decoration:none;
	color:#000000;
}

a:hover{
	color:#003366;
	text-decoration: underline;
}

table,thead,tbody,th,td{
	border-collapse: collapse;
}

h1{
	font-size:11px;
}

img{
	vertical-align:top;
}

.breadcrumb{
	padding:0 0 8px;
}

.breadcrumb li{
	display: inline;
}

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

#headerArea{
	width:100%;
	/* background: url(../images/common/bg_menu.jpg) no-repeat center top; */
}

#header{
	width:960px;
	height:145px;
	margin:0 auto;
	position:relative;
}

#header h1{
	position:absolute;
	left:166px;
	top:6px;
	color:#00264C;
	width:420px;
	line-height:1.2em;
	font-weight:normal;
}

#header .logo{
	position:absolute;
	left:0;
	top:26px;
}

#header .contact{
	position:absolute;
	left:center;
	top:0;
	width:960px;
	text-align:right;
	z-index:999999;
}

#header #subhead{
	position:absolute;
	left:604px;
	top:65px;
}

#header #subhead li{
	float:left;
	background: url(../images/common/icon_submenu_blue.png) no-repeat left center;
	padding:0 13px;
}

#header #subhead li a{
	color:#000000;
	text-decoration:underline
}

#header #h_tel{
	position:absolute;
	left:536px;
	top:38px;
}

#header #menu{
	width:962px;
	height:44px;
	position:absolute;
	right:0;
	top:101px;
	color:#FFFFFF;
	overflow:hidden;
}

#header #menu li{
	width:160px;
	height:44px;
	float:left;
}
#header #menu li.home{
	background: url(../images/common/menu_home.jpg) no-repeat left top;
}

#header #menu li.brand{
	background: url(../images/common/menu_brand.jpg) no-repeat left top;
}

#header #menu li.item{
	background: url(../images/common/menu_item.jpg) no-repeat left top;
}

#header #menu li.precious{
	width:162px;
	background: url(../images/common/menu_precious.jpg) no-repeat left top;
}

#header #menu li.flow{
	background: url(../images/common/menu_flow.jpg) no-repeat left top;
}

#header #menu li.service{
	background: url(../images/common/menu_service.jpg) no-repeat left top;
}

#header #menu li a{
	font-size:13px;
	display:block;
	width:160px;
	height:36px;
	color:#FFFFFF;
	text-align:center;
	padding:8px 0 0;
	text-decoration:none;
}

#header #menu li.home a:hover{
	background: url(../images/common/menu_home_on.jpg) no-repeat left top;
}

#header #menu li.brand a:hover{
	background: url(../images/common/menu_brand_on.jpg) no-repeat left top;
}

#header #menu li.item a:hover{
	background: url(../images/common/menu_item_on.jpg) no-repeat left top;
}

#header #menu li.precious a:hover{
	background: url(../images/common/menu_precious_on.jpg) no-repeat left top;
}

#header #menu li.flow a:hover{
	background: url(../images/common/menu_flow_on.jpg) no-repeat left top;
}

#header #menu li.service a:hover{
	background: url(../images/common/menu_service_on.jpg) no-repeat left top;
}






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

#footerArea{
	background: url(../images/common/foot_bg.jpg) repeat-x center bottom;
	height:313px;
	width:100%;
}

#footerAreaInner{
	background: url(../images/common/footer_bg.jpg) no-repeat center bottom;
	height:313px;
	width:100%;
}

#footerArea #footer{
	width:960px;
	margin:0 auto;
	padding:32px 0 0;
	overflow:hidden;
	color:#FFFFFF;
}

#footerArea #footer a{
	color:#FFFFFF;
}

#footerArea #footer #footlogo{
	float:left;
	width:330px;
	width:306px;
}

#footerArea #footer #footlogo img{
	padding-bottom:12px;
}

#footerArea #footer #footlogo .company,
#footerArea #footer #footlogo .tel,
#footerArea #footer #footlogo .fax{
	font-size:14px;
	font-weight:bold;
}

#footerArea #footer #footlogo .addr{
	padding:8px 0;
}

#footerArea #footer #footlogo #copy{
	padding-top:12px;
}

#footerArea #footer .fm{
	float:left;
	width:156px;
	border-left:1px solid #ffffff;
	height:220px;
}

#footerArea #footer #footmenu04{
	width:180px;
}

#footerArea #footer #footmenu04{
	border-right:1px solid #ffffff;
}

#footerArea #footer .fm ul{
	padding:0 0 6px 10px;
}

#footerArea #footer .fm ul ul{
	padding:0 0 6px 0;
	margin-left:-20px;
}

#footerArea #footer .fm li.t{
	background: url(../images/common/foot_icon.jpg) no-repeat left 4px;
	padding:0 0 6px 20px;
}


/* コンテンツ
--------------------------------------------------------------------------------------------*/

#contents{
	width:960px;
	margin:0 auto 0;
	padding:16px 0 0;
	overflow:hidden;
}

/* 下部コンテンツ
--------------------------------------------------------------------------------------------*/
#foot_contents{
	width:960px;
	margin:0 auto 0;
	padding:0;
	overflow:hidden;
}

#fcL{
	float: left;
	margin: 14px 0;
	width: 730px;
	color:#666666;
}

#fcR{
	float: right;
	margin: 14px 0;
	width: 210px;
}

#fcR .goUp a{
	/*
	background: url(../images/common/icon_blue_up.png) no-repeat left center;
	padding: 0 0 0 14px;
	*/
	color:#999999;
}

#fcR .goHome{
	background: url(../images/common/icon_blue.png) no-repeat left center;
	padding: 0 0 0 14px;
}

/* メイン
--------------------------------------------------------------------------------------------*/

#main{
	margin:14px 0;
	float:left;
	width:730px;
}

/* サブ
--------------------------------------------------------------------------------------------*/

#sub{
	margin:14px 0;
	float:right;
	width:210px;
}

#sub .banner{
	margin:0 0 14px;
}
#sub .banner3{
	margin:0 0 3px;
}


#sub .itemlist dt{
	margin-bottom:12px;
}

#sub .itemlist dd{
	margin-bottom:30px;
}

#sub .itemlist .item a{
	color:#7A661F;
	font-size:14px;
}

#sub .itemlist .brand a{
	color:#003366;
	font-size:14px;
}

#sub .itemlist a span {
	color:#000000;
	font-size:11px;
	padding-left:4px;
}

#sub .itemlist ul a {
	display:block;
	height:50px;
	padding:0px 0 0 16px;
	width:210px;
	display:table-cell;
	vertical-align: middle;
}

#sub .itemlist .item a {
	background: url(../images/side/bg_item.png) no-repeat left center;
}
#sub .itemlist .item a:hover {
	background: url(../images/side/bg_item_on.png) no-repeat left center;
	/* color:#FFFFFF; */
}

#sub .itemlist .brand a {
	background: url(../images/side/bg_brand.png) no-repeat left center;
}
#sub .itemlist .brand a:hover {
	background: url(../images/side/bg_brand_on.png) no-repeat left center;
	/* color:#FFFFFF; */
}

#sub .itemlist ul a .bname{
	width:130px;
	height:50px;
	display:table-cell;
	vertical-align: middle;
	font-size:12px
}

#sub .itemlist ul a img{
	float:right;
	padding:6px 6px 6px 0;
	width:40px;
	height:40px;
}

#sub .itemlist #sideBrandView {
	text-align:center;
	padding:10px 0;
	color:#003366;
	font-size:14px;
}

#sub .sideBlogNew{
	background: url(../images/side/side_blog_middle.jpg) repeat-y left top;
	margin:0 0 24px;
}
#sub .sideBlogNewInner{
	background: url(../images/side/side_blog_bottom.jpg) no-repeat left bottom;
	padding:0 0 11px;
}
#sub .sideBlogNew li{
	overflow:hidden;
	width:176px;
	margin:0 auto;
	padding:4px 0;
	border-bottom:1px dotted #333333;
}
#sub .sideBlogNew li.last{
	border-bottom:0;
}
#sub .sideBlogNew li a{
	font-size:10px;
	line-height:1.1em;
}
#sub .sideBlogNew li .side_blog_img{
	float:left;
	width:65px;
}
#sub .sideBlogNew li .side_blog_text{
	float:right;
	width:105px;
}

#sub .qrcode {
	margin:0 0 14px;
	padding: 0;
	border: 1px solid #002250;
}
#sub .qrcodeimage {
    text-align: center;
    margin-top: 5px;
}

#sub .side_area {
	border:3px solid #050505;
	padding:4px;
	margin: 0 0 14px;
}
#sub .side_area dt{
	font-weight: bold;
	padding:4px 0 0;
}

/* スライダー
--------------------------------------------------------------------------------------------*/
#sliderAreaOuter{
	background: url(../images/slider/mainImg_over.png) repeat-x center bottom;
	width:100%;
}

#sliderArea{
	/* background: url(../images/slider/bgbg.jpg) repeat-x left top; */
	width:960px;
	height:378px;
	position:relative;
	margin:10px auto 0;
	overflow:hidden;
}

#sliderOver{
	position:absolute;
	top:0;
	left:0;
	z-index:600;
	height:265px;
}

#sliderAreaSlide{
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	width:730px;
	height:265px;
}

#sliderAreaInner{
	/* background: url(../images/slider/bg.jpg) no-repeat center top; */
	width:960px;
	height:265px;
}

#slider, #sliderImg{
	margin:0 auto;
	width:1060px;
	position:relative;
}

#slider #sliderL{
	position:absolute;
	top:150px;
	left:0;
	z-index:10000;
}

#slider #sliderR{
	position:absolute;
	top:150px;
	right:0;
	z-index:10000;
}

#slider #slidebnr{
	position:absolute;
	top:0;
	left:750px;
	z-index:10000;
}

#slider #slidebnr .b{
	padding-bottom:3px;
}

/* スライドショー */
#sliderImg{
	width:730px;
	height:367px;
	overflow:hidden;
	position:relative;
}

#sliderImg  img{
	width:730px;
	height:367px;
	position:absolute;
	top:0; left:0;
}

#prevBtn a{
	position:absolute;
	top:160px;
	left:0;
	z-index:10000;
}

#nextBtn a{
	position:absolute;
	top:160px;
	left:710px;
	z-index:10000;
}

/* ページャー */
.pagelink{
	overflow:hidden;
}

.pagelink a{
	text-decoration:underline
}

.pagelink .before{
	float:left;
	width:300px;
	text-align:left;
	background:url("../images/common/page_b.jpg") no-repeat left center;
	padding:4px 20px;
}

.pagelink .next{
	float:right;
	width:300px;
	text-align:right;
	background:url("../images/common/page_n.jpg") no-repeat right center;
	padding:4px 20px;
}