@charset "UTF-8";/*外部スタイルシートファイルの文字コードを指定　ファイルの先頭行に記述*/

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
/* -------------------------------------------------------------------------------
 *  注意事項* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  ↓----------------------------------------------------------------------
 *  下記は表示通りの順序にて必ず記載すらｷと　順序によ・ﾄ表示が崩れるから
 *  :link
 *  :visited
 *  :hover
 *  :active
 *  ↑----------------------------------------------------------------------
 *  
 *  
 *-------------------------------------------------------------------------------*/



/* -------------------------------------------------------------------------------
 *  全頁レイアウト* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

/*フォント*/
* {
   font-family:Arial,"MS P ゴシック",sans-serif;  /*フォント設定*/
	font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
   color:#333333; /*文字色設定　黒*/
   padding:0;margin:0;
}

/*文書の本体　JIFは横の空白埋め*/
body {
   letter-spacing:1px; /*文字の間隔*/
   background:#fff url("../images/bg_body.gif") 0 0 repeat; /*背景に関する指定をまとめて行う　#fff＝白　イメージは横の空白で使用*/
   border-top:5px solid #204384; /*上ボーダーのスタイル・太さ・色を指定する　太さ5px　#0000cd＝青*/
   border-bottom:5px solid #204384; /*上ボーダーのスタイル・太さ・色を指定する　太さ5px　#0000cd＝青*/
	min-width:900px;width:expression(document.body.clientWidth < 920? '900' : 'auto');

}

/*改行*/
br {
   letter-spacing:normal;/*文字の間隔　normal＝初期値*/
}

/*リンク*/
a {
   color:#333;/*リンクの色　#333＝黒*/
   text-decoration:none;/*テキストの下線・上線・打ち州ｵ線・点滅を指定する　none＝線なし点滅なし（初期値）*/
}

/*マウスが来たときリンクのスタイル変更*/
a:hover {
   color:#0066cc;/*グレー*/
   text-decoration:none;/*テキストの下線・上線・打ち州ｵ線・点滅を指定する　none＝線なし点滅なし（初期値）*/

}

/*画像表示*/
img {
   border:0;/*ボーダーのスタイル・太さ・色を指定する　ボーダーは表示されず太さも0　初期値*/
   vertical-align:bottom;/*行のなかでのテキストや画像などの縦方向の揃え位置を指定　bottom＝下揃え*/
}

/*見出し*/
h1,h2,h3,h4,h5,h6 {


}


ul,dl{
	list-style-type:none;
}

/* -------------------------------------------------------------------------------
 *  テンプレートレイアウト* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/
/*DIV＝ひとかたまりの範囲として定義する（ブロック要素）　div#××（××＝id名　HTML側でdiv記述の個所で指定）*/
/*ヘッダーの中央部分の装飾*/
div#headWrap {
   width:100%;/*幅を指定*/
   background:#fff;/*背景に関する指定をまとめて行う　#fff＝白*/
}

/*ヘッダーの左右横の装飾*/
div#header {
   width:895px;/*幅を指定*/
   margin:0 auto;/*上下左右の外側のマージン（余白）の設定　なし　0＝初期値　auto＝幅や高さを自動設定*/
   background:#fff;/*背景に関する指定をまとめて行う　#fff＝白*/
}

/*ページ最上のPR事項の装飾*/
div#header h1 {
   font-size:11px;/*文字サイズ*/
	font-weight:normal;
   padding:5px 0;/*上の内側のパディング（余白）の設定　なし*/

}
/*ページ最上のPR事項の装飾*/
div#header h1 span{
	color:#ff6519;
	font-weight:bold;
   font-size:12px;/*文字サイズ*/
}

div#header img{
	margin:5px 0;

}


/*メニューの装飾*/
div#menu {
   width:100%;/*幅を指定*/
   height:50px;
   background:url("../images/bg_menu1.gif") 0 0 repeat;/*背景に関する指定をまとめて行う　メニュー背景はJIF*/
}

/*トップページの動画*/
div#icatch {
   width:895px;/*幅を指定*/
   margin:0 auto;/*上下左右の外側のマージン（余白）の設定　なし　0＝初期値　auto＝幅や高さを自動設定*/
   background:#fff;/*背景に関する指定をまとめて行う　#fff＝白*/
   /*vertical-align: middle;*/
}

/*各ページの背景の装飾*/
div#contents {
   width:885px;/*幅を指定*/
   padding:5px;
   margin:0px auto;/*上下左右の外側のマージン（余白）の設定　なし　0＝初期値　auto＝幅や高さを自動設定*/
   background:#fff;/*背景に関する指定をまとめて行う　#fff＝白*/
   text-align:left;
}

/*フッターの装飾*/
div#footer {
	width:895px;
	margin:0 auto;
   background:#EBEADD;/*背景に関する指定をまとめて行う　#EBEADD＝薄い茶色*/

}


