@charset "utf-8";

*{margin:0;padding:0;}

html{background:#ffffff;}

body{
font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: url(img/header_sub.jpg) repeat-x;
}

body#sub {
background: url(img/header_sub.jpg) repeat-x;
}

a:link {color:#006699;text-decoration:none;}
a:visited {color:#39332D;text-decoration:none;}
a:active {color:#009999;text-decoration:none;}
a:hover {
	color:#FF6600;
	text-decoration:none;
	text-align: center;
}


img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

.pan {margin: 30px 0px 30px 60px;} 

#globalnavi {
	position:absolute;
	top:81px;
	left:0px;
}

.title {text-align:center; margin:0 auto; display:block; font-size:25px; color:#FFFFFF; }
.title_sub {text-align:center; margin:0 auto; display:block; font-size:14px; color:#FFFFFF; }

.font9glay {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9pt;
	color: #666666;
	line-height: 12pt;
}


.font9b {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9pt;
	color: #333333;
	line-height: 16pt;
}


.font13glay {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 13pt;
	color: #333333;
	line-height: 25pt;
}

.font12_666 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12pt;
	color: #666666;
	line-height: 25pt;
}

.font11_666 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 11pt;
	color: #666666;
	line-height: 22pt;
}



.font11_ptitle {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 11pt;
	color: #666666;
	line-height: 15pt;
}


.font9_ptitle {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9pt;
	color: #666666;
	line-height: 14pt;
}




.font9_p_spec {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9pt;
	color: #666666;
	line-height: 20pt;
}


.font9_p_spec2 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9pt;
	color: #666666;
	line-height: 13pt;

}



.font15_666 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 15pt;
	color: #666666;
	line-height: 25pt;
}



.font16_666 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16pt;
	color: #666666;
	line-height: 25pt;
}


.font18_666 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 18pt;
	color: #666666;
	line-height: 25pt;
}


.font10_red {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10pt;
	color: #B20000;
	line-height: 15pt;
}

.font18_red {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 18pt;
	color: #B20000;
	line-height: 25pt;
}

.font18_gre {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 18pt;
	color: #577F5F;
	line-height: 40pt;
}


.font26_666 {
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size: 26pt;
	color: #666666;
	line-height: 25pt;
}

/*
スライダー
-------------------------------------------*/

.sp-slide {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	-webkit-filter: grayscale(65%);
	filter: grayscale(65%);;
}
.sp-slide.sp-selected {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 5vw;
	line-height: 0.6;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 50%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#top_slide .top_catch span {
	font-size: 25%;
}

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #111;
}




/*******************************
全体幅
*******************************/
#header, #container, .inner{
margin: 0 auto;
width: 960px;
}


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

/*************
/* ヘッダー
*************/
#headerh{
background: url(images/header.png) no-repeat 100%;
height: 80px;
}

#headerh h1 {
padding: 7px 0 0;
font-size: 10px;
font-weight: normal;
}


#header{
position:relative;
height: 90px;
}

#header h1 {
padding: 7px 0 0;
font-size: 10px;
font-weight: normal;
}



#header h2, #header h3, #header ul, #header .banners{
	font-weight: normal;
	position: absolute;
	top: 0;
	color: #333;
	font-size: 10px;
	line-height: 21px;
	left: 417px;
	width: 543px;
}

#header h2{right:0;}

/* ロゴの位置 */
#header h3{
	top: 66px;
	right:200px;
}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 40px;
right:0;
width: 305px;
height: 14px;
background:url(images/topnav.png) no-repeat 0 0;
line-height:14px;
}

#header ul li{float:left;list-style:none;}

#header ul a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 14px;
background:url(images/topnav.png) no-repeat;
}

#header ul a#contact{background-position:0 0;width: 110px;}
#header ul a#sitemap{background-position:-110px 0;width:104px;}
#header ul a#access{background-position:-214px 0;width:91px;}

