@charset "utf-8";

ul {
  list-style: none;
}
/*basic start*/
body{
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	font-size: 14px;
	font-weight: normal;
}
p{margin: 0 0 15px 0;}
body{margin: 0px 5px;}

ul{
	padding: 0 0 0 0px;
	margin: 0 0 20px 20px;
}
li{
	padding:0px;
	margin:0px;
}
a:hover img.highlight{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	}
h1{
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	}
h2{
	background-image: url(https://www.cittoplus.com/strap/images/index.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 31px;
	text-indent: 25px;
	background-position: 2% 50%;
	color: #ffffff;
	background-color: #002893;
	text-align: left;
	margin: 0 auto 10px;
	}
h3{
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	background-position: 2% 50%;
	color: #002893;
	border-bottom: 1px solid #002893;
	text-align: left;
	margin: 0 auto 10px;
}
h4{
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 31px;
	background-position: 2% 50%;
	text-align: left;
	margin: 0 auto 10px;
	color: #002893;
	background-image: url(https://www.cittoplus.com/strap/images/listmark1.gif);
	text-indent: 25px;
	padding: 0px;
	}
h5{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 31px;
	text-indent: 5px;
	text-align: left;
	margin: 0 auto 10px;
	color: #002893;
	padding: 0px;
	border-bottom:1px solid #002893;
	}
h6{font-size: 1.1em;font-weight: bold;margin: 0px;}
/*basic*/


.wr70{width: 70%;float: left;margin-bottom: 20px;}
.wr30{width: 30%;float: left;margin-bottom: 20px;}
.wr70 img{width: 95%;height: auto;}
.wr30 img{width: 95%;height: auto;}

.wr50{width: 50%;float: left;margin-bottom: 20px;text-align: center;}
.wr50 img{width: 95%;height: auto;}

.wr33{width: 33%;float: left;margin-bottom: 20px;text-align: center;}
.wr33 img{width: 95%;height: auto;}

.wr25{width: 25%;float: left;margin-bottom: 20px;text-align: center;}
.wr25 img{width: 95%;height: auto;}

.wr16{width: 16.6%;float: left;margin-bottom: 20px;text-align: center;}
.wr70 img{width: 95%;height: auto;}

.mtb30{margin: 30px 0;}

.c{text-align: center;}
.l{text-align: left;}
.r{text-align: right;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 10px;}
.mt30{margin-top: 30px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.sp{display: none;}

.ap_h1{
	width: 1000px;
	margin: 0 auto;
}
.ap_head{
	margin: 0 auto 10px;
	clear: both;
	text-align: center;
}
.ap_main{
	width: 1000px;
	margin: 0 auto;
}
.ap_left{
	padding-bottom: 10px;
	width: 180px;
	float: left;
	margin: 0 auto;
	text-align: center;
}
.ap_center{
	width: 610px;
	margin: 0px 15px;
	float: left;
}

.ap_center_price{
	width: 990px;
	margin: 0px auto;
}
.ap_right{
	width: 180px;
	float: right;
	margin: 0 auto;
	text-align: center;
}
.ap_footer{clear: both;margin-top: 40px;}

.footer{clear: both;background-color: #006fbc;padding: 30px 2% 10px;color: #fff;text-align: center;margin-top: 40px;}
.footer a{color: #fff;}

.header_sp{display: none;}

.material img{border: 2px solid #ccc; box-sizing: border-box;}
.items{float: left;width: 31%;list-style: none;text-align: center;margin:0 1% 10px;box-sizing: border-box;}
.items img{width: 100%;height: auto;}

.items p{text-align: left;font-size: 1em;margin: 5px 0;line-height: 130%;}

/*head*/
#nav {
	clear: both;
	overflow: hidden;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding:0px;
	margin:10px auto 15px;
	font-size: 14px;
	width: 1000px;
	box-sizing: border-box;
}
#nav ul {margin: 0px;padding: 0px;}
#nav li {
	float: left;
	width: 16.6%;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
	list-style: none;
}
#nav li:last-child{
		border-right: 0px solid #ccc;
}
#nav li a {
	display:  block;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding: 10px 0px;
}
#nav li a:hover {
	background: #dddddd;
	color: #333;
	border-radius: 0px;
}
/*head end*/
.border{border: 1px solid #ccc;}
.box_img{
	text-align: center;
	margin-bottom: 30px;}

.box_img_price{
	margin: 0 auto 20px;
	text-align: center;
	height: 620px;
}
.box_img_mb10{
	  margin: 0 auto 10px;
	text-align: center;
}
.box_text{
	margin: 0 auto 20px;
	text-align: left;
}
.box_totop{
	margin: 0 auto 20px;
	text-align: right;
}
.box_center{
	width: 610px;
	margin: 0 auto 20px;
}
.box_center_price{
	margin: 0 auto 20px;
}
.price_list{
	margin: 0 auto 20px;
	background-color: #eeeeee;
	padding: 0px auto;
	padding-bottom: 10px;
}
.price_list ul{
	margin-left:2%;
}
.price_list li{
	float: left;
	list-style: none;
	margin: 10px 5px 0px 0;
	background-image: url(images/btn_item_bg.gif);
	width: 146px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.clear{
	clear:both;
}
#pageTop {
 position: fixed;
 bottom: 1%;
 right: 1%;
 }
#pageTop2 {
 position: fixed;
 bottom: 30%;
 right: 0px;
 }
.box_title1{
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
	background-position: 2% 50%;
	color: #ffffff;
	background-color: #002893;
	text-align: left;
	margin: 0 auto;
}
.box_border{
	border:1px solid #cccccc;
	margin:0 auto 20px;
	padding:5px;
}
.liner{
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ff6 60%);
}

