@charset "utf-8";
/* CSS Document */


/*--------------------------
	reset
--------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
th,td { vertical-align: top; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html {background-color: transparent; background-image: none;}
input{font-family:'MS UI Gothic'; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;} 
img{vertical-align:bottom;}
input:hover{cursor:pointer;}

/*--------------------------
	common
--------------------------*/
.clearfix:before,.clearfix:after {content:"";display:table;} 
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.on_img, .on_nav li { position: relative; z-index: 3;}
.on_img a, .on_nav li a{display: -moz-inline-box; display: inline-block;}
.on_img a:hover, .on_nav li a hover { position: static;}
.on_img a:hover img, .on_nav li a:hover img, .on_nav li.current a img{ position: relative; z-index: -1;}

.fLeft{float:left;}
.fRight{float:right;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.bold{font-weight:bold;}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.gray{color:#666666;}

ol.ol{list-style:decimal;}
ul.ul{list-style:disc;}
li, dd {
list-style-type: none;
list-style-position:outside;
　　/* for IE */
*display:inline;
*zoom:1;
}


a {
    text-decoration: none;
    color: #08C;
}
/*  
a:hover { color: #0AF; }*/

a img.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
} 
.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;  
}


/*--------------------------
	base
--------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.5em;
/*	background:url(https://www.sipstool.jp/aquavilla/img/bg.jpg) 0 0 repeat-x;*/
	font-weight:normal;
	color:#222;
}



#wrapper{
}



/* header -------------------------*/
#header_wrapper{}

#header{
	margin:0 auto 5px auto;
	width:1000px;
	position:relative;

	}

#header h1{
	position: absolute;
	top: 0px;
	left: 0px;
	color:#FFF;
	font-size:0.8em;
}

#header h2{
	float:left;
}

#header .address{
	float:right;
}
#fontSize{
	float:right;
	margin:0 2px;
}
#fontSize li{
	float:left;
	margin:0 1px;
}
#contactbtn {
	float:right;
	margin:0 2px;
	
}
#contactbtn li{
	float:left;
	margin:0 1px;
}
.tel_header{
	position:absolute;
	top:30px;
	right:5px;
}

.primary{
	width:1000px;
	margin:auto;
	font-size:0.8em;
}
.primary li {
	float:left;
	background:url(https://www.sipstool.jp/aquavilla/img/common/list_arrow.jpg) left center no-repeat;
	padding-left: 15px; 
	margin-right:10px;
}
.primary li a{
	color:#333;
}
.primary li a:hover{
	color:#09F;
}
.primary li a:active{
	color:#F60;
}
/* menu -------------------------*/


#menu{
	margin-bottom:5px;
	margin:auto;
	width:1000px;
	background:url(https://www.sipstool.jp/aquavilla/img/common/bg_gnv.jpg) top center no-repeat;
}

#menu li{
	float:left;
}



/* mainimage_wrapper -------------------------*/

#mainimage_wrapper{
	margin:0 auto 20px auto;
	}

#mainimage{
	width:1000px;
	margin:0 auto;
	}


/* contents -------------------------*/


#contents{
	margin:0 0 30px 0;
	margin:auto;
	width:1000px;
}

#left_clm{
	float:left;
	width:710px;
	}

#right_clm{	
	float:right;
	width:260px;
	margin-bottom:30px;
	}



.bnrspc{
	width:1000px;
	clear:both;
}
.bnrspc li{
	float:left;
}
.bnrspc li.mr10{
	margin-right:11px;
}
/* footer -------------------------*/

#footer_wrapper{
	background:url(https://www.sipstool.jp/aquavilla/img/common/bg_footer1.jpg) top center;
	max-height:279px;
}
#page-top a img{
	position: fixed;
	bottom:200px;
	right:20px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#page-top a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#footer{
	margin:auto;
	width:1000px;
	position:relative;
	padding:0 0 20px 0;
	}
.footerlink{
	font-size:0.8em;
	text-align:center;
}
.footerlink a{
	color:#333;
}

.footerlink li a:hover{
	color:#09F;
}
.footerlink li a:active{
	color:#F60;
}

/*.pagetop{
	position:absolute;
	top:2px;
	right:0;
}*/

#footer h2{
	margin:0 20px 0 0;
	float:left;
	}
.adobeReader{
	font-size:0.8em;
	line-height:1.5em;
	margin-bottom:30px;
}
.footeraddress{
	margin-top:50px;
	color:#FFF;
	float:left;
		width:400px;
}
.footeraddress dt{
	margin-right:10px;
	float:left;
}

