@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
img {
	vertical-align: top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
/* --------------------------
  Base
----------------------------*/
body {
	font-family: Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333333;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}
/* ----- Header ----- */

/* --------------------------
  NEW header
----------------------------*/

#header_new {
	width: 100%;
	padding: 13px 0 9px;
	-webkit-background-size: auto 25px;
	-o-background-size: auto 25px;
	z-index: 9990;
	/**************************/
  top: 0;
	left: 0;/**************************/

}

#header_new h1 {
	margin: 0 auto;
	text-align: center;
}
#header_new h1 img {
	width:159px;
	height: auto;
}
#header_new p.btnNav {
	position: absolute;
	top: 15px;
	right: 10px;
}
#header_new p.btnNav img {
	width: 50px;
	height: auto;
}

#gNav_sp_new {
	position: absolute;
	top: 70px;
	display: none;
	width: 100%;
	border-bottom: 1px solid #000;
	z-index: 10000;
}
#gNav_sp_new ul li {
	font-size: 100%;
	border-top: 1px solid #000;
}
#gNav_sp_new ul li a {
	/*display: block;
	padding: 20px 10px;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	background: #fff url(../img/ico_arrow.png) no-repeat 96% center;*/
}
/* --------------------------
  menu_box
----------------------------*/
#menu_box {
   width:100%;
   margin:0; 
   float:left;
   /*box-sizing:border-box;*/
   /*border:#000 1px solid;*/
}
.menu_sp {
   list-style:none;
   padding:0;
   margin:0;
   overflow: hidden;
   position: relative;
}
.menu_sp li {
   width:100%;
   background-color:#fff;
   position: relative;
   height:60px;

}
.menu_sp li a {
   text-decoration:none;
   color:#333;
   font-size:100%;
   display:block;
   padding:0 10px;
   height:60px;
   line-height:60px;
   box-sizing:border-box;
   border-top: 1px solid #000;
   font-weight:bold;
   background: #fff url(../img/ico_arrow.png) no-repeat 96% center;
}
.menu_sp li a:hover {
   /*background: #f3f3f3 url(../img/ico_arrow.png) no-repeat 96% center;*/
}
.menu_sp li ul {
   margin:0;
   padding:0;
}
.menu_sp li ul li {
   background:#fff; 
}
.menu_sp li ul li a {
   font-size:90%;
   display:block;
   padding:0 30px;
   font-weight:normal;	
   background: #f6f6f6 url(../img/ico_arrow.png) no-repeat 96% center;	
}
.menu_sp li ul li a:hover {
   background: #ccc url(../img/ico_arrow.png) no-repeat 96% center;	
}
.menu_sp .drop_2row:hover {
   height:180px;
}
.menu_sp .drop_3row:hover {
   height:240px;
}
.menu_sp .drop_4row:hover {
   height:300px;
}
.menu_sp .drop_5row:hover {
   height:360px;
}
.menu_sp .drop_6row:hover {
   height: 480px;
}
.menu_sp * {
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}

.pan_navi {
	width: 100%;
	height: 20px;
	margin:0 10px 5px 10px;
}
.pan_navi ul {
  font-size: 0;
  margin: 0
  padding: 0;
}
.pan_navi ul li {
  margin: 0
  padding: 0;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  color: #333;
}  
.slider-pro {/* height: 130px; */}

/* --------------------------
  old header
----------------------------*/
#header {
	width: 100%;
	padding: 13px 0 9px;
	-webkit-background-size: auto 25px;
	-o-background-size: auto 25px;
	z-index: 9990;
	/**************************/
  top: 0;
	left: 0;/**************************/

}
#header h1 {
	margin: 0 auto;
	text-align: center;
}
#header h1 img {
	width:159px;
	height: auto;
}
#header p.btnNav {
	position: absolute;
	top: 15px;
	right: 10px;
}
#header p.btnNav img {
	width: 50px;
	height: auto;
}
#gNav_sp {
	position: absolute;
	top: 70px;
	display: none;
	width: 100%;
	border-bottom: 1px solid #000;
	z-index: 10000;
}
#gNav_sp ul li {
	font-size: 100%;
	border-top: 1px solid #000;
}
#gNav_sp ul li a {
	display: block;
	padding: 20px 10px;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	background: #fff url(../img/ico_arrow.png) no-repeat 96% center;
	}
/* ---- Container ---- */