/*top start*/
.navi_bg{
	background-image: url(../images/navi_bg.gif);
	height: 45px;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;

}
.navi_btn{	
	margin: 0 auto;
	width: 1000px;
}

.navi_btn ul{
	float: left;
	padding: 0px;
	height: 45px;
	margin: 0 0 0 5px;
}

.navi_btn li{
	float: left;
	height: 45px;
	width: 165px;
	margin: 0 auto;
	left: -50%;
	list-style:none;
}
.top_bnr{
	margin: 0 auto 5px;
	width: 1000px;
	height: 117px;
}
/*top end*/
/*basic end*/
.box_caution2{
	border:1px solid #cccccc;
	background-color:#F5F5F5;
	padding:5px;
	margin:0 auto 20px;
}
.box_caution{
	text-align: left;
	margin: 0 auto 20px;
	border: 3px solid #0474BE;
	padding: 5px;
	width: auto;
	box-sizing: border-box;
}
.box_caution ul{
	padding: 5px 0 0 0;
	font-weight: bold;
}
.box_caution li{
	padding-left: 13px;
	font-weight: normal;
	list-style-position: inside;

}
.box_h1{
	float:left;
	height:20px;
}
.box_img_105px{
	text-align: center;
}
.box_img_105px img{
	width: 105px;
	height: 70px;
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0 0 5px;
}
.box_logo{
	float: right;
	height: 20px;
	padding-right: 7px;
}
.box_border_gray{
	border:1px solid #ccc;
	margin:0 auto 20px;
}
.box_border_gray_5px{
	border: 3px solid #aaa;
	margin: 0 auto 20px;
}
.box_half{
	width: 48%;
	padding: 0 1%;
	float: left;
	margin: 0 auto 20px;
	text-align: left;
	font-size: 0.9em;
}
.box_half img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.box_third{
	width: 33%;
	float: left;
	margin: 0 auto 20px;
	text-align: center;
}
.box_third img{
	width: 95%;
	height: auto;
}	
.font_samll{
	font-size:10px;
}
.box_text{
	margin: 0 auto 20px;
	text-align: left;
	padding: 5px;
}
.box_totop{
	margin:0 auto 20px;
	text-align:right;
}
.box_breadcrumb{
	margin:0 auto 5px;
	text-align:left;
	padding:5px;
	font-size: 0.9em;
}
.box_center_main{
	width: 600px;
	margin: 0 auto;
}
.nichiray{
	background-image:url(img/nichirey.jpg);
	width:601px;
	height:182px;
}
.aline_left td{
	text-align:left;
}
.font_brown{
	color:#40220F;
	font-size:15px;
	font-weight:bold;
}
.font_pink{
	color:#D63268;
	font-size:17px;
	font-weight:bold;
}
.font_blue{
	color:#2B6DAC;
	font-size:17px;
	font-weight:bold;
	}	
