/* CSS Document */
body{
	font-size:16px;
	color:#333;
}

html{
	margin:0;
	width:100%;
}

.inner1000{
	width:1000px;
	margin:auto;

}

p {
    line-height: 1.75em;
    margin: 0;
    padding: 0.5em 3em 1.25em 3em;
}

@media screen and (max-width: 800px) {
   /* 800px以下の場合 */
.inner1000{
	width:100%;
	margin:auto;
}
}

/* ボタン
================================================ */
a.btn {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #fff inset;
    color: #ffffff;
    display: inline-block;
    margin: 0.25em;
		padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
		cursor:pointer;
}

.disabled a.btn {
    cursor: default;
    opacity: 0.6;
}

a.btnBlue{

	background:linear-gradient(to bottom, #1fa1ff, #0062a8);
}

a.btnBlue:hover {
	background:linear-gradient(to bottom, #0062a8, #1fa1ff);
}



a.btnGray{
    background: linear-gradient(to bottom, #828282, #565656) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

a.btnGray:hover{
    background: linear-gradient(to bottom, #565656,#828282) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* flat解除
================================================ */
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* for IE7-WIN */
.clearfix {
	display: inline-block;
}
/* for IE-MAC */
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
}

/* リンク
================================================ */
a{
	color:#0080da;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}


/* 画像
================================================ */
.center{
	text-align:center;
}

.imgR{
    float: right;
    margin: 0 0 40px 30px;
}
.imgL{
    float: left;
    margin: 0 30px 40px 0;
}

#contact{
	border-top:#ADADAD solid 1px;
	width:100%;
	background:#f4f4f4;
	text-align:center;
	color:#333;
	padding:20px 0 40px;
}


#contact h2{
	width:100%;
	letter-spacing:2px;
	padding:0 0 0.25em 0;
	text-align:center;
	font-size:160%;
	margin-bottom:1em;
}

#contact h2 div{
	line-height:0.5em;
	font-size:68%;
}




/* ページトップ
================================================ */
.pagetop {
	position: fixed;
	bottom:15%;
	right: 0;
}
.pagetop a {
	background: url("/img/pagetop.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 49px;
	width: 54px;
	text-indent: -9999px;
	z-index:40;
}

/* flat解除
================================================ */
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* for IE7-WIN */
.clearfix {
	display: inline-block;
}
/* for IE-MAC */
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
}
/* テキスト
================================================ */

/* 寄せ */
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
/* 小さめ */
.small {
	font-size:0.85em;
	line-height:1.25em!important;
}
/* 大きめ */
.large {
	font-size: larger;
	line-height:1.5em;
}

/* かなり小さめ */
.SS {
	font-size:0.75em;
}

/* 注意 */
.att {
	color:#F30;
	font-size:95%;
}

.caption{
	margin:0;
	padding:0;
	text-align:center;
}


/* テーブル
================================================ */


table {
    border-bottom: 1px solid #b5b5b5;
    border-collapse: collapse;
    border-right: 1px solid #b5b5b5;
    margin: 0 auto 30px;
    width: 90%;
}

thead th{
	background:#666666;
	color:#FFFFFF;
	text-align:center;
	padding:0.5em 0.25em;
  border-left: 1px solid #b5b5b5;
  border-top: 1px solid #b5b5b5;
}


tbody th {
    background: none repeat scroll 0 0 #c8e2f4;
    border-left: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    padding: 3px;
}
tbody th a {
    background: url("../../img/icon_arrow.gif") no-repeat scroll 0 0.4em rgba(0, 0, 0, 0);
    padding-left: 7px;
}
tbody td {
    border-left: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    padding: 3px;
}

tfoot td{
  background:#999;
  border-left: 1px solid #b5b5b5;
  border-top: 1px solid #b5b5b5;
}

tfoot td.submit {
  border-left: 1px solid #b5b5b5;
  border-top: 1px solid #b5b5b5;
    text-align: center;
}
tfoot td input {
    margin: 0 5px;
}




/* リスト
================================================ */


ul.normal{
	width:90%;
	margin:0 auto 2em auto;
}

ul.normal li{
	margin:0.5em 0 0.5em 2em;
}

ul.link{
	width:90%;
	margin:0 auto 2em auto;
}

ul.link li{
	list-style:none;
	margin:0.5em 0 1em 2em;
}

ul.link li a{
	padding-top:0.25em;
	vertical-align:middle;
	background:url(../img/arrow_circle.png) left center no-repeat;
	padding-left:17px;
}



ol.normal li{
	margin:0.5em 0 1em 2em;
}

ol.normal{
	width:90%;
	margin:0 auto 2em auto;
}

ol.normal li{
	margin:0.5em 0 1em 30px;
}

/* ▼メニュー
================================================ */

#menu{
	width:100%;
background: #3B3B3B;
}

#menu ul{
		overflow:hidden;
	width:1001px;
	margin:auto;
	color:#FFFFFF;
	font-size:1.5em;
	padding:0;
}

#menu ul li{
list-style: none;

}