#header ul a#contact:hover, #header ul li.active a#contact{background-position:0 -14px;}
#header ul a#sitemap:hover, #header ul li.active a#sitemap{background-position:-110px -14px;}
#header ul a#access:hover, #header ul li.active a#access{background-position:-214px -14px;}


/******************
/* ヘッダー　バナー
******************/
#header .banners{
	right: -10px;
	top: 33px;
}

#header .banners img{margin-right:10px;}





/*******************************
コンテンツ位置
*******************************/
#container{
padding: 20px 0;
}

#main {
float: left;
width: 960px;
padding-bottom:40px;
}

#sidebar {
float: right;
width: 225px;
padding-bottom:40px;
font-size:13px;
}


/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
*************************/
#main{
 
    text-align:center;
    width:100%;
	
}

#main2{
 
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:850px;
	
}

.main p{
	padding: 30px 50px 20px;
	text-align: left;
	font-size: 13pt;
	color: #333333;
	line-height: 25pt;
}


#contents{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:850px;

}



.boxContainer{
width:920px;
margin:0 20px;
}

.box1,.box3, .box4{
float: left;
width: 225px;
margin: 0 20px 20px 0;
}

.box2{
float: left;
width: 300px;
margin: 0px 0px 0px 0px;
padding:10px;
}

.box5{
float: left;
width: 283px;
margin: 0 5px 5px 45px;
padding: 0px;
}


.box1, .box3, .box4{
width:327px;
margin:0 21px 0 0;
padding: 10px;

}

#sidebar .box1{
width:209px;
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}

.box3{
width:347px;
padding:0 0 10px;
}

.box4{
margin:0 0 10px 0;
padding: 20px;
width:700px;
background: #ffffff;
}


.box6{

border:1px solid #dadada;
margin:10px 10px 10px 40px;
padding:5;
width:870px;
background: #F0F0F0;
}


.box7{


margin:10px 10px 70px 60px;
padding:5;
width:890px;
background: #fff;
}


.box8{

border:1px solid #dadada;
margin:10px 10px 30px 40px;
padding:5;
width:870px;
background: #F0F0F0;
}

.box9{

border:1px solid #dadada;
margin:10px 10px 30px 40px;
padding:5;
width:870px;
background: #F8F8F8;
}

.box10{


margin:10px 10px 30px 80px;
padding:5;
width:800px;

}

.box11{


margin:10px 10px 30px 30px;
padding:5;
width:890px;
background: #fff;
}


/* 最後のbox */
.last{margin-right:0;}


/* 画像を中央表示 */
.box1 .center{padding-bottom:10px;}

/* 画像を左に回りこみ */
.box4 img{
float:left;
margin: 0 0px 0px;
}

.box4 h4 img{float:none;margin:0 0 10px;}

.box4 p{padding: 0 10px 10px;}


.box6 img{
float:left;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 10px;
}

.box6 p{padding: 15px 10px 10px;}

.box7 img{
float:left;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 10px;
}

.box7 p{padding: 15px 10px 10px;}

.box11 img{
float:left;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 10px;
}

.box11 p{padding: 15px 10px 10px;}


.box12{
float: left;
width: 440px;
margin: 0px 10px 10px 10px;
padding:10px;
}

