@charset "utf-8";

/***********************************************/
/* default.css                            */
/* 基本的な設定          */
/***********************************************/


/* 元々の設定をリセット
----------------------------------------------- */
	address, em  {
		margin : 0 auto;
		font-weight : normal;
		font-style : normal;
	}


    /******* firefox　リンク線処理 **************/
    /******* Win *********/

/*    :focus{
    	-moz-outline-style:none;
    }*/

    /******* Mac ***********/

    a {
    	outline : none;
    }

    /**** IE用タグリセット ********/
    * {
    	margin:0;
    	padding:0;
		vertical-align:top;
    }

    /* Imageのボーダー非表示 */

	img {
		border:none;
		padding:0;
		vertical-align: bottom;
		}

		/* IEで画像の隙間が空くのを回避 */
	* html img {
	vertical-align:top;
			padding:0;
			margin:0;
			font-size:0;
	 }


    /* テーブルのボーダー非表示 */
     table, th, td  {
	border:none;
    }

    /* IEでおこるRBのバグ回避 */
    br{
    	letter-spacing: normal;
    }

	hr{
   		display:none;
    }

	p {
		padding:0;
		margin:0;
		line-break: normal; /* 通常の禁則処理を適用する */
		}


		h1, h2, h3, h4 {
    	margin:0;
    	padding:0;
		font-weight:normal;
    }

	* html h1 {
	letter-spacing:0;
	line-height:0;
		}

		a{
			color:#1111cc;
		}


/********************************/
/* デフォルト以外の基本設定  */
/********************************/


	body#homeset{
		background-position: bottom;
		background-attachment:fixed;
		padding:0;
		margin:0;
    	vertical-align:top;
		height:100%;

		background-position:top;
		font-family: "Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック";
	}


	body#subset{
		background-position: bottom;
		background-attachment:fixed;
		padding:0;
		margin:0;
    	vertical-align:top;
		height:100%;

		background-position:top;
		font-family: "Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック";
	}


	* html body{
		text-align:center;
		}

	body#homeset #head h1, body#subset #head h1{
		width:900px;
		margin:0 auto;
		font-size:78%;
		height:15px;
	}



	#outbox {/* 外枠 */
		margin:0 auto;
		width:900px;
		text-align:left;
		border:none;
    }


	/*********************************
	ヘッダー　設定
	*********************************/



	body#homeset #head{
	width:900px;
	height:388px;
		color:#000;
		margin:0 auto;
		border:none;
		position:relative;
	}

	body#subset #head{
	width:900px;
	height:241px;
		color:#000;
		margin:0 auto;
		border:none;
		position:relative;
	}




	#head #title{
	width:359px;
	height:61px;
	position:absolute;
	top:18px;
	left:33px;
	}

	#head #headtel{
		width:449px; height:61px; position:absolute; clear:both; text-indent:-9999em;
		top:18px;
		left:420px;
	}

	#head #headtel a{
		display:block;
		width:449px; height:61px;
		background:url(../images/head_tel.gif) no-repeat;
	}

	#head #headtel a:hover{
		background-position:0 -61px;
	}

	/*********************************
	グローバルナビ　設定
	*********************************/
	#gN{
	clear:both;
	width:900px;
	height:52px;
	background:url(../images/gn_back.gif) repeat-x;
	display:block;
	border:none;
	position:absolute;
	top:87px;
	}


	#gN ul {
		width: 850px;
		height: 52px;
		list-style-type: none;
		margin:0 0 0 30px;
		padding:0 0 0 0px;
		border:none;
		}

		* html #gN ul {
	width:850px;
		}

		#gN ul li {
		float: left;
		}

		#gN ul li a {
		display: block;
		width: 140px;
		height: 52px;
		overflow: hidden;
		background-image:url(../images/gn.gif);
		background-repeat: no-repeat;
		background-position: top left;
		text-indent: -10000em;

		}


		#gN ul li#home a { background-position: 0 0; }

		#gN ul li#home a:hover{ background-position: 0 -52px; }

		#gN ul li#saisei a { background-position: -140px 0; }

		#gN ul li#saisei a:hover{ background-position: -140px -52px; }

		#gN ul li#bunkatu a { background-position: -280px 0; }

		#gN ul li#bunkatu a:hover{ background-position: -280px -52px; }

		#gN ul li#hasan a { background-position: -420px 0; }

		#gN ul li#hasan a:hover{ background-position: -420px -52px; }

		#gN ul li#webtoi a { background-position: -560px 0; }

		#gN ul li#webtoi a:hover{ background-position: -560px -52px; }

		#gN ul li#about a { background-position: -700px 0; }

		#gN ul li#about a:hover{ background-position: -700px -52px; }




	/*********************************
	メインイメージエリア　設定
	*********************************/

	body#homeset #mainarea{
		width:900px;
		height:275px;
		background:url(../images/mainimg.jpg);
		position:absolute;
		top:113px;
	}



	body#subset #mainarea{
		width:900px;
		height:128px;
		background:url(../images/subimg.jpg);
		position:absolute;
		top:113px;
	}


	/*********************************
	メイン　設定
	*********************************/


	#main_wrap{
		clear:both;
		width:900px;
		margin:30px auto 0 auto;
		padding:0 0 15px 0;
        line-height: 140%;
		letter-spacing: 0.2px;

		border:none;
		text-align:left;
		}





		#main{
			clear:both;
			width:670px;
			float:right;/*　デザイン変更　右サイドメニューの時はleft　*/
			margin:0 0 0 5px;
			padding:0;
			border:none;

			}



			#main .listbox1{
				width:582px; margin:15px 0;
				padding:0;
			}

			#main .listbox1 img{
				margin:0;
				padding:0;
			}


			#main .mainarea{
				width:640px;
				margin:20px 0 15px 15px;
				font-size:92%;
				}

			#main .mainarea p{
				width:600px;
				padding:10px 0 10px 15px;
				line-height:1.6em;

				}

			#main .saisei p{
				width:550px;
				font-size:92%;
				line-height:1.5em;
				margin:15px 0;
				padding:0 0 0 40px;
			}

			#main .saisei .h2area{
				width:660px; background:url(../images/subimg02.jpg) 100% 0 no-repeat;
			}

			#main .saisei .h2area p{
				width:430px;
				margin:10px 0;
				padding:0 0 0 40px;
			}

			#main .saisei h3{
				padding:15px 0 0px 0;
			}

			#main .saisei h4{
				padding:20px 0 0px 0;
				margin:0 0 0 30px;
				width:580px;
				border-bottom:#999 1px dotted;
			}


			#main .hasan p{
				width:550px;
				font-size:92%;
				line-height:1.5em;
				margin:15px 0;
				padding:0 0 0 40px;
			}

			#main .hasan .h2area{
				width:660px; background:url(../images/hasanimg01.gif) 100% 0 no-repeat;
				background:
			}

			#main .hasan .h2area p{
				width:430px;
				margin:10px 0;
				padding:0 0 0 40px;
			}

			#main .hasan h3{
				padding:15px 0 0px 0;
			}

			#main .hasan h4{
				padding:20px 0 0px 0;
				margin:0 0 0 30px;
				width:580px;
				border-bottom:#999 1px dotted;
			}

			#main h4.titred{
				color:#C00;
				font-size:92%;
				font-weight:bold;
			}

