@charset "utf-8";



/*-----------------------------------------------------------------*/
/*safari用のハック*/
/*-----------------------------------------------------------------*/

body:first-of-type body {
	background:url(../../images/design/page_back.jpg) repeat-x 0 0;
}	


.color{
	color:#4E4890;
}

/*-----------------------------------------------------------------*/


body{
	background:url(../../images/design/page_bg.jpg) repeat-x 0 0;
}



#wrap{
width: 900px;
margin: 0 auto 0 auto;
padding: 0 24px 24px 8px;
overflow: hidden;
}

div#back{
	background:url(../../images/design/back_2.gif) no-repeat 0 0;
}

div#wrapper{
position:relative;
width: 932px;
margin: 0 auto 0 auto;
}

#home div#head{
	background:url(../../images/design/main_back.png) no-repeat right 0;
	height:480px;
	margin:0 0 20px 0;
}

#home div.main_left{
	position:absolute;
	left:-130px;
	top:130px;
	width:408px;
	height:392px;
	z-index:1;
}

#home{
	background:url(../../images/design/home_back.jpg) repeat-x 0 0;
	z-index:2;
}



#home .IP_R_03_menu{
	padding:30px 0 0 0;

}

#home .IP_R_03_header p.img{
	position:absolute;
	top:25px;
	left:15px;}

#home .IP_R_03_header h1   {
	font-size:0.7em;
	text-align: left;
	position:absolute;
	top: 0;
	left:0;
	margin:10px 0 0 15px;
	padding:0;
	color:#4e4890;
}

* html .IP_R_03_header h1,
* html #home .IP_R_03_header h1{ font-size:0.55em; }

.dittoArea div.block_top { margin-top:-10px; margin-left: 16px; }


/*-----------------------------------------------------------------*/
/*共通の余白*/
/*-----------------------------------------------------------------*/

h1,h2{ margin-left: 16px; background: none; }




/*-----------------------------------------------------------------*/
/*基本フレーム・追加フレーム*/
/*-----------------------------------------------------------------*/


#head{
	width: 900px;
	height:220px;
	position: relative;
	background:url(../../images/design/page.jpg) no-repeat right 0;
}
#side { width: 180px; margin: -8px 0 0 0; }
#main { width: 720px; margin: -8px 0 0 0; }
.frame{ width: 900px; margin: 0 0 0 0; }

#head,
#side,
#main,
.frame{ float: left; display: inline; overflow: hidden; }

/*メインのみ左寄せ*/
#main{ float: right; }




/*-----------------------------------------------------------------*/
 /*エリア共通*/
/*-----------------------------------------------------------------*/

.dittoArea h1,
.defaultArea h2,
.dittoArea h2{
}

#main .dittoArea h1{
	height: 42px;
	padding: 10px 12px 0 35px;
	background: url(../../images/design/bg_main_h1.gif) no-repeat 0 0;
	font-size: 1em;
	margin-top: 30px;
	color: #4E4890;
}

#main .defaultArea h2,
#main .dittoArea h2{
	height: 51px;
	padding: 13px 12px 0 25px;
	background: url(../../images/design/bg_main_h2.gif) no-repeat 0 0;
	font-size: 1em;
	color: #ffffff;
	margin-bottom:-15px;

}

#side .defaultArea h2,
#side .dittoArea h2{
	font-size:1em;
	padding: 6px 8px 0 0px;
	background: url(../../images/design/bg_side_h2.gif) repeat-x 0 bottom;
	color: #4E4890;
}



/*-----------------------------------------------------------------*/
 /*エリアタイプ共通  エリアタイプとブロックの上マージンの調整  */
/*-----------------------------------------------------------------*/

.defaultArea div,
.dittoArea div { margin-top: 0px; margin-left: 0px; overflow: hidden; height: 100%; }
ul             { margin-top: 4px; margin-left: 0px; overflow: hidden; height: 100%; }
table          { margin-top: 8px; margin-left: 16px; overflow: hidden; height: 100%; }
form           { margin-top: 0px; margin-left: 0px; overflow: hidden; height: 100%; }


/*-----------------------------------------------------------------*/
 /*ブロック共通*/
/*-----------------------------------------------------------------*/

.defaultArea div.block,
.dittoArea div.block { margin-top: 8px; margin-left: 16px; margin-bottom:30px;}
li                   { margin-top: 4px; margin-left: 16px; }
tr                   {}
fieldset             { margin-top: 8px; margin-left: 16px; }

/*-----------------------------------------------------------------*/
 /*エレメント共通*/
/*-----------------------------------------------------------------*/

.block h3{
	background:url(../../images/design/bg_main_h3.gif) no-repeat 0 bottom;
	padding:0 0 2px 10px;
	color:#4e4890;
	margin:0 0 5px 0;
	font-size:0.95em;
}
.block p.text{
	margin-top: 2px;
	font-size:0.95em;
}
.block p.img{ margin-top: 8px; overflow: hidden; background: url(../../images/bg_img_02.gif) repeat 0 0; }


.block p.link_pdf a,
.block p.link_doc a,
.block p.link_xls a{ padding-left: 22px; letter-spacing: 2px; }