.box13{
float: left;
width: 70px;
margin: 0px 0px 0px 0px;
padding:0px;
}
.box13 img{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.box14{
margin:10px 10px 10px 60px;
padding:5;
width:840px;
background: #FFFFFF;
}
.box14 img{
float:left;
margin: 0px 10px 5px 0px;
padding: 0px 0px 5px 5px;
}

.box14 p{padding: 10px 10px 10px;}


.box15{
margin:10px 10px 10px 30px;
padding:5;
width:890px;
background: #fff;
}
.box15 p{padding: 10px 10px 10px;}



.box16{
margin:10px 10px 10px 60px;
padding:5;
width:840px;
background: #FFFFFF;
border: solid 1px #cccccc;	
}
.box16 img{
float:left;
margin: 0px 10px 5px 0px;
padding: 0px 0px 5px 5px;
}
.box16 p{padding: 10px 10px 10px;}


.box17{
margin:10px 10px 10px 60px;
padding:5;
width:840px;
background: #D7E6DB;
border: solid 1px #cccccc;	
}
.box17 img{
float:left;
margin: 0px 10px 5px 0px;
padding: 0px 0px 5px 5px;
}
.box17 p{padding: 10px 10px 10px;}

.box_left {width: 825px;}
.img-right {margin-left: auto;}


.box18{
margin:0px 10px 10px 730px;
padding:5;
width:166px;
}




#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}


/*************
/* 見出し
*************/
.box3 h4{margin-bottom:10px;}

#container h3{
margin-bottom:10px;
padding-bottom:5px;
color: #006177;
font-weight: normal;
border-bottom: 1px solid #dddddd;
}

#container h2{
padding: 0 5px 0 24px;
margin-bottom:10px;
line-height:37px;
font-size: 14px;
font-weight: normal;
color:#006177;
background:url(images/h2Bg.png) no-repeat 0 100%;
}

#container .box4 h3{
padding: 7px 5px;
}


/*************
/* リスト
*************/
#container ul{margin-left: 5px;}

#container ul li, #footerUpper ul li, #footerMenu ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(images/bullet.gif) no-repeat 0 5px;
}




#container .box3 ul{padding: 0 5px;}

#sidebar ul{margin-left:3px;}

/*************
サイド（右側）コンテンツ
*************/
#sidebar p{margin-bottom:20px;}
#sidebar ul{margin-bottom:10px;}



/*******************************
/* プレゼントキャンペーン
*******************************/
#pressent p#pc {
	text-align: center;
}

#pressent img#cam {
	width: 900px;
}

#pressent p#an {
	font-size: 22px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background-color: #f17b9b;
	width: 930px;
} 

#pressent #goods {
	text-align: center;
	margin: 30px auto;
	position: relative;
	height: 310px;
	width: 930px;
}

#pressent #goods img#photo {
	width: 480px;
	position: absolute;
	top: 0;
	left: 10px;
}

#pressent #goods img#term {
	position: absolute;
	bottom: 30px;
    right: 0;
	width: 450px;
} 

#pressent #goods img#button {
	position: absolute;
	top: 20px;
    right: 10px;
	width: 420px;
} 


/*******************************
/* フッター
*******************************/
#footerMenu{
clear:both;
padding: 20px 0;
overflow: hidden;
background:#578261;
}

#footerMenu .inner{

}

#footerMenu .inner .box{
float: left;
width: 200px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}

#footerMenu .inner .last{
float: left;
width: 200px;
line-height: 1.2;
}



#footerMenu .inner .box2{
float: left;
width: 200px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}


#footerMenu ul li{
color:#fff;
}
#footerMenu a{color:#fff;}
#footerMenu a:hover{color:#FF6600;}





#footerUpper{
clear:both;
padding: 20px 0;
overflow: hidden;
background:#95B5B4;
}

#footerUpper .inner{
}

#footerUpper .inner .box{
float: left;
width: 450px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}

#footerUpper .inner .last{
float: left;
width: 450px;
line-height: 1.2;
}





#footerUpper .inner .box3{
float: left;
width: 950px;
padding-left:5px;
margin:0 10px 10px 0;
line-height: 1.2;
}

#footerUpper .inner .box2{
float: left;
width: 460px;
padding-left:5px;
margin:0 5px 5px 0;
line-height: 1.2;
}



#footerUpper ul li{
color:#fff;
}

#footerUpper a{color:#fff;}
#footerUpper a:hover{color:#FF6600;}

#footerLower{
clear:both;
padding: 0px;
text-align:center;
background:#546B5E;
}

address{
color: #fff;font-style:normal;
font-size:12px;
}


/*******************************
/* product navi
*******************************/