/*通常リスト*/

ul.pagelist{
	width:500px;
	margin:5px 0 5px 60px;
	line-height:180%;
	font-size:95%;
	font-weight:bold;
	color:#CC0000;
	}

ul.pagelist li{
	width:400px;
	padding-left:10px;

	}
		/**********************************

		check

		**********************************/


		#main .checkb_area {
			width:643px; height:147px; text-indent:-9999em; margin:15px auto;
		}

		#main .checkb_area a{
			background:url(../images/check_l.gif) no-repeat;
			width:643px;
			height:147px;
			display:block;
		}

		#main .checkb_area a:hover{
			background:url(../images/check_l.gif) 0 -147px no-repeat;
		}




		/**********************************

		pagetop

		**********************************/


		#main #pagetop {
			width:600px;
			height:33px;

			margin:5px auto;

			}

			#main #pagetop a{
				width:117px;
				height:33px;
				display:block;
				background:url(../images/totop.gif) no-repeat;
				text-indent:-9999em;
				float:right;
			}

			#main #pagetop a:hover{
				background-position: 0 -33px; }


		/*********************************
		サイドメニュー　設定
		*********************************/

		#sidemenu{

			width:220px;
			float:left;/*　デザイン変更　右サイドメニューの時はright　*/
			text-align:center;
			margin:0 0 10px 0px;
			background:#FFF ;

			}

		#sidemenu ul{
		width:220px; text-align:left; margin:0px auto; padding:0;
		}

		* html #sidemenu ul{
		margin:0;
		border:none;
		}

		#sidemenu li{
		width:195px;
		height:32px;
		padding:12px 0 2px 35px;
		margin:0;
		list-style-position:outside; list-style-type:none;
		background:url(../images/sidemenu_back.gif) no-repeat; color:#636563; font-weight:bold;
		font-size:84%;
		margin:0;
		}

		* html #sidemenu li{
		width:220px;
		height:46px;
		list-style:outside;
		}

		#sidemenu li a{
		color: #0000CC;
			text-decoration:none;
		}

		#sidemenu li a:hover{
			color: #009999;
			text-decoration:underline;
		}

		a:visited{
			color: #0000CC;
		}


		#sidemenu .check{
			width:220px;
			height:120px;
			text-indent:-9999em;
			margin:0 auto 10px;
		}

		#sidemenu .check a{
			background:url(../images/side_check.gif) no-repeat;
			display:block;
			width:220px;
			height:120px;
		}

		#sidemenu .check a:hover{
			background-position:0 -120px;
		}

