@charset "Shift_JIS";

/*----------------------------------------------------
デフォルトの定義
----------------------------------------------------*/

html {
	height: 100%;
	text-align: center;
}

body {
	height: 100%;
	text-align: left;
	margin: 0 auto;
}

* html div#container {
	height: 100%;
}

div#container {		/* コンテナ（コンテンツとフッターを含むサイトの構成要素すべてを囲む） */
	width: 780px;	/* サイトの横幅を入力 */
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	background-image: url(../../img/bg_main_area.gif);
	background-repeat: repeat-y;

}

body > #container {
	height: auto;
}



/*----------------------------------------------------
レイアウトの定義
----------------------------------------------------*/

/* BG */
#bg-side {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

/* コンテンツ（フッターより上の要素を囲む） */
div#contents {
	padding-bottom: 17px; /* div#contentsと#footerの高さを合わせる */
}

/* フッター */
#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 17px;/* div#contentsと#footerの高さを合わせる */
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
}

#footer-inner {
	font-size: 83%;
	line-height: 135%;
	color: #FFFFFF;
}

#footer-l {
	text-align: left;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	float: left;
}

#footer-l a{
    color:#FFFFFF;
	text-decoration:none;
}


#footer-r {
	text-align: right;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	float: right;
}

/*------------------------------------
以下、コンテンツ内の要素
------------------------------------*/

/* ヘッダー */
#header {
	width: 780px;
	height: 77px;
}

#header-logo {
	float: left;
	width: 193px;
}

#header-space {
	float: left;
	width: 416px;
}

#header #contact {
	float: right;
}


/* ヘッダー HOME */
#global-navi .h-btn-home a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_home.jpg);
}	

#global-navi .h-btn-home a:hover {
	background-image: url(../img/h_home_s.jpg);
}	

#global-navi .h-btn-home-on a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_home_s.jpg);
}	

/* フラッシュエリア */
#flash-area {
	width: 780px;
	height: 300px;
}



/* サイドナビ --いずれかを選択 */
/*
#left-navi {
	float: left;
	width: 200px;
	background-color: #66CCFF;
}
*/

#right-navi {
	float: right;
	width: 228px;
}

#right-navi-inner {
}

#right-navi-inner ul {
	width: 228px;
}

#right-navi-inner li {
	padding-bottom: 5px;
}

/* right-navi r-ban-mobile */
#right-navi-inner .r-ban-mobile a {
	width: 218px;
	height: 108px;
	display: block;
	background-image: url(../img/ban_mobile.jpg);
}	


/* right-navi r-ban-syoukai */
#right-navi-inner .r-ban-ken a {
	width: 218px;
	height: 76px;
	display: block;
	background-image: url(../../img/intro_banner.jpg);
}	


/* right-navi r-ban-syoukai */
#right-navi-inner .r-ban-syoukai a {
	width: 218px;
	height: 79px;
	display: block;
	background-image: url(../img/ban_syoukai.jpg);
}	

/* right-navi r-ban-setsumeikai */
#right-navi-inner .r-ban-setsumeikai a {
	width: 218px;
	height: 79px;
	display: block;
	background-image: url(../img/ban_setsumeikai.jpg);
}


/* right-navi r-ban-access */
#right-navi-inner .r-ban-access a {
	width: 218px;
	height: 76px;
	display: block;
	background-image: url(../img/btn_acsess.jpg);
}		

.p-mark {
	position: absolute;
	bottom: 30px;
	right: 25px;
}



/* メインエリア --いずれかを選択 */
#left-navi {
    float:left;
	bottom: 0px;
	width: 230px;
}




#left-navi-inner {
    float:left;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}




/*
#right-main {
	float: right;
	width: 580px;
	background-color: #FFFFCC;
}*/





/*トップレフトエリア*/

#left-main {
	float: left;
	padding: 0 0 25px 20px;
}

#left-main-inner {
	padding-right: 15px;
}

#top-link {
	width: 515px;
}