.line_blue2{
	background-image:url(img/line_blue2.jpg);
	height:23px;
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
}
.line_gray{
	background-image:url(img/line_gray.jpg);
	height:23px;
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
}
.box_border_bg{
	border: 1px solid #cccccc;
	background-color: #FBFAF9;
	padding: 5px;
	margin: 0 5px 20px;
	
}
.line3{
	background-image:url(img/line3.jpg);
	height:22px;
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
}

	.line_gray2{
	height:23px;
	background-repeat:repeat-x;
	background-image:url(img/line_gray2.jpg);
	text-align:center;
	
}
.line_gray3{
	height:23px;
	padding-top: 5px;
	padding-left: 7px;
	font-weight:bold;
	
}
.line_gray4{
	height:23px;
	background-repeat:repeat-x;
	padding-left: 7px;
	font-size:10px;
	
}

	
	
.box_rami{
	width:155px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}
.box_rami2{
	width:155px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}
.three_m{
	background-image: url(img/three_m.jpg);
}
.bg_black{
	background-color:#f00;
	padding:5px;
	color:#fff;
}
.box_font_small{
	font-size: 13px;
}

.white_line{
	background-image:url(img/whitebord_line.jpg);
	background-repeat:repeat-x;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding: 5px 0 0 10px;
}
.border_b0{
	border:1px solid #ccc;
	border-bottom:0px;
}
.border_tb0{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.white_line2{
	background-image:url(img/whitebord_line2.jpg);
	background-repeat:repeat-x;
	height:41px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding-top:5px;
	padding-left:7pt;
}
.font_16px{
	font-size:16px;
}
.font_16pxwhite{
	font-size:16px;



	color:#ffffff;
		font-weight: bold;
}
.font_white{
	color:#ffffff;
}
.font_red16px{
	font-size:16px;
	color:#C00;
}
.font_red{
	color:#C00;
	font-weight:bold;
}
.font_caution{
	color:#666;
	font-size:12px;
}

a.color{		
				
				
				
				
    display:block;
    width:170px;
    height:24px;
    background-image:url(https://www.cittoplus.com/strap/image/color.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.color{		
				
				
				
				
    background-position:0px -30px;
}

a.cleaner_yuni{		
				
				
				
				
    display:block;
    width:170px;
    height:48px;
    background-image:url(https://www.cittoplus.com/strap/image/cleaner_yu.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.cleaner_yuni{		
				
				
				
				
    background-position:0px -47px;
}
a.cleaner_25{		
				
				
				
				
    display:block;
    width:170px;
    height:48px;
    background-image:url(https://www.cittoplus.com/strap/image/cleaner_25.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.cleaner_25{		
				
				
				
				
    background-position:0px -47px;
}
a.squere{		
				
				
				
				
    display:block;
    width:170px;
    height:48px;
    background-image:url(https://www.cittoplus.com/strap/image/square_b.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.square{		
				
				
				
				
    background-position:0px -48px;
}
a.name{		
				
				
				
				
    display:block;
    width:170px;
    height:46px;
    background-image:url(https://www.cittoplus.com/strap/image/name_b.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.name{		
				
				
				
				
    background-position:0px -48px;
}
a.mouse_tyou{		
				
				
				
				
    display:block;
    width:170px;
    height:46px;
    background-image:url(https://www.cittoplus.com/strap/image/mouse_tyou_le.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.mouse_tyou{		
				
				
				
				
    background-position:0px -47px;
}
a.mouse_yuni{		
				
				
				
				
    display:block;
    width:170px;
    height:46px;
    background-image:url(https://www.cittoplus.com/strap/image/mouse_yuni_le.jpg);
    text-align:center;
    margin:0px 0px;
}
a:hover.mouse_yuni{		
				
				
				
				
    background-position:0px -46px;
}
#lightbox{
	background-color:#eee;
	padding: 0px;
	border-bottom: 0px solid #666;
	border-right: 0px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image : url(../strap/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image : url(../strap/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}




.bold {
	font-weight: bold;
}
.imgbox {
	width: 600px;
	border: 1px solid #009;
	height: 94px;
}
.font_whtite {
	color: #FF0;
	font-weight: bold;
	font-size: 14px;
}
.box1 {
	width: 632px;
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #E8E8E8;
}
.box2 {
	border: 1px solid #CCC;
	width: 632px;
	
}
.box3 {
	border: 1px solid #999;
}
.box4 {
	border: 2px solid #ccc;
}
.box5 {
	border: 1px solid #C00;
}.white {
	color: #FFF;
	font-weight: bold;
}
.red {
	color: #C00;
	font-weight: bold;
}
.index {
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #C60;
	padding: 5px;
	font-weight: bold;
	color: #C60;
	border-bottom-width: 0px;
	border-bottom-color: #C60;
}
.box_img_right{
	float: right;
	padding: 0;
	border: 1px solid #cccccc;
	width: 39%;
	text-align: center;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.box_img_right img{width: 100%;height: auto;}
.box_use_third{
	width: 200px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.box_use_third a img{
	border: 3px solid #cccccc;
}
.box_use_third a:hover img{
		border:3px solid #0091D0;
}
.box_use_quarter{
	width: 150px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.box_use_quarter a img{
	border: 3px solid #cccccc;
}
.box_use_quarter a:hover img{
		border:3px solid #0091D0;
}
.box_img_right_price{
	float: right;
	width: 39%;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.box_text_left{
	float: left;
	margin-bottom: 20px;
	width: 57%;
	padding: 5px;
}
.box_text2_left{
	float: left;
	margin-bottom: 20px;
	width: 100%;
	padding: 5px;
}
.box_estimate_left{
	float: left;
	margin: 15px 0 0px;
	padding: 5px;
	font-size: 25px;
	font-weight: bold;
}
.box_estimate_right{
	float: right;
	padding: 5px;
}
.box_estimate_center{
	float: right;
	padding: 5px;
	width: 32px;
	margin: 13px 10px 0;
}
.box_estimate_flame{
	border: 1px solid #cccccc;
	margin: 20px auto 20px;
}
	
	
.border {
	border: 1px solid #ccc;
	padding:1px;
	}
.border_red{
	border: 8px solid #C00;
	padding:1px;
	}

.border_red_3px{
	border: 4px solid #EE59AB;
	padding: 2px;
	margin: 10px 0;
	box-sizing: border-box;
	}
.border_blue_3px{
	border: 4px solid #2EA7E0;
	padding: 2px;
	margin: 10px 0;
	}	
.border0 {
	border: 1px solid #ccc;
	padding:0px;
	}
	

.consul_box1 {
	height: 172px;
	width: 579px;
	background-image: url(img/first1.jpg);
}
.consul_box2 {
	height: 172px;
	width: 579px;
	background-image: url(https://www.cittoplus-maku.com/images/consultation12.jpg);
}
.title_bar1 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_blue.jpg);
	background-repeat: repeat-x;
	height:23px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	
}
.title_bar2 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_org.jpg);
	background-repeat: repeat-x;
	height:23px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
}
.title_bar3 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_green.jpg);
	background-repeat: repeat-x;
	height:23px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
}
.title_bar4 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_blue_b.jpg);
	background-repeat: repeat-x;
	height:31px;
	font-weight:bold;
	font-size:15px;
	color:#fff;
}
.title_bar5 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_org_b.jpg);
	background-repeat: repeat-x;
	height:31px;
	font-weight:bold;
	font-size:15px;
	color:#fff;
}
.title_bar6 {
	background-image: url(https://www.cittoplus.com/sticker/img/line_green_b.jpg);
	background-repeat: repeat-x;
	height:31px;
	font-weight:bold;
	font-size:15px;
	color:#fff;
}
.use_btn{
	background-image:url(img/btn_flat2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-weight:bold;
	height:17pt;
	margin-top:-3pt;
	}

.use_btn a:link{
				
		Color: #ffffff; text-decoration: none; 
}
.use_btn a:visited {
				
		color: #ffffff; text-decoration: none; 
}
.use_btn a:hover{
				
		color: #ffff00; text-decoration: underline; 
}
.use_btn a:active  {
	color: #ffff00;
	text-decoration: underline;
}
.use_btn a{
    display:block;
	    width:110px;
    height:17px;
}
.material_btn{
	background-image:url(img/btn_flat1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-weight:bold;
	height:17pt;
	margin-top:-3pt;
	}

.material_btn a:link{
				
		Color: #ffffff; text-decoration: none; 
}
.material_btn a:visited {
				
		color: #ffffff; text-decoration: none; 
}
.material_btn a:hover{
				
		color: #ffff00; text-decoration: underline; 
}
.material_btn a:active  {
	color: #ffff00;
	text-decoration: underline;
}
.material_btn a{
    display:block;
	    width:110px;
    height:17px;
}
.process_btn{
	background-image:url(img/btn_flat3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-weight:bold;
	height:17pt;
	margin-top:-3pt;
	}

.process_btn a:link{
				
		Color: #ffffff; text-decoration: none; 
}
.process_btn a:visited {
				
		color: #ffffff; text-decoration: none; 
}
.process_btn a:hover{
				
		color: #ffff00; text-decoration: underline; 
}
.process_btn a:active  {
	color: #ffff00;
	text-decoration: underline;
}
.process_btn a{
    display:block;
	    width:110px;
    height:17px;
	float:right;
}
#border{
	border:1px solid #ccc;
}
/*left start*/
.left_img{
	clear: both;
	width: 172px;
	text-align: center;
	margin: 0 auto 5px;
}
.left_company_pf_box{
	width: 180px;
	text-align: center;
	font-size: 11px;
	margin: 10px auto 0;
}
.left_company_pf_box ul{
	padding:0px;
		margin: 0px;
}
.left_company_pf_box li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.left_calender{
	width: 174px;
	margin: 0 auto 10px;
	text-align: center;
	border: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}
.left_company_pf_box2{
	width: 174px;
	margin-top: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
.left_company_pf_box3{
	width: 176px;
	margin-top: 10px;
	background-color: #06F;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.box_contents{
	width: 170px;
	margin: 10px auto;
}
.box_contents li{
	text-decoration: none;
	border: 1px solid #1B78B3;
	font-size: 14px;
	margin: 5px 0;
	list-style: none;
	background-image: url(https://www.cittoplus.com/sticker/images/list_mark.gif);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 15px;
	background-position-x: 5px;
	background-position-y: 10px;
	width: 170px;
}
.box_contents ul{
	margin:0px;
	padding:0px;
}
.box_contents li a{
	text-decoration: none;
	font-weight: bold;
	color: #0071BC;
}
.box_contents li a:hover{
	text-decoration:underline;
}
.box_other_item{
	width: 170px;
	margin: 0 auto 10px;
}
.box_other_item ul{
	margin:0px;
	padding:0px;
}
.box_other_item li{
	text-decoration: none;
	border: 1px solid #9637D4;
	font-size: 14px;
	margin: 5px 0;
	list-style: none;
	background-image: url(https://www.cittoplus-maku.com/images/list_mark2.gif);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 15px;
	background-position-x: 5px;
	background-position-y: 10px;
	width: 170px;
}
.box_other_item li a{
	text-decoration: none;
	color: #662D91;
	font-weight: bold;
}
.box_other_item li a:hover{
	text-decoration:underline;
}
/*left end*/
/*right start*/
.r_senddate{
	width:172px;
	margin:0 auto;
}
.r_senddate_box{
	width: 170px;
	margin: 0 auto;
	border-width: 0 1px 1px 1px;
	border-color: #FE4E52;
	border-style: solid;
	height: 60px;
	background-color: #F7373F;
	text-align: center;
	line-height: 50px;
	padding-top: 11px;
	margin-bottom: 10px;
}
.right_main_box{
	width: 180px;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
}
.right_main_box img{
	margin:5px auto;
	border:1px solid #ccc;
	padding:1px;
	width:168px;
}
/*right end*/

/*footer start*/
.box_sentence1{
	background-color: #E8F3FF;
	margin: 0 auto 20px;
	padding: 15px 10px;
	text-align: left;
	height: 100%;
	width: 668px;
	line-height: 170%;
	background-image: url(../images/picture_bg.gif);
	background-repeat: no-repeat;
	background-position: 98% 85%;
	border: 1px solid #cccccc;
}
.box_sentence3{
	margin: 0 auto;
	padding: 0 10px 5px;
	text-align: center;
	line-height: 170%;
	background-repeat: no-repeat;
	border-top: 5px solid #0070BC;
	clear: both;
	background-color: #ffffff;
}
.box_sentence1 ul{
	margin:0px;
	padding-left:30px;
}
.box_sentence1 li{
	font-weight: normal;
	padding: 5px 0 0 0;
	font-size: 14px;
}
/*footer end*/


/*--sp--*/
@media screen and (max-width:800px){
/*general*/
body, div, dl, dt, dd, ul, ol, li, h1, pre, form, fieldset, input, textarea, p, blockquote, th, td, tr, span {
	font-size: 13px;}
h1{font-size:0.8em;}
table{width: 100%;}
TD{width: auto;}
img{width: 100%;height: auto;}
/*general end*/	
	
.ap_main{width: auto;}
.ap_center{width: auto;margin: 0px;}
.box_center{width: auto;}
.ap_footer{width: auto;}
.ap_left{display: none;}
.ap_right{display: none;}
.header_sp{display: block;}
.top_bnr{display: none;}
.ap_center_price{width: auto;}
.box_logo{display: none;}
	.box_center_main{width: auto;}
.box_use_third{width: 33%;}
.box_use_third img{width: 90%;height: auto;}
.box_use_quarter{width: 25%;}
.box_use_quarter img{width: 90%;height: auto;}
.box_img_105px{font-size: 0.8em;}
.price_list{margin: 0%;}
.price_list li{
	margin: 10px 0 0px 1%;
	width: 32%;
	height: 36px;
	line-height: 36px;}
.box_img_price{height: auto;}
	.box_estimate_flame{width: 100%;}
.box_estimate_left{
	float: none;
	margin: 15px auto 0px;
		text-align: center;
}
.box_estimate_left img{
	height: 20px;width: auto;}
.box_estimate_right{
	text-align: center;
	float: none;
	padding: 5px;
	margin: 0 auto;
}
.items h6{font-size: 1em;}

.box_estimate_right img{width: 40%;height: auto;}
.box_estimate_center{display: none;}
	.sp{display: block;}
/*--sp header--*/	
#nav {
	margin:10px 0;
	width: auto;
	border-bottom: 0px;
}
	#nav ul{margin: 0px;padding: 0px;}
#nav li {
	float: left;
	width: 33.3%;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
	font-size:12px;
	box-sizing: border-box;
}
#nav li:last-child{
	border-right: 0px solid #ccc;
}
#nav li a {
	display:  block;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding: 12px 0px;
}
/*--sp header end--*/
	
/*footer_nav*/
.footer_nav{
	padding: 5px;
	margin-bottom: 15px;
	background: #e8e9f8;
	border: solid 1px #d1d1d1;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
	.footer_nav ul{padding: 0px;margin: 0px;}	
.footer_nav ul.submenu{
	width: 100%;
	margin-bottom: 0px;

}
	.footer_nav li{list-style: none;}
.footer_nav .list a{
	background: #fff;
}
.footer_nav h6{
	background-color: transparent;
	color: #333;
	margin: 0px;
	padding: 0 0 10px 0;
	font-size: 100%;
}
.footer_nav h6::first-letter{
	border-left: 3px solid #015db2;
	padding-left: 10px;
}
.footer_nav p{
	padding: 0px 0px 10px;
	line-height: 170%;
}
.footer_nav ul.submenu{
	margin-bottom: 15px;
	border-top: solid 1px #e4e4e4;
}
.footer_nav ul.submenu li{
	background: #fff;
	border-bottom: solid 1px #e4e4e4;
}
.footer_nav ul.submenu li a{
	text-decoration: none;
	display: block;
	padding: 7px 3px;
}
.footer_nav ul.submenu li ul li a{
	text-decoration: none;
	display: block;	
	font-size: 13px;
	padding: 0px 8px;
}
.footer_nav ul.submenu li ul li{
	border-top: solid 1px #e4e4e4;
		border-bottom:none;
}
.footer_nav ul.submenu{
	margin-bottom: 0px;
}
.calendar {
  display: block;
  width: 98%;
  text-align: center;
  background: #49abe4;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
	margin: 10px auto 20px;
	padding: 15px 0;
}
.calendar span{
  color: #FFF;
  position: relative;
  padding-left: 30px;
}
.calendar span::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
/*footer_nav end*/
	
}
.img-frame{
   position: relative;
   width: 600px;
   height: 300px;
   overflow: hidden;
   margin: 0 auto;
}
@media screen and (max-width: 767px){
.img-frame{
   width: 100%;
   height: 200px;
}
.img-01, .img-02, .img-03{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-01{
   background-image: url('https://www.cittoplus.com/sticker/images/img_slide_1.jpg');
   animation: slide-animation-01 24s infinite;
}
.img-02{
   background-image: url('https://www.cittoplus.com/sticker/images/img_slide_1.jpg');
   animation: slide-animation-02 24s infinite;
}
.img-03{
   background-image: url('https://www.cittoplus.com/sticker/images/img_slide_1.jpg');
   animation: slide-animation-03 24s infinite;
}
@keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  30% {opacity: 1;}
  40% {opacity: 0; transform: scale(1.15);}
  90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  30% {opacity: 0; transform: scale(1.1);}
  40% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
  60% {opacity: 0;  transform: scale(1.0);}
  70% {opacity: 1;}
  90% {opacity: 1;}
100% {opacity: 0; transform: scale(1.1);}
}
/*スライドショー*/

.tax1{font-size: 0.6em;display: block;line-height: 140%;}
.tax1:before{content: "(税込"}
.tax1:after{content: "円)"}