@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
  Common - 共通 - 
----------------------------------------------*/

	*{
		margin: 0;
		padding: 0;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
		font-size: 100%;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
	}
	
	body{
		color: #333;
		margin: 0;
		padding: 0;
		line-height:150%;
	}
	
	#top{
		background: url(image/back_image.gif) repeat-x;
	}
	
	#sub{
		background: url(image/back_image_sub.gif) repeat-x;
	}
	
	a{
		color: #0576c1;

		overflow: hidden;
		text-decoration: underline;
	}
	
	a:hover{
		color: #333;
		text-decoration: none;
	}
	
	img{
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	br.clear{
		clear: both;
		font-size:  0;
		line-height: 0;
		overflow: hidden;
	}
	
	.clear{
		clear: both;
	}
	
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	
	#container{
		width: 900px;
		margin: 0px auto;
		padding: 0;}
    
	strong{
		font-weight: normal;
	}


/*----------------------------------------------
  ヘッダー 
----------------------------------------------*/
	/* トップヘッダー */
	#t-header{
		width: 100%;
		height: 336px;
	}
	
	#main-image{
		width: 360px;
		height: 336px;
		margin:6px 0 0 0;
		background: url(image/main-image_right2.png) no-repeat;
		float: right;
		text-indent: -9999px;
	}
	
	* html #main-image{
		behavior: expression(IEPNGFIX.fix(this));
	}

	/* サブヘッダー */
	#s-header{
		width: 100%;
		height: 189px;
	}
	
	#main-imagesub{
		width: 350px;
		height: 189px;
		margin: 0;
		background: url(image/main-image_right_sub.png) no-repeat;
		float: right;
		text-indent: -9999px;
	}
	
	* html #main-imagesub{
		behavior: expression(IEPNGFIX.fix(this));
	} 
	
/*----------------------------------------------
  タイトル
----------------------------------------------*/
	/* トップタイトル */
	
	#h1deco{
		width: 450px;
		height:336px;
		float: left;
		margin: 0 0 0 12px;
		background: url(image/header_h1_back.png) no-repeat 0 0;
	}
	
	* html #h1deco{
		behavior: expression(IEPNGFIX.fix(this));
	} 
	
	#h1deco a{
		cursor: pointer;
		width: 450px;
		height: 336px;
		outline-color: invert;
		outline-style: none;
		display: block;
		position: absolute;
		text-indent: -9999px;
		background:url(image/head_txt.png) no-repeat 10px;
		zoom: 1;	/* IE6以前に対応 */
	}
	
	* html #h1deco a{
		behavior: expression(IEPNGFIX.fix(this));
	}

	/* サブタイトル */
	#h1decosub{
		width: 500px;
		height:182px;
		float: left;
		margin: 0 0 0 12px;
		background: url(image/header_h1_back_sub.png) no-repeat 0 0;
	}
	
	* html #h1decosub{
		behavior: expression(IEPNGFIX.fix(this));
	} 
	
	#h1decosub a{
		cursor: pointer;
		width: 500px;
		height: 182px;
		outline-color: invert;
		outline-style: none;
		display: block;
		position: absolute;
		text-indent: -9999px;
		background:url(image/head_txt_sub.png) no-repeat 10px;
	}
	
	* html #h1decosub a{
		behavior: expression(IEPNGFIX.fix(this));
	}	
/*----------------------------------------------
  コンテント
----------------------------------------------*/

	#content{
		clear: both;
		width: 860px;
		padding: 14px 20px 10px 20px;
	}
	
	#ctl{
		float: left;
		width: 640px;
	}
	
	#ctr{
		float: right;
		width: 200px;
	}

/*----------------------------------------------
  ページトップ
----------------------------------------------*/

	#pagetop{
		text-align: right;
		width: 860px;
		margin: 14px auto 0 auto;
		clear: both;
	}