#side_sien{
width:125px;
margin:20px auto;
}

		/**********************************

		footer

		**********************************/

		#foot_waku{
			clear:both;
			width:100%;
			background:url(../images/foot_back.gif) repeat-x;
		}

		#footer{
			clear:both;
		width:900px;
		height:80px;
		margin:0 auto;
		text-align:center;
		position:relative;
		}


		#footer #footerlink{
			font-size:84%;
			padding-top:15px;
			}

		#footer #footerlink a:link{
		color: #000;
		text-decoration:none;
			}

		#footer #footerlink a:hover{
		color:#CC0000;
			}

			a:visited{
		color:#000;
			}


			address{
				position:absolute;
				top:47px;
				left:10px;
				background:url(../images/add_back.gif);
				font-size:84%;
				color:#FFF;
				padding:5px;
				width:872px;
				height:23px;
				text-align:center;
				display:block;
				}


				* html address{
					width:882px;
					height:33px;
				}

			address a, address a:hover, address a:visited{
				color:#FFF;
			}


		/***************************************

		会社概要用dl

		***************************************/
		dl#comp {
			margin: 15px 0 15px 35px;
			font-size:85%;

			padding: 0;
			width: 500px;

		}
		dl#comp dt {
			margin: 0;
			padding: 7px 0 5px 5px;
			width: 10em;
			font-weight: bold;

		}
		dl#comp dd {
			padding: 5px 5px 5px 12em;
			margin-left: 0px;
			margin-top: -2.3em;
			margin-bottom: 1px;
			line-height: 1.4em;
			border-bottom: 1px dotted #999;
		}

		dl#comp dd.ck{
			height:170px;
			}

	/**************************
	プライバシーポリシー　指定
	**************************/

		.pry_dl{
		width:580px;
		margin:15px 5px 15px 40px;
		font-size:84%;
		}

		.pry_dl dt{
			padding:10px 5px 0px 5px;
			border-bottom:1px #999999 dotted;
			}

		.pry_dl dd{
			padding:5px 5px 5px 15px;
			}

		.pry_dl ul{
			width:500px;
			margin:3px 5px;
			}

			.pry_dl li{
				margin:2px 0 0 15px;
				}


					/*********************************
					サイトマップ用リスト設定
					*********************************/

				#sitemap{
					width:580px;
					height:auto;
					margin:15px 0 0 35px;
					}

					#sitemap .sm_home{
							width:580px;
							height:33px;
							margin:15px 0 5px 0px;
							padding:2px 0 0 25px;
							background-image:url(../images/h4_titor.gif);
							display:block;
							background-repeat:no-repeat;
							font-weight:bold;
							font-size:87%;
						}

					#sitemap .sm_home a{
						display:block;
						color:#006699;
						}


				#sitemap ul{/* リストに画像使用 */
						width:400px;
						text-align:left;
						font-size:87%;
						line-height:1.9em;
						margin-left:15px;
						margin-bottom:10px;

						}

					#sitemap li{
						margin-left:0px;
						margin-bottom:5px;
						padding-top:5px;
						padding-bottom:0px;
						list-style: none;
						border-bottom:1px #CCC dotted;
						}

					#sitemap li a{
						width:400px;
						padding-left:30px;
						height:33px;
						background-image:url(../sitemap/img/l_tit.gif);
						background-repeat:no-repeat;
						display:block;
						color:#006699;
						text-decoration:none;
						}


				#sitemap .mini{
						clear:both;
						width:500px;
						margin:5px 0 10px 15px;
						}

						#sitemap .mini .ri{
							width:200px;
							float:left;
							}
						#sitemap .mini .le{
							width:200px;
							float:left;
							}

				#sitemap .mini ul{/* リストに画像使用 */
						width:180px;
						text-align:left;
						font-size:84%;
						line-height:1.6em;
						margin-left:15px;

						}

					#sitemap .mini li{
						margin-left:0px;
						margin-bottom:0;
						padding-top:2px;
						padding-bottom:0px;
						list-style: none;
						}

					#sitemap .mini li a{
						width:180px;
						padding-left:30px;
						height:27px;

						background:url(../sitemap/img/s_tit.gif) no-repeat;
						display:block;
						color:#006699;
						}

						#new{
						clear:both;
						width:583px;
						font-size:78%;
						border:1px #CCC solid;
						margin:0 0 15px 0;
						}


					#new ul{
						width:550px;
						margin-left:auto;
						margin-right:auto;

						}

				#new li{
					margin:10px 10px 10px 10px;
					padding-left:10px;
					border-bottom:#666666 1px dotted;
					list-style-type:none;
					}

				#sitemap a:hover{
				color:#CC0000;
				}


	/*********************************
	共通文字設定
	*********************************/

		.f_w{/*太字*/
			font-weight:bold;
			}

		.f_sl{/*大文字*/
			font-size:140%;
		}

		.red{
			color:#CC0000;
			}


		.redb{/*赤文字＋太字*/
		color:#CC0000;
		font-weight:bold;
		}

		.redlb{/*赤大文字＋太字*/
		color:#CC0000;
		font-size:140%;
		font-weight:bold;
		}

		.blue{/* 青文字 */
		color:#006699;
		}

		.blue_b{/* 青文字＋太字 */
		color:#006699;
		font-weight:bold;
		}

		.imgcenter{
			text-align:center;
			margin:5px auto;
			}

		.clear{
			clear:both;
			margin:0;
			padding:0;
			}

			.bor{
				border-bottom:1px #CCCCCC dotted;
				}