#productnavi{
clear:both;
padding: 20px 0;
overflow: hidden;
background:#FFFFFF;
}

#productnavi .inner{
background:#FFFFFF;
}

#productnavi .inner .box{
float: left;
width: 100px;
padding-left:0px;
margin:0 0px 0px 0;
line-height: 1.2;
}

#productnavi .inner .center{
float: center;
width: 630px;
line-height: 1.2;
}


#productnavi .inner .last{
float: right;
width: 100px;
line-height: 1.2;
}


#productnavi ul li{
color:#fff;
background:url(images/bullet.gif) no-repeat 0 3px;
}




/*******************************
/* page-top
*******************************/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
	background: #546B5E;
	text-decoration: none;
	color: #fff;
	width: 70px;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #578261;
}


/*
------------------------------------------------
table　レイアウト設定
------------------------------------------------*/

.tbsample table {
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbsample td {
border: 1px #999999 solid;
background-color: #FFFFFF;
padding: 5px 5px;
}

.tbsample th {
border: 1px #999999 solid;
background-color: #CCCCCC;
padding: 5px 5px;
text-align: center;
}


.tbcon table {
width: 800px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbcon td {border: 2px #FFFFFF solid;
background-color: #F3F3F3;
padding: 10px 10px;
}

.tbcon th {
border: 2px #FFFFFF solid;
background-color: #E6E6E6;
padding: 10px 10px;
text-align: center;
vertical-align: middle;
}


.tbcom table {
width: 850px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbcom td {
font-size: 11pt;
line-height:2.5em;	
border: 3px #FFFFFF solid;
background-color: #F4F4F4;
padding: 15px 15px;
}

.tbcom th {
font-size: 11pt;
font-weight: normal;	
border: 3px #FFFFFF solid;
background-color: #E4E4E4;
padding: 15px 15px;
text-align: center;
vertical-align: middle;
}


.tb01 table {
width: 850px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tb01 td {
font-size: 11pt;
line-height:2.5em;	
border: 3px #FFFFFF solid;
background-color: #F4F4F4;
padding: 15px 15px;
}

.tb01 th {
font-size: 11pt;
font-weight: normal;	
border: 3px #FFFFFF solid;
background-color: #E4E4E4;
padding: 15px 15px;
text-align: center;
vertical-align: middle;
}


.tbqa table {
width: 600px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbqa td {border: 1px #669966 solid;
background-color: #E1F4EB;
padding: 3px 3px;
}

.tbqa th {
border: 1px #FFFFFF solid;
background-color: #B2D7AA;
padding: 2px 2px;
text-align: center;
vertical-align: middle;
}

.tbinfo table {
width: 300px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbinfo td {
border: 1px #FFFFFF solid;
background-color: #F7FFF7;
padding: 1px 1px;
}

.tbinfo th {
border: 1px #FFFFFF solid;
background-color: #B2D7AA;
padding: 1px 1px;
text-align: center;
vertical-align: middle;
}


.tbmat table {
width: 360px;
border: 1px #000000 solid;
border-collapse: collapse;
}

.tbmat td {border: 1px #CCCCCC solid;
background-color: #FFFFFF;
padding: 1px 1px;
vertical-align: middle;
}

.tbmat th {
border: 1px #CCCCCC solid;
background-color: #EBEBEB;
padding: 1px 1px;
text-align: center;
vertical-align: middle;
}

.tbqa2 table {

border: 1px #000000 solid;
border-collapse: collapse;
}

.tbqa2 td {
border: 1px #999999 solid;
background-color: #FFFFFF;
padding: 2px 2px;
vertical-align: middle;
}

.tbqa2 th {
border: 1px #999999 solid;
background-color: #CCCCCC;
padding: 2px 2px;
text-align: center;
vertical-align: middle;
}


div.b2 {
margin-left: 1.0em; /* ブロック全体を 2em（2文字）分右に */
text-indent: -1.0em; /* 先頭の1行のみ 1em（1文字）分左に */
}