.footeraddress dd{
	font-size:0.8em;
	line-height:1.5em;
	margin-right:10px;
}

.footeraddress2{
	margin-top:50px;
	color:#FFF;
	float:left;
	width:600px;
}
.footeraddress2 dt{
	margin-right:10px;
	float:left;
}

.footeraddress2 dd{
	font-size:0.8em;
	line-height:1.5em;
	margin-right:10px;
}


.copyright{
	border-top:2px #390707 solid;
	background:#F1EEDD;
	color:#390707;
	font-size:0.8em;
	text-align:center;
	padding:10px;
}



/* blog -------------------------*/

#index #wrapper {
	background: url(https://www.sipstool.jp/aquavilla/img/common/bg_header_sub.jpg) top center no-repeat;
}
#header{
		height:139px;
		
}
.topbgimg{
	width:1000px;
	margin:auto;
	position:relative;
	height:460px;
}
#header .toplogo{
	position:absolute;
	top:21px;
	left:0;
}
#header .lp{
	position:absolute;
	top:85px;
	right:55px;
}
#header .lp_butu{
	position:absolute;
	top:85px;
	right:100px;
}
#header .ttl_policy
{
	position:absolute;
	top:85px;
	right:85px;
}
#header .ttl_program
{
	position: absolute;
	top: 86px;
	right: 51px;
}
#header .ttl_menu
{
	position:absolute;
	top:85px;
	right:0px;
}
#menu_wrapper{

	margin:0 auto 0px auto;
	height:90px;
}

#breadcrumb{
	margin:0 auto 30px auto;
	font-size:0.8em;
	}

#breadcrumb li{
	background: url(https://www.sipstool.jp/aquavilla/img/common/bread_icon.png) right center no-repeat;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	float:left;
	}
