@charset "utf-8";
/**********************************************

	basic-style.css
	→サイト基本設定のプロパティ集

**********************************************/

/*--------------------------------------------
	デフォルト設定
---------------------------------------------*/
/* html */
html {
	height: 100%;
	background: #fafafa;
}
/* body */
body {
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	color: #333333;
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: #ffffff;
}
input {
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
}
/* smallタグ */
small {
	font-size: 10px;
}
/* リンク	基調：赤・下線なし */
a {
	text-decoration: none;
	color: #c00000;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
p {
	line-height: 1.7em;
}
::selection {
background: #f4ccce;
}
::-moz-selection {
background: #f4ccce;
}
/* 区切り線 */
hr {
	height: 1px;
	border: none;
	/* background: url("../img/line.gif") repeat-x; */
	background: #cccccc;
}
/* clearfix設定 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*--------------------------------------------
	レイアウト
---------------------------------------------*/
/**** フレーム ****/
/* 外 */
.outer-frame {
	width: 100%;
}
/* 内 */
.inner-frame {
	width: 960px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/**** カラム ****/
/* 2カラム	メイン左用 */
.layout-2clm-left {
	width: 900px;
	margin: 0 auto;
}

/* メイン（左） */
.layout-2clm-left .main-clm {
	float: left;
	width: 610px;
	height: 100%;
	margin-right: 20px;
}
/* サブ（右） */
.layout-2clm-left .sub-clm {
	float: right;
	width: 190px;
	height: 100%;
}
.layout-2clm-left .main-clm p {
	padding-left: 40px;
}
/* 50％分割レイアウト */
.layout-half {

}
/* 左側 */
.layout-half .half-left {
	float: left;
	width: 450px;
}
/* 右側 */
.layout-half .half-right {
	float: right;
	width: 450px;
}

#projectlayout .layout-half .half-right {
	float: right;
	width: 418px;
}


/*--------------------------------------------
	各種パーツ
---------------------------------------------*/
/* 企業説明文 */
#header-description {
	background: #c00000;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
}
#header-description h1 {
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}
/* ヘッダー */
#header {
	height: 90px;
	padding-left: 20px;
	background: url("../img/bg_header.png") repeat-x left top;
	width:940px;
}
#header em.logo {
	display: block;
	padding-top: 11px;
}

