@charset "Shift_JIS";

/****************************************************************************
　基本レイアウトCSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2008.03.20
   Last up date   : 2008.06.17
****************************************************************************/

/***　基本リセット　***/
html{ overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}  


/***　見出しタグリセット　***/
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; margin:0; }
/***　デフォルトボーダーリセット　***/
fieldset,img{ border: 0; }
/***　段落タグリセット　***/
li { list-style:none; }
/***　その他リセット　***/
addr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
/***　フォーム内文字設定（親要素継承）　***/
input,textarea,select {
	font-family:inherit;
	font-size: inherit;
	font-weight: inherit;
}
/***　フォーム内文字設定（IE対策）　***/
input,textarea,select {
	*font-size: 100%;
}

/*--------------------------------------------------------
　デフォルトセル間隔リセット（ON）
--------------------------------------------------------*/
table {  
	border-collapse: collapse;  
	border-spacing: 0;  
}  


/***　オリジナル調整　***/
p { margin: 0 0 1em 0; }



/*--------------------------------------------------------
　フォントリセット設定（16px基本）
--------------------------------------------------------*/
body {
	font-family :  "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	line-height: 1.5;
}
body {
	font-size: 16px; /* モダンブラウザ向け */
}

table { font-size: inherit; font: 100%; }
pre,code,kbd.samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/***　デフォルトサイズ設定　***/
.f10 { font-size: 63%; }
.f11 { font-size: 69%; }
.f12 { font-size: 75%; }
.f13 { font-size: 82%; }
.f14 { font-size: 88%; }
.f15 { font-size: 94%; }
.f16 { font-size:100%; }
.f17 { font-size: 107%; }
.f18 { font-size: 113%; }
.f19 { font-size: 119%; }
.f20 { font-size: 125%; }
.f21 { font-size: 132%; }
.f22 { font-size: 138%; }

/***　書体スタイル設定　***/
.bold {	font-weight:bold; }

/*　フロート設定　
----------------------------------------*/
.fl_right { float:right; }
.fl_left { float:left; }
.c-both { clear: both; }

/*　センター寄せ
----------------------------------------*/
.mce {
  margin:0 auto;
  display: block;
}
.mce img{
  margin:0 auto;
  display: block;
}


/*　テキスト位置設定　
----------------------------------------*/
.tx_right { text-align:right; }
.tx_left { text-align:left; }
.tx_center { text-align:center; }

.tx_top { vertical-align:top; }
.tx_middle { vertical-align:middle; }
.tx_bottom { vertical-align:bottom; }



/*----------------------------------------*/
/* 　マージン設定　　*/
/*----------------------------------------*/
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

.mu05 { margin-bottom: 5px; }
.mu10 { margin-bottom: 10px; }
.mu15 { margin-bottom: 15px; }
.mu20 { margin-bottom: 20px; }
.mu25 { margin-bottom: 25px; }
.mu30 { margin-bottom: 30px; }

.mtu05 { margin-top: 5px; margin-bottom: 5px; }
.mtu10 { margin-top: 10px; margin-bottom: 10px; }
.mtu15 { margin-top: 15px; margin-bottom: 15px; }
.mtu20 { margin-top: 20px; margin-bottom: 20px; }
.mtu25 { margin-top: 25px; margin-bottom: 25px; }
.mtu30 { margin-top: 30px; margin-bottom: 30px; }

