@charset "utf-8";

/*基本設定　ここから*/

body {/*セレクタ*/
  color:#555555;/*プロパティ(何を):値(どうする)*/
  font-family:"MS Pゴシック", "MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;/*フォントファミリー名と総称ファミリー名を指定できる　sans-serifで\が表示できないことがある*/
  font-size: 9pt;
  margin-top: 0px;/*margin(外の余白)自身と他要素との余白,初期値を0にしてから再設定*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;/*padding(内の余白)自身の内容までの余白,初期値を0にしてから再設定*/
  padding-right: 0px;
  padding-bottom: 0px;/*画面下の余白*/
  padding-left: 0px;
  background-color:#999999;/*body背景色*/
  line-height: 150%;
  background-image: url(images/top/bg.gif);/*背景画像*/
  background-repeat: repeat;/*背景画像　くり返し配置*/
  text-align : center;/*IE6対策*/
}

td{
  line-height: 130%;
  font-size: 9pt;
}

a:link {/*サイト全体のリンクカラー指定*/
  color:#663300;
  text-decoration: none;/*リンク部分の下線を消す*/
}

a:visited {/*既訪問のリンクカラー指定*/
  color:#663300;
  text-decoration: none;
}

a:hover {/*リンク文字の上にカーソルがある時の文字色*/
  color:#FF6600;
  text-decoration: none;
}

a:active {/*クリック中マウスを放さずそのままにした時の文字色*/
  color:#000000;
  text-decoration: none;
}

h1{/*見出しの余白調整*/
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

h2{/*見出しの余白調整*/
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

img {
  border: 0;/*リンクの枠を消す　[太さ][色][種類]を指定できる*/
}

h1 {
  position: absolute;/*絶対位置*/
  width: 800px;
  height: 50px;
  top:  0px;
  left: 0px;
}

address {
  color: #999999;/*copyrightの文字色指定*/
  font-style: normal;/*斜体指定消す*/
  text-align: center;
  height: 25px;/*後で高さ50pxの画像を背景として表示*/
  line-height: 25px;/*背景画像を考えて垂直中央よりちょっと上位置に配置*/
  background-color: #484848;
}

strong {
color: #ff6600;
}

/*基本設定　ここまで*/

/*レイアウト設定　ここから*/

#pageBody {/*(要素名)#id名をセレクタとしてスタイルを設定*/
  width: 800px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;/*中央寄せ*/
  background-color: #ffffff;/*背景色*/
  
  position: relative;/*h1を絶対位置にするための相対位置*/
  text-align : left;/*IE6対策*/
}

#pageTop {
  background-image: url(images/top/head1.jpg);/*背景画像*/
  background-repeat: no-repeat;/*1枚だけ表示*/
  background-position: top left;/*左上に表示　数値でも指定できる　垂直・水平*/
  padding-top: 250px;/*背景画像に影響のないpaddingでh1以下の要素の位置調整　枠内に本文を収める*/
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}

#contents {/*左側コンテンツ部分*/
  width: 530px;/*幅指定*/
  
  padding-right: 0px;/*右余白*/
  float: left;/*回り込み(左右に並べる)*/
  border-right-width: 1px;/*右ボーダーを設定　太さ*/
  border-right-style: dotted;/*ボーダー　点線*/
  border-right-color: #999999;
}

#side {/*右側サイド部分*/
  width:255px;
  
  padding-left: 0px;/*左余白*/
  float: right;/*回り込み(左右に並べる)*/
}

#contentsWrap {
  clear: both;/*グローバルナビの回り込みを解除*/
  background-color: #FFFFFF;/*背景色*/
  margin-top: 0px;/*グローバルナビの下の余白*/
  margin-bottom:0px;
  margin-left:0px;
  padding-left:0px;
}

#contents_half {/*左側コンテンツ部分（半分）*/
  width: 375px;/*幅指定*/  
  padding-right: 0px;/*右余白*/
  padding-left: 50px;/*左余白*/
  float: left;/*回り込み(左右に並べる)*/
}

