@charset "UTF-8";



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

   全ページ　共通設定

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

body {

	background-color:#ffffff;

	color: #333333;

	font-family:Arial,Helvetica,sans-serif;

	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	font-size:90%;

	border-bottom:#00447d 3px solid;

	}





/* 基本リンク色:

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

a {

	text-decoration:none;

	}



a:link {

	color:#392b75;

	}

	

a:visited {

	color:#800080;

	}

	

a:hover	{

	color:#a514cf;

	text-decoration:underline;

	}

	

a:active {

	color:#d45618;

	text-decoration:underline;

	}

	



/* レイアウトベース:

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

#wrapper {

	background-color:#ffffff;

	width: 950px;

	margin: 0 auto;

	position: relative;

	}





/* ヘッダー:

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

#wrapper #header {

	height: 79px;

	background:url(../images/back_img_header.jpg) top right no-repeat;

	}

	

#wrapper #header #logo {

	float:left;

	height:79px;

	}

	

#wrapper #header #headnav {

	float:right;

	text-align:right;

	padding:5px 5px 0;

	}

	

#wrapper #header ul#navOption li {

	float:left;}

	

#wrapper #header ul#navOption li.navOption01 {

	background-color:#ffffff;

	margin-top:1px;

	}

	

#wrapper #header ul#navSuv {

	clear:both;

	margin-top:28px;

	float:right;

	}

	

#wrapper #header ul#navSuv li {

	float:left;

	}

	

	

/* CSSハック　-----------------------------------*/

*+html #wrapper #header .block_skip {/* IE7用ハック */

	float:left;

	}

	

*+html #wrapper #header #headnav {/* IE7用ハック */

	text-align:right;

	}



*+html #wrapper #header ul#navOption {/* IE7用ハック */

	float:right;

	}



*+html #wrapper #header ul#navSuv {/* IE7用ハック */

	width:50%;

	margin-top:27px;

	margin-right:0;

	padding:0;

	}

	

* html #wrapper #header .block_skip {/* IE6用ハック */

	float:left;

	}



* html #wrapper #header ul#navOption {/* IE6用ハック */

	float:right;

	}



* html #wrapper #header ul#navSuv {/* IE6用ハック */

	width:50%;

	margin-top:25px;

	}





/* 検索:

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

#gForm {  

	position: relative;

	vertical-align: middle;

	} 

	

#gSearchBox  {  

	width: 100px;  

	height: 15px;   

	border: 1px solid #7f9db9;  

	padding: 2px 2px 2px 26px;

	margin-right:62px;

	} 

	

#submit {  

	position: absolute;  

	top: 0;  

	left: 135px;  

	}  



form#gForm input {

	vertical-align: middle;

}





/* グローバルナビ:

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

ul#nav_gr {

	clear:both;

	}



ul#nav_gr li {

	float:left;

	}

	

ul#nav_gr li#nav_gr_01 {

	background:url(../images/nav_gr_house_on.jpg) left top no-repeat;

	}

	

ul#nav_gr li#nav_gr_02 {

	background:url(../images/nav_gr_land_on.jpg) left top no-repeat;

	}

	

ul#nav_gr li#nav_gr_03 {

	background:url(../images/nav_gr_biz_on.jpg) left top no-repeat;

	}



ul#nav_gr li#nav_gr_04 {

	background:url(../images/nav_gr_re_on.jpg) left top no-repeat;

	}



ul#nav_gr li#nav_gr_05 {

	background:url(../images/nav_gr_us_on.jpg) left top no-repeat;

	}

	

ul#nav_gr li a:hover img{

    filter: alpha(opacity=0); /*IE6～7*/

    -ms-filter: "alpha( opacity=0 )"; /*IE8*/

    opacity:0;

	}

	

	