#menu ul li a{
	text-align:center;
	min-width:6em;
	border-left: #C4C4C4 solid 1px;
letter-spacing:1px;
font-size:15px;
float:left;
display:block;
background: #3B3B3B;
color: #FFFFFF;
padding:0.5em 14px;
}

#menu ul li a:hover{
	text-decoration:none;
	background:#FFFFFF; 
	color:#393939;
}
 
#menu ul li a.active{
	background:#FFFFFF; 
	color:#393939;
}

/* ▼テキストカラー
================================================ */
/* 白 */
.clWhite {
	color: #FFFFFF;
}
/* 赤 */
.clRed {
	color: #CC0000;
}
.clRed2 {
	color: #930;
}
/* ブルー薄 */
.clBlue {
	color: #69bbe4;
}
/* ブルー濃 */
.clBlue2 {
	color: #006699;
}
/* イエロー薄 */
.clYellow {
	color: #ffffcc;
}
/* イエロー濃 */
.clYellow2 {
	color: #ffcc00;
}
/* オレンジ薄 */
.clOrage {
	color: #FF9900;
}
/* オレンジ濃 */
.clOrange2 {
	color: #FF6600;
}
.clGreen {
	color:#0C3;
}
.clGreen2 {
	color: #093;
}

.clGray{
	color: #333333;
}

/*　背景オレンジ白文字　*/
.orangeW {
	color:#FFFFFF;
	background:#ff6600;
	padding:0 0.25em;
}
/*　背景赤白文字　*/
.redW {
	color:#FFFFFF;
	background: #F30;
	padding:0 0.25em;
}
/*　背景グリーン白文字　*/
.greenW {
	color:#FFFFFF;
	background:#009d79;
	padding:0 0.25em;
}
/*　背景ブラウン白文字　*/
.brownW {
	color:#FFFFFF;
	background:#5e5243;
	padding:0.25em;
}

/*　背景スカイ白文字　*/
.skyW {
	color:#FFFFFF;
	background:#0099FF;
	padding:0.25em;
}

/* ▼背景カラー
================================================ */

/* ホワイト */
.bgWhite {
	background: #ffffff;
}
/* 黒 */
.bgBlack {
	background: #000;
}
/* レッド薄*/
.bgRed {
	background: #ffe3ed;
}
/* レッド濃 */
.bgRed2 {
	background: #660033;
}
/* ピンク薄*/
.bgPink {
	background: #ffedfc;
}
/* ブルー薄 */
.bgBlue {
	background: #ecf8ff;
}
/* ブルー濃 */
.bgBlue2 {
	background: #b2d3ec;
}
/* オレンジ薄 */
.bgOrange {
	background: #ffcc99;
}
/* オレンジ濃 */
.bgOrange2 {
	background: #ff9933;
}
/* グリーン薄 */
.bgGreen {
	background: #b7ffed;
}
/* グリーン濃 */
.bgGreen2 {
	background: #00B58C;
}
/* イエロー薄 */
.bgYellow {
	background: #ffffde;
}
/* イエロー濃 */
.bgYellow2 {
	background: #ffcc33;
}
/* グレー薄 */
.bgGray {
	background: #CCCCCC;
}
.bgGray3 {
	background: #efefef;
}
.bgGray4 {
	background: #fafafa;
}
/* グレー濃 */
.bgGray2 {
	background: #666666;
}
/* ブラウン薄 */
.bgBrown {
	background: #ebe7de;
}
/* ブラウン濃 */
.bgBrown2 {
	background: #8f7a5f;
}

/* その他
================================================ */

.margin10{
	margin:10px;
}

.marginTop10{
	margin-top:10px;
}

.margin20{
	margin:20px;
}

.marginTop20{
	margin-top:20px;
}

.margin40{
	margin:40px;
}

.margin50{
	margin:50px;
}

tfoot tr td{
	background:#D3D3D3;
	text-align:center;
}


.kome,
.att{
	color:#F00F13;
}