@charset "utf-8";

body {
	font: 100%/1.4	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #333300;
	margin: 0;
	padding: 0;
	color: #cccccc;
	font-size: 14px;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol{ 
	padding: 0;
	margin: 0;
}
p{
	margin-top: 0;	 
	padding-right: 10px;
	padding-left: 10px; 
}


td, th {
	color: #99CCCC;
}

h1 { 
	padding-right: 15px;
	padding-left: 15px;
	color: #cc9933;
}

h2 { 
	padding-right: 15px;
	padding-left: 15px;
	color: #cccc66;
}

h3, h4 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #EADCAE;
}

h5, h6 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #6699CC;
}


.font_index{
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #EADCAE;
	
}


.font_white{
	
	color: #ffffff;
}
.font_green1 {
	margin-top: 0;
	margin-left: 50px;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ccff33;
	font-size: 18px;
}

.font_green2 {
	margin-top: 0;	 
	padding-right: 20px;
	padding-left: 20px;
	color: #ccff33;
	font-size: 16px;
}

.font_green3 {
	margin-top: 0;	 
	padding-right: 20px;
	padding-left: 30px;
	color: #ccff33;
	font-size: 14px;
}
.font_green4 {
	color: #ccff33;
	font-size: 14px;
}

.font_orange1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ff6600;
	font-size: 22px;
}

.font_orange2 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ff9966;
	font-size: 22px;
}

.font_orange3 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ff9900;
	font-size: 22px;
}

.font_orange4 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ff6600;
	font-size: 22px;
}

.font_yellow1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ffffcc;
	font-size: 22px;
}

.font_yellow2 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #ffff00;
	font-size: 22px;
}

.font_yellow3 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #cccc33;
	font-size: 22px;
}

.font_yellow4 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #cccc33;
	font-size: 22px;
}

.font_blue1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #99ffff;
	font-size: 22px;
}

.font_blue2 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #0066ff;
	font-size: 22px;
}





a {
	color: #ff9966;
	text-decoration: none; 
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #ff6633;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #ff6633;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */

.clear{ clear: both;}



.container {
	width: 960px;
	background: #333300;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	padding-top: 30px;
    height: auto; 
}

.header{
	background: #333300;
	text-align: center;
	padding: 20px 0px;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.top_pic {
text-align: center;
padding:20px 0px;
}


.header_menu_waku {
	width:960px;
	border: 1px solid #666;
	background-color: #999966;
	height: 32px;
}


.header_menu {


/*    background: #cccccc;*/
}

.header_clear {
	background: #333300;
}
/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、div の上部または下部にのみ配置されます。これらの div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した div の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、div のルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー div をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを左ではなく右に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて左方向にする代わりに、すべて右方向に設定)、反転してレンダリングされます。HTML ソース内で div を移動する必要はありません。

*/
.sidebar1 {
	float: left;
	width: 178px;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: #333300;
}



.content {
	padding: 10px 30px;
	width: 709px;
	float: left;
	background: #333300;
	border-left: 1px solid #666;
}


.content2 {
	padding: 10px 50px;
	width: 860px;
	float: left;
	background: #333300;
}
.go_to_pt{
		text-align: center;
}
/* ~~ フッター ~~ */
.footer {
	border-top: 1px solid #666;
	text-align: center;
	padding: 10px 0;
	background: #333300;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}


/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 0px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/**/
ul.nav_link {
	list-style: none; 
	margin-bottom: 0px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */	
}
ul.nav_link li {
	float: right;
}
ul.nav_link a, ul.nav_link a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 2px 5px 2px 40px; 
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background: #333300;
	color: #ff9;
}
ul.nav_link a:hover, ul.nav_link a:active, ul.nav_link a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
/*	background: #ADB96E;*/
	color: #FFF;
}

/**/

/*a.nav_sb{
display:block;
width:150px;
color:orange;
background:url(image/black_btn.gif) no-repeat;
height:100px;
line-height:100px;
text-decoration:none;
text-align:left;}*/
/*
a.nav_sb:hover{
color:#FFFFFF;
background:url(image/green_btn.gif) no-repeat;
}

*/
.nav_sb_lmg1{
	margin-left: 50px;
}
ul.nav_sb {
	list-style: none;
	margin-top: 50px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-left: 5px;	 
	margin-bottom: 0px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */	
}
ul.nav_sb li {
/*	float: right; */
}
ul.nav_sb a, ul.nav_sb a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
    font-weight:300;
	padding: 15px 5px 5px 20px; 
	text-decoration: none;
	background:url(image/black_btn.gif) no-repeat;
	color: #ff9933;
	width:150px;
	height:50px;
	display: block; 
}
ul.nav_sb a:hover, ul.nav_sb a:active, ul.nav_sb a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
/*	background: #ADB96E;*/
	color:#FFFFFF;
    background:url(image/green_btn.gif) no-repeat;
}