#top-container .slider {
	text-align:center;
}
#contents {
	padding:0;
}
#wrap-contents:after {
	content: "";
	display: table;
	clear: both;
}
p.totop {
	font-size: 12px;
	margin-right: 10px;
	text-align: right;
	padding-bottom:10px;
}
p.totop a {
	text-decoration: none;
	color: #035ebb;
	font-size:14px;
}
p.totop a img {
	margin-top:4px;
	margin-right:5px;
}
/* ---- Sidebar ---- */
#sidebar {
	display: none;
}
/* ----- Footer ----- */
/#footer {
	color:#fff;
	font-size:90%;
}
#footer .footerNavi_sp {
	background:#003c64;
	padding: 20px 0 1px 13px;
}
#footer .footerNavi01 {
	background:#003c64;
}
#footer .footerNavi01 li {
	border-left:1px #333 solid;
	background:url(../img/ico_arrow02.jpg) 0 2px no-repeat;
	padding-left:15px;
	margin-bottom:20px;
}
#footer .footerNavi01 li a {
	text-decoration:none;
	line-height:100%;
	color:#fff;
}
#footer .footerNavi01 li a:hover {
	text-decoration:underline;
}
#footer .footerNavi01.Navi02 {
	padding:20px 0;
	margin-bottom:30px;
	background:#8d9298;
	border-bottom:3px #c26f19 solid;
}
#footer .footerNavi01.Navi02 li {
	background:url(../img/ico_arrow03.jpg) 13px 2px no-repeat;
	padding-left:28px;
	margin-bottom:20px;
	border-left:none;
}
#footer .footerNavi01.Navi02 li:last-child {
	margin-bottom:0;
}
#footer .footerNavi01.Navi02.mgnT20 {
	margin-top:0;
}
#footer .footerCon {
	margin-bottom:20px;
	text-align:center;
}
#footer .footerCon p {
	margin-bottom:25px;
}
#footer .footerNavi01_sp li {
	display:inline;
	color:#333;
	border-left:1px #333 solid;
	padding:0 15px;
}
#footer .footerNavi01_sp li:last-child {
	border-right:1px #333 solid;
}
#footer .footerNavi01_sp li a {
	text-decoration:none;
}
#footer .footerNavi01_sp li a:hover {
	text-decoration:underline;
}
.Copyright01 {
	text-align:center;
	color:#333;
	width:303px;
	margin:0 auto 20px;
	line-height:160%;
	}
