/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/


body {
	text-align: center;
	background-color:#ffffFF;
	font-size:14px;/*基本の文字サイズ-----------------*/
	line-height:140%;
	color:#333333;/*基本の文字色-----------------*/
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif; 
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "メイリオ", "MS P Gothic", Osaka, sans-serif; */
/* font-family: Osaka,Verdana,Arial,Helvetica,sans-serif; */
}


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


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*ビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}


/*リスト空白消去*/



/*普通のテキストリンク-----------------*/
a:link    {
text-decoration:underline;
color:#0033CC;
}  /*テキストリンクの色*/
li {
	list-style-position: outside;
}


a:visited {
text-decoration:underline;
color:#0033CC;
}  /*訪問済みのリンクの色*/ 

a:active{
text-decoration:underline;
color:#0033CC;
}/*クリック時のリンクの色*/

a:hover {
text-decoration:underline;
color:#FF6600;
}  /*マウスの上にカーソルがあるときのリンクの色*/

#container_dejitaru{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	background-position: left 140px;
}



#container{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-image: url(images/bg.gif);
	background-position: left;
	background-repeat: repeat-x;
}



#header{
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	position: relative;
	color: #aaaaaa;
}



/*ページ右上の説明文-----------------*/
h1{
line-height:normal;
text-align:right;
font-size:12px;/*文字サイズ-----------------*/

/* font-family: Osaka,Verdana,Arial,Helvetica,sans-serif; */
margin:0;
padding:4px 0px;
}



/*サイトのタイトル文字『WEB MAGIC TEMPLATE』-----------------*/
h2{
line-height:normal;
font-size:24px;/*---文字サイズ-----------*/
font-weight:bold;/*---太文字指定-----------*/
}


/*ページのタイトル部分のみのテキストリンク（タイトルの文字＝ここで指定する文字の色になります）-------*/
h2 a:link{
color:#426E00;
text-decoration:none;
} /*メニュー・テキストリンクの色*/
#line_area {
	background-color: #006699;
	height: 2px;
	width: 100%;
}


h2 a:visited{
color:#426E00;
text-decoration:none;
} /*メニュー・訪問済みのリンクの色*/

h2 a:active{
color:#8ebd20;
text-decoration:none;
} /*メニュー・クリック時のリンクの色*/

h2 a:hover{
color:#8ebd20;
text-decoration:none;
} /*メニュー・マウス上にカーソルがある時のリンク色*/







/*メイン画像ブロック-------------------------------------------------*/

#mainpict_block{
	background-color:#0066cc;/*メイン画像両脇の背景色-----------------*/
	width:100%;
	margin-bottom:0px;/*メイン画像下の隙間-----------------*/
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;

	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*アッパーナビブロック-------------------------------------------------*/

#uppernavi{
	width:586px;
	text-align:left;
	height: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 4px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0px;
}
#uppernavi a:link {
	color: #0033CC;
	text-decoration: none;
	font-weight: bold;
}
#uppernavi a:visited {
	color: #0033CC;
	text-decoration: none;
	font-weight: bold;
}

#uppernavi a:hover {
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
}



#mainpict{
width:863px;
margin:0 auto;
padding:0;
text-align:center;
}




/*コンテンツブロック-------------------------------------------------*/

#wrapper{
	width:900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 30px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
	padding-bottom: 0px;
	text-align: left;

}



/*コンテンツブロック内左メニューエリア-------------------------------------------------*/
#side{
	width:210px;
	font-size: 13px;
	position: relative;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "メイリオ", "MS P Gothic", Osaka, sans-serif;
}





/*左メニュー部分のテキストリンク-----------------*/
#side a:link{
	color:#2F4E5E;
	text-decoration:none;
	font-weight: normal;
	font-size: 14px;
} /*メニュー・テキストリンクの色*/
#side a:visited {
	color: #2F4E5E;
}

#side a:active{
	color:#444444;
	text-decoration:underline;
	font-weight: normal;
} /*メニュー・クリック時のリンクの色*/

#side a:hover{
	color:#2F4E5E;
	text-decoration:underline;
	font-weight: normal;
}

