/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
Template#15 type-3 ver 1.01
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#ffffff;/*全体の背景色-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*基本の文字サイズ-----------------*/
line-height:170%;
color:#444444;/*基本の文字色-----------------*/
margin-top:0px;
margin-bottom:0px;
margin-left:0;
margin-right:0;
}


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


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


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



/*TABLEボーダー非表示*/
/*
table  {
border:none;
margin-bottom:30px;
}
*/

table.conpanyTbl {
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;

}


table.conpanyTbl th {
	background:#104D9B;
	color:#FFF;
	border:1px solid #CCC;
	padding:5px;

}

table.conpanyTbl td {
	border-bottom:1px solid #CCC;
	padding:5px;

}


table.type_01 {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-bottom:25px;
	
	
}

table.type_01 th {
	width:180px;
	border:1px solid #CCC;
	background:#104D9B;
	color:#FFFFFF;
	padding-left:8px;
}

table.type_01 td {
	border:1px solid #CCC;
	padding:10px 5px;

}

table.type_02 {
	width:100%;
	font-size:11px;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-bottom:25px;
	
	
}

table.type_02 th {
	border:1px solid #CCC;
	background:#DFF7FF;
	padding-left:8px;
}

table.type_02 td {
	border:1px solid #CCC;
	padding:5px 5px;

}

table.type_03 {
	width:100%;
/*	font-size:11px;*/
	border:1px solid #CCC;
	border-collapse:collapse;
	
	
}

table.type_03 th {
	border:1px solid #CCC;
	color:#FFF;
	background:#104D9B;
	text-align:center;
	padding-left:8px;
}

table.type_03 td {
	border:1px solid #CCC;
	text-align:center;
	padding:5px 10px;

}

table.type_03 td:first-of-type {
	text-align:left;
}


table.type_04 {
	font-size:12px;
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	
	
}

table.type_04 th {
	border:1px solid #CCC;
	color:#FFF;
	background:#104D9B;
	text-align:center;
	padding-left:8px;
}

table.type_04 td {
	border:1px solid #CCC;
	/*lign:center;*/
	padding:3px 10px;

}


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


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


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}



/*普通のテキストリンク-----------------*/
/*
a:link    {
text-decoration:underline;
color:#B52E00;
}  /*テキストリンクの色*/

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

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

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





#container{
width:100%;
margin:0 auto;
padding:0;
text-align:left;
border-top:3px solid #77C9EA;
}



#header{
margin:0 auto;
width:980px;
padding:0px 0px 8px 0px;
height:58px;
overflow:hidden;
}

#header .leftArea {
	float:left;

}

#header .rightArea {
	float:right;
	text-align:right;
	padding-top:5px;
	padding-right:5px;

}

#header .rightArea .telArea {
	margin-top:3px;

}

#header .rightArea .tel {
	font-size:20px;
	font-weight:bold;
	color:#0C3B77;


}

/*ページ右上の説明文-----------------*/
#header 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:#B52E00;
text-decoration:none;
} /*メニュー・テキストリンクの色*/

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

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

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






/*ヘッダー下ロールオーバーメニューリスト指定------------------------------------------------*/

#menu_block{
width:100%;/*---画面いっぱいに背景色を敷いています-----------*/
/*background-color:#77C9EA;/*---マウスがのっていない時の背景色-----------*/
background: #e4f5fc; /* Old browsers */
background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #7fcff4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#7fcff4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#7fcff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#7fcff4',GradientType=0 ); /* IE6-9 */


border-top:1px solid #9fd8ef;
/*border-bottom:1px solid #2ab0ed;*/

margin: 0;
padding: 0;
height:36px;
margin-bottom:10px;
}



#menu{
width:980px;
margin:0 auto;
padding:0;
text-align:center;
}



#menu ul{
display:table;
width:100%;

list-style-type: none;
margin: 0;
padding: 0;
height:36px;
overflow:hidden;
}


/*各メニューのボックス-----------------*/
#menu li{
display:table-cell;
/*float: left;*/
width: 136px;
height:36px;
vertical-align:middle;
/*border-left:1px solid #104D9B;/*メニューを区切る縦のラインの色----*/
border-left:1px solid #257be8;/*メニューを区切る縦のラインの色----*/
}



/*一番右端のメニューボックス-----------------*/
#menu li.menuright{
/*float: left;*/
width: 139px;
border-left:1px solid #257be8;/*メニューを区切る縦のラインの色----*/
border-right:1px solid #257be8;/*メニューを区切る縦のラインの色----*/
}



/*マウスをのせていないときの指定-----------------*/
#menu a{
text-align: center;
font-weight:bold;
display:block;
line-height:36px;
color:#0c3b77;/*------メニューの文字色-----------------*/
text-decoration:none;/*------リンクのアンダーラインなし-----------------*/
font-size:14px;/*------文字サイズ-----------------*/
}



/*マウスをのせたときの指定-----------------*/
#menu a:hover{


