@charset "utf-8";
/***********************************************************
*
*　SOLUTION PLAZA　スタイルシート
*
************************************************************/

/***********************************************************
*　基本設定
************************************************************/
body{
	margin:0;
	min-width:750px;               /* Netscapeウィンドウ狭時バグフィックス（containerの幅を指定） */
	font-size:99.99999999%;        /* IE文字拡大時バグフィックス */
	font-family:Verdana,Helvetica; /* 英数字用フォント */
	color:#000000;                 /* 基本フォントカラー */
	background-color:#ffffff;      /* 背景 */
	text-align:center;             /* 全体の配置 */
	}

img{
	border:0;}

table{
	border-collapse:collapse;}
table th,
table td{
	border:solid 1px #000000;}

* html table{
	font-size:1em;
}


p{
	margin-top:1em;
}

/********* 基本リンクテキストの設定 **********/

 a        {color:#0066cc;text-decoration:none;}      /* 通常 */
a:hover  {color:#0066cc;text-decoration:underline;} /* フォーカス時 */


/*********　コンテナの設定 **********/

#container{
	margin:0 auto;
	width:750px;
	background-color:#ffffff;
	border-top:solid 5px #293890;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	text-align:left;
	font-size:0.8em;}        /* 基本フォントサイズ */

* html #container{
	width:752px;}


/***********************************************************
*　ヘッダエリア
************************************************************/

#headerArea{
	position:relative;
	background-color:#f2f2f2;}

/* サイトロゴ */

#headerArea strong {
	position:absolute;
	margin:0;
	padding:0;}

#headerArea strong img {
	position:absolute;
	top:7px;
	left:15px;
	margin:0;
	padding:0;}

/* ヘルプナビゲーション */

#headerArea #helpNavigation ul{
	margin:0;
	padding:0;
	padding-top:7px;
	padding-right:10px;
	list-style-type:none;
	text-align:right;}

#headerArea #helpNavigation li{
	display:inline;
	margin-left:10px;}

#headerArea #helpNavigation li a{
	padding-left:12px;
	color:#000000;
	text-decoration:none;
	background-image:url('icon_arrow1.gif');
	background-repeat:no-repeat;
	background-position:left center;}

#headerArea #helpNavigation li a:hover{
	text-decoration:underline;}

#headerArea #helpNavigation li.last a{
	background-image:url('icon_home.gif');}

/* サーチボックス */

#searchBox{
	margin-top:12px;
	padding-bottom:7px;
	vertical-align:bottom;
	text-align:right;}

#searchBox{
	padding-left:20px;}

#searchBox input{
	}

#searchBox form{
	margin:0;
	padding:0 10px 0 0;}

#headerArea #ajaxSearch_intro,
#headerArea #ajaxSearch_resultListContainer,
#headerArea #ajaxSearch_result,
#headerArea .ajaxSearch_resultsIntroFailure{
	display:none;}

/* グローバルナビゲーション */

#globalNavigation ul{
	height:30px;
	margin:0;
	padding:0;
	list-style-type:none;}

#globalNavigation ul li{
	float:left;
	width:125px;
	text-align:center;}

#globalNavigation ul li a{
	display:block;
	width:125px;
	line-height:30px;
	color:#000000;
	text-decoration:none;
	background-image:url('btn_gnavi.gif');
	background-repeat:no-repeat;
	background-position:top right;}

#globalNavigation ul li a:hover{
	background-image:url('btn_gnavi_on.gif');}

#globalNavigation ul li.last a{
	background-position:top left;}

#globalNavigation ul li.active a{
	padding-top:7px;
	line-height:23px;
	background-image:url('btn_gnavi_current.gif');
	background-color:#ffffff;}

#globalNavigation ul li.active a:hover{
	background-image:url('btn_gnavi_current.gif');}

/***********************************************************
*　フッターエリア
************************************************************/

#footerArea{
	clear:both;
	width:100%;
	padding-bottom:20px;
	border-top:solid 5px #293890;
	background-color:#f2f2f2;

	background-image:url('bg_footer.gif');
	background-repeat:no-repeat;
	background-position:-7px center;


}

#footerArea ul{
	margin:0;
	padding:0;
	padding-top:7px;
	padding-right:10px;
	list-style-type:none;
	text-align:right;}

#footerArea li{
	display:inline;
	margin-left:10px;}

#footerArea li a{
	padding-left:12px;
	color:#000000;
	text-decoration:none;
	background-image:url('icon_arrow1.gif');
	background-repeat:no-repeat;
	background-position:left center;}

#footerArea li a:hover{
	text-decoration:underline;}

#footerArea li.last a{
	background-image:url('icon_home.gif');}

/***********************************************************
*　コンテンツwrapper
************************************************************/

#contentsWrapper{
	clear:both;
	position:relative;}

/***********************************************************
*　コンテンツボディ
************************************************************/

#contentsBody{
	float:left;
	margin-top:0px;
	width:500px;
	min-height:300px;}

* html #contentsBody{
	width:497px;
	height:300px;}

h1#pageTitle{
	clear:both;
	height:65px;
	margin:5px 0 0 0;
	padding:0;
	padding-left:20px;
	line-height:65px;
	color:#ffffff;
	font-size:1.6em;
	background-color:#293890;
	background-image:url('bg_pagetitle.jpg');
	background-repeat:no-repeat;
	background-position:right;}

