@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通
=================================================================== */

a:link		{color:#0f89cd;}
a:visited 	{color:#0f89cd;}
a:hover 	{color:#fd8300; text-decoration:none;}
a:active	{color:#fd8300; text-decoration:none;}

body{ background: url(../images/back.gif) repeat;}
#all{
	overflow:hidden;
	width:100%;
	margin:0 auto;
}
#main{
	width:1000px;
	padding-top:20px;
	height:auto;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#contents {
	width:720px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}
#side{
	width:250px;
	float:right;
	padding-bottom:5px;
	text-align:center;
	margin-bottom:35px;
	margin-top:10px;
}

#footer {
	height:100px;
}
#wrapper{
	height:auto;
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	padding-bottom:15px;}
/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	height:191px;
}
#header .inner{
	width:1000px;
	margin:0 auto;
}
#header .base{
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
}

#header .inner h1{
	font-weight:normal;
	font-size:14px;
	padding-top:15px;
}
#header .inner h1 span{
	display:block;
	margin-bottom:5px;}
#header .base .logo{
	float:left;
	width:260px;}

#header .base .event{
	float:left;
	width:400px;}
#header .base .tel{
	float:right;
	width:320px;
/*	padding-top:3px;*/
}
#header .base .btn a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* -----------------------------------------------------------
	#固定ヘッダー
----------------------------------------------------------- */
/* 非表示用クラス */
        .hide-header {
            transform: translateY(-100%);
            transition: transform 0.3s ease;
        }
        
/* ヘッダー通常表示 */
        .fixed-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            z-index: 9999;
            height: 70px;
            transition: transform 0.3s ease;
        }
        

/* 表示用クラスを追加 */
.show-header {
    transform: translateY(0);
}

        .header-inner {
            max-width: 1200px;
            margin: 0 auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
        }
        
        .fixed-header .logo img {
            height: 40px;
        }
        
        .main-menu {
            display: flex;
            flex: 1;
            justify-content: center;
            align-items: center;
            margin-left: 40px;
        }
        
        .main-menu a {
            text-decoration: none;
            font-size: 14px;
            color: #333;
            font-weight: bold;
            padding: 0 12px;
            position: relative;
            white-space: nowrap;
        }
        
        .main-menu a:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 20px;
            background-color: #ccc;
        }
		        
        .header-buttons {
            display: flex;
            gap: 10px;
        }
        
        .header-buttons .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 150px;
            height: 55px;
            border-radius: 6px;
            margin-left: 5px;
        }
        
        .mail-btn img,
        .tel-btn img {
            width: 150px;
            height: 55px;
        }

/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side p{
	margin-bottom:15px;
}
#side .btnBase p{
	height:33px;
	line-height:35px;
	text-align:left;
	padding-left:5px;
}
#side .listArea{
	width:246px;
	margin:0 auto 15px auto;
	text-align:left;
	background:#fff;
	padding-bottom:5px;
	padding-top:5px;
	border:2px solid #26b9eb;
}
#side .listArea h3{
	margin-bottom:5px;}
#side .sideBtn ul{
	margin-top:5px;
	
}
#side .sideBtn li{
	width:192px;
	font-size:16px;
	padding-left:35px;
	margin:0 auto 10px auto;
	border-bottom:1px solid #26b9eb;
	padding-bottom:5px;
	background:url(../images/side-menubg.gif) no-repeat 5px 3px #fff;}
#side h3.sideTitle{
	margin-bottom:5px;
}

#side .listArea li.noLine{
	border-bottom:none;
}
#side .sideCom{
	width:240px;
	margin:0 auto;
	padding-bottom:5px;
	padding-top:10px;}

#side .sideContact{
	margin-bottom:15px;
}

#side .add{
	width:246px;
	padding-top:0;
	margin:0 auto 15px auto;
	border:2px solid #26b9eb;
	background:#fff;
	padding-top:10px;
}
#side .add h3{
	text-align:center;}