#breadcrumb li:last-child{background:none;}
.detail{
	text-align:right;
	padding-right:10px;
	background:url(https://www.sipstool.jp/aquavilla/img/common/list_arrow.jpg) right center no-repeat;
	margin:20px 0;
}

#contents .contactbox{
	background:url(https://www.sipstool.jp/aquavilla/img/common/bg_contactbox.jpg);
	width:960px;
	height:193px;
	margin:30px 0;
	padding:20px;
	clear:both;
}.ncont li {
	padding-left: 15px;
	background-image: url(https://www.sipstool.jp/aquavilla/img/common/list_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.kcont {
	width: 710px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
table td {
	padding-top: 15px;
	padding-bottom: 10px;
	color: #444444;
}
.dots {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.bg_brown {
	background-color: #F1EEDD;
}
.blue_l {
	color: #2C97EB;
}
.rinsk li {
	padding-left: 10px;
	background-image: url(https://www.sipstool.jp/aquavilla/img/klink/list_brown.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
}
.pl10{padding-left: 10px;}

/*ブログ部分*/
.blogbox{
	border:10px #F0F0E1 solid;
	background:#FFF;
}




.blogArea h3{
	margin-top: 20px;
	width:100%;
	height: 40px;
	padding: 22px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(https://www.sipstool.jp/aquavilla/img/blog/blue_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.blogArea .date{
	float: right;
	margin-top: 20px;
	font-size: 0.9em;
	color: #666;
	text-align: right;
}
.blogArea p{
	clear:both;
	margin-top:20px;
}
.blogArea .category{
	margin:20px 0;
	border-top:solid 1px #999;
}
.blogArea{
	margin:20px 0 40px 0;
	background-image: url(https://www.sipstool.jp/aquavilla/img/blog/blue_line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.blogArea img{max-width:710px;}


#right_clm dd{
	padding:10px;
	background:url(https://www.sipstool.jp/aquavilla/img/common/list_arrow.jpg) left center no-repeat;
	border-bottom: #6CF 1px solid;
}





.blog_cont h4{
	height: 40px;
	padding: 22px 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(https://www.sipstool.jp/aquavilla/img/blog/blue_line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.blog_cont .blog_date{
	padding: 10px;
	font-size: 0.9em;
	color: #666;
	text-align: right;
	background-image: url(https://www.sipstool.jp/aquavilla/img/blog/blue_line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.blog_cont a:link{
	color: #C90;
}
.blog_cont a:hover{
	color: #39F;
	border-bottom:#39F 1px dotted;
}
.blog_cont a:active{
	color:#000;
}

.blog_right{
	width:260px;
	float:right;
}
.blog_right .list{
	margin-bottom:20px;
}
.blog_right .list li{
	padding:10px;
	background:url(https://www.sipstool.jp/aquavilla/img/common/list_arrow.jpg) left center no-repeat;
	border-bottom: #6CF 1px solid;
}
.blog_right .list li a{
	padding:10px 5px;
	color:#333;
	width:260px;
}
.blog_right .list li a:hover{
	padding:10px 5px;
	color:#39F;
	width:260px;

}
.blog_right .list li a:active{
padding:10px 5px;
	color:#F60;
	width:260px;
}
.a.blog_cont {
	margin-bottom:40px;
	width:650px;
	padding-bottom:20px;

}
.cat_link{
		background:url(https://www.sipstool.jp/aquavilla/img/program/line_ttl.jpg) top no-repeat;
		padding:10px 0;
		margin-top:20px;
		font-size:0.8em;
}
.cat_link dt,.cat_link dd{
	float:left;
}
.cat_top {
	padding:20px;
}

.cat_top h5{
	background: url(https://www.sipstool.jp/aquavilla/img/program/bg_ttl_cattop.jpg) top center no-repeat;
	padding:10px;
	font-size:1.5em;
	font-weight:bold;
	width:550px;
	color:#FFF;
}
.cat_top h5 .icon{
	margin-left:15px;
}
.cat_top .comment{

	padding:10px;
	width:550px;
}

.cat_top .comment th{

	color:#09F;
	font-weight:bold;
	margin-right:10px;
	width:50px;
}
.cat_top .cat_img{
	float:right;
	margin-left:15px;
	padding:0
}

.cat_top .comment table{
	width:100%;
	margin-bottom:20px;
}

.cat_top .comment .copy{
	font-size:1.5em;
	color:#59B200;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
}
/*　ページャー　*/
.pmBox{
	padding:0;
	margin:0 auto 60px auto;
	text-align:center;
	}
ul.pager {
	margin:10px auto 10px auto;
	text-align:center;
	width:300px;
	}
ul.pager li {
	float: left;
	margin-right: 5px;
	font-weight: bold;
	}
ul.pager li a {
	position: relative;
	display: block;
	padding: 3px 8px;
	}
ul.pager li a:link,
ul.pager li a:visited {
	border: 1px #CCCCCC solid;
	background-position: 0 0;
	color: #666666;
	text-decoration: none;
	}
ul.pager li a:hover,
ul.pager li a:active {
	border: 1px #F90 solid;
	background-position: 100% 0;
	color:#F90;
	text-decoration: none;
	}
ul.pager li em {
	display: block;
	padding: 3px 8px;
	border: 1px #CCCCCC solid;
	background: #2692FF;
	color: #FFF;
	font-weight:bold;
	}
.ctttl{
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.2em;
}
.detail {
	text-align:right;
	margin:15px 5px;
}

.detail a{
	border-bottom:1px dotted #3CF;
		color:#2692FF;
}
.detail a:hover{
	border-bottom: none;
	color:#F90;
}
.detail a:active{
	color:#000;
	border-bottom: none;
}
/* -------------------------------------*/
#pager2 {
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}
#pager2 a {
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px;
	line-height:normal;
	zoom:1;
}
#pager2 a.pagelink, a.nextpagelink {
	display:inline-block;
	color:#2692FF;
	border:#CCC 1px solid;
	background:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px;
	line-height:normal;
	zoom:1;
}
#pager2 a:hover.pagelink, a:hover.nextpagelink{
	display:inline-block;
	color:#2692FF;
	border:#2692FF 1px solid;
	background:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px;
	line-height:normal;
	zoom:1;
}
#pager2 a:active.pagelink, a:active.nextpagelink{
	display:inline-block;
	color:#FFF;
	border:#2692FF 1px solid;
	background:#2692FF;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px;
	line-height:normal;
	zoom:1;
}


#pager2 a.nextpagelink {
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px;
	line-height:normal;
	zoom:1;
}

#pager2 a.currentpage {
	color:#FFFFFF;
	background:#2692FF;
}

#pager2 span.currentpage {
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	padding: 2px 4px;
	line-height: normal;
	zoom: 1;

	color:#FFFFFF;
	background:#2692FF;
}



/* -------------------------------------*/

.left_bl {
	float: left;
	width: 490px;
	height: 162px;
}
.blog_cont {
	color: #222;
	padding-bottom: 30px;
	background-image: url(https://www.sipstool.jp/aquavilla/img/blog/blue_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.photo {
	float: left;
	height: 121px;
	width: 150px;
}
.brown {
	color: #B28500;
	text-decoration: underline;
}
.clear {
	clear: both;
}
