@charset "utf-8";

/*===== CONTENTS ============================================

	header
	main
	gnavi 
	contents
	footer
	pagetop
	lower

===========================================================*/

.w-60 { width:60px; }
.w-310 { width:310px; }
.w-350 { width:350px; }


/*======================================================
	header
======================================================*/

#top-header{
	background:url(../img/hd-bg.png) repeat-x;
	height:504px;
}

#top-header > .hd-in{
	width:960px;
	height:90px;
	margin:0 auto;
}

#top-header > .hd-in > .f-l{
	padding-top:25px;
}

#top-header > .hd-in > .f-r{
	padding-top:12px;
}

#top-header > .hd-in > .f-r > ul{
	margin-bottom:4px;
}

#top-header > .hd-in > .f-r > ul > li{
	float:left;
}

#top-header > .hd-in > .f-r > ul > li.hd-navi-bg{
	background:url(../img/hd-navi-line.png) no-repeat right 3px;
	padding-right:21px;
	margin-right:8px;
}

#top-header > .top-h2bg{
	background:url(../img/h2-bg.jpg) center no-repeat;
}

#top-header > .top-h2bg > h2{
	width:960px;
	height:331px;
	background:url(../img/h2.jpg) center no-repeat;
	margin:0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*下層用ヘッダー*/

#header{
	background:url(../img/lower-hd-bg.png) repeat-x;
	height:295px;
}

#header > .hd-in{
	width:960px;
	height:90px;
	margin:0 auto;
}

#header > .hd-in > .f-l{
	padding-top:25px;
}

#header > .hd-in > .f-r{
	padding-top:12px;
}

#header > .hd-in > .f-r > ul{
	margin-bottom:4px;
}

#header > .hd-in > .f-r > ul > li{
	float:left;
}

#header > .hd-in > .f-r > ul > li.hd-navi-bg{
	background:url(../img/hd-navi-line.png) no-repeat right 3px;
	padding-right:21px;
	margin-right:8px;
}

#header > .h2-bg{
	height:121px;
	margin:0 auto;
}

#header > .h2-bg > h2{
	width:960px;
	margin:0 auto;
	text-align:left;
}

/* gnavi
----------------------------------------------- */
#gnavi-wrap{
	width:960px;
	height:59px;
	margin:0 auto;
	position:relative;
}

#gnavi{
	margin:0 auto;
	width:960px;
	height:59px;
	position:absolute;
}

#gnavi > li{
	float:left;
}

.clKo02{
    display:none;
} 


/*======================================================
	main
======================================================*/
#main{
	width:960px;
	margin:0 auto;
}

#popup-main{
	width:876px;
	margin:0 auto;
	padding:30px 0;
}

#main > #contents{
	width:670px;
	float:left;
}


/*トップ取り扱い商品タブ＋タブ内-----------*/
#tab-box{
	background:url(../img/top-product-box-hd.jpg) no-repeat top;
	position:relative;
}

#tab-box #tab-01 > a.more01,#tab-box #tab-02 > a.more01{
	position:absolute;
	bottom:0;
	right:175px;
}

#tab-box #tab-01 > a.more02,#tab-box #tab-02 > a.more02{
	position:absolute;
	bottom:0;
	right:30px;
}
#tab-ft{
	background:url(../img/top-product-box-ft.jpg) no-repeat;
	width:670px;
	height:25px;
}

#tab-box > ul {  
	width:670px;  
	margin:0 9px;  
	padding: 0;  
	list-style: none;  
}  
#tab-box > ul li {  
	float:left; 
	font-size:0;  
} 

#tab-box #tab-01,#tab-box #tab-02{
	background:url(../img/top-product-box-bg.jpg) repeat-y;
	padding:30px 0 50px 20px;
	display:none;
	position:relative;
}

#tab-box #tab-01 > .f-l,#tab-box #tab-02 > .f-l{
	width:150px;
	margin-right:10px;
}


#tab-box #tab-01 > .f-l > div,#tab-box #tab-02 > .f-l > div{
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	border:1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior:url(PIE.php);
	position:relative;
}