#side_half {/*右側サイド部分（半分）*/
  width:320px;  

  padding-right: 0px;/*右余白*/
  float: right;/*回り込み(左右に並べる)*/
}

/*レイアウト設定　ここまで*/

/*リンク設定　ここから*/
#link {
	font-size: 0.9em;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;/*回り込み指定解除*/
}
#link a {
    background-position: left center;
	background-image: url(images/icon_arrow_02.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
/*リンク設定　ここまで*/

/*リンク2設定　ここから*/
#link2 {
	font-size: 0.9em;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;/*回り込み指定解除*/
}
#link2 a {
    background-position: left center;
	background-image: url(images/icon_arrow_03.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
/*リンク2設定　ここまで*/

/*リンク3設定　ここから*/
#link3 {
	font-size: 1em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;/*回り込み指定解除*/
}
#link3 a {
    background-position: left center;
	background-image: url(images/icon_arrow_03.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-repeat: no-repeat;
}
/*リンク3設定　ここまで*/

/*Page下リンクテキスト　ここから*/

#gotoLink {/*PageLinkのスタイル調整*/
	clear: both;/*clearはフロートを解除　both左右両側の回り込み解除*/
	font-size: 0.8em;/*PageLinkの文字サイズ指定*/
	text-align: right;/*PageLinkの文字を右揃えにする*/
	height: 10px;/*文字の下の余白*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFF;
}

#gotoLink a {/*PageLink左のアイコンを背景に*/
  background-image: url(images/top/icon_arrow_02.gif);
  background-repeat: no-repeat;
  background-position: center left;/*左中央に表示*/
  padding-left: 13px;/*アイコンと文字の間の余白*/ 
  padding-right: 13px;/*アイコンと文字の間の余白*/ 
}

/*Page下リンクテキスト　ここまで*/

/* ---------------------------------------------------------------------
　リスト
--------------------------------------------------------------------- */
ul#servicelist {
	line-height:1.3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 5px;
}

dl#flowlist {
	line-height:1.2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#flowlist dt{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;/*アイコンのスペース確保*/
    background-image: url(k_hp/images/flow/icon_arrow_03.gif);/*背景画像設定　矢印アイコン*/
    background-repeat: no-repeat;
    background-position: center left;
}

dl#flowlist dd{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#worklist {
	line-height:1.3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#worklist dt{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;/*アイコンのスペース確保*/
    background-image: url(k_hp/images/flow/icon_arrow_03.gif);/*背景画像設定　矢印アイコン*/
    background-repeat: no-repeat;
    background-position: left 4px;
}

dl#worklist dd{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#faqlist {
	line-height:1.2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#faqlist dt{
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;/*アイコンのスペース確保*/
    background-image: url(k_hp/images/flow/icon_arrow_03.gif);/*背景画像設定　矢印アイコン*/
    background-repeat: no-repeat;
    background-position: left 4px;
}

dl#faqlist dd{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#faqlist2 {
	line-height:1.2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#faqlist2 dt{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;/*アイコンのスペース確保*/
    background-image: url(k_hp/images/faq/icon_ya.gif);/*背景画像設定　矢印アイコン*/
    background-repeat: no-repeat;
    background-position: left 4px;
	color:#ff6600;
}

dl#faqlist2 dd{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#faqli {
	line-height:1.2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#newslist {
	line-height:1.3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#newslist dt{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#newslist dd{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*ローカルページ共通小見出し　ここから*/

body#localPage #contents h3{
  margin-bottom: 17px;
}

/*ローカルページ共通小見出し　ここまで*/

/*SITEMAPへのリンクテキスト　ここから*/

#siteMap {
  font-size:0.8em;/*文字をひと回り小さく em相対単位←親要素を1として7*/
  /*text-transform:uppercase;text-transform音声ブラウザ対策　uppercase単語を大文字に*/
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  position: absolute;/*SITEMAPを絶対値指定で配置*/
  top: 51px;
  right: 10px;
}

#siteMap a {/*SITEMAP左のアイコンを背景に*/
  background-image: url(images/top/icon_arrow_02.gif);
  background-repeat: no-repeat;
  background-position: center left;/*左中央に表示*/
  padding-left: 13px;/*アイコンと文字の間の余白*/
}

