@charset "utf-8";

/****************************************************************************
　Reset Setting
--------------------------------------------------------
   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 :  "メイリオ","ヒラギノ角ゴ 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%; }


/***　デフォルトサイズ設定　***/
.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:#33C;}
body a:visited{text-decoration: none; color:#33C;}
body a:hover{text-decoration: underline; color:#33C;}
body a:active{text-decoration: none;}

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


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

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


/*--------------------------------------------------------
　ロールオーバー設定
--------------------------------------------------------*/
a:hover img.Aover{
    opacity:0.7;
    filter: alpha(opacity=70);
}






/****************************************************************************
　Page Default Setting
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2010.03.25
   Last up date   : 2010.03.25
****************************************************************************/

html { height:100%; }
body { height:100%; }

#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../img/header_loop.jpg) 0 0 repeat-x;
}
body > #wrapper {
	height: auto;
}

/*--------------------------------------------------------
　header
--------------------------------------------------------*/
#header {
	width: 960px;
	height: 98px;
	margin: 0 auto;
	position:relative;
}
#header h1 {
	position:absolute;
	left:0px;
	top:0px;
	font-size: 12px;
}
#header h2 {
	position:absolute;
	left:270px;
	top:0px;
	font-size: 12px;
}
#header ul.hmenu1 {
	position:absolute;
	left:240px;
	top:45px;
	font-size: 12px;
	overflow:hidden;
}
#header ul.hmenu1 li {
	float: left;
	padding-left: 5px;
}
#header ul.hmenu1 li.last {
	float: left;
	padding-left: 5px;
	width: 104px;
	height: 36px;
}
#header ul.hmenu1 li img{
	margin: 0;
}
#header ul.hmenu1 li a img{
	margin: 0;
}
#header ul.hmenu1 li a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#header ul.hmenu2 {
	position:absolute;
	left:350px;
	top:40px;
	font-size: 12px;
	overflow:hidden;
}
#header ul.hmenu2 li {
	float: left;
	margin: 0 1px;
}
#header a{text-decoration: none;}
#header a:link {color:#666;}
#header a:visited{text-decoration: none; color:#666;}
#header a:hover{text-decoration: underline; color:#680000;}
#header a:active{text-decoration: none;}


/*--------------------------------------------------------
　contents
--------------------------------------------------------*/
#contents {
	width: 960px;
	margin: 0 auto;
	height: auto;
	min-height:100%;
}
#body > #contents {
	height: auto;
}


/*--------------------------------------------------------
　main
--------------------------------------------------------*/
#main {
	float: left;
	width: 560px;
	margin-left:20px;
	display:inline;
}
#main a{text-decoration: none;}
#main a:link {color:#06F;}
#main a:visited{text-decoration: none; color:#06F;}
#main a:hover{text-decoration: underline; color:#06F;}
#main a:active{text-decoration: none;}

/*--------------------------------------------------------
　menu
--------------------------------------------------------*/
#menu {
	float: right;
	width: 292px;
}
#menu dl {
	width: 258px;
	margin:10px auto 15px auto;
	padding:0;
	background: url(../common/sm_box_loop.gif) 0 0 repeat-y;
	position:relative;
}
#menu dt.top {
	background: url(../common/sm_box_top.gif) 0 0 no-repeat;
	width: 258px;
	height: 7px;
	display:block;
	font-size:1px;
}
#menu dt.bottom {
	background: url(../common/sm_box_bottom.gif) 0 0 no-repeat;
	width: 258px;
	height: 7px;
	display:block;
	font-size:1px;
}
#menu dd {
	padding:5px 5px 5px 10px;
}
#menu p {
	font-weight: normal;
	color:#666;
	font-size:10px;
	line-height:1.3;
	margin-bottom: 2px;
}
#menu h3 {
	font-weight: bold;
	color:#680000;
	font-size:14px;
	line-height:1.3;
	margin-bottom: 5px;
}
#menu h3.big {
	font-weight: bold;
	color:#680000;
	font-size:18px;
	line-height:1.1;
	margin-bottom: 5px;
	text-align:center;
	padding: 7px 0 0 0;
}
#menu h3 a{text-decoration: none; color:#680000; }
#menu h3 a:link {color:#680000;}
#menu h3 a:visited{text-decoration: none; color:#680000;}
#menu h3 a:hover{text-decoration: none; color:#F7B525;}
#menu h3 a:active{text-decoration: none;}