* {
	margin: 0px;
	padding: 0px;
}

/*『CATEGORY NAME』の始まりの■-----------------*/
.square{
font-size:14px;/*■の大きさ-----------------*/
font-weight:bold;
color:#F1DA70;/*■の色-----------------*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}




#side ul{
list-style-type: none;
padding: 0;
margin-bottom:5px;
}




/*各左メニュー-----------------*/
#side li{
	margin-bottom:4px;

}


/*左メニューにマウスをのせていないときの指定-----------------*/
#side a{
	margin-bottom:4px;
	display:block;
	color:#000000;/*--文字の色----------*/
	text-decoration:none;/*--下線なし----------*/
	width:170px;
	height:29px;
	background-image: url(images/menubk1.jpg);
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left bottom;
	top: 10px;
}


/*左メニューマウスをのせたときの指定-----------------*/
#side a:hover{
	background-color:#f7f0c9;/*-------メニューの背景色----------*/
	margin-bottom:4px;
	color:#35596C;/*--文字の色----------*/
	text-decoration:none;/*--下線なし----------*/
	background-image: url(images/menubk2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}








/*コンテンツブロック内右コンテンツエリア-------------------------------------------------*/
#main{
	float:right;
	width:660px;
	margin-bottom: 30px;
	position: relative;
	background-color:#FFFFFF;
}





/*----トップのお知らせや新着情報の見出し・下層ページタイトル--------*/

h3 {
	font-size:16px; /*----文字サイズ--------*/
	color:#000000; /*----文字色--------*/
	background-image: url(images/subtitlebk.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-weight: normal;
	background-color: #F7FAFF;
	border: 1px solid #bbbbbb;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
} 




/*----下層ページ小見出し--------*/
h4{
	font-size:18px; /*----文字サイズ--------*/
	color:#000000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 20px;
	clear: both;
	font-weight: normal;
	background-image: url(images/subtitlebk.png);
	background-repeat: no-repeat;
	background-color: #E8F1FF;
	background-position: left bottom;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}



/*----ページタイトルなどの始まりの■--------*/
.square2{
font-size:16px;
font-weight:bold;
color:#F1DA70;/*---■の色-----------*/

	/* font-family: Osaka,Verdana,Arial,Helvetica,sans-serif; */
}




/*----バナーエリア--------*/
.banner_area{

}


/*----セルの中左よせ--------*/
.left{
text-align:left;
}
.padding4L {
	margin-right: 10px;
	margin-bottom: 5px;
}
.padding4R {
	margin-leftt: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 20px;
}


/*----セルの中右よせ--------*/
.right{
text-align:right;
}
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #555555;
}





/*----トップページ新着情報リスト--------------------------------------*/

#news ul{
margin:0px 2px 35px 2px;
}
.index_img {
	padding-right: 10px;
	padding-left: 10px;
}



/*----新着情報リスト表示--------*/
#news li{
margin-bottom:2px;
padding-bottom:7px;
padding-left:4px;
padding-top:7px;
border-bottom:#999999 dotted 1px;/*----一行の下にドットのライン--------*/
}


/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#EEF1DA;/*----セルの色--------*/
text-align:left;
vertical-align:top;
}
#gyoumuL {
	float: left;
	height: auto;
	width: 172px;
	margin-bottom: 20px;
	font-size: 12px;
	border: 1px dotted #aaaaaa;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #ffffff;
	text-align: justify;
}



/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#f3f3f3;/*----セルの色--------*/
text-align:left;
vertical-align:top;
}
#gyoumuR {
	float: left;
	height: auto;
	width: 172px;
	margin-left: 10px;
	border: 1px dotted #aaaaaa;
	margin-bottom: 20px;
	font-size: 12px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #FFFFFF;
}





/*---ページ右下の「PAGE TOP」欄-------*/
#pagetop{
	clear:both;
	width:863px;
	text-align:right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	background-color:#ffffff;
}
#undermenu {
	clear:both;
	width:861px;
	text-align:center;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
	background-color: #FFFFFF;
}



