@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; }
/***　デフォルトボーダーリセット　***/
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:#386CAF;}
body a:active{text-decoration: none;}

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

html{
	height: 100%;
	background-color:#FFF;
}

body {
	width: 100%;
/*	background:url(common/bg_loop.jpg) 0 0 repeat-x;*/
}





/*--------------------------------------------------------
　枠組み設定
--------------------------------------------------------*/
#wrapper {
	width: 595px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: auto;
}

/*----------------------------------------*/
/*　ヘッダー　*/
/*----------------------------------------*/
#header {
	width: 595px;
	height: 75px;
	padding: 0;
	margin: 0;
}




/*----------------------------------------*/
/*　メイン要素　*/
/*----------------------------------------*/
#Set {
	width: 595px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: #FFF;
}

#Main {
	clear:both;
	width: 595px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	line-height: 2.0;
}
#Main img{
	vertical-align:bottom;
	margin: 0;
	padding: 0;
}








/*----------------------------------------*/
/*　フッター　*/
/*----------------------------------------*/
#footer {
	width: 595px;
	height: 20px;
	padding: 0;
	text-align:right;
	margin: 0 auto 5px auto;
	border-bottom:1px solid #ff7f00;
}



/*----------------------------------------*/
/*　ページのトップへ戻る　*/
/*----------------------------------------*/
.PageTop {
	width: 595px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	text-align:right;
	display:block;
	bottom: 5px;
	right: 10px;
	font-size: 69%;
}
.PageTop a{text-decoration: none;}
.PageTop a:link {color:#386CAF;}
.PageTop a:visited{text-decoration: none; color:#386CAF;}
.PageTop a:hover{text-decoration: underline; color:#386CAF;}
.PageTop a:active{text-decoration: none;}





/*----------------------------------------*/
/*　コピーライト　*/
/*----------------------------------------*/
#copyR {
	width: 595px;
	height: 25px;
	padding: 0;
	text-align:right;
	margin: 0px 0 5px 0;
	float: left;
}





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

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