#menu h4 {
	font-weight: normal;
	color:#680000;
	font-size:12px;
	line-height:1.3;
	margin-bottom: 5px;
	width: 200px;
}
#menu h4.bold {
	font-weight: bold;
	color:#680000;
	font-size:12px;
	line-height:1.3;
	margin-bottom: 5px;
	width: 200px;
}
#menu h4 a{text-decoration: none; color:#680000; }
#menu h4 a:link {color:#680000;}
#menu h4 a:visited{text-decoration: none; color:#680000;}
#menu h4 a:hover{text-decoration: underline; color:#680000;}
#menu h4 a:active{text-decoration: none;}

#menu h5 {
	background: url(../common/pochi01.gif) left center no-repeat;
	padding-left:15px;
	font-size: 12px;
	color: #333;
}
#menu h5 a{text-decoration: none; color:#333; }
#menu h5 a:link {color:#333;}
#menu h5 a:visited{text-decoration: none; color:#333;}
#menu h5 a:hover{text-decoration: underline; color:#333;}
#menu h5 a:active{text-decoration: none;}


#menu img.icon {
	position:absolute;
	right: 10px;
	bottom :10px;
}




/*--------------------------------------------------------
　pagetop
--------------------------------------------------------*/

.pagetop {
	width: 100%;
	text-align:right;
	line-height: 1.0;
	color: #FFF;
	margin: 5px 0 10px 0;
}
.pagetop a{
	font-size: 10px;
	padding:3px 2px 2px 2px;
	background: #EEE;
	line-height: 1.0;
	color: #666;
}
.pagetop a:link {
	font-size: 10px;
	padding:3px 2px 2px 2px;
	background: #EEE;
	line-height: 1.0;
	color: #666;
}
.pagetop a:visited{
	font-size: 10px;
	padding:3px 2px 2px 2px;
	background: #EEE;
	line-height: 1.0;
	color: #666;
}
.pagetop a:hover{
	text-decoration: none;
	width: 120px;
	text-align:center;
	font-size: 10px;
	padding:3px 2px 2px 2px;
	background: #CCC;
	line-height: 1.0;
	color: #FFF;
}
.pagetop a:active{
	font-size: 10px;
	padding:3px 2px 2px 2px;
	background: #EEE;
	line-height: 1.0;
	color: #666;
}



/*--------------------------------------------------------
　footer-top
--------------------------------------------------------*/
#footer-top {
	background: url(../img/footer_loop.gif) 0 0 repeat-x;
	width: 100%;
	height: 7px;
	margin: 10px auto 0 auto;
	padding: 5px 0 5px 0;
}
#footer-top ul {
	font-weight: bold;
	font-size: 12px;
	overflow:hidden;
	margin-left: 8px;
}
#footer-top li {
	float: left;
	margin: 0 15px 0 0;
}
#footer-top a{text-decoration: none;}
#footer-top a:link {color:#FFF;}
#footer-top a:visited{text-decoration: none; color:#FFF;}
#footer-top a:hover{text-decoration: underline; color:#680000;}
#footer-top a:active{text-decoration: none;}






/*--------------------------------------------------------
　footer-bottom
--------------------------------------------------------*/
#footer-bottom {
	position:relative;
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#footer-bottom ul {
	font-size: 10px;
	overflow:hidden;
}
#footer-bottom li {
	float: left;
	margin: 0 2px;
}
#footer-bottom a{text-decoration: none;}
#footer-bottom a:link {color:#666;}
#footer-bottom a:visited{text-decoration: none; color:#666;}
#footer-bottom a:hover{text-decoration: underline; color:#680000;}
#footer-bottom a:active{text-decoration: none;}

#footer-bottom .copyright {
	font-size: 10px;
	color: #666;
	padding-left: 5px;
}

#footer-bottom h4 {
	position:absolute;
	top: 10px;
	left: 820px;
}




#main a.linki01 {
	background: url(../common/pochi01.gif) left center no-repeat;
	padding-left:15px;
	color: #333;
}
#main a.linki01{text-decoration: none;}
#main a.linki01:link {color:#33C;}
#main a.linki01:visited{text-decoration: none; color:#33C;}
#main a.linki01:hover{text-decoration: underline; color:#33C;}
#main a.linki01:active{text-decoration: none;}