/*--------------------------------------
　基礎設定
---------------------------------------*/
*{ margin:0; padding:0;}
img{ border:0;}
a img{ border:0;}

body{
	color:#666666;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div{
	margin:auto;
}
table{
	border-collapse:collapse;/*テーブルのセル間の隙間を無くす*/
}
/*--------------------------------------
　共通リンク
---------------------------------------*/
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	text-decoration:none;/*下線を表示（つけない場合は underline を none へ）*/
}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}

/*--------------------------------------
　見出しタグ
---------------------------------------*/
h1{
}
h2{

}
h3{
}
.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}


/*--------------------------------------
　レイアウト
---------------------------------------*/
#user_name{
	text-align:left;
}
#midashi0{
	margin: 0 0 2px 0;
	border-bottom: 3px solid #A4A4A4 ;		/* 枠線 */
}
#midashi_table{
	padding: 0.2em 0;
	border-top: double 3px #A4A4A4 ;		/* 枠線 */
/*	border-bottom: double 3px #888 ;*/		/* 枠線 */
}
#midashi_table td{
	padding: 0.2em;
	background:#D8D8D8;
}
#main_list tr#color_d{
	background-color:#F6E3CE;
}
#main_list td{
	padding:6px;
}
#listfont1C{
	text-align:center;
	font-size:20px;
	font-weight: bold;
}
#listfont3C{
	text-align:center;
	font-size:16px;
	color:#FF0000;
	font-weight: bold;
}
#listfont4C{
	text-align:center;
	font-size:12px;
}
#listfont0R{
	text-align:right;
	font-size:24px;
	font-weight: bold;
}
#listfont2C{
	text-align:center;
	font-size:20px;
}
#listfont2L{
	text-align:left;
	font-size:20px;
}
#listfont2R{
	text-align:right;
	font-size:20px;
}
#listfont3L{
	text-align:left;
	font-size:16px;
}
#listfont3LB{
	text-align:left;
	font-size:16px;
	font-weight: bold;
}
#listfont4CB{
	text-align:center;
	font-size:12px;
	font-weight: bold;
}
#listfont4L{
	text-align:left;
	font-size:12px;
}
#listfont5L{
	text-align:left;
	font-size:11px;
}
#listfont5R{
	text-align:right;
	font-size:11px;
}
#listfont5C{
	text-align:center;
	font-size:11px;
}
#listfont6L{
	text-align:left;
	font-size:14px;
}
#listfont7R{
	text-align:right;
	font-size:18px;
	font-weight: bold;
}
#listfont8C{
	text-align:center;
	font-size:14px;
}
#listfont8L{
	text-align:left;
	font-size:14px;
}
/*--------------------------------------
　ボタン
---------------------------------------*/
input#button1{
	border:none;
	background:none;
	-webkit-appearance:none;
	width:220px;
	height:44px;
	font-size: 1.4em;
	display: inline-block;
    padding: 7px 20px;
	border-radius: 15px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #f08080 0%, #f08080 100%);
    background-image: linear-gradient(45deg, #f08080 0%, #f08080 100%);
    transition: .4s;
}
input#button1:hover{
	background-image: -webkit-linear-gradient(45deg, #f08080 0%, #f08080 100%);
    background-image: linear-gradient(45deg, #f08080 0%, #f08080 100%);
}

input#button2{
	border:none;
	background:none;
	-webkit-appearance:none;
	width:220px;
	height:44px;
	font-size: 1.4em;
	display: inline-block;
    padding: 7px 20px;
	border-radius: 15px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #888888 0%, #888888 100%);
    background-image: linear-gradient(45deg, #888888 0%, #888888 100%);
    transition: .4s;
}
input#button2:hover{
	background-image: -webkit-linear-gradient(45deg, #888888 0%, #888888 100%);
    background-image: linear-gradient(45deg, #888888 0%, #888888 100%);
}

input#button3{
	border:none;
	background:none;
	-webkit-appearance:none;
	width:220px;
	height:44px;
	font-size: 1.3em;
	display: inline-block;
    padding: 7px 20px;
	border-radius: 15px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #888888 0%, #888888 100%);
    background-image: linear-gradient(45deg, #888888 0%, #888888 100%);
    transition: .4s;
}
input#button3:hover{
	background-image: -webkit-linear-gradient(45deg, #888888 0%, #888888 100%);
    background-image: linear-gradient(45deg, #888888 0%, #888888 100%);
}
input[type="radio"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-left: 0.5em;
   margin-right: 0.5em;
}
/*--------------------------------------
　ヘッダーメニュー
---------------------------------------*/
#foot{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color:#999999;
    height:40px;
	clear:both;
	text-align:center;
	margin:20px 0 0 0;
	font-size:11px;
	padding:6px 0 0 0;
}
#foot a{
	color:#999999;
	text-decoration:none;
}
#foot a:hover{
	color:#999999;
}

/* copyrights */
#copyright{
	float: right;
}
#copyright a{
    display: inline;
    font-size: 9px;
    text-decoration: none;
}
#copyright_box{
	width: 28px;
	height: 11px;
}
#copyright p a{
	background: url(http://pondt.com/img/logo.gif) bottom no-repeat;
	width: 28px;
	float: left;
	text-indent: -9999px;
}
/*--------------------------------------
　フッターボタン部
---------------------------------------*/
div#footer-btn
{
	background-color: #444;   /* 背景色(黒) */
	width:100%;               /* 横の幅を100% */
	height: 120px;            /* 縦の幅を120px */
	position: absolute;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;          /* 上下に余白を取る */
}
/*--------------------------------------
　その他
---------------------------------------*/
#midashi_line{
	padding: 0.1em 0;
	background-color: #fff;
	border-top: 1px solid #e8e8e8 ;		/* 枠線 */
	border-bottom: 1px solid #e8e8e8 ;		/* 枠線 */
}
/*--------------------------------------
　下部メニュー表示
---------------------------------------*/

#menu01{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
#menu01 li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #888;
}
#menu01 li:last-child{
  border-bottom: 0px;
}
#menu01 li p{
  padding: 10px;
  color: #888;
  background: #e8e8e8;
  text-decoration: none;
}
#menu01 li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  background: #e8e8e8;
  color: #888;
  text-decoration: none;
}
#menu01 li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #888;
}
#menu01 li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 40px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #e8e8e8;
}

/*--------------------------------------
　エラー
---------------------------------------*/
#err {
	font-size:14px;
	color:#FF0000;
}
/*--------------------------------------
　注意書き
---------------------------------------*/
#attention {
	background:#F5DA81;
}
/*--------------------------------------
　その他
---------------------------------------*/
#main_list a {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
  background-color: #585858;
  background-image: -webkit-linear-gradient(top, #A9A9A9, #2E2E2E);
  background-image: linear-gradient(to bottom, #A9A9A9, #2E2E2E);
  box-shadow: inset 1px 1px 0 #2E2E2E;
  border-bottom: 4px solid #2E2E2E;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  text-decoration: none;
  text-shadow: 0px 1px 0px #A9A9A9;
  line-height: 28px;
  outline: none;
}
#main_list a::before,
#main_list a::after {
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  display: block;
  content: '';
  width: 60px;
  height: 28px;
  border: 1px solid #1C1C1C;
  border-bottom: 1px solid #2E2E2E;
  border-radius: 4px;
}
#main_list a::before {
  height: 22px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #bfbfbf;
}