/*---「PAGE TOP」デザイン指定-------*/
#pagetop_but{
	text-align:center;
	width:70px;/*---横幅-------*/
	float:right;
	font-size:11px;/*---文字サイズ-------*/
	background-color: #7CA9A9;
	background-image: url(images/pagetop_bk.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 20px;
}

/*---「PAGE TOP」文字部分のリンク指定-------*/
#pagetop a:link {color:#ffffff;text-decoration:none;}
#pagetop a:visited  {color:#ffffff;text-decoration:none;}
#pagetop a:hover {color:#ffffff;text-decoration:underline;}
#pagetop a:active  {color:#ffffff;text-decoration:underline;}



/*---フッター------------------------------------------*/

#footer{
	clear:both;
	background-color:#0066CC;/*---背景色-------*/
	margin:0 auto;
	width:100%;
}



/*---コピーライト------------------------------------------*/
#copyright{
	width:863px;
	font-size:12px;/*---文字サイズ-------*/
	text-align:right;
	color:#ffffff;/*---文字色-------*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;

}


/*---コピーライト部分のリンク指定------------------------------------------*/
#copyright a:link {color:#ffffff;}
#copyright a:visited  {color:#ffffff;}
#copyright a:hover {color:#ffffff;}
#copyright a:active  {color:#ffffff;}

/*---入力フォームの文字周り空白-------------------------------------------*/
.padding1 {
	background-color: #F7F7F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-position: left;
}

/*---入力フォームの文字周り空白-------------------------------------------*/
.padding2 {
	background-color: #EEF0E1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: left;
}

/*---会社概要の文字周り空白-------------------------------------------*/
.padding3 {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: left;
}
.subtitle {
	font-weight: bold;
	margin-left: 0px;
	margin-top: 18px;
	color: #000000;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 13px;
}
.subtitle_short {
	width: 345px;
	font-weight: bold;
	margin-top: 8px;
	color: #006699;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	margin-right: 0px;
	margin-left: 10px;
}
.subcontent {
	padding-left: 15px;
	color: #333333;
	padding-right: 10px;
}
#topnavi {
	position: absolute;
	height: 38px;
	width: 314px;
	left: 548px;
	top: 18px;
	text-align: right;
}
iframe {
	width: 630px;
}

.cursor {cursor:pointer;}
#nextarea {
color:#000000;
	width: 630px;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.text {
	line-height: 140%;
	padding-right: 15px;
	width: 560px;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding-left: 15px;
	margin-top: 0px;
	clear: both;
}
.textINDEX {
	line-height: 140%;
	width: 575px;
	height: auto;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
	padding-left: 15px;
}
#nextpage {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*----お問合せに入れるテキスト欄--------*/
#sidebox{
	width: 210px;
	margin: 0px;
	padding: 0px;
	height: 125px;
}

#sidebox a {
	margin: 0px;
	padding: 0px;
	height: 125px;
	width: 210px;
}



#btnarea {
	position: relative;
	width: 590px;
	height: 136px;
}
#topcpyfrm1 {
	position: absolute;
	height: 57px;
	width: 434px;
	left: 155px;
	top: 198px;
	line-height: 150%;
}
#main iframe {
	width: 570px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#topcpyfrm2 {
	height: 43px;
	width: 483px;
	position: absolute;
	left: 107px;
	top: 440px;
	line-height: 150%;
}

#topcpyfrm3 {
	height: 43px;
	width: 483px;
	position: absolute;
	left: 107px;
	top: 517px;
	line-height: 150%;
}
#main .text table td {
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}

#topcpyfrm4 {
	height: 43px;
	width: 483px;
	position: absolute;
	left: 107px;
	top: 596px;
	line-height: 150%;
}
#map {
	width:558px;
	height:398px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#map2 {
	width:600px;
	height:398px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

.text li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(images/li_dot.gif);
}
.dot {
	border: 1px dotted #999999;
	background-color: #f5f5f5;
	width:272px;
}
.style5 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;

}
.font{
	font-family: "メイリオ", "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
}


#main ul {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 20px;
}
.style4 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 20px;
	margin-top: 0px;
	text-decoration: none;
	background-image: url(images/circle.gif);
	background-repeat: no-repeat;
}