/*SITEMAPへのリンクテキスト　ここまで*/

/*SUPPORTへのリンクテキスト　ここから*/

#support {
  font-size:0.8em;/*文字をひと回り小さく em相対単位←親要素を1として7*/
  /*text-transform:uppercase;text-transform音声ブラウザ対策　uppercase単語を大文字に*/
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  position: absolute;/*SITEMAPを絶対値指定で配置*/
  top: 51px;
  right: 90px;
}

#support a {/*SITEMAP左のアイコンを背景に*/
  background-image: url(images/top/icon_arrow_02.gif);
  background-repeat: no-repeat;
  background-position: center left;/*左中央に表示*/
  padding-left: 13px;/*アイコンと文字の間の余白*/
}

/*SITEMAPへのリンクテキスト　ここまで*/

/*トップFlash　ここから*/

#topFlash {
  position: absolute;/*絶対位置*/
  width: 547px;
  height:158px;
  top: 70px;
  left: 0px;
  list-style-type: none;/*リストマークを消す*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

#topFlash li {/*li要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;/*リスト項目の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*トップFlash　ここまで*/

/*トップImage　ここから*/

#topImage {
  position: absolute;/*絶対位置*/
  width: 253px;
  height:158px;
  top: 70px;
  right: 0px;
  list-style-type: none;/*リストマークを消す*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

#topImage li {/*li要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;/*リスト項目の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*トップImage　ここまで*/

/*catvトップImage　ここから*/

#catvtopImage {
  position: absolute;/*絶対位置*/
  width: 800px;
  height:158px;
  top: 70px;
  right: 0px;
  list-style-type: none;/*リストマークを消す*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

#catvtopImage li {/*li要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;/*リスト項目の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*catvトップImage　ここまで*/


/*ナビゲーション　ここから*/

#globalNavi {/*グローバルナビゲーションのul要素*/
  list-style-type: none;/*箇条書きリストのマークを消す*/
  width: 800px;
  height: 40px;
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color:#FFFFFF;
  position: absolute;/*グローバルナビを絶対値指定で配置*/
  top: 232px;
  left: 0px;
}

#globalNavi li {/*グローバルナビゲーションのli要素*/
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;/*グローバルナビの各項目の間の余白*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  float: left;/*グローバルナビを横並びにする*/
}

/*ナビゲーション　ここまで*/

/*TOP　ここから*/

dl#information {/*informationのスタイル設定*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#information dd{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#information dt{
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*Contents Image　ここから*/

dl#contentsImage {
/*height: 40px;*/
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#contentsImage dd{
  margin-top: 15px;/*余白調整*/
  margin-right: 10px;/*各イメージの間の余白*/
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: left;/*横並びにする*/
}

/*Contents Image　ここまで*/

iframe {/*iframeのスタイル設定　CSSの方が推奨*/
  border-top-width: 0;/*iframeの枠線を消す*/
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

dl#iframe01 {/*iframe重要なお知らせ*/
  width: 495px;
  height: 190px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
}

dl#iframe01 dd{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#iframe01 dt{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#iframe02 {/*iframeメンテナンス・障害情報と更新情報*/
  width: 495px;
  height: 145px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#iframe02 dd{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#iframe02 dt{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* contentsImage_under左　ここから */