/*----------------------------------------------
  フッター
----------------------------------------------*/
	
	#footer{
		clear: both;
		background: url(image/footer_back.gif) repeat-x;
		height: 50px;
		padding-top: 30px;
		width: 100%;
	}
	
	#footer ul{
		width: 860px;
		height: 14px;
		margin: 0px auto;
		list-style: none;
		padding: 0;
		background: url(image/copy.gif) no-repeat right;
		font-size: 80%;
	}
	
	#footer li{
		float: left;
		margin-left: 8px;
	}
	
	#footer a{
		color: #666;
	}
	
	#footer span{
		text-indent: -9999px;
		display: block;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*----------------------------------------------
  右エリア（トップ）
----------------------------------------------*/
	
	#t-navi{
		width: 200px;
		list-style: none;
		margin: 4px 0 0 3px;
		padding: 0;
		font-size: 80%;
		
	}
		
	#t-navi li{
		float: left;
	}
	
	#t-navi .t-navimg{
		margin: 0 17px;}
	
	#t-navi li a:link,#t-navi li a:visited{
		color: #fff;
		background-color: #91ba13;
		text-decoration: none;
		padding: 3px;
		font-size: 90%;
		margin: 0 2px 0 3px;
	}
	
	#t-navi li a:hover{
		color: #333;
	}
	
	#ct-contact{
		clear: both;
		background: url(image/contact_back.gif) no-repeat;
		width: 164px;
		height: 444px;
		padding: 18px;
		text-align: center;
		font-size: 70%;
		margin-top: 14px;
	}
	
	#ct-contact .tel{
		margin: 8px 0;
		padding-bottom: 12px;
		border-bottom: 1px dotted #999;
	}
	
	#ct-contact .tel li{
		list-style: none;
		margin-bottom: 4px;
	}
	
	#ct-contact .map{
		margin: 12px 0 7px;
		border: 1px solid #999;
	}

/*----------------------------------------------
  左エリア（トップ）
----------------------------------------------*/

/*横並びボックス（サービス）の部分の設定*/
	
	#top_service{
			margin: 8px 0 10px 0;}
	
	#svc_catch{
			background: url(image/top_illust.gif) no-repeat center left;
			width:181px;
			height: 66px;
			font-size: 80%;
			line-height: 135%;
			margin-bottom: 10px;
			padding: 34px 10px 24px 120px;}
	#ando_svc{
		float: left;
		margin-bottom: 26px;}
	#hana_svc{
		float: right;}
	.svc_box{
		width: 291px;
		padding: 24px 10px;
		margin-bottom: 10px;
		height: 77px;
		font-size: 80%;
		line-height: 135%;
		background: url(image/top_service_bg.png) no-repeat left center;}
	.svc_box:hover{
		background: url(image/top_service_bg_on.png) no-repeat left center;}
	.svc_box h4{	float: left; margin-left: 14px;}
	#hana_svc h4{	margin-bottom: 5px;}
	.svc_box p{
		width: 180px;
		float: left;
		margin-left: 14px;}
	
	

/*お知らせの設定*/
	#t-news{
		font-size: 80%;
		margin-top: 10px;
		border-top:1px dotted #ccc;
	}
	
	#t-news dt{
		font-size: 86%;
		float: left;
		padding:7px 0 0 30px;
		background:url(image/news-list.gif) no-repeat 3px 12px ;
	}
	
	#t-news dd{
		padding: 5px 0 5px 110px;
		border-bottom: 1px dotted #ccc;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*----------------------------------------------
  サブページ設定 共通
