@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 2009.03.13 Date
----------------------------*/
/*----------------------------------------
　　目次　- ブログ用CSS
────────────────────┼

　├ トピックス
　｜　｜
　｜　├ サイドナビ
　｜　｜
　｜　├ 共通設定
　｜　｜
　｜　├ エントリー
　｜
　｜
　├ 営業所案内
　  　｜
　  　├ サイドナビ
　  　｜
　  　├ 共通設定
　  　｜
　  　├ メインBOX背景
　  　｜
　  　├ 地図
　  　｜
　  　├ 営業所情報
　  　｜
　  　├ オフィスからのメッセージ/スタッフ紹介
　  　｜
　  　├ 営業所案内トップ


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

@import "common.css";
@import "page.css";

/*####################　トピックス　####################*/


/*　サイドナビ
-------------------------------------*/

#TopicsIndex #Box #Sub ul li.menu01 a{background-image:url(../../topics/img/sub-navi01.gif);}
#TopicsIndex #Box #Sub ul li.menu02 a{background-image:url(../../topics/img/sub-navi02.gif);}
#TopicsIndex #Box #Sub ul li.menu03 a{background-image:url(../../topics/img/sub-navi03.gif);}

#TopicsIndex #Box.info #Sub ul li.menu01 a,
#TopicsIndex #Box.east #Sub ul li.menu02 a,
#TopicsIndex #Box.west #Sub ul li.menu03 a {background-position: 0 -60px;}


/*　共通設定
-------------------------------------*/

#TopicsIndex #Main #MainBox {
	padding-top:30px;
	}

#TopicsIndex #Main #MainBox h3{
	}

#TopicsIndex #Main #MainBox dl {
	background:url(../img/line-dotted.gif) repeat-x left bottom;
	width:520px;
	margin:0 0 0 20px;
	padding:10px 0;
	text-align:left;
	}
	
	#TopicsIndex #Main #MainBox dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#TopicsIndex #Main #MainBox dl dd a {color:#336699;}
	#TopicsIndex #Main #MainBox dl dd a:hover {text-decoration:underline;}
	
	#TopicsIndex #Main #MainBox dl dt {
		float:left;
		margin:0 10px 0 0;
		padding-left:10px;
		color:#8797a2;
		font-weight:bold;
		}
	
	#TopicsIndex #Main #MainBox dl dd {
		float:left;
		width:380px;
		_width:420px;
		padding-left:45px;
		}

	#TopicsIndex #Main #MainBox dl dd.east {background:url(../img/ico-east.gif) no-repeat 0 1px;}
	#TopicsIndex #Main #MainBox dl dd.west {background:url(../img/ico-west.gif) no-repeat 0 1px;}
	#TopicsIndex #Main #MainBox dl dd.info {background:url(../img/ico-info.gif) no-repeat 0 1px;}

	#TopicsIndex #Main #MainBox dl dd a{
		/*display:block;*/
		background:url(../img/ico-arrow01.gif) no-repeat 0 2px;
		padding-left:15px;
		}


/*　エントリー
-------------------------------------*/
#TopicsIndex #Main #MainBox .entry {
	width:510px;
	margin:0 0 30px 30px;
	padding:0;
	}

#TopicsIndex #Main #MainBox .entry h3{
	background:url(../img/ico-arrow04.gif) no-repeat 3px 4px;
	width:490px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:12px;
	color:#666666;
	}

#TopicsIndex #Main #MainBox .entry .entryBody {
	background:url(../img/line-dotted.gif) repeat-x left top;
	width:490px;
	margin:0;
	padding:15px 0;
	}

	#TopicsIndex #Main #MainBox .entry .entryBody p{
	width:auto;
	margin:0 5px;
	padding:0;
	line-height:1.7;
	}
	
	#TopicsIndex #Main #MainBox .entry .entryBody p:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
#TopicsIndex #Main #MainBox .entry p.postData {
	background:url(../img/line-dotted.gif) repeat-x left top;
	width:490px;
	margin:0;
	padding:10px 0 0;
	text-align:right;
	font-size:10px;
	}




/*####################　営業所案内　####################*/


/*　サイドナビ
-------------------------------------*/