.contentsImage_under_left {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.contentsImage_under_left dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.contentsImage_under_left dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.contentsImage_under_left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contentsImage_under_left li {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 5px;

}

/* contentsImage_under左　ここまで */

/* contentsImage_under右　ここから */

.contentsImage_under_right {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.contentsImage_under_right dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.contentsImage_under_right dd {
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.contentsImage_under_right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contentsImage_under_right li {
    color: #663300;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;/*アイコンのスペース確保*/
    background-image: url(images/top/icon_arrow_03.gif);/*背景画像設定　日付の横にある矢印アイコン*/
    background-repeat: no-repeat;
    background-position: center left;
}

.contentsImage_under_right ul a:link {
	color: #663300;
	text-decoration: none;
}

.contentsImage_under_right ul a:visited {
	color: #663300;
	text-decoration: none;
}

.contentsImage_under_right ul a:hover {
	color: #FF6600;
	text-decoration: none;
}

.contentsImage_under_right ul a:active {
	color: #000000;
	text-decoration: none;
}

/* contentsImage_under右　ここまで */

/*clearfix hack=float指定した要素がはみ出さないようにclearfixを使う*/
#topRecommendedMenu dd ul:after {/*after=疑似要素*/
  content: ".";/*.というブロックレベル要素のテキストを配置*/
  display: block;
  height: 0;/*.を消すために高さを無くす*/
  clear: both;/*回り込みを解除*/
  visibility: hidden;/*.を非表示にする*/
}

#topRecommendedMenu dd ul {
  display: inline-block;/*Win&MacのIE適用*/
}

/*hide macie \*//*Mac版iEでは無視される*/
*html #topRecommendedMenu dd ul{/*　*html スターハック*/
  height: 1%;/*WinIE6以前に適用*/
}

#topRecommendedMenu dd ul{
  display: block;/*Win版IEで適用*/
}
/*end hide*/
/*end clearfix hack*/

#topRecommendedMenu dd#topRecommendedMenuWrap {
  padding-bottom: 5px;/*RecommendedMenuの本文下の余白*/
}

/*TOP　ここまで*/

/*information　ここから*/

body#infoBody {/*後に指定したスタイルが優先される　topと同じccsで作ってる　info.htmlのbody要素ではこちらが優先*/
  background-image: url(images/top/bg_white.gif);/*背景画像*/
  background-repeat: repeat;/*背景画像　くり返し配置*/
  background-color: #FFFFFF;
  font-size: 9pt;
  line-height: 1.2em;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align : left;/*IE6対策*/
}

dl#infoData {/*information(外部)のスタイル設定*/
  width: 484px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

dl#infoData dt {/*infoDataというid名をもつdl要素内にあるdt要素*/
  color: #663300;/*日付のみの色*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;/*アイコンのスペース確保*/
  background-image: url(images/top/icon_arrow_03.gif);/*背景画像設定　日付の横にある矢印アイコン*/
  background-repeat: no-repeat;
  background-position: center left;
}

dl#infoData dd {/*infoDataというid名をもつdl要素内にあるdd要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;/*informationの項目内の文章の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;/*informationの項目内の文章の下余白*/
  padding-left: 20px;/*informationの項目内の文章の左余白*/
  border-bottom-width: 1px;/*dl#infoData dd要素のボックスの下に点線を引く*/
  border-bottom-style: dotted;
  border-bottom-color: #999999;
}

dl#infoData p {/*infoDataというid名をもつdl要素内にあるdd要素のp(段落)*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*information　ここまで*/

/*catv menu　ここから*/
dl#catvMenu {
  width: 250px;
  background-color:#ffffff;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

dl#catvMenu dt {/*catvMenuというid名をもつdl要素内にあるdt要素*/
  color: #663300;/*タイトルの色*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;/*アイコンのスペース確保*/
  background-image: url(c_hp/images/charge/icon_arrow_02.gif);/*背景画像設定　日付の横にある矢印アイコン*/
  background-repeat: no-repeat;
  background-position: center left;
}

dl#catvMenu dd {/*catvMenuというid名をもつdl要素内にあるdd要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 2px;/*informationの項目内の文章の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;/*informationの項目内の文章の下余白*/
  padding-left: 5px;/*informationの項目内の文章の左余白*/
}
/*catv menu　ここまで*/

/*list menu　ここから*/
dl#listMenu {
  width: 300px;
  background-color:#ffffff;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

dl#listMenu dt {/**/
  color: #ff9900;/*タイトルの色*/
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;/*アイコンのスペース確保*/
  background-image: url(images/gaiyo/icon_square.gif);/**/
  background-repeat: no-repeat;
  background-position: center left;
}