/***********************************************************
*　ローカルナビゲーション
************************************************************/

#localNavigation{
	width:250px;
	margin-left:500px;
	padding-top:10px;
	padding-bottom:80px;
	background-color:#efefef;
	background-image:url('bg_localnavi.gif');
	background-repeat:no-repeat;
	background-position:bottom;}

* html #localNavigation{
	margin-left:497px;}

#localNavigation ul{
	margin:0;
	padding:0;
	list-style-type:none;}

#localNavigation ul ul{
	margin-left:15px;}

#localNavigation li{
	margin:0;
	padding:0;}

#localNavigation li a{
	display:block;
	padding:5px 5px 5px 27px;
	background-image:url('icon_arrow2.gif');
	background-repeat:no-repeat;
	background-position:10px 0.5em;}

* html #localNavigation li a{
	width:100%;}

#localNavigation li li       a{
	padding-left:27px;
	background-image:url('icon_arrow3.gif');
	background-repeat:no-repeat;
	background-position:10px -1px;}

#localNavigation li li li    a{
	padding-left:27px;}

#localNavigation li li li li a{
	padding-left:27px;}

#localNavigation li a:hover{
	background-color:#dddddd;}

/* 区切り */
#localNavigation li{
	border-bottom:solid 1px #dddddd;}

#localNavigation li li{
	border-bottom:none;}

/***********************************************************
*　編集可能エリア
************************************************************/

#editableArea{
	padding:10px 20px;
}

/* 見出し */

#editableArea h1,
#editableArea h2{
	padding:5px;
	font-size:1.3em;
	color:#ffffff;
	background-color:#293890;
	border-left:solid 5px #0098B9;
	background-image:url('border_h2.gif');
	background-repeat:repeat-x;
	background-position:bottom;}

#editableArea h3{
	padding:2px 3px;
	font-size:1.2em;
	color:#293890;
	background-color:#f2f2f2;
	border-left:solid 3px #293890;
	border-bottom:solid 1px #dddddd;}

#editableArea h4{
	padding:1px 3px;
	font-size:1em;
	color:#293890;
	border-left:solid 3px #293890;}

#editableArea h5,
#editableArea h6{
	margin-bottom:0.5em;
	font-size:1em;
	color:#293890;}

/* アンカー */

#editableArea a{
	color:#C61D20;}

/* 段落 */

#editableArea p{
	line-height:150%;
	margin-bottom:0.5em;}

/* リスト */

#editableArea li{
	margin-bottom:0.5em;}

/* テーブル */

#editableArea table{
	margin-bottom:20px;}

#editableArea table th,
#editableArea table td{
	padding:3px 5px;
	border-color:#666666;}

#editableArea table th{
	word-break: keep-all;
	background-color:#D8E1F1;}

/* アドレス */

#editableArea address{
	margin-bottom:20px;
	padding:10px;
	font-style:normal;
	line-height:130%;
	border:dotted 2px #999999;
}

/* ページの先頭に戻る */

#topOfPage{
	padding-top:12px;
	text-align:right;
	background-image:url('bg_topofpage.gif');
	background-repeat:repeat-x;
	background-position:top;}

#topOfPage a{
	padding-left:12px;
	color:#666666;
	background-image:url('icon_arrow4.gif');
	background-repeat:no-repeat;
	background-position:left center;}

#topOfPage a:hover{
	color:#000000;}














/***********************************************************
*　トップページ専用
************************************************************/

#topPage #mainImage{
	clear:both;
	position:relative;
	margin-top:5px;}


#topPage #mainImage #mainPhoto{
	position:relative;
	left:1px;}


#topPage #mainImage ul{
	margin:0;
	padding:0 1px 0 0;
	text-align:right;
	list-style-type:none;}

#topPage #mainImage img{
	vertical-align:bottom;}

#topPage #localNavigation{
	padding-top:0;}

#topPage #topics h2{
	margin-top:2px;}

#topPage #topics dl{
	margin:0 0 0 5px;
	padding:0;}

#topPage #topics dt{
	float:left;
	height:0px;
	width:55px;
	clear:both;}

#topPage #topics dd{
	margin-left:55px;
	line-height:160%;
	margin-bottom:7px;}

* html #topPage #topics dd{
	text-indent:-3px;}

#topPage #topics h2{
	margin:0 0 7px 0;
}



/***********************************************************
*　検索結果ページ専用
************************************************************/

#contentsBody .ajaxSearch_result{
	margin-bottom:20px;
}

#contentsBody .ajaxSearch_resultLink{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
}

#contentsBody .ajaxSearch_pagination{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #cccccc;
}

/*
#topPage #contentsBody{
	background-image:url('../images/bg_top_contentsbody.gif');
	background-repeat:repeat-x;
	background-position:top;}
*/

/***** Vistaテスト *****
*,
p,ul,td,th,a
{
	font-family:meiryo,'メイリオ';
}
*/

/* レイアウトテーブル*/

#editableArea table.layout,
#editableArea table.layout td,
#editableArea table.layout th{
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
}

/* トップページショッピングバナー */

#localNavigation .banner_shopping li{
	border:0;
}