ul.nav_sb1 {
	list-style: none;
	margin-top: 50px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-left: 0px;	 
	margin-bottom: 0px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */	
}
ul.nav_sb1 li {
/*	float: right; */
}
ul.nav_sb1 a, ul.nav_sb1 a:visited { 
	text-decoration: none;
	background: #333300;
	color: #ff9;
	
	
	font-weight:300;
	padding: 15px 5px 5px 20px; 
	text-decoration: none;
	background:url(image/black_btn.gif) no-repeat;
	color: #fff;
	width:150px;
	height:50px;
	display: block; 
}
ul.nav_sb1 a:hover, ul.nav_sb1 a:active, ul.nav_sb1 a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
/*	background: #ADB96E;*/
	color:#ffffff;
    background:url(image/green_btn.gif) no-repeat;
}



/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav_menu {
	list-style: none; /* リストのマーカーを削除します。 */
	
	 /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 0px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	
}
ul.nav_menu li {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; /* ボタンの区切り線を作成します。 */
	border-right: 1px solid #666;
	float: left;
}
ul.nav_menu a, ul.nav_menu a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 5px 15px 5px 15px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background:  #666600;
	color: #ff9900;
}
ul.nav_menu a:hover, ul.nav_menu a:active, ul.nav_menu a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background: #666600;
	color: #FFF;
}
ul.nav_menu li a.current, ul.nav_menu li a:hover.current{
    background: #996600;
		color: #FFF;
}


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

dl.list_ymd_data dt {
  clear: left;
  float: left;
  margin-bottom: 0.8em;
  margin-left : 20px;
  width: 9em;  
  padding-left: 0px;
}

dl.list_ymd_data dd {
  margin-bottom: 0.8em;
  margin-left: 9em;
  margin-right: 20px;
  padding-bottom:5px;
  border-bottom: dotted 1px #cccccc;
}

#d_content{
	padding: 10px 20px;
	margin:0px 30px 20px 30px;
	background-color: #000000; 
	text-align: left;
	color: #FFF;
}

#d_main{
	padding: 20px 10px;
	margin:0px 30px 20px 30px;
	background-color: #000000; 
	text-align: left;
	color: #FFF;
}

#d_content .left_mgn{
	margin-left: 30px;
}

#d_content .left_mgn2{
	margin-left: 60px;
}

#d_content ul.link_list{
	list-style: none;
	line-height: 200%;
}

#d_top{
	padding: 0px 0px;
	margin:0px 10px 20px 10px;
	text-align: left;
	color: #ffffff;
}


#d_top H6{
  display: block;
  background-color: #996600;
  margin-top: 10px;
  padding: 5px 10px 5px 10px;
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: normal;
  color: #ffffff;
}
#d_top H5{
  display: block;
  background-color: #996600;
  margin-top: 0px;
  padding: 0px 0px 0px 10px;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  margin-bottom: 0px;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;

}


#d_top_dialy{
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  padding: 15px 0px 10px 15px;
  margin-top:0px;
  margin-bottom:0px;
  background-color: #666633;
}


#d_top_news ul{
	list-style-image: url(image/image2.gif);
}

#d_top_pdt{
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  padding: 15px 10px 10px 15px;
  margin-top:0px;
  margin-bottom:0px;
  background-color: #000000;
}

#d_top_pdt ul{
	list-style-image: url(image/image2.gif);
}



/**/
dl.list_about_us dt{
/*  clear: left;
  float: left;*/
  margin-top: 2em;
  margin-bottom: 0.8em; 
  margin-left : 30px;
  padding-left: 0px;
  color: #ccff33;
}

dl.list_about_us dd{
  margin-bottom: 0.8em;
  margin-left: 6em;
  margin-right: 20px;
  color: #ffffff;

/*  border-bottom: dotted 1px #cccccc; */
}

.li_expmt1{
	margin-left: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
	list-style-image: url(image/image2.gif);
	line-height: 200%;
}


table.top_news{
}

table.top_news th{
}
.logo_mgn{
	margin-top: 5px;
	margin-left:10px;
}

p.cnt_mgn{
	margin-left: 20px;
	margin-right: 20px;
}

.indent1{
	text-indent: 1em;
}

.indent0{
	text-indent: 0em;
}

.indent0mgnl1em{
	text-indent: 0em;
	margin-left: 1em;
}

.mgnl1em{
	margin-left: 1em;
}

.padl1em{
	padding-left: 1em;
}

.padl0em{
	padding-left: 0em;
}

.padltel{
	padding-left: 15em;
}

.padl10em{
	padding-left: 10em;
}

.t_algn_center{
    text-align: center;
}

.t_algn_right{
    text-align: right;
}

#font-hiragino{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#font-serif{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#font-verdana{
	font-family:Verdana, Geneva, sans-serif;
}


#font-monospadce{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

#font-arial{
	font-family:Arial, Helvetica, sans-serif;
}