/* ----- Content Module ----- */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/* Switch PC */
.only_pc {
	display: none !important;
}
/* --------------------------
    Module
----------------------------*/
/* Layout */
.hidden {
	display: none;
}
.sp-floatL {
	float: left;
}
.sp-floatR {
	float: right;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.txtR {
	text-align:right;
}
/* Margin */
.mgnT5, .sp-mgnT5 {
	margin-top: 5px;
}
.mgnT10, .sp-mgnT10 {
	margin-top: 10px;
}
.mgnT15, .sp-mgnT15 {
	margin-top: 15px;
}
.mgnT20, .sp-mgnT20 {
	margin-top: 20px;
}
.mgnT25 {
	margin-top: 25px;
}
.mgnT30 {
	margin-top: 30px;
}
.mgnT35 {
	margin-top: 35px;
}
.mgnT40 {
	margin-top: 40px;
}
.mgnT45 {
	margin-top: 45px;
}
.mgnT50 {
	margin-top: 50px;
}
.mr0{ margin-right:0!important;}
/* Padding */
.pdnT5 {
	padding-top: 5px;
}
.pdnT10 {
	padding-top: 10px;
}
.pdnT15 {
	padding-top: 15px;
}
.pdnT20 {
	padding-top: 20px;
}
.pdnT25 {
	padding-top: 25px;
}
.pdnT30 {
	padding-top: 30px;
}
.pdnT35 {
	padding-top: 35px;
}
.pdnT40 {
	padding-top: 40px;
}
.pdnT45 {
	padding-top: 45px;
}
.pdnT50 {
	padding-top: 50px;
}
.pdnT60 {
	padding-top: 60px;
}
.pdnB5 {
	padding-bottom: 5px;
}
.pdnB10 {
	padding-bottom: 10px;
}
.pdnB15 {
	padding-bottom: 15px;
}
.pdnB20 {
	padding-bottom: 20px;
}
.pdnB25 {
	padding-bottom: 25px;
}
.pdnB30 {
	padding-bottom: 30px;
}
.pdnB35 {
	padding-bottom: 35px;
}
.pdnB40 {
	padding-bottom: 40px;
}
.pdnB50 {
	padding-bottom: 50px;
}

/*20150924*/
.BlueBg{ background:#614466; color:#fff;}
.Greybg{ background:#eeeeee;}
.LeadStyle01{ font-size:180%; font-weight:bolder; line-height:160%;}
.BannerGroup01 li{ margin-bottom:30px;}
.BannerGroup01 li img{ width:100%;}
.BlueColum{ background:#614466; padding:35px 0; color:#fff;}
.BlueBg{ background:#614466;}
.TopColumn02{ padding:30px 10px;}
.TextStyle01{ font-size:90%; line-height:150%;}
.BannerGroup02{ overflow:hidden; margin:40px auto 0 auto; width:100%;}
.BannerGroup02 li{ float:left; margin:0 5% 4% 0; width:30%;}
.TopColumn01{ padding:50px 10px;}
.TopColumn01_new{ padding:50px 10px; margin-top: -80px;}
.TopBox01{ border:#767676 solid 1px; padding:20px;}
.LeadStyle02{ font-size:150%; font-weight:bolder;}
.TextStyle02{ font-size:115%; line-height:110%;}
.center{ text-align:center;}
.TextStyle03{ font-size:90%; line-height:130%; margin-left:10px;}
.TopColumn03{ width:90%; margin:10% auto 0 auto;}
.TopBox02{ border:#fff solid 1px; width:90%; padding:5%; margin-bottom:28px; min-height:103px;}
.TopBox02 dt{ font-size:115%; margin-bottom:15px;}
.TopBox02 dd{ font-size:90%; line-height:150%;}
.BannerGroup03 li{ margin-bottom:10px;}


/******ws         *****/
.Greybg_sp{ background:#eeeeee; padding:9px 0 0 0;}
.LeadStyle01_sp{font-size:180%; font-weight:bolder; padding-left:10px; float:left;}
.LeadStyle01_sp .red{ color:#c26f19; font-weight:normal; margin-left:.3em;}
.LeadStyle01_sp .black{ font-size:55%; font-weight:normal; margin-left:15px; text-align:right;}
.topbtn_sp{ padding:0 12% 5% 12%;}
.topbtn_sp a{ display:block;}
.topbtn_sp a img{ width:100%;}
.topbtn_sp li{ margin-bottom:5%;position:relative;}
.topbtn_sp li a.btna_sp{ display:block; position:relative; z-index:150; overflow:hidden;}
.topbtn_sp ul{ width:99.6%; position:absolute; z-index:120; border:1px solid #8cc001; border-bottom:none; border-top:none; background:#fff; margin-top:-10px; display:none;}
.topbtn_sp ul li{  border-bottom:1px solid #8cc001; margin:0; }
.topbtn_sp ul li a{ padding:5% 5%; font-size:120%; font-weight:bold; color:#8cc001; text-decoration:none;}
.topbtn_sp ul li:first-child a{ padding-top:7%;}
.topbtn_sp ul li a:hover{ background:#8cc001; color:#fff;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-button {
		width: 10px;
		height: 10px;
	}

	.sp-has-buttons {
		margin-bottom: 36px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.sp-button {
		width: 10px;
		height: 10px;
	}

	.sp-has-buttons {
		margin-bottom: 38px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.sp-button {
		width: 10px;
		height: 10px;
	}

	.sp-has-buttons {
		margin-bottom: 40px;
	}
}

.sp-slides-container {
	position: relative;
	background:#614466;
	padding:15px 0 25px;
	
}
.sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	top:-23px;
}

.LeadStyle03{ background:url(../img/purchase/purchase_img01.jpg) no-repeat 0 3px; padding-left:20px; font-size:185%; font-weight:bolder; line-height:120%;}
.TextStyle04{ font-size:100%; line-height:150%;}
.GreenBg{ background:#d5e4e7; padding:30px 0;}


/* 20150929 ling *******************************************************************************************/

.BlueBg2 {
	background:#d5e4e7;
	margin:0 auto;
}
.BlueBg2 .BlueBg2_con {
	margin:0 auto;
	padding:25px 0 0;
}
.BlockAss01 img{ width:100%;
}
.BlockAss01 p {
	color:#003c64;
	line-height:160%;
	font-size:90%;
	font-weight:bold;
}
.BlockAss01 div strong {
	background:#003c64;
	padding:10px;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	display:inline-block;
	line-height:150%;
}
#lp_plus .satei_area {
	background:#f8f3ef;
	padding:30px 0;
}
#lp_plus .satei_area .satei_sell, #lp_plus .satei_area .satei_sell dl {
	float: left;
}
#lp_plus .satei_area .satei_sell {
	margin:0 2%;
	width:96%;
}
#lp_plus .satei_area .satei_sell h3 {
	margin-bottom: 16px;
	text-align: center;
	width: 624px;
}
#lp_plus .satei_area .satei_sell .zip_num {
	background:#fff;
	width:100%;
}
#lp_plus .satei_area .satei_sell .zip_num dt, #lp_plus .satei_area .satei_sell .addr_select dt {
	height: 17px;
	margin: 16px 0 15px 29px;
}
#lp_plus .satei_area .satei_sell .zip_num dd input[type="text"] {
	font-size: 85%;
	height: 20px;
	line-height: 1.5;
	margin-right: 5px;
	width: 120px;
}
#lp_plus .satei_area .satei_sell .zip_num .input_box, #lp_plus .satei_area .satei_sell .addr_select .input_box {
	height: 32px;
	margin-bottom: 10px;
}
#lp_plus .satei_area .satei_sell .zip_num dd, #lp_plus .satei_area .satei_sell .addr_select dd {
	margin-bottom: 15px;
	text-align:center;
}
#lp_plus .satei_area .satei_sell .zip_num dd img {
	padding-left: 25px;
	vertical-align: middle;
}
#lp_plus .satei_area .satei_sell .zip_num dd span {
	font-size: 85%;
}
#lp_plus .satei_area .satei_sell .addr_select {
	background:#fff;
	width:100%;
}
#lp_plus .satei_area .satei_sell .addr_select select {
	background: #ffeef4 none repeat scroll 0 0;
	font-size: 85%;
	line-height: 1.5;
	margin-left: 30px;
	width: 250px;
}
#lp_plus .satei_area .satei_sell .addr_select dd img.btn:hover {
	cursor: pointer;
}
#lp_plus .satei_area .satei_sell dd .btn:hover {
	opacity: 0.7;
}
.form_and { text-align:center; padding:20px 0;}
.BlockAss02_con{ margin:0 auto;}
.BlockAss02 h2 {
    background: #003c64;
    color: #fff;
    display: inline-block;
    font-size: 130%;
    font-weight: bold;
    line-height: 150%;
    padding: 10px;
}
.BlockAss02 .TextStyle01{ font-size:130%; margin-bottom:25px;}
.TopColumn01.BlockAss_sp{ padding:20px 10px;}
.CpBox01{ border:#999999 solid 1px; padding:20px 10px;}
.LeadStyle04{ font-size:185%; font-weight:bolder; color:#614466;}
.CpBan01{ overflow:hidden; margin-top:25px; width:100%;}
.CpBan01 li{ float:left; margin:0 5% 4% 0; width:30%;}


/* 20151001 cp */
.TopCp{ margin:0 auto; background:#0004bc url(../img/cp/bg01_cp_sp.jpg) top center no-repeat; background-size:100%; padding:0 0 35px 0;}
.TopCp .text01_cp{ color:#fff; line-height:160%; padding:0 10px; margin:10px 0 40px;}
.TopCp .text02_cp{ margin:0 auto; background:#fff; padding:0 15px 30px;}
.TopCp .text02_cp p{ line-height:150%; margin-bottom:20px;}
.TopCp .text02_cp dl{ font-size:75%; margin-bottom:40px; line-height:165%;}
.TopCp .text02_cp dl dt{ float:left; width:5%;}
.TopCp .text02_cp dl dd{ float:left; width:95%;}
.Pad10{ padding:0 10px; }
.BlockCp01{ margin:0 auto; background:#fff url(../img/cp/bg02_cp_sp.jpg) bottom center no-repeat; background-size:100%; padding-bottom:15px; margin-bottom:24px;}
.BlockCp01 ul { padding:0 18px;}
.BlockCp01 ul li{ margin:0 0 20px 0; border:3px #b10011 solid; border-top:none; background:#fff; }
.BlockCp01 ul li img{ margin-bottom:15px; width:100%;}
.BlockCp01 ul li p{ padding:0 20px 10px; line-height:160%; font-size:90%;}

.BlockCp01.BlockCp02{ padding:0 15px;  background:#fff url(../img/cp/bg02_cp_sp.jpg) bottom center no-repeat; background-size:100%; }
.text03_cp{ line-height:160%; margin-bottom:30px;}
.BlockCp01.BlockCp02 ul{ padding:0; }
.BlockCp01.BlockCp02 ul li img{ width:100%;}
.text04_cp{ color:#fff; margin:0 auto; font-size:80%; line-height:160%;}



/* 20151001 purchase */
.ulpur li{ border:1px solid #000; padding:4%; margin-bottom:5%; line-height:160%;}
.ulpur span{ display:block;border-bottom:1px solid #003c64; text-align:center; padding:0 0 5px 0; margin-bottom:12px; font-weight:bold;}
.purbox01{ border:1px solid #000; padding:8% 4%;}
.purbox01 p{ margin-bottom:7%; line-height:160%;}
.purbox01 p.slider{ margin:0 10%;}
.tabsptop{ overflow:hidden;}
.tabsptop li{float:left;width: 33.3%;}
.tabspbox{ border:1px solid #555; background:#f8f3ef; padding:4%;}
.tabsptop li a{display:block;width:100%;padding: 19% 0;}
.tabsptop li.li01 a{ background: url(/plus/img/purchase/purchase_img06_sp.jpg) no-repeat left top;background-size:cover; }
.tabsptop li.li02 a{ background: url(/plus/img/purchase/purchase_img07_sp.jpg) no-repeat left top;background-size:cover; }
.tabsptop li.li03 a{ background: url(/plus/img/purchase/purchase_img16_sp.jpg) no-repeat left top;background-size:cover; }
.tabsptop li.li01 a.hover{ background: url(/plus/img/purchase/purchase_img06-on_sp.jpg) no-repeat left top;background-size:cover; }
.tabsptop li.li02 a.hover{ background: url(/plus/img/purchase/purchase_img07-on_sp.jpg) no-repeat left top;background-size:cover; }
.tabsptop li.li03 a.hover{ background: url(/plus/img/purchase/purchase_img16-on_sp.jpg) no-repeat left top;background-size:cover; }
.tabwin{ padding:0 3%;}
.tabwin .red{ color:#c26f19; font-weight:normal; margin-left:.3em;}
.tabwin .black{ font-weight:normal; }
.select_box{ position:relative; margin-bottom:5%;}
.select_box input{cursor:pointer; display:block; line-height:140%; width:90%; height:38px; font-size:130%; color:#333; overflow:hidden;border:1px solid #7c7c7c; padding:0 5% 0 3%; background:url(../img/purchase/purchase_img15_sp.jpg) no-repeat right center;}
.select_ul{ position:absolute; width:98%; background:#fff;border:1px solid #7c7c7c; border-top:none; display:none;}
.select_ul li{ padding:2% 3%; font-size:100%; color:#333; cursor:pointer; border-bottom:1px solid #ddd;}
.select_ul li:hover{ color:#666;}


#tabspcon01 .tabimg img,
#tabspcon02 .tabimg img,
#tabspcon03 .tabimg img{ width:100%;}

/*20151002*/
.BannerGroup01 li .txt01{ line-height:130%; font-size:90%;}

/* 20160720 */
.top_txt1{margin:0 2%;}
.mart{margin-top:10%!important;}
.top_txt1 .mark1{width:100%;margin:7% auto 5%;}

.c_lh{color:#38a1db;line-height:180%;}
.top_txt1 .txt2{margin:8% 0 7% 0;}
.sec02 img,.btn01 img{width:100%;}
.line_h150{line-height:150%;}
.line_h170{line-height:180%;}
.sec02_txt1{font-size:0.9em;margin:5% 0;}
.sec02_txt2{font-size:0.7em;margin-top:5%;}
sup.small{ font-size: 0.5em;
    line-height: 100%;
    margin: auto 1px;
    vertical-align: text-top;}
.list2_r{padding:0 20%;margin-top:5%;}
.tt2{margin:0 2% 8% 2%;}
.sec03{margin:0 2%;}
.sec03 dl dt{font-weight:bold;}
.sec03_txt1{font-size:0.8em;}
.marb{margin-bottom:5%;}
.btn01{padding-top:35px;;border-top:1px solid #666666;}
.btn01 a{width:80%;display:block;margin:0 auto;}
.coblue{color:#614466;text-decoration:none;}

/*201611022*/
.only_sp.text{
  text-align: center;
  margin: 15px 0 0;
  line-height: 1.7;
  font-family:"ヒラギノ明朝 ProN W4", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝";
  font-size: 17px;
}

.footer_out {
display:none;
}
#pagetop {
display:none;
}
#Pankuzu{
display:none;	
	
	}