.mr02 { margin-right: 2px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

.ml02 { margin-left: 2px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }

.mlr02 { margin-right: 2px; margin-left: 2px; }
.mlr05 { margin-right: 5px; margin-left: 5px; }
.mlr10 { margin-right: 10px; margin-left: 10px; }
.mlr15 { margin-right: 15px; margin-left: 15px; }
.mlr20 { margin-right: 20px; margin-left: 20px; }

/*-----------------------------------------------------------------------　▲初期設定終了　-----------*/



/*--------------------------------------------------------
　デフォルトテキストリンク設定
--------------------------------------------------------*/
body a{text-decoration: none;}
body a:link {color:#000;}
body a:visited{text-decoration: none; color:#000;}
body a:hover{text-decoration: underline; color:#1b5e2f;}
body a:active{text-decoration: none;}

*{ margin:0; padding:0; color:#000;}

html{
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background:url(image/main_bg.gif) 0 0 repeat;
}

body > #wrapper {
	height: auto;
}


/*--------------------------------------------------------
　枠組み設定
--------------------------------------------------------*/
#wrapper {
	width: 806px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: auto;
	background:url(image/bg_loop.gif) 0 0 repeat-y;
	height: 100%;
	min-height: 100%;
}

/*----------------------------------------*/
/*　ヘッダー　*/
/*----------------------------------------*/
#header {
	position:relative;
	width: 800px;
	height: 90px;
	padding: 0;
	margin: 0 auto 3px auto;
	border-bottom:1px solid #a4d09a;
	display:block;
}
#header h1{
	position:absolute;
	left: 0px;
	bottom: 0px;
	display:block;
	margin:0;
	padding: 0;
}
#header h2{
	position:absolute;
	right: 15px;
	top: 10px;
	display:block;
	margin:0;
	padding: 0;
}
#header h3{
	position:absolute;
	left: 480px;
	top: 30px;
	display:block;
	margin:0;
	padding: 0;
}
#header h3 img{
	margin-right:10px;
}
/*　ロールオーバー明度設定　*/
#header a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}



#Set {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: #FFF;
}
/*　ロールオーバー明度設定　*/
#Set a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#Main {
	width: 760px;
	margin: 20px  auto 0 auto;
	padding:0;
}
#Main img{
	margin: 0;
	padding: 0;
	display:block;
}




/*----------------------------------------*/
/*　メニュー　*/
/*----------------------------------------*/
#MENU {
	width:796px;
	height:48px;
	margin:0 auto;
}
#MENU a img{
	float:left;
	margin:0;
	padding:0;
	display:block;
}
/*　ロールオーバー明度設定　*/
#MENU a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}



#NEWS {
	width:505px;
	float:left;
	margin: 0 0 0 0;
	background: #00f;
	display:block;
	padding:0;
}
#NEWS img{
	display:block;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.NBLOCK{
	width:505px;
	float:left;
	background:url(image/news_loop.gif) 0 0 repeat-y;
	display:block;
}

#info {
	width:483px;
	margin: 0 auto;
	display:block;
}
#info th {
	width: 90px;
	font-size:70%;
	vertical-align:top;
	text-align:left;
	padding: 10px 0 10px 5px;
	color:#600;
}
#info td {
	font-size:70%;
	vertical-align:top;
	text-align:left;
	padding: 10px 0 10px 0;
}
#info th.line { border-bottom: 1px dotted #666; }
#info td.line { border-bottom: 1px dotted #666; }


#SIDE {
	width:240px;
	float:right;
	margin: 0 0 0 0;
}
#SIDE a img{
	display:block;
	margin:0 0 10px 0;
}




#BANNER {
	margin: 10px 0 20px 0;
}
#BANNER a img{
	float:right;
}
#BANNER img.sp{
	margin: 0 13px 0 0;
}



/*----------------------------------------*/
/*　フッター　*/
/*----------------------------------------*/
#footer {
	width: 800px;
	height: 25px;
	padding: 0;
	text-align:left;
	margin: 0 0 5px 0;
}


#copyR {
	width: 800px;
	height:30px;
	margin: 0 auto;
	background:url(image/copyr.jpg) center center no-repeat;
}

/*----------------------------------------*/
/*　ページのトップへ戻る　*/
/*----------------------------------------*/
.PageTop {
	margin: 8px 10px 0 0;
	padding: 0 0 0 15px;
	display:block;
	font-size: 10px;
	font-weight: bold;
	background:url(image/topback_p.jpg) left center no-repeat;
	float:right;
}
.PageTop a{text-decoration: none;}
.PageTop a:link {color:#1b5e2f;}
.PageTop a:visited{text-decoration: none; color:#1b5e2f;}
.PageTop a:hover{text-decoration: underline; color:#FFF;}
.PageTop a:active{text-decoration: none;}






/* float clear
---------------------------------------------------- */
.c-both {
	clear: both;
}

/* 画像周りの余白を消す　Mac用　safari、FireFoxバグ対策
---------------------------------------------------- */
.cimg img {
  margin:0;
  padding:0;
  display: block;
}