dl#listMenu dd {/**/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 2px;/*項目内の文章の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;/*項目内の文章の下余白*/
  padding-left: 5px;/*項目内の文章の左余白*/
}
/*list menu　ここまで*/

/*バナー　ここから*/

#sideBanner {
  list-style-type: none;/*サイドバナーのリストマークを消す*/
  margin-top: 0px;

  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#sideBanner li {/*li要素*/
  margin-top: 0px;

  margin-bottom: 12px;/*サイドバナーのリスト項目の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*バナー　ここまで*/

/*CONTACT.HTML　ここから*/

table#formTable {/*テーブルの幅を指定*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 420px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;/*テーブルの上部に枠線*/
}
table#formTable td {/*テーブル(セル)のパディングと文字サイズを調整*/
	font-size: 0.8em;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;/*要素の下の枠線*/
}
table#formTable th {/*テーブルの見出しのスタイル調整*/
	font-size: 0.8em;
	font-weight: normal;
	background: #EEEEEE;
	text-align: left;
	vertical-align: top;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;/*テーブルの下部に枠線*/
}
table#formTable caption {/*テーブルのキャプション(お問い合わせフォームの下)の余白調整*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
select#subject {/*フォームの各要素に枠線*/
	border: 1px solid #CCCCCC;
}
input#name,input#tel,input#email {/*name,tel,email入力ボックスの枠線設定*/
	width: 200px;
	border: 1px solid #CCCCCC;
}
textarea {/*name,tel,email入力ボックスの枠線設定*/
	width: 275px;
	border: 1px solid #CCCCCC;
}
input#contact2 {/*ラジオボタンの配置調整*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
td#checkBoxData p {/*チェックボックスの段落配置調整*/
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 110px;
}
#formButton {/*フォームボタンの配置調整*/
	text-align: center;
	margin-top: 20px;
}
#submit {/*送信ボタンのスタイル設定*/
	color: #FFFFFF;
	background: #FB791E;
	width: 68px;
	margin-right: 10px;
	border-top: 1px solid #FCB685;
	border-right: 1px solid #CE5E0F;
	border-bottom: 1px solid #CE5E0F;
	border-left: 1px solid #FCB685;
}
#reset {/*リセットボタンのスタイル設定*/
	color: #FFFFFF;
	background: #898989;
	width: 68px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
}
.notes {/*注釈文のスタイル設定*/
	font-size: 0.8em;
	color: #663300;
	margin: 10px 0px 0px;
}
.leadText {/*リード文のスタイル設定*/
	font-size: 0.8em;
	line-height: 1.5em;
	margin-top: 17px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
/*CONTACT.HTML　ここまで*/

/*サイドRecommended Menu　ここから*/
#sideRecommendedMenu {/*sideRecommendedMenuの背景・上部角丸設定*/
	width: 220px;
	background-color: #EEEEEE;
	background-image: url(images/contact/side_recommend_bg_t.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;/*以下で余白調整して上部角丸を表示させる*/
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#sideRecommendedMenu dd {/*sideRecommendedMenuの背景・下部角丸設定*/
	background-image: url(images/contact/side_recommend_bg_b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;/*以下で余白調整して下部角丸を表示させる*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sideRecommendedMenu dd ul {/*RecommendedMenuの品目のリストマークを消す*/
	list-style: none;
	padding: 0px;/*RecommendedMenuの品目間の余白調整*/
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sideRecommendedMenu dd ul li {/*RecommendedMenuの品目の余白等設定*/
	border-bottom-width: 1px;/*品目間に下線(点線)をひく*/
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 0px 10px 10px;
	padding: 0px 0px 10px;
	clear: both;/*RecommendedMenuの品目のliで回り込み指定解除*/
}
#sideRecommendedMenu dd ul li dl {/*dl定義型リスト　RecommendedMenuの品名と説明分のスタイル設定*/
	margin: 0px;
	padding: 0px;
	width: 115px;/*幅指定*/
	float: right;/*回り込み指定*/
}
#sideRecommendedMenu dd ul li dt {/*dt定義用語*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 0.7em;
}
#sideRecommendedMenu dd ul li dd {/*dd定義*/
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	line-height: 1.3em;
}
#sideRecommendedMenu dd ul li dt strong {/*RecommendedMenuの品名の文字色と太字解除*/
	font-weight: normal;
	color: #663300;
}
#sideRecommendedMenu dd ul li img {/*RecommendedMenuの画像とテキスト情報に回り込み指定*/
	float: left;
}