background: #e4f5fc; /* Old browsers */
background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */




/*color:#ffffff;/*-------メニューの文字色-----------*/
text-decoration:none;/*-------リンクのアンダーラインなし----------*/
font-size:14px;/*------文字サイズ-----------------*/
}







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

#mainpict_block{
/*background-color:#F1E0D8;/*メイン画像両脇の背景色-----------------*/
width:100%;/*メイン画像脇の背景色は画面いっぱいにしているという意味-----------------*/
margin: 0;
padding: 0;
/*margin-bottom:20px;/*メイン画像下の隙間-----------------*/
}


#mainpict{
width:980px;
margin:0 auto;
padding:0;
text-align:center;
margin-bottom:20px;/*メイン画像下の隙間-----------------*/

}

#breadcrumb {
	width:980px;
	margin:0 auto 10px auto;
	padding-top:5px;
	padding-left:10px;

}


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

#wrapper{
width:980px;
margin:0 auto;
padding:0;
}



/*コンテンツブロック内左メニューエリア-------------------------------------------------*/
#side{
float:left;
width:225px;
}








/*左メニュー『CATEGORY NAME』の箇所------------------------------------------------*/
.category_name{
background-color:#77C9EA;/*背景色-----------------*/
color:#0C3B9A;/*文字色-----------------*/
font-size:14px;/*字サイズ-----------------*/
font-weight:bold;/*太文字指定-----------------*/
padding:8px;
margin-bottom:4px;
}


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




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



/*各左メニュー-----------------*/
#side  ul.parent li{
margin-bottom:3px;

}

/*各左メニュ(子供)ー-----------------*/
#side  ul.child li{
border-bottom:1px solid #CCCCCC;
/*margin-bottom:-3px;*/
margin-left:5px;

}


/*左メニューにマウスをのせていないときの指定-----------------*/
#side ul.parent li a{
background-color:#dff7ff;/*-------メニューの背景色----------*/
margin-bottom:3px;
padding:10px 10px;
display:block;
color:#444444;/*--文字の色----------*/
text-decoration:none;/*--下線なし----------*/
width:205px;
height:20px;
}


/*左メニューマウスをのせたときの指定-----------------*/
#side ul.parent li a:hover{
background-color:#f9e3cd;/*-------メニューの背景色----------*/
margin-bottom:3px;
color:#444444;/*--文字の色----------*/
text-decoration:none;/*--下線なし----------*/
}


#side ul.child li a{
/*background-color:#FFF;/*-------メニューの背景色----------*/
background:url("../images/dir_r.gif")no-repeat;/*-------メニューの背景色----------*/
background-position:2px 13px;
margin-bottom:3px;
padding:10px 10px;
display:block;
color:#444444;/*--文字の色----------*/
text-decoration:none;/*--下線なし----------*/
text-indent:7px;
width:200px;
height:15px;
}

#side ul.child li a:hover {
background-position:4px 13px;
background-color:#FFF;


}




/*コンテンツブロック内右コンテンツエリア-------------------------------------------------*/
#main{
float:right;
width:730px;
margin-bottom:20px;
}




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

h3 {
background-color:#BFEFFF; /*----背景色--------*/
padding:8px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:18px;
font-weight:bold; /*----太い文字にしたい時はboldに--------*/
font-size:16px; /*----文字サイズ--------*/
color:#0c3b77; /*----文字色--------*/
} 




/*----下層ページ小見出し--------*/
h4{
line-height:normal;
font-size:14px;/*---文字サイズ-----------*/
font-weight:bold;/*---文字太文字-----------*/
border-bottom:#CCCCCC solid 1px;/*---下のライン-----------*/
border-left:#E47F5C solid 4px;/*---左の太めのライン-----------*/
padding:6px;
margin-bottom:15px;
margin-left:2px;
color:#666666;/*---文字の色-----------*/
}




/*----ページタイトルなどの始まりの■--------*/
.square2{
font-size:16px;
font-weight:bold;
color:#104D9B;/*---■の色-----------*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}




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

}


/*----セルの中左よせ--------*/
.left{
text-align:left;
}

/*----セルの中右よせ--------*/
.right{
text-align:right;
}




/*----コンテンツ--------*/
.contentBox {
	overflow:hidden;
	margin-bottom:20px;
/*	background:yellow;*/
}

.contentBox img.image_l {
	display:block;
	float:left;
	border:1px solid #CCC;
	padding:4px;
	margin-right:15px;

}


.contentBox img.image_r {
	display:block;
	float:right;
	border:1px solid #CCC;
	padding:4px;
	margin-left:15px;


}

.contentBox .text_area_l {
	width:460px;
/*	background:blue;*/
/*	margin-left:270px;*/
	
}

.contentBox .text_area_r {

/*	background:#CCC;*/
	margin-left:270px;
	
}