.top-box {
	padding-bottom: 10px;
}

.top-box-l {
	float: left;
	width: 265px;
}

.top-box-r {
	float: left;
	width: 240px;
}

.top-img {
	float: left;
	width: 80px;
}

.top-tit {
	float: left;
	width: 160px;
}

.top-txt {
	float: left;
	width: 160px;
}

.m-tit-news {
	float: left;
}

/* 一覧を見る */

.m-tit-list {
	float: left;
	width: 90px;
}

.m-tit-list a {
	width: 90px;
	height: 32px;
	display: block;
	background-image: url(../img/b_list.jpg);
}	

.m-tit-list  a:hover {
	background-image: url(../img/b_list_s.jpg);
}	



m-tit-list .m-tit-syutoken a {
	width: 101px;
	height: 32px;
	display: block;
	background-image: url(../img/tab1_syutoken.jpg);
}	

m-tit-list .m-tit-syutoken a:hover {
	background-image: url(../img/tab1_syutoken_s.jpg);
}

m-tit-list .m-tit-osaka a {
	width: 101px;
	height: 32px;
	display: block;
	background-image: url(../img/tab1_osaka.jpg);
}	

m-tit-list .m-tit-osaka a:hover {
	background-image: url(../img/tab1_osaka_s.jpg);
}

m-tit-list .m-tit-etc a {
	width: 101px;
	height: 32px;
	display: block;
	background-image: url(../img/tab1_etc.jpg);
}	

m-tit-list .m-tit-etc a:hover {
	background-image: url(../img/tab1_etc_s.jpg);
}





.m-tit-list a {
	width: 90px;
	height: 32px;
	display: block;
	background-image: url(../img/b_list.jpg);
}	

.m-tit-list  a:hover {
	background-image: url(../img/b_list_s.jpg);
}	

#news-detail {
}

.m-line-dot500 {
	padding: 0 0 10px 0;
}

.m-line-dot480 {
	padding: 8px 0 8px 10px;
}

.news-list {
	margin-left: 10px;
}

dl.news-list dt {
	clear: left;
	float: left;
	width: 70px;
	line-height: 135%;
}

dl.news-list dd {
	line-height: 135%;
}

.tabs-box {
	width: 500px;
	background-image: url(../../img/tab1_mid.jpg);
	background-repeat:repeat-y;
}


.page-top {
	text-align: right;
	padding-right: 20px;
}


/*----------------------------------------------------
その他の定義
----------------------------------------------------*/

/* 親要素でfloatを解除する .clearfix 開始 */
.clearfix:after {		/* IE以外のブラウザ用 */
	content: ".";		/* 新しい要素を作る */
	display: block;		/* 新しい要素をブロックレベル要素に */
	clear: both;		/* ブロックレベル要素をクリア */
	height: 0;			/* 高さを0pxに */
	visibility: hidden;	/* 表示しない */
}

.clearfix {				/* 要素の幅か高さを指定した場合，floatした子要素の高さも含めて算出するIEのバグを利用 */
	min-height: 1%;	/* IE7用 */
}

* html .clearfix {
	height: 1%;				/* IE6以前用 前行のimportantによってIE6以前にもmin-heigtと同じ動作をさせる */
}

/* Mac IE5.x用 Mac IE5.xのみ読んでしまうコメントアウトの書き方でinline-tableを当てる */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/
/* 親要素でfloatを解除する .clearfix 終了 */

.space-30 {
	padding-bottom: 30px;
	background-color: #FFFFFF;
	display: block;
}

.space-20 {
	padding-bottom: 20px;
	background-color: #FFFFFF;
	display: block;
}

.space-10 {
	padding-bottom: 10px;
	background-color: #FFFFFF;
	display: block;
}

.space-5 {
	padding-bottom: 5px;
	background-color: #FFFFFF;
	display: block;
}

#right-navi-inner span, .m-tit-list span, #left-navi-inner span{
	display: none;
}