#font-cursive{
	font-family:"Comic Sans MS", cursive;
}

/************商品販売のページ*******************/

.mod_seihin{
  margin: 0px 20px 20px 20px;
  padding: 10px 10px 10px 30px;
  background-color:#000000;
  text-align: center;
  color: #ffffff;
  border-color:#666666;
  border-width:0px 1px 1px 1px;
  border-style:solid;
}

p.ref_doc{
  margin: 10px 30px;
  text-align: center;
}

p.tokki{
  margin: 5px 10px;
  text-align: left;
}

p.chumonhouhou{
  margin: 3px 10px;
  text-align: left;
}


.pd5{
  padding: 5px;
}

.pdl40{
  padding-left: 40px;
}

.pdl40blue{
  padding-left: 40px;
  color:#9FF;
}
.pdl40green{
  padding-left: 40px;
  color: #ccff33;
}

.pdl30{
  padding-left: 30px;
}
.pdl30font16{
  padding-left: 30px;
  font-size: 16px;
}
.pdl50green{
  padding-left: 50px;
  color: #ccff33;
}

.pdl50{
  padding-left: 50px;
}

.pdl60{
  padding-left: 60px;
  padding-right: 30px;
}

table.seihin{
  border: solid 1px #666666;
  border-collapse: collapse;
  margin: 0px 10px;
  width: 500px;
}

td.seihin{
  border: solid 1px #666666;
  padding: 3px 5px;
  text-align: left;
  color: #cccccc;
}

tr.seihin{
  border: solid 1px #666666;
  padding: 3px 5px;
  text-align: left;
  color: #cccccc;
}

.wditem{
  width: 2em;
}

.midashi_seihin{
padding:3px 5px;
margin:10px 20px 0px 20px;
border-color:#990000;
border-width:1px 1px 1px 10px;
border-style:solid;
background-color:#000000;
}

#left_sd_ep{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 100px 0px 20px ;
  width: 250px;
  float: left;
  text-align: left;
  background-color: #000000;
}
#left_sd_ep H6{
  display: block;
  background-color: #003366;
  z-index: 1;
  margin-top: 20px;
  margin-left: 10px;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}
#left_sd_ep H5{
  background-color: #0033cc;
  z-index: 1;
  margin-top: 20px;
  margin-left:10px;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}

#left_sd_ep p{
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 15px 10px 10px 10px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:10px;
  background-color: #000000;
}
#d_main_ep{
	padding: 5px 10px 20px 10px;
	margin:0px 30px 20px 30px;
	background-color: #000000; 
	text-align: left;
	color: #FFF;
}
#main_ep{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 15px 10px 0px 0px;
  width: 700px;
  float: right;
  text-align: left;
  background-color: #000000;
}


#left_sd H6{
  display: block;
  background-color: #003366;
  z-index: 1;
  margin-top: 20px;
  margin-left: 10px;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}


#left_sd H5{
  background-color: #0033cc;
  z-index: 1;
  margin-top: 20px;
  margin-left:10px;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}

#left_sd p{
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 15px 10px 10px 10px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:10px;
  background-color: #000000;
}

#top_title{
  background-color:#03F; 
  width: 960px;
  color: #ffffff;
  padding: 5px 0px;
  font-weight: bold;
  text-align: center;
}

#left_sd{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 100px 0px 20px ;
  width: 320px;
  float: left;
  text-align: left;
  background-color: #000000;
}



#main{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 15px 10px 0px 0px;
  width: 630px;
  float: right;
  text-align: left;
  background-color: #000000;
}

.monthday{
	margin:20px 20px 5px 10px;
	line-height: 150%;
}

.indent_news_topics{
	text-indent: -10px; /* 文字1文字分上げる */
    padding:0px 30px 10px 30px;
}

.section0{
	margin-left: 10px;
	margin-right: 20px;
}

.section1{
	margin-left: 0px;
	margin-right: 20px;
}
.section2{
	margin-left: 30px;
	margin-right: 20px;
}
.section3{
	margin-left: 40px;
	margin-right: 20px;
}

.section4{
	margin-left: 40px;
	margin-right: 20px;
}

.font0000ff{ color:#00ccff;}

a.anchor_t{
	       text-decoration: none;
           color:#ffffff;
}
a.anchor_tb{
	       text-decoration: none;
           color:#ffffff;
		   font-weight: bold;
}



a.anchor_t a.anchor_t:hover a.anchor_t:visited{
	color: #ffffff;
	text-decoration: none;
}

a.anchor_t_green{
	       text-decoration: none;
           color: #ccff33;
}

a.anchor_t_green a.anchor_t_green:hover a.anchor_t_green:visited{
	color: #ccff33;
	text-decoration: none;
}

hr {
border: 1px #333333 solid;
background-color:#333333;
height: 1px;
}

.mg_tp_d_top{
	margin-top: 15px;
}

.top_link_banner{
	padding-left: 5px;
}