@charset "UTF-8";
*{
	margin: 0;
	padding: 0;
}
img {
border:none;
}
html{
height:100%;
overflow-y: scroll;
}
body  {
font-size: 12px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background: #1e1e1e;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
color: #ffffff;
}
h1{
font-size: 24px;
}
h2{
font-size: 20px;
}
h3{
font-size: 16px;
}
h4{
font-size: 14px;
}
h5{
font-size: 13px;
}
h6{
font-size: 12px;
}
p{
line-height:1.5;
}

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

#container {
width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
#header {
padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
#header2 {
padding: 0;
margin: 20px 0;
} 
#sholder{
text-align:right;
padding:10px 0;
}
#h1left{
width:320px;
float:left;
}
#h1right{
width:600px;
float:right;
margin-bottom:20px;
}
#photodiv{
width:600px;
height:380px;
padding:0px;
margin:0px;
}
#gnavi {
text-align:center;
margin-bottom:20px;
border-top:#ff4d12 1px solid;
border-bottom:#ff4d12 1px solid;
background:url(../images/gnabi_border.gif) repeat-y;
height:29px;
padding:0 0 0 8px;
}
#gnavi ul {
list-style:none;
}
#gnavi li {
list-style:none;
float:left;
width:115px;
height:29px;
display:block;
overflow:hidden;
margin-right:2px;
background: #ff4d12;
}

#gnavi li#n1 a:link, #gnavi li#n1 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_01.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n1 a:hover{
background:url(../images/gnavi1_01.gif) 0px bottom no-repeat;
}
#gnavi li#n2 a:link, #gnavi li#n2 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_02.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n2 a:hover{
background:url(../images/gnavi1_02.gif) 0px bottom no-repeat;
}
#gnavi li#n3 a:link, #gnavi li#n3 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_03.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n3 a:hover{
background:url(../images/gnavi1_03.gif) 0px bottom no-repeat;
}
#gnavi li#n4 a:link, #gnavi li#n4 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_04.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n4 a:hover{
background:url(../images/gnavi1_04.gif) 0px bottom no-repeat;
}
#gnavi li#n5 a:link, #gnavi li#n5 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_05.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n5 a:hover{
background:url(../images/gnavi1_05.gif) 0px bottom no-repeat;
}
#gnavi li#n6 a:link, #gnavi li#n6 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_06.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n6 a:hover{
background:url(../images/gnavi1_06.gif) 0px bottom no-repeat;
}
#gnavi li#n7 a:link, #gnavi li#n7 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_07.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n7 a:hover{
background:url(../images/gnavi1_07.gif) 0px bottom no-repeat;
}
#gnavi li#n8 a:link, #gnavi li#n8 a:visited{
width:115px;
height:29px;
display:block;
overflow:hidden;
background:url(../images/gnavi1_08.gif) 0px 0px no-repeat;
text-indent:-9999px;
}
#gnavi li#n8 a:hover{
background:url(../images/gnavi1_08.gif) 0px bottom no-repeat;
}



#sidebar1 {
float: left;
width: 150px;
padding:0px 0px 30px 0px;
margin:0;
}
#mainContent {
float: right;
width: 760px;
padding: 10px 0px 30px 0;
border-top:1px #ff4d12 solid;
} 
#footer {
padding: 0;
text-align:right;
border-top:#ff4d12 1px solid;
margin-bottom:50px;
} 
#footer p {
	padding: 10px 0;
	font-size:10px;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.marg_b_5{
margin-bottom:5px;
}
.marg_b_10{
margin-bottom:10px;
}
.marg_b_15{
margin-bottom:15px;
}
.marg_b_20{
margin-bottom:20px;
}
.marg_b_30{
margin-bottom:30px;
}
.marg_b_20_bd{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:#ff4d12 1px solid;
}
.paddi_b_5{
	padding-bottom:5px;
}
.paddi_b_10{
	padding-bottom:10px;
}
.paddi_b_20{
	padding-bottom:20px;
}
.paddi_b_30{
	padding-bottom:30px;
}

#news {
float: left;
margin:30px 30px 0 0;
padding: 0px;
width: 365px;
height:425px;
border-bottom:#ff4d12 1px solid;
}
#news h2 {
margin-bottom:10px;
border-bottom:#ff4d12 1px solid;
}
#news ul, li {
list-style:none;
}
#news li {
padding:0px 0px 5px 15px;
background: url(../images/top_news_list.gif) no-repeat 0 3px;
line-height:1.5;
}
#top_inforight {
float: left;
margin:30px 0 0 0;
width: 365px;
}
#top_inforight h2 {
margin-bottom:10px;
border-bottom:#ff4d12 1px solid;
}
#top_inforight .date {
font-size:10px;
color:#999933;
}


#top_inforight #upinfo {
width: 365px;
height:225px;
margin-bottom:20px;
border-bottom:#ff4d12 1px solid;
}

#mobile {
padding: 10px;
width: 345px;
height:160px;
margin:10px 0 0 0;
background:#ff4d12;
color:#FFFFFF;
}
#mobile h2 {
margin:0px;
}
#mobile a {
text-decoration:none;
color:#333;
}
#mobile a:hover {
text-decoration:none;
color:#ccc;
}
#mobile .ml5 {
margin-left:5px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.text_white{
color:#FFFFFF;
}
.text_red{
color:#FF0000;
}
.text_red_bold{
color:#CC0000;
font-weight:bold;
}
.text_green{
color:#9ac9be;
}
.text_brown{
color:#7d5247;
}