@charset "utf-8";

/****************************************************************************
　基本レイアウト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; line-height: 1.9; }



/*--------------------------------------------------------
　フォントリセット設定（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:#E6E6E6;
}

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


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

/*----------------------------------------*/
/*　ヘッダー　*/
/*----------------------------------------*/
#header {
	position: relative;
	width: 800px;
	height: 55px;
	padding: 0;
	margin: 0;
}
#header h1{
	height: 30px;
	margin: 10px 0 0 0;
	/*background: url(common/logo.jpg) left center no-repeat;*/
	padding-left: 110px;
	font-size: 75%;
	line-height: 2.3;
	float: left;
}
#header h2{
	padding: 0;
	margin: 8px 0 0 0;
	float: right;
}

#header h1 a {
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
}

#header h2 a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}


#Set {
	width: 800px;
	margin: 0 auto 3px auto;
	padding: 0 0 0 0;
	background-color: #FFF;
}

#Set #toppage p{
	margin: 0;
	padding: 0;
	line-height:1;
}
#Set #toppage p img{
	vertical-align:bottom;
	}

#Set #toppage a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}
#Main {
	clear:both;
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	line-height: 2.0;
}
#Main img{
	vertical-align:bottom;
	margin: 0;
	padding: 0;
}




/*----------------------------------------*/
/*　グローバルナビ　*/
/*----------------------------------------*/
#globalNavi {
	width:800px;
	height:40px;
	background:url(common/menu.jpg) no-repeat;
}

/*----------------------------------------*/
#globalNavi ul{
	width:800px;
	height:40px;
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
#globalNavi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}
#globalNavi li a {
	display:block;
	height:40px;
	text-decoration:none;
/*\*/
overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/
}
/*----------------------------------------*/
#globalNavi01{
	width:142px;
}

#globalNavi01 a:hover {
	width:142px;
	background: url(common/menu.jpg) 0px -40px;
}

#globalNavi01On {
	width:142px;
	background: url(common/menu.jpg) 0px -80px;
}
/*----------------------------------------*/
#globalNavi02{
	width:142px;
}

#globalNavi02 a:hover {
	width:142px;
	background: url(common/menu.jpg) -142px -40px;
}

#globalNavi02On {
	width:142px;
	background: url(common/menu.jpg) -142px -80px;
}
/*----------------------------------------*/
#globalNavi03{
	width:142px;
}

#globalNavi03 a:hover {
	width:142px;
	background: url(common/menu.jpg) -284px -40px;
}

#globalNavi03On {
	width:142px;
	background: url(common/menu.jpg) -284px -80px;
}
/*----------------------------------------*/
#globalNavi04{
	width:142px;
}

#globalNavi04 a:hover {
	width:142px;
	background: url(common/menu.jpg) -426px -40px;
}

#globalNavi04On {
	width:142px;
	background: url(common/menu.jpg) -426px -80px;
}
/*----------------------------------------*/
#globalNavi05{
	width:142px;
}

#globalNavi05 a:hover {
	width:142px;
	background: url(common/menu.jpg) -568px -40px;
}

#globalNavi05On {
	width:142px;
	background: url(common/menu.jpg) -568px -80px;
}
/*----------------------------------------*/
#globalNavi06{
	width:90px;
}

#globalNavi06 a:hover {
	width:90px;
	background: url(common/menu.jpg) -710px -40px;
}

#globalNavi06On {
	width:90px;
	background: url(common/menu.jpg) -710px -80px;
}




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



/*----------------------------------------*/
/*　ページのトップへ戻る　*/
/*----------------------------------------*/
.PageTop {
	width: 700px;
	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: 350px;
	height: 25px;
	padding: 0;
	text-align:left;
	margin: 0px 0 5px 0;
	float: left;
	color: #777;
}


/*----------------------------------------*/
/*　フッターメニュー２　*/
/*----------------------------------------*/
#sublink {
	width: 450px;
	padding: 0;
	text-align:right;
	margin: 0px 0 5px 0;
	float: right;
	display:inline;
}
#sublink a{text-decoration: none;}
#sublink a:link {color:#386CAF;}
#sublink a:visited{text-decoration: none; color:#386CAF;}
#sublink a:hover{text-decoration: underline; color:#386CAF;}
#sublink a:active{text-decoration: none;}


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

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


/* MISC -----------------------*/
h1 strong { font-weight: normal; }
#footerAddress { clear: both; background:#D3D3D3; padding:3px 10px; color: #666; }
#footerAddress strong{color: #666; }