#OfficeIndex #Box #Sub ul li.nagoya a{background-image:url(../../office/img/sub-navi_nagoya.gif);}
#OfficeIndex #Box #Sub ul li.mikawa a{background-image:url(../../office/img/sub-navi_mikawa.gif);}
#OfficeIndex #Box #Sub ul li.gifu a{background-image:url(../../office/img/sub-navi_gifu.gif);}
#OfficeIndex #Box #Sub ul li.mie a{background-image:url(../../office/img/sub-navi_mie.gif);}
#OfficeIndex #Box #Sub ul li.hamamatsu a{background-image:url(../../office/img/sub-navi_hamamatsu.gif);}
#OfficeIndex #Box #Sub ul li.sizuoka a{background-image:url(../../office/img/sub-navi_sizuoka.gif);}
#OfficeIndex #Box #Sub ul li.toyama a{background-image:url(../../office/img/sub-navi_toyama.gif);}
#OfficeIndex #Box #Sub ul li.hokuriku a{background-image:url(../../office/img/sub-navi_hokuriku.gif);}
#OfficeIndex #Box #Sub ul li.osaka a{background-image:url(../../office/img/sub-navi_osaka.gif);}
#OfficeIndex #Box #Sub ul li.hiroshima a{background-image:url(../../office/img/sub-navi_hiroshima.gif);}
#OfficeIndex #Box #Sub ul li.fukuoka a{background-image:url(../../office/img/sub-navi_fukuoka.gif);}
#OfficeIndex #Box #Sub ul li.shinjuku a{background-image:url(../../office/img/sub-navi_shinjuku.gif);}
#OfficeIndex #Box #Sub ul li.tachikawa a{background-image:url(../../office/img/sub-navi_tachikawa.gif);}
#OfficeIndex #Box #Sub ul li.omiya a{background-image:url(../../office/img/sub-navi_omiya.gif);}
#OfficeIndex #Box #Sub ul li.yokohama a{background-image:url(../../office/img/sub-navi_yokohama.gif);}
#OfficeIndex #Box #Sub ul li.chiba a{background-image:url(../../office/img/sub-navi_chiba.gif);}
#OfficeIndex #Box #Sub ul li.kumamoto a{background-image:url(../../office/img/sub-navi_kumamoto.gif);}
#OfficeIndex #Box #Sub ul li.kagoshima a{background-image:url(../../office/img/sub-navi_kagoshima.gif);}


#OfficeIndex #Box.nagoya #Sub ul li.menu01 a,
#OfficeIndex #Box.mikawa #Sub ul li.menu02 a,
#OfficeIndex #Box.gifu #Sub ul li.menu03 a,
#OfficeIndex #Box.mie #Sub ul li.menu04 a,
#OfficeIndex #Box.hamamatsu #Sub ul li.menu05 a,
#OfficeIndex #Box.sizuoka #Sub ul li.menu06 a,
#OfficeIndex #Box.toyama #Sub ul li.menu07 a,
#OfficeIndex #Box.hokuriku #Sub ul li.menu08 a,
#OfficeIndex #Box.osaka #Sub ul li.menu09 a,
#OfficeIndex #Box.hiroshima #Sub ul li.menu10 a,
#OfficeIndex #Box.fukuoka #Sub ul li.menu11 a,
#OfficeIndex #Box.shinjuku #Sub ul li.menu12 a,
#OfficeIndex #Box.tachikawa #Sub ul li.menu13 a,
#OfficeIndex #Box.omiya #Sub ul li.menu14 a,
#OfficeIndex #Box.yokohama #Sub ul li.menu15 a,
#OfficeIndex #Box.chiba #Sub ul li.menu16 a,
#OfficeIndex #Box.kumamoto #Sub ul li.menu17 a,
#OfficeIndex #Box.kagoshima #Sub ul li.menu18 a {background-position: 0 -60px;}


/*　共通設定
-------------------------------------*/

#OfficeIndex #Main {
	display:inline;
	}

#OfficeIndex #Main #MainBox {
	background-position:0 0;
	background-repeat:no-repeat;
	padding:20px 0 0 0;
	}
	

/*　営業所案内トップ
-------------------------------------*/

#OfficeIndex #Main #MainBox {
	padding:20px 0;
	}

#OfficeIndex #Main #MainBox #FlashMap{
	position:relative;
 	width:520px;
	height:360px;
	margin:0 0 10px 20px;
 	}
#OfficeIndex #Main #MainBox #FlashMap p{
	display:none;
 	}

#OfficeIndex #Main #MainBox p.flashword{
	width:520px;
	margin:0 0 20px 20px;
	text-align:right;
 	}

#OfficeIndex #Main #MainBox .contentsBox{
	width:520px;
	margin:0 0 15px 20px;
	}