/* clearfix hack *//*ハック挿入してブラウザのバグを回避*/
#sideRecommendedMenu dd ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sideRecommendedMenu dd ul li {
	display: inline-block;
}

/* hide macie \*/
*html #sideRecommendedMenu dd ul li {
	height: 1%;
}

#sideRecommendedMenu dd ul li {
	display: block;
}
/* end hide */
/* end clearfix hack */

#more {/*RecommendedMenu下のmoreのリンク作成*/
	font-size: 0.7em;
	text-transform: uppercase;/*大文字*/
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;/*回り込み指定解除*/
}
#more a {
    background-position: left center;
	background-image: url(images/contact/icon_arrow_more.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-repeat: no-repeat;
}
/*サイドRecommended Menu　ここまで*/

/*パンくず　ここから*/

#rootList {/*パンくずリストを絶対配置*/
	font-size: 0.7em;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	height: 30px;
	list-style-type: none;
	position: absolute;
	left: 33px;
	top: 370px;
}
#rootList li {/*パンくずリストを一行で表示*/
	display: inline;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList a {/*パンくずリストのリンク文字の位置調整*/
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList li a:link {/*パンくずリストのリンクカラー*/
	color: #663300;
	text-decoration: none;
}
#rootList li a:visited {
	color: #663300;
	text-decoration: none;
}
#rootList li a:hover {
	color: #FF6600;
	text-decoration: none;
}
#rootList li a:active {
	color: #000000;
	text-decoration: none;
}

/*パンくず　ここまで*/

/*ACCESS.html　ここから*/
#accessMap {
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 17px;
	margin-left: 10px;
}
#cafeDatas {/*カフェ情報スタイル設定*/
	background-color: #EEEEEE;
	background-image: url(images/access/access_bg_b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#cafeDatas dt {
	background-image: url(images/access/access_bg_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#cafeDatas dt strong {
	font-size: 1em;
	color: #EA6000;
}
#cafeDatas dd {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0px;
	padding-left: 10px;
}
#cafeDatas p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/*ACCESS.html　ここまで*/

/*ABOUT.html　ここから*/
#aboutImage {/*写真のスタイル設定*/
	margin: 0px;/*写真外の余白,初期値を0にしてから再設定*/
	padding: 0px 10px 0px 10px;/*写真内の余白,初期値を0にしてから再設定*/
	float: left;/*回り込み　画像は左、文章は右*/
}

#aboutData {/*カフェ情報のスタイル設定*/
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 50px 0px 0px 0px;/*文章外の余白,top,right,bottom,left*/
	padding: 0px;/*文章内の余白,初期値を0にしてから再設定*/
	list-style-type: none;
}
p.aboutParagraph {/*class→p.種別*/
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0px 0px 20px 10px;
	padding: 0px;
}
/*ABOUT.html　ここまで*/


/* SITEMAP　ここから */

.sitemapList {
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.sitemapList dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sitemapList dd {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.sitemapList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sitemapList ul a:link {
	color: #663300;
	text-decoration: none;
}
.sitemapList ul a:visited {
	color: #663300;
	text-decoration: none;
}
.sitemapList ul a:hover {
	color: #FF6600;
	text-decoration: none;
}
.sitemapList ul a:active {
	color: #000000;
	text-decoration: none;
}

/* SITEMAP　ここまで */

/* ポップアップウィンドウ　ここから */
body#popBody {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
body#popBody p {/*画像周りの余白*/
	margin: 10px;
	padding: 0px;
	width: 400px;
}
body#popBody p#closeBtn {/*ボタンを中央に配置*/
	text-align: center;
}
/* ポップアップウィンドウ　ここまで */

/*リストマークを消す*/
li {
margin-left:0px;
list-style-type: none;
}