@charset "Shift_JIS";
/* 
----------------------------------------
2007.2.26
version 1.0
----------------------------------------
*/

body,h1,h2,h3,h4,h5,h6,pre,td,th,input,textarea,caption,address,cite,strong,em {
font-family: "Hiragino Kaku Gothic pro","ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif;
}

body{margin:0; padding:0; color:#CCCCCC; text-align:center; background:#000000;}

.ChangeFont{ text-align:left;}
.ChangeFont div#MainImage{ text-align:center;}


/*

***********************************
*
* text-indent: -xxxxemの回避策
* Mac IEでのリンクが消失をhackで回避
*
***********************************

*/

a {
/*\*/
   overflow: hidden;
/**/

}


a:hover{color:#999999; text-decoration:none;}



/*
***********************************
*
*　下層ページのメインイメージ
*
***********************************
*/

#MainImage{ width:850px; background:#E3E3E3; padding:5px 0; margin-bottom:30px;}

/*
***********************************
*
*　リストリンク
*
***********************************
*/

#ListLink{ margin-top:22px;text-align:right;}
#ListLink span{ background:#F2F2F2; padding:1px 3px; border:1px solid #E3E3E3;}


/* 
 
***********************************
*
*　フォントサイズ変更設定
*
***********************************

*/
.Bld{font-weight:bold;}
.Small{font-size: smaller;}
.Large{font-size: larger;}
.LargeBld{font-size: 14px;font-weight: bold;}
.SmallBld{font-size: smaller;font-weight: bold;}
.text-index{line-height:1.1em;}

/* 


/* 
 
***********************************
*
*　フォント設定
*
***********************************

*/

.Red{ color:#CC3333;}
.Red-Bld{ color:#CC3333; font-weight:bold;}
.Blue{color:#3366FF;}
.Blue-Bld{color:#3366FF; font-weight:bold;}
.Orenge{color:#FF6633;}
.Orenge-Bld{color:#FF6633; font-weight:bold;}
.White{color:#FFFFFF;}
.White-Bld{color:#FFFFFF; font-weight:bold;}


/* 
 
***********************************
*
*　空行解除・フォントサイズ指定
*
***********************************

*/

h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,noscript,div{margin: 0; padding: 0;}

form{margin:0;}

body,h1,h2,h3,h4,h5,h6,pre {
font-size: xx-small;line-height:1.25em;font-weight:normal;color:#CCCCCC;
/* (IE6,FireFox,NN6.x,Safari) modern browser */
/* hack */
voice-family:"\"}\"";
voice-family:inherit;
font-size: small;
}

/* ***for opera *** */
html>body,h1,h2,h3,h4,h5,h6,pre,td,th,input,textarea,caption{
 font-size: small;
}


/*
 
***********************************
*
*　リストスタイル解除
*
***********************************

*/

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

/*
 
***********************************
*
*　リンクスタイル
*
***********************************

*/
a {color:#999999;text-decoration: underline;
	/* ***  for Mac IE hotspot *** */
	outline:underline 0 #999999;
}
a:hover{color:#3366CC; text-decoration: none;}


/*
 
***********************************
*
*パンくず
*
***********************************

*/


/*
 
***********************************
*
*フッターリンク
*
***********************************

*/




/*
 
***********************************
*
*テーブル
*
***********************************

*/

.tbl-styl {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #333333;empty-cells:show;}
.tbl-styl td {padding:5px;border:1px dotted #333333;vertical-align: top; text-align:left; color:#CCCCCC;}
.tbl-styl th {padding:5px;border:1px dotted #333333;vertical-align: top; text-align:left; color:#4A4A4A; font-weight:normal; background-color:#EDF2F6;}

.tbl-styl2 {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:0px solid #cccccc;empty-cells:show;}
.tbl-styl2 td {padding:5px;border:0px dotted #cccccc;vertical-align: middle; text-align:left;}
.tbl-styl2 th {padding:5px;border:0px dotted #cccccc;vertical-align: middle; text-align:left; font-weight:normal;}

.tbl-styl3 {border-collapse:collapse;border-spacing:0px;border:0px solid #cccccc;empty-cells:show;}
.tbl-styl3 td {padding:3px;border:0px dotted #cccccc;vertical-align: top; text-align:left; font-size:10px;}
.tbl-styl3 th {padding:3px;border:0px dotted #cccccc;vertical-align: top; text-align:left; font-weight:bold; color:#FFFFFF; font-size:10px;}



/*
 
***********************************
*
*フロート
*
***********************************

*/

.F-Right{float:right;}
.F-Left{float:left;}
/*

***********************************
*
*クリア
*
***********************************

*/

.ClearRight {clear:right;}
.ClearLeft {clear:left;}
.ClearBoth {clear:both;}

/*
 
***********************************
*
*破線
*
***********************************

*/
hr{background: #FFFFFF;margin: 15px 0;padding: 0;border-style: dotted none none none; border-top-width: 1px; border-top-color: #cccccc; height: 1px;}

/*
 
***********************************
*
*マージン設定
*
***********************************

*/
.M-tb5{margin:5px 0px;}
.M-tb10{margin:10px 0px;}
.M-L15{ margin-left:15px;}
.M-R15{ margin-right:15px;}

.M-5{ margin:5px; clear:both;}
.M-10{ margin:10px; clear:both;}
.M-L10{margin-left:10px;}
.M-LR10{ margin:0px 10px;}
.M-LR15{ margin:0px 15px;}

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

*/


img{ border:0; margin:0px;}
input{margin:0px; padding:3px;}

#Wrapper{margin:10px 0px; width:880px; height:auto;}
#Content{margin:0px 15px;width:830px; height:auto;text-align:left;border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#FFFFFF;}

#Side-Navi{float:left; text-align: left; width:207px; height:1000px; margin:0px 0px 0px 2px; padding:0px; border-left:1px solid #FBC38A; border-right:1px solid #FBC38A; background: url(../../img/common/bg_side.gif) left top no-repeat;}
#Content-Main{float:right; text-align: left; width:589px; margin:0px 14px; padding:0px;}


/*
 
***********************************
*
*ヘッダー
*
***********************************

*/

#Header-bg{background:url(../../img/common/h_bg.jpg) left top no-repeat; width:830px; height:143px;}

#H-Sub-Navi{ margin-top:60px;width:145px; height:50px; float:right; margin-right:15px;}

div#H-Sub-Navi ul#site-menu{ padding-top:5px; width:60px; float:right;}
div#H-Sub-Navi ul#site-menu li { display:inline; float:left;}
div#H-Sub-Navi ul#site-menu li a{ display:block; text-indent: -3000px; text-decoration: none; font-size:1px; height:20px; margin-bottom:5px;}


#H-Navi{width:186px; height:50px; float:left; margin-left:17px;text-indent:-1000em;}
#H-Navi ul{display:inline;}
#H-Navi ul li{display:inline;}
.Header-Home{width:93px; height:50px; display:block;}
.Header-Sitemap{width:93px; height:50px; display:block; position:relative; top:-50px; left:110px;}


#Logo{background: url(../../img/common/logo.jpg) left top no-repeat; width: 336px; height: 74px;margin: 0;padding:0;position:static; text-indent:-1000em;}
.Logo-index{display:block;width:336px;height:74px;}




/*
 
***********************************
*
*フッター
*
***********************************

*/

#Footer{ background:url(../../img/common/footer.gif) center top no-repeat; width:790px; height:120px; margin:0px 20px; padding:0px; border-top:1px #CCCCCC solid; text-indent:-1000em;}
#Foot-Copy{ font-size:85%; line-height:120%; text-align:left;margin:10px;}

/*ページトップ*/
#Pgtop a{ float:right;margin:0px 20px; background:url(../img/common/pagetop_btn.gif) right top no-repeat; width:60px; height:18px; text-indent:-1000em;}

/*
 
***********************************
*
*ナビゲーション
*
***********************************

*/
/*ヘッダーナビゲーション*/

#Navi li a{width:225px; display:block; margin:0px;}

#Navi .home a{background: url(../img/navi/navi_home.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px; margin: 0;padding: 0;display: block;}
#Navi .home a:link,#Navi .home a:visited{ }
#Navi .home a:hover{background: url(../img/navi/navi_home_on.jpg) left top no-repeat;}

#Navi .infor a{background: url(../img/navi/navi_infor.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 34px; margin: 0;padding: 0;display: block;}
#Navi .infor a:link,#Navi .infor a:visited{ }
#Navi .infor a:hover{background: url(../img/navi/navi_infor_on.jpg) left top no-repeat;}

#Navi .secure a{background: url(../img/navi/navi_secure.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px;display: block;margin: 0;padding: 0;}
#Navi .secure a:link,#Navi .secure a:visited{ }
#Navi .secure a:hover{background: url(../img/navi/navi_secure_on.jpg) left top no-repeat;}

#Navi .inter a{background: url(../img/navi/navi_inter.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 35px;display: block;margin: 0;padding: 0;}
#Navi .inter a:link,#Navi .intert a:visited{ }
#Navi .inter a:hover{background: url(../img/navi/navi_inter_on.jpg) left top no-repeat;}

#Navi .exter a{background: url(../img/navi/navi_exter.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px;display: block;margin: 0;padding: 0;}
#Navi .exter a:link,#Navi .exter a:visited{ }
#Navi .exter a:hover{background: url(../img/navi/navi_exter_on.jpg) left top no-repeat;}

#Navi .original a{background: url(../img/navi/navi_original.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px;display: block;margin: 0;padding: 0;}
#Navi .original a:link,#Navi .original a:visited{ }
#Navi .original a:hover{background: url(../img/navi/navi_original_on.jpg) left top no-repeat;}

#Navi .comp a{background: url(../img/navi/navi_comp.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px;display: block;margin: 0;padding: 0;}
#Navi .comp a:link,#Navi .comp a:visited{ }
#Navi .comp a:hover{background: url(../img/navi/navi_comp_on.jpg) left top no-repeat;}

#Navi .gallery a{background: url(../img/navi/navi_gallery.jpg) left top no-repeat; text-indent: -1000em; width: 225px; height: 36px;display: block;margin: 0;padding: 0;}
#Navi .gallery a:link,#Navi .gallery a:visited{ }
#Navi .gallery a:hover{background: url(../img/navi/navi_gallery_on.jpg) left top no-repeat;}

/*
 
***********************************
*
*サイドナビゲーション
*
***********************************

*/

.Side-Title{background:url(../../img/common/menu_tit.jpg) left top no-repeat; width:190px; height:39px; text-indent:-1000em; margin-bottom:1px;}


ul.Side-Menu{display: inline;}
ul.Side-Menu li{display: inline;}
ul.Side-Menu li a{background:url(../../img/common/menu_bg.jpg) left top no-repeat; width:167px; height:24px;display:block;padding:0px 0px 0px 23px;background-position: left -2px; margin:0px;}




/*
 
***********************************
*
*アイコン設定
*
***********************************

*/
.Arrow-Orenge{
	display:block;
	padding:0px 0px 0px 16px;
	margin:3px 0px 0px 0px;
	background: url(../../img/common/arow-orenge.jpg) no-repeat left 1px;
	color:#FF6633;
}


/*
 
***********************************
*
*中ページ各種設定
*
***********************************

*/

/*フォームテーブル*/
.tbl-form {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #333333;empty-cells:show;}
.tbl-form td {padding:5px;border:1px dotted #333333;vertical-align: top; text-align:left; color:#CCCCCC;}
.tbl-form th {padding:5px;border:1px dotted #333333;vertical-align: top; text-align:left; color:#4A4A4A; font-weight:normal; background-color:#EDF2F6;}

.Box{margin:10px 0px; padding:10px; border:2px solid #cccccc;}


.Arrow-Y{
	display:block;
	padding:0px 0px 0px 15px;
	margin:2px 0px;
	background-image: url(../../img/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}



.bg-01{
	background-image:url(../img/index/main_bg.jpg);
	background-repeat:no-repeat;
	}

/*

***********************************
*
*パンくずリスト
*
***********************************

*/

.pankuzu{font-size: 0.75em; color: #999999; }