#side .add ul{}

#side .sideComText{
	padding-top:0;
	font-size:14px;
	margin-bottom:0;
	font-weight:normal;
	padding-left:10px;
	padding-bottom:0;}
#side .sidePhoto{
	margin:0 auto 5px auto;
	width:230px;}
#side .add h3{
	margin-bottom:0;}
#side .add ul{
	padding-left:0;
	margin:0 auto;
	padding-top:10px;
	clear:both;}
#side .add li{
	background:url(../images/top-side-line.gif) no-repeat 5px 3px;
	border-bottom:2px dotted #ccc;
	margin:0 auto 10px auto;
	width:225px;
	font-size:16px;
	line-height:1.6;
	padding-bottom:5px;
}
#side .add li span{
padding-left:30px;
	display:block;}
#side .com{
	border:2px solid #26b9eb;
	width:246px;
	padding-top:10px;
	margin:0 auto 15px auto;
	background:#fff;}
#side .com h3{
	text-align:center;}
#side .sideCom{
	width:240px;
	padding-bottom:10px;}


#side a:link {color:#222; text-decoration:none;}
#side a:visited {color:#222; text-decoration:none;}
#side a:hover {color:#fd8300; text-decoration:none;}
#side a:active {color:#fd8300; text-decoration:none;}




/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	clear:both;
	width:100%;
	height:56px;
	color:#fff;
	padding:20px 0 20px 0;
	overflow:hidden;
	background:#26b9eb;
}
#footer .inner{
	width:1000px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	padding-left:15px;
	padding-bottom:15px;
}
#footer address{
	width:100%;
	margin:0 auto;
	text-align: left;
	font-size:14px;
}

/*----------------------------------------------------
	#navi
----------------------------------------------------*/
#navi{
	width:100%;
	height:56px;
	padding-top:8px;
	padding-bottom:5px;
	clear:both;
	background:#26b9eb;
}
#navi .inner{
	width:1000px;
	height:65px;
	margin:0 auto;
	overflow:hidden;
}
#navi .inner ul{
	width:1000px;
	float:right;
	overflow:hidden;
	margin:0 auto;
}
#navi .inner ul li{
	float:left;
	width:195px;
	background:#fff;
	margin-left:5px;
}
#navi .inner li a{
	display:block;
	height:43px;
	padding-top:5px;
	padding-bottom:5px;
	width:182px;
	margin:0 auto;
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
#all .mainImg{
	width:100%;
	height:918px;
}
#all .mainImg .inner{
	width:1000px;
	margin:0 auto;
}
#all .lease-mainImg{
width:100%;
height:350px;
}
#all .lease-mainImg .inner{
width:1000px;
margin:0 auto;
}


#all .mainTittle{
	width:100%;
	height:150px;
	background-color:#fff;
}



#all .mainTittle .inner{
	width:1000px;
	margin:0 auto;
}




#contents h2{
	width:720px;
	margin:0 auto 15px auto;
}
#contents h2.none{
	margin-bottom:0;
}
#wrapper h2{
	width:100%;
	margin:0 auto 20px auto;
	background:url(../images/h2-bg.png) repeat-x;
}
#wrapper h2 span{
	width:1000px;
	margin:0 auto;
	display:block;}
#wrapper h2.noneB{
	margin-bottom:0;
	background:none;
}
#wrapper h2.none{
	background:none;
}
#wrapper h3{
	width:1000px;
	margin:0 auto 20px auto;
}
#wrapper h3.none{
	margin-bottom:0;}
#contents h3{
	margin-bottom:25px;
}
#contents h3.ti03{
	background-color:#fff;
	border-bottom:3px #3CF solid;
	margin-bottom:30px;
	padding:20px 10px;
	font-size:1.4em;
}



#mainImg{
	width:100%;
	margin:0 auto;
}

