@charset "utf-8";

@import url(default.css);
@import url(base.css);


	#globalheader-inner p{display:none;}
	.active-h #globalheader-inner p,
	.flexible #globalheader-inner p{display:block;}

	#wrapper{
		width:975px;
		padding:125px 0 0 15px;
	}

	/*.flexible #wrapper{padding:80px 0 0;}
	.active-sp #wrapper{padding:70px 0 0;}*/
	.flexible #wrapper{padding:120px 0 0;}
	.active-sp #wrapper{padding:110px 0 0;}


	/* メイン */

		#main{
			width:975px;
			float:none;
			background:none;
		}
		.flexible #main{
			width:655px;			
			padding-left:15px;
			margin:0 auto;
		}
		.active-sp #main{
			width:465px;
			padding-left:5px;
			overflow:hidden;
		}
		.active-sp2 #main{
			width:310px;
		}

			#main li{
				width:310px;
				height:165px;
				margin:0 15px 15px 0;
				float:left;
				list-style:none;
				background-size:100% auto;
				-moz-box-shadow:0px 1px 3px 0px #aaa;
				-webkit-box-shadow:0px 1px 3px 0px #aaa;
				box-shadow:0px 1px 3px 0px #aaa;
			}
			#main li#link-partner,
			#main li#link-access{
				width:150px;
				margin:0 10px 15px 0;
			}
			#main li#link-kaitori,
			#main li#link-contact{
				width:150px;
			}
			
				
			#main li#link-access,
			#main li#link-contact{
				-moz-box-shadow:0px 0px 0px 0px #aaa;
				-webkit-box-shadow:0px 0px 0px 0px #aaa;
				box-shadow:0px 0px 0px 0px #aaa;
			}
			.active-sp #main li{
				width:150px;
				height:79px;
				margin:0 5px 7px 0;
			}
			.active-sp2 #main li{
				margin:0 5px 5px 0;
			}
				
				#main li#mainimage{
					width:310px;
					height:345px;
					-moz-box-shadow:0px 0px 0px 0px #aaa;
					-webkit-box-shadow:0px 0px 0px 0px #aaa;
					box-shadow:0px 0px 0px 0px #aaa;
				}


				.active-sp #main li#mainimage{
					width:305px;
					height:301px;
					/*overflow:hidden;*/
				}
		@media screen and (max-width:480px){

				.active-sp #main li#mainimage{
					height:338px;
				}
		}

				#main li a{
					display:block;
					width:310px;
					height:165px;
					text-decoration:none;
					color:#0c308e;
				}
	
				.active-sp #main li a{
					width:150px;
					height:79px;;
				}
				
				.active-sp #main li#link-hems img{
					width:150px;
				}
		
				
				.active-sp #main li#link-partner,
				.active-sp #main li#link-kaitori{
					width:73px;
					height:79px;
					margin:0 4px 5px 0;
				}
				.active-sp #main li#link-kaitori{margin:0 0 5px 0;}
				
				.active-sp #main li#link-partner img,
				.active-sp #main li#link-kaitori img{
					width:73px;
					height:auto;
				}
				
				.active-sp #main li#link-partner a,
				.active-sp #main li#link-kaitori a{
					width:73px;
					height:auto;
				}

				.active-sp #main li#link-access,
				.active-sp #main li#link-contact{display:none;}
				
				#main li:hover{
					filter:alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}
				#main li#mainimage:hover{
					filter:alpha(opacity=100);
					-moz-opacity:1.00;
					opacity:1.00;
				}
				#main li a:hover{
					color:#c00;
				}
				

				#link-service{background:url(../images/link_service.jpg) no-repeat;}
				#link-works{background:url(../images/link_works.jpg) no-repeat;}
				#link-sittoku{background:url(../images/link_donyupoint.jpg) no-repeat;}
				#link-company{background:url(../images/link_company.jpg) no-repeat;}
				
				#main li#link-partner a,
				#main li#link-kaitori a,
				#main li#link-access a,
				#main li#link-contact a{
					width:150px;
					height:165px;
					text-decoration:none;
				}
	
				#mainimage img,
				#link-hems img{width:310px;}
				.active-sp #mainimage img{width:305px;}
	
				#link-partner img,
				#link-kaitori img,
				#link-access img,
				#link-contact img{width:150px;}
 
 				#link-service div,
				#link-works div,
				#link-sittoku div,
				#link-company div,
				#link-hems div{
					width:60px;
					height:60px;
					margin-bottom:-60px;
					position:relative;
					text-indent:-9999px;
					text-decoration:none;
					top:53px;
					left:250px;
					background:url(../shared/link_to-page-white.png);
					background-size:100% auto;
				}
				#link-hems div{
					background:url(../shared/link_to-page-red.png);
					background-size:100% auto;
					top:-119px;
				}

  
 				#link-partner div,
				#link-kaitori div,
				#link-access div,
				#link-contact div{
					width:30px;
					height:30px;
					margin-bottom:-30px;
					position:relative;
					text-indent:-9999px;
					text-decoration:none;
					left:120px;
					background-size:100% auto;
					top:-104px;
				}
				#link-partner div{
					background:url(../shared/link_to-page-s-green.png);
					background-size:100% auto;
				}
				#link-kaitori div{
					background:url(../shared/link_to-page-s-red.png);
					background-size:100% auto;
				}
				#link-access div{
					background:url(../shared/link_to-page-s-brown.png);
					background-size:100% auto;
				}
				#link-contact div{
					background:url(../shared/link_to-page-s-blue.png);
					background-size:100% auto;
				}
 
 
 				#link-service a:hover div,
				#link-works a:hover div,
				#link-sittoku a:hover div,
				#link-company a:hover div,
				#link-hems a:hover div{
					background:url(../shared/link_to-page-r.png);
					background-size:100% auto;
				}
  
 				#link-partner a:hover div,
				#link-kaitori a:hover div,
				#link-access a:hover div,
				#link-contact a:hover div{
					background:url(../shared/link_to-page-s-r.png);
					background-size:100% auto;
				}
				
				.active-sp #main li div{display:none;}
 
 
 				#main li p{
					margin:70px 0 0 20px;
					font-size:90%;
					line-height:160%;
					letter-spacing:1px;
				}
				.active-sp #main li p{display:none;}



	/* メインフッター */

		#mainfooter{
			margin:15px 0 30px;
		}

			#freedial{
				margin:0 0 20px 7px;
				width:295px;
				float:left;
			}
			
			#freedial img{width:295px;}

			.flexible #freedial{
				width:625px;
				margin:0 auto -92px;
				text-align:right;
				float:none;
				position:relative;
				top:-160px;
			}
			
			/*.active-sp #freedial{
				width:100%;
				margin:0 0 20px;
				text-align:center;
				top:0;
			}*/
			.active-sp #freedial{
				width:100%;
				height:20px;
				margin:0 0 5px;
				text-align:center;
				overflow:hidden;
				top:0;
			}
			
			#btntel{
				width:100%;
				height:40px;
				margin:0 0 30px;
				text-align:center;
				display:none;
			}
			
			.active-sp #btntel{display:block;}
			
				#btntel img{width:280px;}
			
			#newslist{
				width:630px;
				float:right;
			}
			.flexible #newslist{
				clear:both;
				float:none;
				margin:0 auto 20px;
			}
			.active-sp #newslist{
				width:92%;
			}
			
				#newslist h1{
					width:70px;
					height:60px;
					float:left;
					margin-right:20px;
					background:url(../images/lbl_info.gif);
					text-indent:-9998px;
					text-decoration:none;
				}
				.active-sp #newslist h1{
					width:60px;
					height:11px;
					float:none;
					margin:0 0 5px;
					padding-bottom:5px;
					background:url(../images/lbl_info.png) no-repeat;
					background-size:100% auto;
				}
			
				#newslist ul{
					width:460px;
					height:92px;
					float:left;
					position:relative;
					top:-4px;
					-webkit-overflow-scrolling: touch;
				}
				.active-sp #newslist ul{
					width:auto;
					font-size:90%;
					float:none;
					border-top:1px dotted #ccc;
					border-bottom:1px dotted #ccc;
					top:0;
				}
			
				#newslist li{
					list-style:none;
					margin-bottom:2px;
				}
			
				#newslist li h2{
					width:90px;
					float:left;
					font-size:90%;
					color:#999;
				}
				#newslist li:after{
					content: "";
					display: block;
					visibility: hidden;
					clear: both;
					height: 0px;
				}
				* html #newslist li{display: inline-table;}
				/* no ie mac \*/
				* html #newslist li{height:1%;}
				#newslist li {display: block; min-height:0;}
				/* */
				
					.active-sp #newslist li h2{
						width:100%;
						float:none:
					}
			
					#newslist li div{
						width:370px;
						padding-top:3px;
						float:right;
						line-height:130%;
					}
					.active-sp #newslist li div{
						width:100%;
						float:none:
					}
				
				#link-info{float:right;}
				.active-sp #link-info{display:none;}



			#arealist{
				clear:both;
				font-size:110%;
				background:#e6f6ff;
				padding:10px;
				color:#0c308e;
				font-weight:bold;
			}
	
				#arealist h1{
					font-size:80%;
					font-weight:normal;
					color:#444;
					float:left;
					margin:0 15px 0 10px;
				}

				.active-sp #arealist{
					font-size:90%;
					line-height:150%;
					padding:10px 5px 10px 10px;
				}
				
				.active #arealist h1{margin:0 10px 0 0;}