@charset "utf-8";
/* CSS Document */

/* ------------------------------------------- CSS Information
File Name:      ファイル名
Author:         製作者名
Style Info:     ファイル説明
----------------------------------------------------------- */

/*          reset ブラウザ別初期値リセット
-----------------------------------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object,
img{
margin:0;
padding:0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-weight: normal;
font-size: 1.0em;
}

table {border-spacing:0; border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img{border-style:none; border:0;}
img,input {vertical-align:middle; outline:none;}
q:before,q:after {content:'';}
ul {list-style: none;}
textarea{ overflow:hidden;}


/*          body
-----------------------------------------------------*/
body{
     font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
     *font-family:  "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
	 color:#4b5a5f;
	 background:#333;
     }


/*          リンク関係
-----------------------------------------------------*/
a{
	color:#C03;
	text-decoration:none;
	transition:background-color 0.5s; /* ふわっと動くよ */
     }
     a:link{ /* 未訪問 */
          }
     a:visited{ /* 訪問済み */
          }
     a:hover{ /* マウスオーバー */
	 text-decoration:underline;
          }
     a:active{ /* 選択 */
          }


/*          タイトル
-----------------------------------------------------*/
h1{}

h2{}

h3{}

h4{}

h5{}

h6{}

/*          おまけ
-----------------------------------------------------*/
#red{
	color:#F00;
	}

#blue{
	color:#06F;
	}

/*          包括
-----------------------------------------------------*/
.wrapper{
	margin:0 auto;
	padding:80px 0 60px;
	}

.head , .foot{
	position:fixed !important;
	position:absolute;
	width:100%;
	background:#000;
	}
.head{
	height:24px;
	top:0;
	left:0;
	z-index:999
	}
.foot{
	height:20px;
	bottom:0;
	left:0;
	z-index:999
	}

.body{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	}


/*          .head
-----------------------------------------------------*/
.head{}
.head h1{
	width:auto;
	margin:2px 0 2px 12px;
	float:left;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	}

.head ul.h_menu{
	float:right;
	}
.head ul.h_menu li{
	float:left;
	}
	.head ul.h_menu li:first-child{}
.head ul.h_menu li a{
	display:block;
	padding:6px 8px;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	color:#C03;
	}
	.head ul.h_menu li a:hover{
		background:#C03;
		color:#FFF;
		}



/*          .body
-----------------------------------------------------*/

.body{}

/* gototop */

.body .gototop{
	margin-top:-8px;
	}
.body .gototop a{
	height:12px;
	padding:8px 16px;
	display:block;
	background:#CCC;
	border-radius:4px;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
	color:#333;
	float:right;
	}
	.body .gototop a:hover{
		color:#FFF;
		background:#666;
		box-shadow: 1px 1px 2px 1px #444 inset;
		text-shadow: 1px 1px 2px #333;
		}


/* .main */

.main h2{
	width:100%;
	max-width:1024px;
	margin:0 auto 4px;
	font-size:24px;
	line-height:24px;
	color:#FFF;
	}

.main section{
	width:92%;
	max-width:976px;
	margin-bottom:24px;
	padding:4%;
	background:#FFF;
	border-radius:4px;
	overflow:hidden;
	}

.main section h3{
	margin:30px 0;
	padding:12px 16px;
	background:#1abc9c;
	border-radius:4px;
	font-size:18px;
	line-height:18px;
	color:#FFF;
	}
.main section h4{
	margin:36px 0 24px;
	padding:6px 0 6px 10px;
	border-bottom:1px dotted #CCC;
	border-left:4px solid #1abc9c;
	font-size:18px;
	line-height:18px;
	}
.main section h5{
	margin:24px 0 8px;
	color:#1abc9c;
	font-size:16px;
	font-weight:bold;
	}
.main section h6{
	margin:24px 0 0;
	font-size:14px;
	font-weight:bold;
	}

.main section p{
	margin:8px 0 0;
	}

.main section ul{
	margin:24px 0;
	}
.main section ul li{
	margin:8px 0 0 8px;
	padding-left:16px;
	background:url(../img/common/icon_list.png) no-repeat left center;
	}
	.main section ul li:first-child{
		margin-top:0;
		}
.main section ul li a{}
	.main section ul li a:hover{
		padding:0 0 0 4px;
		}

.main section ol{
	margin:24px 0;
	counter-reset:li; /* Initiate a counter */
	padding:0; /* Remove the default left padding */
	list-style:none; /* Disable the normal item numbering */
	}
.main section ol li{
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px;
	}
	.main section ol li:before{
		content:counter(li); /* Use the counter as content */
		counter-increment:li; /* Increment the counter by 1 */
		/* Position and style the number */
		position:absolute;
		top:-2px;
		left:-2em;
		width:2em;
		padding:4px 0;
		color:#fff;
		background:#069;
		font-weight:bold;
		text-align:center;
		}


.main section table{
	margin:24px 0;
	}
.main section table tr{}
.main section table tr th{
	border:1px solid #999;
	text-align:center;
	font-size:12px;
	background:#bbb;
	vertical-align:middle;
	}
	.main section table tr th:first-child{}
.main section table tr td{
	padding:4px;
	border:1px solid #999;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
	}
	.main section table tr td:first-child{}

.main section table thead{}
.main section table thead tr{}
.main section table thead tr th{
	padding:4px;
	font-size:14px;
	}
	.main section table thead tr th:first-child{}

.main section table tbody{}
.main section table tbody tr{}
	.main section table tbody tr:hover{
		background:#6F3;
		}
.main section table tbody tr td{
	text-align:left;
	}
	.main section table tbody tr td:first-child{}

.main section table tfoot{}
.main section table tfoot tr{}
.main section table tfoot tr td{
	border:none;
	text-align:right;
	}
	.main section table tfoot tr td:first-child{}

/* tablesorter */
.tablesorter th{
	cursor:pointer;
	}
	.tablesorter th:hover{
		background:#CC6;
		}
.tablesorter td{
	text-align:center;
	}
	.tablesorter td:first-child{
		text-align:left;
		}

/* bxslider */
ul.bxslider{
	height:100%;
	margin:0 auto 24px;
	padding:0;
	}
ul.bxslider li{
	background:none;
	margin:0;
	padding:0;
	}
ul.bxslider li iframe{
	width:1024px;
	height:768px;
	}

/*          .foot
-----------------------------------------------------*/

.foot{}
.foot .copy{
	width:auto;
	margin-left:8px;
	font-size:11px;
	color:#999;
	float:left;
	}

.foot .gototop{
	float:right;
	}
.foot .gototop a{
	height:12px;
	padding:4px 12px;
	display:block;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	}
	.foot .gototop a:hover{
		color:#FFF;
		background:#903;
		}



/*          .profile
-----------------------------------------------------*/

div.profile section{}

div.profile section table{}
div.profile section table tr{}
	div.profile section table tr:hover{
		background:none;
		}
div.profile section table tr td{
	padding:8px 4px;
	border:none;
	text-align:left;
	vertical-align:top;
	}
	div.profile section table tr td:first-child{
		text-align:right;
		font-weight:bold;
		}

/*          
-----------------------------------------------------*/


/*          
-----------------------------------------------------*/


/*          
-----------------------------------------------------*/


/*          
-----------------------------------------------------*/


/*          
-----------------------------------------------------*/