.block p.link a{
	background: url(../../images/design/bg_link_03.gif) no-repeat 0 50%;
	color:#6c9951;
	padding:0 0 0 20px;	
	display:block;
	font-size:1.1em;
	margin:5px 0;
}

.block p.link a:hover{
	background: url(../../images/design/bg_link_03.gif) no-repeat 0 50%;
	color:#A0C489;
	text-decoration:none;
	
}

.block p.link_pdf a{ background: url(../../images/design/bg_link_pdf.gif) no-repeat 5px 50%; }
.block p.link_doc a{ background: url(../../images/design/bg_link_doc.gif) no-repeat 5px 50%; }
.block p.link_xls a{ background: url(../../images/design/bg_link_xls.gif) no-repeat 5px 50%; }

/*
.IP_R_03_a .block a,
.IP_R_03_b .block a,
.IP_R_03_c .block a,
.IP_R_03_d .block a{ margin-top: ; padding: 0 0 0 16px; background: url(../../images/design/bg_link_01.gif) no-repeat 1px 50%; }
*/

/*-----------------------------------------------------------------*/
 /*エレメント共通*/
/*-----------------------------------------------------------------*/

img { margin: auto; }




/*============================================================================
 ■ メインフレーム用
============================================================================*/


/*Aタイプ*/
.IP_R_03_a{ width: 720px; overflow: hidden; }

.IP_R_03_a img,
.IP_R_03_c img{
	margin:0 0 15px 0;
}

/*Bタイプ*/
.IP_R_03_b{ width: 720px; overflow: hidden; }
.IP_R_03_b .block{ width: 704px; }
.IP_R_03_b .block .img {
	width: 244px;
	margin:0 0 0 0px;
	float: left;
	display: inline;
}

.IP_R_03_b .block h3,
.IP_R_03_b .block p{
	float:right;
	width:420px;
}



/*Cタイプ　画像、見出、テキスト　基本はメイン4分割 180*4*/
/*カラム変更する場合func_TypeC.phpの318行374行の数字を2か所変更する*/
/*カラム変更する場合userDefine.phpの画像サイズを変更する*/

.IP_R_03_c{ width: 720px; overflow: hidden; }

.IP_R_03_c .block{ width: 224px; float: left; display: inline; }/*3カラム*/




/*Dタイプ　見出、テキスト　メイン2分割 360*2*/
.IP_R_03_d{ width: 720px; overflow: hidden; }
.IP_R_03_d .block{ width: 344px; float: left; display: inline; }



/*更新リストタイプ*/
.IP_R_03_news{ width: 720px; }
.IP_R_03_news li{
padding: 0 0 0 20px;
background: url(../../images/design/bg_link_02.gif) no-repeat 6px 50%; 
font-size:0.9em;
}

.IP_R_03_news li a{
	color:#4E4890;
}

.IP_R_03_news li a:hover{
	text-decoration:none;
	color:#8F8BC4;
}

/*ページ情報タイプ*/
.IP_R_03_page{ width: 720px; overflow: hidden; }