/* -------------------------------------------------------------------------------
 *  ヘッダーカスタマイズ* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  最上部のロゴ＆PR＆お問い合わせ
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

/*使用なし？？？？*/


/*使用なし？？？？*/

/* -------------------------------------------------------------------------------
 *  メニューカスタマイズ* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  上部JIFのメニュー設定
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

/*メニューJIFの全体の装飾*/
div#menu ul {
   width:897px;/*幅を指定*/
   margin:0 auto;/*上下左右の外側のマージン（余白）の設定　なし　自動設定*/
   padding:0;/*上下左右の内側のパディング（余白）の設定　なし*/
}

/*メニューJIFの文字の装飾*/
div#menu li {
   float:left;/*左または右に寄せて配置する　左寄*/
   font-size:75%;/* 12px相当 */
   color:#333;/*文字色設定　黒*/
   text-align:center;/*行揃えの位置・均等割付を指定　中央揃え*/
   list-style-type:none;/*マーカーに関する指定をまとめて行う　マーカーなし*/
}

/*メニューJIFの装飾（JIFの幅、線の太さ）*/
div#menu li a{
   display:block;/*要素の表示形式（ブロック・インライン）を指定　ブロック*/
   width:148px;/*幅を指定*/
   width:127px;/*幅を指定*/
   color:#333333;/*文字色設定　薄い黒333333*/
   line-height:50px;/*行の高さを指定　60px*/
   border-right:1px solid #D8D8D8;/*右ボーダーのスタイル・太さ・色を指定する　太さ1px　#D8D8D8＝薄いグレイ*/
}



/*メニューJIFの縦線の色太さ*/
div#menu li.home a {
   border-left:1px solid #D8D8D8;/*左ボーダーのスタイル・太さ・色を指定する　太さ1px　#D8D8D8＝薄いグレイ*/
}

/*トップ下のメニューリンクの装飾*/
div#menu li a:hover {
   color:#ffffff;/*文字色設定　薄いグレイ*/
   background:#fff url("../images/bg_menu3.gif") 0 0px repeat;/*背景に関する指定をまとめて行う　#fff＝白　イメージはメニューで使用*/
}

/*選択時のメニューの設定*/
div#menu li.menucolor {
   background:#fff url("../images/bg_menu3.gif") 0 0px repeat;/*背景に関する指定をまとめて行う　#fff＝白　イメージはメニューで使用*/
}

/*選択時のメニューの設定*/
div#menu li.menucolor a {
   color:#ffffff;/*文字色設定　薄いグレイ*/
}

/* -------------------------------------------------------------------------------
 *  サブコンテンツカスタマイズ* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

/**/
.side-header{
	width:200px;
	text-align:left;
	height:30px;
	background: url("../images/subBar.gif") 0 0 no-repeat;
	padding-left:12px;
	margin-right:-12px;
	color:white;/*文字色設定　薄い黒*/
	font-size:80%;/* 15px相当 */
	font-weight:bold;/*太文字設定*/
	line-height:30px;/*行の高さを指定　35px*/
}

.side-body {
	font-size:80%;
    background-repeat:no-repeat;  
    background-image: url("../images/subBar4.gif");  
	background-position: left bottom;
	width:200px;
	padding-bottom:3px;
}
.side-body table{
	border-left:1px solid #00012b;
	border-right:1px solid #00012b;
}
.side-body p{
	font-size:90%;
	text-align:right;
	border-left:1px solid #00012b;
	border-right:1px solid #00012b;

}

/**/
.side-body ul {
   padding:3px;/*上下左右の内側のパディング（余白）の設定　なし*/
   border-left:1px solid #00012b;
   border-right:1px solid #00012b;
}

/**/
.side-body li {
	font-weight:bold;
   border:0;
   padding:1px;
}

/**/
.side-body li a {
	font-weight:normal;
   padding:3px;
   border:1px solid #ffffff;
   display:block;
/*   background:url("../images/bg_list.gif") 0 6px no-repeat;/*背景に関する指定をまとめて行う　使用していないかｃﾊれない*/*/

}

/**/
.side-body li a:hover {
   color:#333333;/*文字色設定　白*/
   background-color:#cad7ff;/**/
   border-color:#90abfc;

}

.side-body span.submenucolor { /*2/17tammy*/
   border:1px solid #3652a0;
   font-weight:bold;
   padding:5px;/*上下左右の内側のパディング（余白）の設定　上下左右＝3px*/
   display:block;/*要素の表示形式（ブロック・インライン）を指定　ブロック*/
   padding-left:12px;/*左の内側のパディング（余白）の設定　12px*/
   color:#fff;/*文字色設定　白*/
   background-color:#3652a0;/**/
}

.side-spacer{
	height:5px;
}

.side-active {
	background-color :#3652a0;
	color:white;
}


/* -------------------------------------------------------------------------------
 *  toトップカスタマイズ* 
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

/**/
.totop {
	clear:both;/*回り込み解除*/
	width:100%;
	text-align:right;/*行揃えの位置・均等割付を指定　右揃え*/
	font-size:70%;/* 11px相当 */
}