/* 第3階層ナビ:

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

ul#nav_3 {

	clear:left;

	display:block;

	width:950px;

	height:38px;

	background:url(../images/nav_3_back.gif) top left repeat-x #f8f8f8;

	border-bottom:#c3c3c3 1px solid;

	font-size:85%;

	}



ul#nav_3 li {

	float:left;

	display:block;

	text-align:center;

	line-height:1.5em;

	background:url(../images/nav_3_dot.gif) left center no-repeat;

	padding:12px 12px 10px 12px;

	}

	

ul#nav_3 li#nav_3_first {

	background:none;

	}

	

ul#nav_3 li a {

	background:url(../images/triangular01.gif) left center no-repeat;

	padding:0 0 0 12px;

	}

	

ul.nav_3_7 li {

	width:111px;

	}

	



/* パン屑リスト:

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

#topicPath {

    clear: left;

    color: #7f7f7f;

    font-size:75%;

    padding:15px 0 10px;

	}



p.breadcrumb {

    margin: 0;

    padding: 0;

	}

	

/* メイン:

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

#wrapper #main {

	}

	

#wrapper #main_old {

	width: 770px;

	text-align: left;

	margin: 0 auto;

	}

	

/* フッター:

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

#wrapper #footer {

	clear: both;

	position: relative;

	background:url(../images/back_img_footer.jpg) top left repeat-x;

	padding:20px 0 7px;

	}

	

#wrapper #footer ul#navFoot {

	font-size:75%;

	margin-bottom:40px;

	}



#wrapper #footer ul#navFoot li {

	float:left;

	background:url(../images/triangular02.jpg) center left no-repeat;

	padding-left:7px;

	margin-right:16px;

	}

	

#wrapper #footer ul#navFoot li.navFootlast {

	margin-right:0;

	}

	

#wrapper #footer #copy {

	clear:both;

	}

	

#wrapper #footer address {

	float:left;

	font-size:75%;

	text-align:left;

	}

	

#wrapper #footer small {

	float:right;

	padding-top:3px;

	}





/* 共通クラス

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

div.pageTop { /* このページの先頭へ戻るリンク用 */

	font-size:75%;

	margin-top:20px;

	}

	

.pageTop p{ 

	float:right;

	background:url(../images/triangular03.gif) left center no-repeat;

	padding-left:12px;

	}



.flo_r {

	float:right;

	}

	

.flo_l {

	float:left;

	}



.clearfix:after {

	content: ".";  /* 新しい要素を作る */

	display: block;  /* ブロックレベル要素に */

	clear: both;

	height: 0;

	visibility: hidden;

	}



.clearfix {

	min-height: 1px;

	}



* html .clearfix {

	height: 1px;

	}



p.check {

	font-size:90%;

	background:url(../images/triangular01.gif) left center no-repeat;

	padding-left:10px;

	}

	

p.check_s {

	font-size:70%;

	background:url(../images/triangular01.gif) left center no-repeat;

	padding-left:7px;

	margin:3px;

	}

	

	

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

   テンプレ　1カラム　共通設定

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



/* プロモーションエリア:

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

.area_promotion {

	width:950px;

	text-align:center;

	margin-bottom:30px;

	}

	

/* ページタイトル:

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

.area_pagetitle {

	width:100%;

	height:98px;

	display:table;

	background:url(../images/pagetitle.jpg) right top repeat-y #f2f2f2;

	border-bottom:#4a3696 2px solid;

	margin-bottom:30px;

	}

.area_pagetitle4 {

	width:100%;

	height:98px;

	display:table;

	border-bottom:#4a3696 2px solid;

	margin-bottom:30px;

	}
	

.area_pagetitle02 {

	background-image:none;

	}

	

.area_pagetitle03 {

	width:770px;

	background-image:none;

	}



.area_pagetitle h1,.area_pagetitle4 h1 {

	display:table-cell;

	font-size:115%;

	font-weight:bold;

	vertical-align:middle;

	padding-left:30px;

	padding-right:270px;

	word-break:break-all;

	}

	

.area_pagetitle h1 span.title_sub {

	font-size:85%;

	font-weight:normal;

	}



.t_explain {

	margin-bottom:30px;

	margin-top:-15px;

	}



* html .area_pagetitle {/* IE6用ハック */ 

	position: relative;  

	height:98px;

	}  

* html .area_pagetitle h1 {/* IE6用ハック */ 

	position: absolute;  

	top:35%;

	word-break:break-all;

	}

	

*+html .area_pagetitle{/* IE7用ハック */

	position: relative;

	height:98px;

	padding-right:0;

	}

*+html .area_pagetitle h1 {/* IE7用ハック */ 

	position: absolute;  

	top:35%;  

	padding-right:0;

	word-break:break-all;

	}



.area_pagetitle02 h1 {

	padding-right:30px;

	word-break:break-all;

	}



	

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

   テンプレ　2カラム　共通設定

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