/*会社概要タイプ　見出、テキスト*/
.IP_R_03_company{ width: 668px; overflow: hidden; }
.IP_R_03_company .block{
width: 336px;
float: left;
display: inline;
padding-left: 8px;
border-top: 1px solid #ddd;
background: #f6f6f6; }



/*個人情報タイプ*/
.IP_R_03_privacy{ width: 720px; overflow: hidden; }
.IP_R_03_privacy p.text{ margin-top: 4px; line-height: 2.25; line-height: 1.8; }



/*表タイプ（会社概要）*/
.IP_R_03_table{
	border-collapse:separate;
	border-spacing:0px;	
	border-top:1px solid #b9bee8;
	border-left:1px solid #b9bee8;
	border-right:1px solid #b9bee8;

}

.IP_R_03_table th{ width: 150px; background: #e1e4fa; font-weight: normal;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #b9bee8;
}
.IP_R_03_table td{ width: 554px;
	border-bottom:1px solid #b9bee8;
	border-left:1px solid #b9bee8;
}



/*イメージ3分割タイプ（会社概要） 240*3*/
.IP_R_03_img_3{ width: 720px; overflow: hidden; }
.IP_R_03_img_3 .block{ width: 224px; float: left; display: inline; }
.IP_R_03_img_3 .block .img  {  }
.IP_R_03_img_3 .block .img img {  width: 224px; }



/*テキスト左寄せタイプ（個人情報保護方針）*/
.IP_R_03_right{ width: 720px; overflow: hidden; }
.IP_R_03_right .block .text{ text-align: right; }
.IP_R_03_right .block .link{ margin-top: 24px; text-align: right; }



/*フォームタイプ（お問い合わせ）*/
.IP_R_03_form{ width: 686px; margin-top: 8px; margin-left: 16px; padding: 0 8px 8px 8px;font-size: 1.1em;}

.IP_R_03_form h3{ margin: 8px 0 0 0; }
.IP_R_03_form .text input{ width: 328px; margin: 0 0 0 0; padding: 5px 10px; border: 1px solid #bbc0e9; display: block;background:#e6e9fc;font-size: 1.1em;}

.IP_R_03_form .btn{ text-align: center; }
.IP_R_03_form .btn input{ margin: 8px 0 0 0; padding: 4px 8px 4px 8px; 
}

.IP_R_03_form textarea{ margin: 0 0 0 0; padding: 4px 8px 4px 8px; border: 1px solid #bbc0e9; background:#e6e9fc; width:668px; display: block;font-size: 1.1em; }









/*============================================================================
 ■ サイドフレーム用
============================================================================*/



/*メニューエリア*/
.IP_R_03_menu{
	margin:10px 0 0 0;
	width: 180px;
	background:url(../../images/design/sidemenu_bg.gif) repeat-y 28px 0;
}
.IP_R_03_menu li{
	padding: 10px 0 10px 25px;
	background: url(../../images/design/bg_link_01.gif) no-repeat 5px 50%;
	font-size:0.95em;
}
.IP_R_03_menu li a{
	color:#333333;
}

.IP_R_03_menu li a:hover{
	text-decoration:none;
	color:#776ED2;
}

/*バナーエリア*/
.IP_R_03_banner{ width: 180px; }
.IP_R_03_banner li{ margin-bottom:5px; }



/*テキストエリア*/
#side .IP_R_03 p{
	font-size:0.8em;
}





/*ヘッダーフレーム用*/


/*============================================================================
 ■ ヘッダーエリア
============================================================================*/

.IP_R_03_header{
	margin: 0 0 0 0;
	overflow: hidden;
}
.IP_R_03_header div.block{ margin:0; }
.IP_R_03_header h1{
	font-size:0.7em;
	text-align: left;
	position:absolute;
	top: 10px;
	left:0px;
	padding:0;
	color:#4e4890;
}
.IP_R_03_header p.img{
	position:absolute;
	top:30px;
	left:10px;}
.IP_R_03_header p.img img{ margin: 0 0 0 0; }



/*フッターフレーム用*/


/*============================================================================
 ■ フッターエリア
============================================================================*/
#footer{
	width:100%;
	background:url(../../images/design/footer_bg.gif) repeat-x 0 80px;
	height:40px;
	padding:95px 0 0 0;
}

#foot{
	width:900px;
	margin:0 auto;
  position: relative;
}

#footer .text{
	position: absolute;
	top: 0px;
	left: 0;
	font-size: .65em;
	color:#4E4890;
 }
#footer .link{
	background:url(../../images/design/pagetop_bg.gif) no-repeat 0 0;
	position: absolute;
	top:-40px;
	right: 0;
	font-size: .7em;
	width:142px;
	height:30px;
	padding:10px 0 0 10px;
}
#footer .link a{ padding: 0 0 0 0; background: none; color:#4E4890; text-decoration:none;display:block;}/*上書き*/
#footer .link a.link_02{ margin: 0 0 0 12px; padding: 0 0 0 12px;}

/*サイトマップ用*/
#foot .IP_R_03 .block .sitemap{ position: absolute; top: 8px; right: 140px; border-right:1px solid #000000; padding:0 10px 0 0;}
#foot .IP_R_03 .block .sitemap a{ padding: 0 0 0 0; background: none; }/



/*追加、特別フレーム用*/

/*============================================================================
 ■ メインイメージエリア
============================================================================*/

.IP_R_03_main{ }
.IP_R_03_main div.block{ margin-top: 10px; }
.IP_R_03_main div.block p.img img{ width: 884px; }




/*-----------------------------------------------------------------*/
/* ■サイトマップページ（sitemap.php） */
/*-----------------------------------------------------------------*/


#sitemap{
}
#sitemap ul{	
}

#sitemap li a{
	text-decoration:none;
}
#sitemap li a:hover{
	text-decoration:underline;
}

#sitemap ul li.li_menu{
	font-size:0.9em;
	font-weight:bold;
	border-left:3px solid #801004;
	border-bottom:1px solid #EAD0C2;
	border-top:1px solid #EAD0C2;
	border-right:1px solid #EAD0C2;
	padding:2px 0 2px 10px;
	margin:24px 16px 24px 32px; 
	}	
#sitemap ul li.li_syousai{	
	margin:4px 0 8px 60px;
	list-style-type:disc;
	}


.news_all{
	font-size: 0.8em;
    margin: 12px 0;
    text-align: right;
    width: 702px;
}


/*今回は未使用*/

/*============================================================================
 ■ ブローバルナビゲーションエリア
============================================================================*/
.IP_R_03_navG{ width: 884px; background: #ddd; overflow: hidden; }
.IP_R_03_navG li{ padding: 8px 0 8px 16px; background: url(../../images/design/bg_link_01.gif) no-repeat 6px 50%; font-weight: bold; float: left; display: inline; }


/*============================================================================
 ■ パンくずリストエリア
============================================================================*/
.IP_R_03_topicpath{ width: 720px; margin-left: 16px; margin-bottom: -16px; overflow: hidden; }
.IP_R_03_topicpath li{ margin: 0 0 0 0; float: left; display: inline; font-size: .65em; }