/**/
.totop a {
   padding-left:8px;/*左の内側のパディング（余白）の設定　8px*/
   background: url("../images/bg_totop.gif") 0 50% no-repeat;/*背景に関する指定をまとめて行う　トップへの上矢印のJIF*/
}

/* -------------------------------------------------------------------------------
 *  フッターカスタマイズ* 
 * -------------------------------------------------------------------------------
 *  
 *  Copyright
 *  
 *-------------------------------------------------------------------------------*/

/**/
address {
   padding:30px 0;/*上下左右の内側のパディング（余白）の設定　上下＝30px　左右＝0*/
   font-size:70%;/* 11px相当 */
   font-style:normal;/**/
   color:#333;/*文字色設定　黒*/
   text-align:center;/*行揃えの位置・均等割付を指定　中央揃え*/
}


/* -------------------------------------------------------------------------------
 *  コンテンツレイアウト関連
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/
.column2-main{
	float:left;
	margin-right:-200px;
	width:100%;
}
.column2-main .content{
	padding-right:210px;
}
.column2-main .totop{
	padding-right:210px;
}

.column2-side{
	float:left;
	width:200px;

}

.column1-main{
	width:100%;

}

/* -------------------------------------------------------------------------------
 *  パンくずクラス
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/
.topic {
	font-size: 70%;
	list-style: none;
	padding-bottom:3px;
}
.topic a {
	text-decoration: none;
	color:#999;
	padding:2px 0;
}
.topic a:link,
.topic a:visited {
	color:#999;
}
.topic a:hover,
.topic a:active {
	text-decoration: underline;

}
.topic em {
	color:#000;
	font-style: normal;
}


/* -------------------------------------------------------------------------------
 *  コンテンツ内クラス
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/

.title-small{
	width:680px;
	text-align:left;
	height:30px;
	background: url("../images/titleBar_small.gif") 0 0 no-repeat;
	color:#333333;/*文字色設定　薄い黒*/
	font-size:80%;/* 15px相当 */
	font-weight:bold;/*太文字設定*/
	line-height:30px;/*行の高さを指定　35px*/
	padding-left:12px;
	margin-right:-12px;

}
.title-middle{
	width:885px;
	text-align:left;
	height:30px;
	background: url("../images/titleBar_middle.gif") 0 0 no-repeat;
	padding-left:12px;
	color:#333333;/*文字色設定　薄い黒*/
	font-size:80%;/* 15px相当 */
	font-weight:bold;/*太文字設定*/
	line-height:30px;/*行の高さを指定　35px*/
	padding-left:12px;
	margin-right:-12px;

}

.title-spacer{
	height:5px;
}

.content{
	font-size:90%;
	padding:5px;
}

.content a{
	text-decoration: none;
	color:#000;
	padding:2px 0;
	font-weight:bold;
}
.content a:visited {
	color:#000;
}
.content a:hover{
	text-decoration: underline;
	
}
.content a:active{
	color:#000;
}

.content p{
	padding:2px 0;
	padding-left:10px;
}
.content strong{
	padding:10px 0;
	font-weight:bold;
}

.new-release dt{
	float:left;
	padding:3px;
	margin-right:-120px;
}
.new-release dd{
	padding:3px;
	padding-left:120px;
	border-bottom:1px dotted #dddddd;
	
	
}


.question dt{
	margin-top:10px;
	margin-bottom:5px;
	background: url("../images/q.gif") 0 0 no-repeat;
	padding-left:30px;
	line-height:24px;
}
.question dd{
	background: url("../images/a.gif") 0 0 no-repeat;
	margin-left:20px;
	padding-left:30px;
	background-color:#eeeeee;
	line-height:24px;
}



table.information{
    border-collapse:collapse;
    background-color:#ffffff;
    width:100%;
    white-space:nowrap;
}
table.information th{
	border:1px solid #999999;
	background-color:#eeeeee;
	font-size:90%;
	padding:3px;
	width:200px;
	font-weight:normal;
}
table.information td{
	border:1px solid #999999;
	padding:3px;

}

.information2-date{
	color:#999;
	font-size:90%;
}



.map-info{
	float:left;
}


.map-data{
	height:500px;
	float:right;
	width:600px;

}




.content-sub{
	padding:5px 5px 50px 5px;
}
.content-sub2{
	padding-left:10px;
	width:800px;
}

.content h3{
	background: url("../images/titleDot.gif") 0 0 no-repeat;
	padding-left:17px;
	border-bottom:1px dotted #dddddd;
	background-position:left 30%;
}

/* -------------------------------------------------------------------------------
 *  汎用クラス
 * -------------------------------------------------------------------------------
 *  
 *  
 *  
 *-------------------------------------------------------------------------------*/
.float{
	float:left;

}

.float-end{
	clear:both;
}