.contentBox .contents_title {
	background:url("../images/mark_01.png") no-repeat;
	background-position:0px 2px;
	font-size:15px;
	font-weight:bold;
	color:#104D9B;
	text-indent:13px;
	margin-bottom:5px;

}

.textArea{
margin:2px 2px 25px 2px;
line-height:170%;
}


img.rightPos {
	display:block;
	float:right;

}


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

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



#news dl dt {
  padding:5px 10px;
  width : 60px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
border-bottom:#999999 dotted 1px;/*----一行の下にドットのライン--------*/


}

#news dl dd {
  padding: 5px;
/* dtの幅分の設定 */
  margin-left : 60px;
	border-bottom:#999999 dotted 1px;/*----一行の下にドットのライン--------*/


}



/*----サイドに入れるテキスト欄--------*/
.sidebox{
padding:8px;
margin-bottom:30px;
}




/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#f7f2e7;/*----セルの色--------*/
text-align:left;
vertical-align:top;
}


/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#f7f7f7;/*----セルの色--------*/
text-align:left;
vertical-align:top;
}




/*---ページ右下の「PAGE TOP」欄-------*/
#pagetop{
clear:both;
width:980px;
margin:0 auto;
text-align:right;
}


/*---「PAGE TOP」デザイン指定-------*/
#pagetop_but{
background:#CC491C;/*---背景色-------*/
padding:2px 8px;
text-align:center;
width:70px;/*---横幅-------*/
float:right;
font-size:11px;/*---文字サイズ-------*/
}

/*---「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:#77C9EA;/*---背景色-------*/
margin:0 auto;
width:100%;/*---背景色は横幅いっぱいに-------*/
}



/*---コピーライト------------------------------------------*/
#copyright{
margin:0 auto;
padding:4px 2px 35px 2px;
width:980px;
font-size:10px;/*---文字サイズ-------*/
text-align:right;
color:#222222;/*---文字色-------*/

}


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

/*****フォーム*****/
input.textType_01 {
	width:300px;
	line-height:24px;
	padding:0px 5px;
	
}

input.textType_02 {
	width:400px;
	line-height:24px;
	padding:0px 5px;
	
}


input.textType_03 {
	width:150px;
	line-height:24px;
	padding:0px 5px;
	
}

input.textType_04 {
	width:70px;
	line-height:24px;
	padding:0px 5px;
	
}

select.selectType_01 {
	height:28px;
	
}

textarea.type_01 {
	width:510px;
	height:350px;
	padding:5px;
	line-height:130%;
	

}


.btnArea {
/*	background:red;*/
	padding:10px;
	margin-bottom:30px;
	

}

.submitBtn {
	display:block;
	width:200px;
	height:35px;
	font-weight:bold;
	line-height:35px;
	color:#FFF;
	background:#104D9B;
	cursor:pointer;
	border:none;
	text-decoration:none;
	letter-spacing:0.3em;
	text-align:center;
}

.submitBtn:hover {
	background:#1667d0;
}


.posCenter {
	display:block;
	margin:0 auto;

}

.posLeft {
	float:left;
	margin-left:120px;
}


.posRight {
	float:right;
	margin-right:120px;
}


/*****QAリスト*****/
ul#qa li.quest {
	font-weight:bold;
	line-height:36px;
/*	background:#E8E8E8;*/
	background:#F2F2F2;
	border-bottom:1px solid #cbcbcb;
	padding:0 0 0 10px;
	cursor:pointer;
}

ul#qa li.quest:hover {
	background:#E8E8E8;

}


ul#qa li.answer {
	padding:10px;
	margin-bottom:20px;

}

ul#qa li .qmark {
	font-family: 'Alike', serif;
	color:#FFF;
	background:#104D9B;
	padding:3px 7px;
	margin-right:10px;
}


ul#qa li .amark {
	font-family: 'Alike', serif;
	display:block;
	width:21px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	background:#FF0000;
	margin-bottom:5px;


}

/******キャンペーンバナー【本来は画像】*******/
.campain_bunner {	
	margin-bottom:10px;

}

.campain_bunner img {	
	border:1px solid #CCC;

}

.campain_bunner img:hover {	
	border:1px solid #666;
	opacity:0.9;

}


.explain {
	font-weight:bold;
	background:#C7E4F5;
	border-radius:7px;
	margin:15px 5px;
	padding:10px;
}


.require {
	font-size:85%;
	font-weight:normal;
	padding:2px 17px;
	background:red;
	margin-left:15px;
	border-radius:3px;

}

.error {
	color:red;
	font-weight:bold;
	padding-left:10px;

}


/*****サイトマップ*****/
.sitemapLabel {
	font-weight:bold;
	width:200px;
	background:#BFEFFF;
	padding:4px 0;
	
	
}

ul.sitemap li {
	text-indent:15px;
	padding:5px 0;

}


ul.sitemap li a {
	text-decoration:none;

}


ul.sitemap li a:hover {
	text-decoration:underline;;

}


ul.mapChild {
	margin-left:10px;
}