----------------------------------------------*/
	
	#pan{
		list-style: none;
		font-size: 70%;
		color: #999;
		padding:4px 2px 2px 4px;
		margin-bottom: 14px;
	}
	
	#pan li{
		float: left;
	}
	
	#cate_title{
		width: 860px;
		height: 80px;
		margin: 0px 0px 10px 0;
		clear: both;
	}
	
	.entry_title{
		margin-bottom: 14px;
		padding-bottom: 4px;
	}
	
	.entry_body{
		font-size: 84%;
		margin-bottom: 50px;
	}
	
	#navi_head{
		font-size: 80%;
		color: #fff;
		width: 170px;
		margin: 0px 0 0 10px;
		padding: 8px 0 8px 20px;
		background-color: #f27185;
	}
	
	#ctr #navigation{
		width: 190px;
		margin: 0 0 10px 10px;
		font-size: 80%;
		line-height: 133%;
		list-style: none;
	}
	
	#ctr #navigation li{
		text-align: left;
		/*border-bottom: 1px dotted #ccc;*/
	}
	
	#ctr #navigation li a{
		display: block;
		padding: 14px 0 14px 20px;
		margin: 2px 0;
		color: #666;
		width: 170px;
		display: block;
		text-decoration: none;
		background-color: #eee;
	}
	
	#ctr #navigation li a:hover{
		display: block;
		padding: 14px 0 14px 20px;
		background-color: #ccc;
	}
	
	#ctr #navigation{
		list-style: none;
	}
	
	#ctr #navigation a{
		background-color: #ddd;
	}
	
	#ctr #navigation a:hover{
		background-color:#ccc;
	}
	
	#ct-contact_sub{
		width: 860px;
		height: 134px;
		text-align: center;
		margin-top: 20px;
		background: url(image/contact_back_sub.gif) no-repeat;
	}
	
	#ct-contact_sub p{
		font-size: 70%;
		margin-bottom: 10px;
	}
	
	#ct-contact_sub h5{
		font-weight: bold;
		margin: 14px 0 20px 0;
	}
	
	#ct-contact_sub .ccs-in{
		float: left;
		padding: 0 20px;
		margin: 12px 0 0 0;
	}
	
	#ct-contact_sub .csi{
		border-left: 1px dotted #aaa;
		border-right: 1px dotted #aaa;
	}
	
	#ct-contact_sub .csi ul{
		list-style: none;
	}
	
	#ct-contact_sub .csi li{
		margin-bottom: 6px;
	}

/*----------------------------------------------
  お知らせ
----------------------------------------------*/
	
	#s-news{
		font-size: 84%;
		list-style: none;
		margin: 14px 0 0; padding: 0;
		border-top: 1px dotted #999;
	}
	
	#s-news li a{
		text-decoration: none;
		padding:12px 0 12px 30px;
		display: block;
		width: 598px;
		border-bottom: 1px dotted #999;
		background:url(image/news-list.gif) no-repeat 10px;
	}
	
	#s-news li a:hover{
		padding:12px 0 12px 40px;
		display: block;
		width: 588px;
		background:url(image/news-list.gif) no-repeat 20px;
	}
	

/*----------------------------------------------
  よくある質問
----------------------------------------------*/
	
	.question-title{
		padding: 4px 0 4px 20px;
		width: 611px;
		font-weight: bold;
		background-color: #eee;
		border-left: 5px solid #ccc;
		font-size: 90%;
	}
	
	.question-body{
		margin:16px 0 80px 0;
		padding-left: 6px;
	}
	
	#question-list{
		margin:0 0 100px 0;
		list-style: none;
		/*border:1px solid #ccc;*/
	}
	
	#question-list li{
		padding-left: 20px;
		font-size: 84%;
		margin: 20px 0 3px 20px;
		background:url(image/question-list.gif) no-repeat left;
	}
	
/*----------------------------------------------
  お知らせ内部
----------------------------------------------*/	
	
	#news_title{
		font-size: 100%;
		font-weight: bold;
	}
	
	#news_body{
		font-size: 84%;
	}
	
	#news_day{
		width: 640px;
		text-align: right;
		font-size: 70%;
		color: #ea526a;
		font-weight: bold;
		padding-top: 6px;
		border-top: 1px dotted #999;
	}
	
	#news_back{
		margin-top: 80px;
		font-size: 84%;
	}