body:nth-of-type(1) #tab-box #tab-01 > .f-l > div,#tab-box #tab-02 > .f-l > div{
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	border:1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior:url(PIE.php);
	position:relative;
}

#tab-box #tab-01 > .f-l > div > ul,#tab-box #tab-02 > .f-l > div > ul{
	background:#f1f1f1;
	padding:6px 0;
}

#tab-box #tab-01 > .f-l > div > ul >li,#tab-box #tab-02 > .f-l > div > ul > li{
	font-size:12px;
	background:url(../img/top-product-box-li-icon.png) no-repeat left 6px;
	padding:1px 3px 1px 8px;
	margin-left:5px;
}

#tab-box #tab-01 > .f-l > div > ul >li.list-no,#tab-box #tab-02 > .f-l > div > ul > li.list-no{
	background:none;
	padding:1px 3px 1px 0;
}

/*----------------------------------------*/



#main > #contents .navi-box01{
	float:left;
	background:url(../img/navi-box01-bg.jpg) no-repeat;
	width:325px;
	height:185px;
	position:relative;
}

#main > #contents .navi-box02{
	float:right;
	background:url(../img/navi-box02-bg.jpg) no-repeat;
	width:325px;
	height:185px;
	position:relative;
}

#main > #contents .navi-box03{
	float:left;
	background:url(../img/navi-box03-bg.jpg) no-repeat;
	width:325px;
	height:185px;
	position:relative;
}

#main > #contents .navi-box04{
	float:right;
	background:url(../img/navi-box04-bg.jpg) no-repeat;
	width:325px;
	height:185px;
	position:relative;
}

#main > #contents .navi-box01 > div,#main > #contents .navi-box02 > div,
#main > #contents .navi-box03 > div,#main > #contents .navi-box04 > div{
	position:absolute;
	width:156px;
	height:165px;
	padding-top:15px;
	right:1px;
}

#main > #contents .navi-box01 > div > a > img,#main > #contents .navi-box02 > div > a > img,
#main > #contents .navi-box03 > div > a > img,#main > #contents .navi-box04 > div > a > img{
	margin-bottom:7px;
}

#main > #contents .navi-box01 > div ul li,#main > #contents .navi-box02 > div ul li,
#main > #contents .navi-box03 > div ul li,#main > #contents .navi-box04 > div ul li{
	background:url(../img/navi-box-icon.png) no-repeat left;
	padding-left:12px;
}




/*side------------------------*/

#main > #side{
	width:255px;
	float:right;
	text-align:right;
}

#main > #side > .side-btn01{
	position:relative;
	width:255px;
	height:350px;
	padding-bottom:25px;
}

#main > #side > .side-btn01 > a > img{
	position:absolute;
	top:-3px;
	right:0;
}

#main > #side > .side-btn02{
	width:230px;
	margin-left:auto;
	background:#e9e7e7;
	padding:10px 10px 0 10px;
}

#main > #side > .side-btn02 > ul > li{
	width:230px;
	padding-bottom:10px;
}

#main > #side > .side-navi{
	background:#fff;
	margin-left:auto;
	width:248px;
	border:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../PIE.php);
	position:relative;
}

body:nth-of-type(1) #main > #side > .side-navi{
	background:#fff;
	margin-left:auto;
	width:248px;
	border:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../PIE.php);
	position:relative;
}

#main > #side > .side-navi02{
	background:#fff;
	margin-left:auto;
	width:248px;
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../PIE.php);
	position:relative;
}

body:nth-of-type(1) #main > #side > .side-navi02{
	background:#fff;
	margin-left:auto;
	width:248px;
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../PIE.php);
	position:relative;
}

#main > #side > .side-navi03{
	background:#fff;
	margin-left:auto;
	width:248px;
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../../PIE.php);
	position:relative;
}

body:nth-of-type(1) #main > #side > .side-navi03{
	background:#fff;
	margin-left:auto;
	width:248px;
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	margin-bottom:20px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	-webkit-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 2px rgba(160,160,160,160.8); /* IE9用 */
	-moz-box-shadow: 2px 2px 2px rgba(160,160,160,160.8); /* Firefox用 */
	box-shadow: 0 0 2px rgba(160,160,160,160.8); /* CSS3 */
	behavior:url(../../PIE.php);
	position:relative;
}