/* メニューナビゲーション */
ul.list-menunavigation {
	width: 917px;
	height: 41px;
	margin: 0 auto;
	background: url("../img/bg_menunavigation.gif") repeat-x left bottom;
}
ul.list-menunavigation li {
	float: left;
	width: 131px;
	height: 41px;
	text-indent: -9999px;
}
/* デフォルト */
ul.list-menunavigation li.menu01 {
	background: url("../img/menu01_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu02 {
	background: url("../img/menu02_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu03 {
	background: url("../img/menu03_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu04 {
	background: url("../img/menu04_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu05 {
	background: url("../img/menu05_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu06 {
	background: url("../img/menu06_default.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu07 {
	background: url("../img/menu07_default.jpg") no-repeat left top;
}
/* オーバー時・アクティブ状態 */
ul.list-menunavigation li.menu01:hover,
ul.list-menunavigation li.menu01-active {
	background: url("../img/menu01_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu02:hover,
ul.list-menunavigation li.menu02-active {
	background: url("../img/menu02_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu03:hover,
ul.list-menunavigation li.menu03-active {
	background: url("../img/menu03_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu04:hover,
ul.list-menunavigation li.menu04-active {
	background: url("../img/menu04_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu05:hover,
ul.list-menunavigation li.menu05-active {
	background: url("../img/menu05_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu06:hover,
ul.list-menunavigation li.menu06-active {
	background: url("../img/menu06_active.jpg") no-repeat left top;
}
ul.list-menunavigation li.menu07:hover,
ul.list-menunavigation li.menu07-active {
	background: url("../img/menu07_active.jpg") no-repeat left top;
}
/* ナビゲーション内リンク	ブロック設定 */
ul.list-menunavigation li a {
	display: block;
	height: 41px;
}

/* メインビジュアル */
#mainvisual {
	margin-top: 20px;
	margin-bottom: 27px;
	height: 356px;
}

/* コンテンツ部分 */
body#top #contents {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body#second #contents {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* タイトル2 */
/* 黒下線柄 */
h2.title-2-black {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background: url("../img/bg_title1_black.jpg") repeat-x left bottom;
}
/*  赤下線*/
h2.title-2-red {
	border-bottom: 3px solid #c00000;
	padding-bottom: 6px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 背景：日本地図　ボックス */
.box-square-bottomdot-japan {
	width: 910px;
	min-height: 399px;
	padding-left: 20px;
	padding-top: 50px;
	padding-bottom: 45px;
	margin: 0 auto;
	background: url("../img/bg_bottomdot_japan.png") no-repeat left center;
}
.box-square-bottomdot-japan p {
	margin-top: 30px;
	padding-right: 395px;
}
.box-square-bottomdot-japan p:first-letter {
	float: left;
	font-size: 25px;
}

/* 罫線グレーボックス */
.box-square-bordergray {
	border: 1px solid #cccccc;
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
}

/* ニュース */
#news_top {
	font-size: 12px;
}

/* ニュースリスト */
dl.list-icon-redtriangle {
	border-bottom: 1px dashed #cccccc;
}
dl.list-icon-redtriangle dt {
	float: left;
	width: 100px;
	background: url("../img/icon_redtriangle.png") no-repeat left center;
	padding: 10px 0 10px 20px;
}
dl.list-icon-redtriangle dd {
	float: left;
	padding: 10px 0;
}
dl.list-icon-redtriangle dd a {
	color: #333333;
}
dl.list-icon-redtriangle dd a:hover {
	color: #c00000;
}

/* 「>」アイコンリンク */
.link-icon-brackets {
	background: url("../img/icon_brackets.png") no-repeat left center;
	padding-left: 15px;
}

/* トップページ	バナーエリア */
#bnr_area {
	padding: 0 15px;
}


/* table */
table {
	width: 100%;
	border: 2px solid #cccccc;
}

table tr th {
	background: #f0f0f0;
	padding: 15px 40px;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	vertical-align: top;
}
table tr td {
	padding: 15px 10px;
	border-top: 1px solid #cccccc;
}
table tr:first-child th,
table tr:first-child td {
	border-top: none;
}


/* table：特殊	トップページバナーエリア　レイアウト用 */
table.layout-bnrarea {
	width: 910px;
	margin: 0 auto;
	margin-top: 10px;
	border: none;
}
table.layout-bnrarea tr th {
	font-weight: normal;
	text-align: left;
	background: none;
	padding: 0;
	border-right: none;
}
table.layout-bnrarea tr td {
	width: 303px;
	height: 174px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background: url("../img/bg_bnrtable_td.png") no-repeat right top;
	border: none;
}
table.layout-bnrarea tr td:first-child {
	background: url("../img/bg_bnrtable_td_first.png") no-repeat left top;
}


/* table：特殊	会社概要ページパートナー企業エリア　レイアウト用 */
table.layout-partnerarea {
	width: 890px;
	margin: 0  auto;
	margin-top: 10px;
	border: none;
}
table.layout-partnerarea tr td {
	width: 168px;
	height: 174px;
	padding: 0 17px;
	text-align: left;
	vertical-align: middle;
	background: url("../img/bg_partnertable_td.png") no-repeat right top;
}
table.layout-partnerarea tr td:first-child {
	background: url("../img/bg_partnertable_td_first.png") no-repeat left top;
}
table.layout-partnerarea tr td img {
	display: block;
	margin-bottom: 10px;
}
table.layout-partnerarea tr td a {
	color: #333333;
	text-decoration: none;
}
/* 実績ページ	ホテル一覧用 */
table.table-record {
	
}
table.table-record tr th {
	text-align: center;
	border-right: none;
	border-left: 1px solid #cccccc;
}
table.table-record tr th:first-child {

}
table.table-record tr td {
	border-left: 1px solid #cccccc;
}
table.table-record tr th:first-child,
table.table-record tr td:first-child {
	border-left: none;
}
/* フッター */
#footer {
	height: 61px;
	margin-top: 30px;
	background: url("../img/bg_footer.png") no-repeat left bottom;
}
body#second #footer {
	margin-top: 90px;
}
/* フッター内ロゴ */
#footer em.logo-footer {
	float: left;
	width: 72px;
	height: 15px;
	margin: 5px 15px 0 20px;
}

/* フッターユーティリティリンク */
ul.list-footer-utility {
	float: left;
	margin-top: 10px;
}
ul.list-footer-utility li {
	float: left;
}
ul.list-footer-utility li:before {
	content: "｜";
	padding: 0 5px;
}
ul.list-footer-utility li:first-child:before {
	content: "";
}
ul.list-footer-utility li a {
	color: #333333;
}
ul.list-footer-utility li a:hover {
	color: #c00000;
}

/* コピーライト明記 */
#copyright {
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	background: #c00000;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
}


/*** 下層ページ ***/
/* ページタイトル */
#pagetitle {
	border-bottom: 3px solid #c00000;
	margin-bottom: 30px;
	margin-top: 35px;
	margin: 35px 20px 30px 20px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#pagetitle h1 {
	font-size: 18px;
	line-height: 1.2em;
}
/* 「NEXASIAの特長」コンテンツ */
.box-square-aboutus {
	width: 854px;
	height: 184px;
	margin: 0 auto 20px auto;
	padding: 37px 12px 12px 238px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 番号別背景設定 */
.bgimg-aboutus01 {
	background: url("../img/bgimg_aboutus01.jpg") no-repeat left center;
}
.bgimg-aboutus02 {
	background: url("../img/bgimg_aboutus02.jpg") no-repeat left center;
}
.bgimg-aboutus03 {
	background: url("../img/bgimg_aboutus03.jpg") no-repeat left center;
}
.bgimg-aboutus04 {
	background: url("../img/bgimg_aboutus04.jpg") no-repeat left center;
}

/* ボールドリスト	フォントサイズ：大 */
dl.list-bold-large {
	height: 100px;
}
dl.list-bold-large dt {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
dl.list-bold-large dd {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6em;
}

/* border 3px #ccc ボックス */
.box-border-2pxgray {
	border: 2px solid #cccccc;
}
#aboutus_afterall {
	width: 650px;
	margin: 20px auto;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 50px 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* 赤四角アイコンリスト */
ul.list-icon-redsquare {
	width: 900px;
	margin: 0 auto 40px auto;
}
ul.list-icon-redsquare li {
	background: url("../img/icon-redsquare.jpg") no-repeat 5px 11px;
	padding: 10px 15px 10px 30px;
	border-bottom: 1px dotted #cccccc;
}
ul.list-icon-redsquare li:first-child {
	padding-top: 0;
	background: url("../img/icon-redsquare.jpg") no-repeat 5px 1px;
}
/* コンテンツタイトル */
h2.title-2-img {
	width: 900px;
	margin: 0 auto 40px auto;
}
/* コンテンツサブタイトル */
h3.title-3-img {
	margin-bottom: 20px;
}
/* コンテンツサブタイトル */
h3.title-3-img-sonatra {
	margin-bottom: 10px;
}
/* 下線	dotted グレー */
.bd-bottom-dottedgray {
	border-bottom: 1px dotted #cccccc;
}

/* 下層コンテンツ900px包括用 */
.wrapper-secondcontents {
	width: 900px;
	margin: 0 auto;
}


/* 会社概要	テーブル内レイアウト */
.layout-2clm-intable {
	
}
.layout-2clm-intable .main-clm-intable {
	float: left;
	width: 476px;
}
.layout-2clm-intable .sub-clm-intable {
	float: right;
	width: 210px;
	margin: -10px 0;
	padding-top: 5px;
}

/* 経営陣２カラム調整 */
.layout-2clm-left-wide {
	width: 860px;
	margin: 0 auto 30px auto;
}
.layout-2clm-left-wide .main-clm-wide {
	float: left;
	width: 870px;
}
.layout-2clm-left-wide .main-clm-wide .postclm {
	float: left;
	width: 167px;
	color: #bf0000;
	font-weight: bold;
}
.layout-2clm-left-wide .main-clm-wide .nameclm {
	float: left;
	width: 593px;
	
}
.layout-2clm-left-wide .main-clm-wide p {
	/* padding-right: 120px; */
	padding-top: 25px;
}
.layout-2clm-left-wide .sub-clm-wide {
	float: right;
	width: 100px;
	height: 130px;
	
}

/* 下線点線リスト */
dl.list-bottomdot {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	margin-top: 10px;
}
dl.list-bottomdot dt {
	float: left;
	width: 168px;
	padding-left: 5px;
}
dl.list-bottomdot dd {
	float: left;
}

/* イメージ画像用リスト */
ul.list-imagedata-large {

}
ul.list-imagedata-large li {
	margin-bottom: 10px;
	padding-top: 10px;
}

/* 地球儀アイコン付きリンク */
.link-icon-globe a {
	display: inline-block;
	background: url("../img/icon_globe.png") no-repeat right top;
	padding-right: 35px;
	padding-top: 10px;
	min-height: 30px;
}

/* イメージボタン	オレンジ */
.imagebutton-orange {
	width: 171px;
	height: 35px;
	padding-left: 15px;
	line-height: 35px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	
	background: url("../img/imagebutton_orange_default.png") no-repeat left center;
}
.imagebutton-orange:hover  {
	background: url("../img/imagebutton_orange_over.png") no-repeat left center;
}
.imagebutton-orange a {
	display: block;
	color: #ffffff;
}
.imagebutton-orange a {
	text-decoration: none;
}

/* 文字色：赤 */
.text-red {
	color: #ff0000;
}

/* ※印付与クラス */
.mark-attention:after {
	color: #ff0000;
	content: "※";
	font-size: 13px;
	font-weight: normal;
}
dl.list-form {
	border-bottom: 1px dotted #cccccc;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 900px;
}
dl.list-form dt {
	float: left;
	font-weight: bold;
	width: 305px;
	padding-left: 10px;
}
dl.list-form dt small {
	display: block;
	font-weight: normal;
	margin-top: 11px;
}
dl.list-form dd {
	float: right;
	width: 585px;
}
dl.list-form dd textarea {
	border: 1px solid #cccccc;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	min-height: 200px;
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
dl.list-form dd select {
	border: 1px solid #cccccc;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	padding: 3px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
dl.list-form dd input[type="text"] {
	border: 1px solid #cccccc;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* イメージボタン	シルバー */
.imagebutton-silver {
	background: url("../img/imagebutton_silver.png") no-repeat left center;
	color: #ffffff;
	width: 200px;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	border: none;
	margin-right: 40px;
}
/* イメージボタン	赤 */
.imagebutton-red {
	background: url("../img/imagebutton_red.png") no-repeat left center;
	color: #ffffff;
	width: 200px;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	border: none;
}
.imagebutton-silver:hover,
.imagebutton-red:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	cursor: pointer;
}

/* 箇条書きリスト	文字18px */
ul.list-doticon-large {
	
}
ul.list-doticon-large li {
	font-size: 16px;
	/*font-weight: bold;*/
	line-height: 1.6em;
	list-style: disc outside;
	margin-left: 20px;
}

/* チェックボックスリスト */
ul.list-icon-checkbox {
}
ul.list-icon-checkbox li {
	font-size: 16px;
	/*font-weight: bold;*/
	line-height: 1.6em;
	padding-left: 30px;
	background: url("../img/icon_checkbox.png") no-repeat left top;
}

/* TOPページ	コンテンツリンク */
.imagebutton-project {
	text-indent: -9999px;
	background: url("../img/imagebutton_project_default.jpg") no-repeat;
	width: 410px;
	height: 110px;
	margin: 0 auto;
}
.imagebutton-project:hover {
	background: url("../img/imagebutton_project_over.jpg") no-repeat;
}
.imagebutton-record {
	text-indent: -9999px;
	background: url("../img/imagebutton_record_default.jpg") no-repeat;
	width: 410px;
	height: 110px;
	margin: 0 auto;
}
.imagebutton-record:hover {
	background: url("../img/imagebutton_record_over.jpg") no-repeat;
}

/* 文字色赤	結論用 */
.color-red-afterall {
	font-size: 22px;
	font-weight: bold;
	color: #cc0000;
}

/* ソナトラ	経営陣リスト */
table.table-redtitle-bggray {
	border: none;
}

table.table-redtitle-bggray tr th {
	background: #fafafa;
	text-align: left;
	color: #bf0000;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	width: 195px;
}

table.table-redtitle-bggray tr td {
	background: #fafafa;
	border-top: 1px solid #ffffff;
	padding: 15px 20px;
}

.text-black {
	color: #333333;
	font-weight: normal;
}

/* ソナトラ建設	メンバー主要実績リスト */
dl.list-sonatramember {
	width: 845px;
	margin: 0 auto 20px auto;
}
dl.list-sonatramember dt {
	float: left;
	width: 100px;
}
dl.list-sonatramember dd {
	float: right;
	width: 705px;
	padding: 10px 20px;
	line-height: 2.6em;
}

/*  */
.box-square-sonatracontact {
	border: 2px solid #cccccc;
	padding: 10px 15px;
	width: 772px;
	margin: 40px auto 0 auto;
}

/* ソナトラ建設	お問い合わせリスト */
dl.list-bgyellow {
	width: 760px;
	min-height: 80px;
	margin: 0 auto;
	background: #fffdf4;
}
dl.list-bgyellow dt {
	float: left;
	width: 390px;
	padding: 20px;
}
dl.list-bgyellow dd {
	float: right;
	width: 287px;
	padding-top: 15px;
}
dl.list-bgyellow dd.phoneno {
	padding-top: 30px;
}
/**********************

	汎用部品

**********************/
/* margin */
.mg-top-10 {
	margin-top: 10px;
}
.mg-top-20 {
	margin-top: 20px;
}
.mg-bottom-20 {
	margin-bottom: 20px !important;
}
.mg-bottom-40 {
	margin-bottom: 40px !important;
}


/* padding */
.pd-lr-5 {
	padding-right: 5px;
	padding-left: 5px;
}
.pd-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-bottom-20 {
	padding-bottom: 20px;
}
.pd-top-20 {
	padding-top: 20px;
}
.pd-bottom-10 {
	padding-bottom: 10px;
}
.pd-top-10 {
	padding-top: 10px;
}
/* text-align */
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}

/* float */
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.startleng{
	height:60px; 
	width:200px; 
	background:none; 
	float:right; 
	margin:15px 12px 0 0;
	}
.lengen{
	height:19px; 
	width:66px; 
	float:right; 
	background:url(../img/en.jpg);
	}
.lengen:hover{
	height:19px; 
	width:66px; 
	float:right; 
	background:url(../img/en-over.jpg);
	}
.lengjp{
	height:19px; 
	width:53px; 
	float:right; 
	background:url(../img/jp.jpg); margin:0 20px 0 0;
	}
.lengjp:hover{
	height:19px; 
	width:53px; 
	float:right; 
	background:url(../img/jp-over.jpg); margin:0 20px 0 0;
	}
.logo-sona{height:60px; width:300px; background:none; float:left; margin:0 0 0 0px;}