/*********************************
	大谷追加
	*********************************/
body#homeset #mainarea_bunkatu{
	width:900px;
	height:275px;
	background:url(../images/back_bunkatu.jpg);
	position:absolute;
	top:113px;
	left: 0px;
	}

body#homeset #mainarea_risuke{
		width:900px;
		height:275px;
		background:url(../images/back_risuke.jpg);
		position:absolute;
		top:113px;
	}

body#homeset #mainarea_hasan{
		width:900px;
		height:275px;
		background:url(../images/back_hasan.jpg);
		position:absolute;
		top:113px;
	}

body#homeset #mainarea_saisei{
		width:900px;
		height:275px;
		background:url(../images/back_saisei.jpg);
		position:absolute;
top:113px;
	}

.hasan_meritit{
width:620px;
margin:0px 0 20px 30px;
}

.hasan_meritex{
width:620px;
margin:0px 0 20px 30px;
}

#main .risuke .h2area{
				width:660px; background: url(../images/risuke_gimon.jpg) 100% 0 no-repeat;
				overflow:hidden;
				padding-top:20px;
				margin-top:20px;
			}

#main .risuke .h2area_first{
				width:660px;
				hight:210px;
				background: url(../images/risuke_gimon.jpg)  no-repeat;
				padding-top:20px;
				margin-top:20px;
				overflow:hidden;

			}

			#main .risuke .h2area_first p{
				width:300px;
				margin:10px 0;
				padding:0 0 0 40px;
				overflow:hidden;
				float:right;
			}

			#main .risuke .h2area p{
				width:300px;
				margin:10px 0;
				padding:0 0 0 40px;
				overflow:hidden;
				float:right;
			}

			#main .risuke .h2area2 p{
				width:620px;
				margin:5px 0 15px 0;
				padding:0 0 0 40px;
			}

#risuke_reitit{
width:610px;
margin:10px 0 10px 30px;
padding:10px;
background-color: #003399;
font-size:95%;
color:#FFFFFF;
border:1px solid #000066;
font-weight:bold;
}

#main .risuke .risuke_reitex{
width:610px;
margin:20px 0 10px 30px;
padding:10px 10px 0 10px;
background-color: F7F7F7;
border:1px solid #000066;
}

#main .risuke .risuke_reitex p{
margin:0px;
padding-bottom:10px;
font-size:95%;
color:#000;
}

#risuke_reiimg{
width:650px;
margin:10px 0 10px 20px;
}

#main .risuke_meritit{
width:620px;
margin:0px 0 20px 30px;
}

#main .risuke p{
				width:550px;
				font-size:92%;
				line-height:1.5em;
				margin:15px 0;
				padding:0 0 0 40px;
			}