#OfficeIndex #Main #MainBox .contentsBox h3{
	display:block;
	margin-bottom:10px;
	}

#OfficeIndex #Main #MainBox .contentsBox table{
	float:left;
	width:500px;
	margin:0;
	}

	#OfficeIndex #Main #MainBox .contentsBox table th{
	width:70px;
	padding:2px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	}

	#OfficeIndex #Main #MainBox .contentsBox table td{
	padding:2px;
	text-align:left;
	}

#OfficeIndex #Main #MainBox .contentsBox p img{
	float:right;
	width:158px;
	}
	
#OfficeIndex #Main #MainBox .contentsBox p.btnMore{
	float:left;
	background:url(../img/btn-arrow02.gif) no-repeat right top;
	width:500px;
	}

		#OfficeIndex #Main #MainBox .contentsBox p.btnMore a{
		display:block;
		width:94px;
		height:24px;
		margin-left:406px;
		text-indent:-9999px;
		}


/*　メインBOX背景
-------------------------------------*/

/*#OfficeIndex.nagoya #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.gifu #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.mikawa #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.mie #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.hamamatsu #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.sizuoka #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.hokuriku #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.tokyo #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.fukuoka #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.osaka #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.yokohama #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.hiroshima #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.omiya #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.toyama #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}
#OfficeIndex.tachikawa #Main #MainBox {background-image:url(../../office/img/wall-catch.jpg);}*/


/* キャッチ
-------------------------------------*/

#OfficeIndex #Main #MainBox .catch {
	display:inline;
	float:left;
	width:320px;
	margin:0 0 20px 25px;
	padding:0;
	}

	#OfficeIndex #Main #MainBox .catch:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#OfficeIndex #Main #MainBox .catch h3{
	margin:0 0 15px 0;
	padding:0;
	text-align:left;
	font-size:16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

#OfficeIndex #Main #MainBox.catch  p{
	margin:0;
	padding:0;
	font-size:12px;
	}


/*　地図
-------------------------------------*/

#OfficeIndex #Main #MainBox .map {
	display:inline;
	float:left;
	width:325px;
	margin:0 0 40px 20px;
	padding:0;
	text-align:center;
	}

	#OfficeIndex #Main #MainBox .map:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#OfficeIndex #Main #MainBox .map p.image{
	margin:0 0 10px 0;
	padding:0;
	}

	#OfficeIndex #Main #MainBox .map .print-image{
	display:none;
	}


/*　営業所情報
-------------------------------------*/

#OfficeIndex #Main #MainBox .about{
	float:right;
	background:url(../../office/img/wall-info02.gif) no-repeat left bottom;
	width:200px;
	height:auto;
	margin-bottom:30px;
	text-align:left;
	}

	#OfficeIndex #Main #MainBox .about:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#OfficeIndex #Main #MainBox .about p{
	background:url(../../office/img/wall-info01.gif) no-repeat left top;
	padding-top:15px;
	}

#OfficeIndex #Main #MainBox .about img{
	margin:0 0 15px 11px;
	}

#OfficeIndex #Main #MainBox .about table{
	width:158px;
	margin:0 0 20px 11px;
	font-size:10px;
	text-align:left;
	line-height:1.6;
	}

	#OfficeIndex #Main #MainBox .about table th{
	width:40px;
	vertical-align:top;
	font-weight:normal;
	}


/*　オフィスからのメッセージ/スタッフ紹介
------------------------------------------------*/

#OfficeIndex #Main #MainBox .free {
	clear:both;
	width:520px;
	margin:0 0 30px 20px;
	}

	#OfficeIndex #Main #MainBox .free:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#OfficeIndex #Main #MainBox .free h3{
	display:block;
	background:url(../img/wall-title.gif) no-repeat left center;
	height:28px;
	margin-bottom:12px;
	padding:10px 0 0 20px;
	_padding:5px 0 0 20px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	}

#OfficeIndex #Main #MainBox .free p{
	margin-left:5px;
	line-height:1.7;
	}

#OfficeIndex #Main #MainBox .free p.image{
	float:right;
	width:195px;
	margin-left:15px;
	text-align:left;
	font-size:10px;
	color:#666666;
	}

	#OfficeIndex #Main #MainBox .free p.image img{
	margin-bottom:5px;
	}



/*####################　大見出し　####################*/


/*　小見出し
-------------------------------------*/





/*end*/