/* ベース:

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

#wrapper #main #main_left {

	float:left;

	width:730px;

	}

	

#wrapper #main #main_right {

	float:right;

	width:190px;

	margin-left:30px;

	}





/* サブメニュー

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

#wrapper #main #main_right .nav_sub_title {

	width:170px;

	background:url(../images/nav_sub4_top.jpg) top left no-repeat;

	border-bottom:#cccccc 1px solid;

	font-size:85%;

	font-weight:bold;

	padding:10px;

	}



ul.nav_sub_side {

	width:190px;

	background:url(../images/nav_sub4_middle.jpg) top left repeat-y;

	font-size:85%;

	font-weight:bold;

	margin-bottom:10px;

	}

	

ul.nav_sub_side li {

	border-bottom:#cccccc 1px solid;

	padding:10px 5px 10px 10px;

	word-break:break-all;

	}

	

ul.nav_sub_side li a span.nav_sub_4 , ul.nav_sub_side li span.nav_sub_4 {

	display:block;

	background:url(../images/triangular05.gif) left 2px no-repeat;

	line-height:1.5;

	padding-left:16px;

	}



ul.nav_sub_side li.nav_sub_4_5 span.nav_sub_4 {

	background:url(../images/triangular04.gif) left 2px no-repeat;

	}



ul.nav_sub_side li.nav_sub_4_5 {

	padding:10px 0 0;

	border-bottom:none;

	}

	

ul.nav_sub_side li.nav_sub_4_5 span.nav_sub_4 {

	margin:0 5px 10px 10px;

	}		

	

ul.nav_sub_side2 {

	border-top:#cccccc 1px solid;

	}

	

ul.nav_sub_side2 li {

	background-color:#ffffff;

	border-right:#cccccc 1px solid;

	border-left:#cccccc 1px solid;

	word-break:break-all;

	}

	

ul.nav_sub_side2 li p.nav_sub_5 , ul.nav_sub_side2 li.nav_5_here p {

	background:url(../images/triangular01.gif) left 4px no-repeat;

	padding-left:10px;

	margin-left:15px;

	display:block;

	}	



ul.nav_sub_side2 li p.nav_sub_5 a , ul.nav_sub_side2 li ul li a {

	display:block;

	}	

	

ul.nav_sub_side2 li.nav_5_here {

	background-color:#faf7e2;

	}

	

ul.nav_sub_side li .nav_sub_5 span.normal {

	font-weight:normal;	

	}		

	

ul.nav_sub_side2 li ul li {

	border:none;

	margin: 5px 0 0 28px;

	padding: 0 0 0 8px;

	background:url(../../common/images/list01.gif) no-repeat left 6px;

	word-break:break-all;

	}	

	

ul.nav_sub_side a {

	font-weight:normal;

	}





/* サブメニュー:バナーエリア

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

ul.nav_sub_bnr {

	background-color:#eaeef2;

	padding:5px 10px;

	margin-bottom:10px;

	}



ul.nav_sub_bnr li {

	background-color:#eaeef2;

	padding:5px 0;

	}

	

ul.nav_sub_bnr li a:hover img{

    filter: alpha(opacity=40); /*IE6～7*/

    -ms-filter: "alpha( opacity=40 )"; /*IE8*/

    opacity:0.4;

	}





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

   左サイドメニュー設定：ＦＡＱ・バックナンバー

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



/* 左サイドメニュー 

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

ul#nav_side_left {

	float:left;

	width:190px;

	background-color:#f4f4f4;

	font-size:85%;

	border:#b3b3b3 1px solid;

	}



ul#nav_side_left li.nav_side_left_top {

	border-top:none;

	}

	

ul#nav_side_left li {

	border-top:#b3b3b3 1px solid;

	padding:10px;

	}

	

ul#nav_side_left li span.navsidel{

	display:block;

	background:url(../images/triangular04.gif) top left no-repeat;

	font-weight:bold;

	padding-left:20px;

	line-height:1.2em;

	}

	

ul#nav_side_left li a span.navsidel {

	display:block;

	background:url(../images/triangular05.gif) top left no-repeat;

	font-weight:normal;

	}





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

   テンプレ　別ウィンドウ設定

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



/* サイズ指定あり:小,最小

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

body#window_s {

	background-image:none;

	}

	

body#window_s #wrapper {

	width: auto;

	}

	

body#window_s #wrapper #header {

	background:url(../images/back_img_header.jpg) top left no-repeat;

	}

	

body#window_s #wrapper #header #logo {

	margin-left:10px;

	}

		

body#window_s #wrapper #main {

	padding:10px;

	}

	

body#window_s #wrapper #footer {

	padding:20px 10px 7px 10px;

	}

	

/* サイズ指定なし:

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

body#window_f {

	background-image:none;

	}

	

	

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

   テンプレ　イメージ訴求エリア設定

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

body#imagearea {

	background-image:none;

	border-bottom:none;

	}

	

body#imagearea #wrapper #main {

	text-align:center;

	}