#side > .side-navi > h3{
	margin-top:6px;
	width:248px;
	height:47px;
}

#side > .side-navi02 > h3{
	margin-top:6px;
	width:248px;
	height:47px;
}

#side > .side-navi > ul > li{
	background:url(../img/lower-side-navi-bg.png) no-repeat;
	height:31px;
	width:213px;
	padding-top:14px;
	padding-left:35px;
}

#side > .side-navi > ul > li.border{
	border-bottom:1px solid #d9d5d5;
}

/*======================================================
	footer
======================================================*/
#top-footer{
	font-size:12px;
	margin-top:80px;
	background:#f4f4f4 url(../img/ft-bg.png) repeat-x top;
}

#top-footer > .ft-in{
	padding-top:12px;
	width:960px;
	margin:0 auto;
}

#top-footer a{
	color:#626262;
}

#top-footer .ft-in > ul.ft-navi01{
	padding-bottom:33px;
}

#top-footer .ft-in > ul.ft-navi01 > li{
	float:left;
	padding-right:12px;
}

#top-footer .ft-in > ul.ft-navi01 > li.icon{
	background:url(../img/ft-icon.png) no-repeat left;
	padding-left:20px;
}

#top-footer .ft-in > ul.ft-navi01 > li.icon02{
	background:url(../img/ft-icon02.png) no-repeat left;
	padding-left:23px;
}

#top-footer .ft-in > ul.ft-navi02 > li{
	float:left;
	width:192px;
	text-align:left;
	padding-bottom:20px;
}

#top-footer .ft-in > ul.ft-navi02 > li > a > img{
	margin-bottom:3px;
}


#top-footer .ft-in > ul.ft-navi02 > li > ul > li{
	padding:5px 0 0 3px;
}

#top-footer > .copy{
	background:#1b77ba;
	color:#fff;
	text-align:center;
}



/*下層用フッター*/


#footer{
	font-size:12px;
	margin-top:65px;
	background:#f4f4f4 url(../img/ft-bg.png) repeat-x top;
}

#footer > .ft-in{
	padding-top:12px;
	width:960px;
	margin:0 auto;
}

#footer a{
	color:#626262;
}

#footer .ft-in > ul.ft-navi01{
	padding-bottom:33px;
}

#footer .ft-in > ul.ft-navi01 > li{
	float:left;
	padding-right:12px;
}

#footer .ft-in > ul.ft-navi01 > li.icon{
	background:url(../img/ft-icon.png) no-repeat left;
	padding-left:20px;
}

#footer .ft-in > ul.ft-navi01 > li.icon02{
	background:url(../img/ft-icon02.png) no-repeat left;
	padding-left:23px;
}

#footer .ft-in > ul.ft-navi02 > li{
	float:left;
	width:192px;
	text-align:left;
	padding-bottom:20px;
}

#footer .ft-in > ul.ft-navi02 > li > a > img{
	margin-bottom:3px;
}


#footer .ft-in > ul.ft-navi02 > li > ul > li{
	padding:5px 0 0 3px;
}

#footer > .copy{
	background:#1b77ba;
	color:#fff;
	text-align:center;
}



/*======================================================
	pagetop
======================================================*/

#page-top {
	position: fixed;
	bottom: 290px;
	right: 10px;
}

#page-top02 {
	position: fixed;
	bottom: 30px;
	right: 0;
}


/*======================================================
	lower
======================================================*/
h3.lower-h3{
	background:url(../img/lower-h3-bg.jpg) no-repeat;
	width:645px;
	height:42px;
	padding:9px 0 0 25px;
	font-size:116%;
	font-weight:bold;
}

h4.lower-h4{
	background:url(../img/lower-h4-bg.jpg) no-repeat;
	width:598px;
	height:36px;
	margin-bottom:20px;
	font-size:116%;
	font-weight:bold;
	color:#00538b;
	padding:5px 0 0 30px;
}

.lower-box01{
	margin:0 auto;
	padding:20px 21px 50px;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
}

.lower-box01-ft{
	background:url(../img/lower-box01-ft.jpg) no-repeat;
	width:670px;
	height:15px;
}