#contents .box .textArea{
	width:720px;
	margin:0 auto;
}
#contents .box{
	width:720px;
	margin:0 auto 35px auto;
	clear:both;
}
#wrapper .box{
	width:100%;
	clear:both;
	margin:0 auto 50px auto;
}
#wrapper .boxInner{
	width:1000px;
	margin:0 auto;}
#wrapper .box .textArea{
	width:1054px;
	margin:0 auto;
}

.pageTop{
	text-align:right;
	padding-right:20px;
	font-size:12px;
	padding-top:30px;
}

#contents .box .inner{
	padding-right:5px;
}

#contents .box .imgArea{
	text-align:center;
	padding-bottom:0;
	padding-left:0;
}
#wrapper .box .imgArea{
	margin:0 auto;
	width:1000px;
	text-align:center;
}
#contents .box .photoR{
	float:right;
	padding-left:15px;
	padding-bottom:10px;
}

#contents .box .photoL{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}
#wrapper .box .photoR{
	float:right;
	padding-left:15px;
	padding-bottom:10px;
}
#wrapper .box .photoL{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}
.otext{
	font-weight:bold;
	color:#ff6600;
	font-size:16px;
}
.gtext{
	font-weight:bold;
	color:#006c40;
}
.btext{
	font-weight:bold;
	color:#26b9eb;
}

.red{
	color:#e82828;
	font-weight:bold;
	font-size:16px;
}
.bule{
	color:#005bac;
	font-weight:bold;}
.uline{
	text-decoration:underline;
}
.bold{
	font-weight:bold;
}

.pl{
	padding-left:75px;}
.ml10{ margin-left:10px; display:block;}
.mr10{ margin-right:10px; display:block;}

.m10{ margin-bottom:10px; display:block;}
.m15{
	margin-bottom:15px !important;
	display:block;
}
.m20{
	margin-bottom:20px !important;
	display:block;
}
.m30{
	margin-bottom:30px !important;
	display:block;
}
.m40{
	margin-bottom:40px !important;
	display:block;
}

.m50{
	margin-bottom:50px !important;
	display:block;
}

.pb10{
	padding-bottom:10px;
	display:block;
}
.pb20{
	padding-bottom:20px;
	display:block;
}
.p5{
	padding-right:5px;
}
.pt10{
	padding-top:10px;
}
.pl10{
	padding-left:10px;
}
#contents .box p.plN{
	padding-left:0;
}
.floatR{float:right;}
.floatL{float:left;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center; clear:both;}

.btn {text-align: center;}

button{
/*	background:none;
	border:none;
	width:auto;
	cursor:pointer;*/}
.blue{color:#0976b3;
	font-weight:bold;}
.textR{
	text-align:right;}
.textC{
	text-align: center;}
.big{font-size:21px;}
input.PW,
input.ID{ime-mode:disabled;}
input.freeSS{width:30px; ime-mode:active;padding:2px;}
input.freeS{width:120px; ime-mode:active;padding:2px;}
input.freeM{width:250px; ime-mode:active;padding:2px;}
input.freeL{width:450px; ime-mode:active;padding:2px;}
input.address{width:450px; ime-mode:active;padding:2px;}
input.zip,
input.tel{width:100px; ime-mode:disabled;padding:2px;}
input.mail{width:450px; ime-mode:disabled;padding:2px;}

textarea{width:450px;padding:2px; height:130px;}

.imgR {float: right;margin: 0 0 10px 10px;}
.imgL {float: left;margin: 0 10px 10px 0;}

.btn{text-align: center;}

.mb20{ margin-bottom:20px;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:21px;}
.f26{font-size:26px;}
.f32{font-size:32px;}
.f42{font-size:42px;}

.fBold{font-weight:bold;}

.marker{background: linear-gradient(transparent 40%, #fffc00 80%);}
.gray{color:#999999;}

.imeON	{ime-mode:atcive;}
.imeOFF	{ime-mode:disabled;}

a { outline: none; }
/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}