@charset "utf-8";

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

・共通設定
・枠設定
・ヘッダ
・グローバルナビ
・サイドナビ
・メインコンテンツ
・フッタ

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

/*#################### 共通設定 ####################*/
html, body {height: 100%;}  /*高さ100%に指定*/
html{ 
	background: url(../img/bg.jpg)  no-repeat center bottom fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
		}
body {
	background:url(../img/header/bg.gif) repeat-x top;
	text-align:center;
	color:#000000;
	font-size:106.3%;
	margin: 0;
	padding: 0;
	position: relative;	

	}


#content {
	color: #fff;
	background: #08c;
	padding: 20px;
	margin:0 auto;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.fix {overflow: hidden;}
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
	
p {
	margin:0 0 10px;
	line-height:1.5;
	text-align:justify;  
	text-justify:inter-ideograph;  
	}
a {color:#00f;}
hr {display:none;}
.mtop7 { margin-top:7px;}
.mbtm7 { margin-bottom:7px;}

.w20 { width:20%;}
.w25 { width:25%;}
.w33 {width:33%;}
.w38 {width:38%;}
.marker {background:#FF6;}
.marker1 { background:none; color:#39C;}
.marker2 {background:#FF6;}
.marker3 {background: #F33; color:#fff;}

.attention {color:#F04D4D;}

::-webkit-input-placeholder    {color: #ccc;}
::-moz-placeholder    {color: #ccc;}
:-moz-placeholder    {color: #ccc;}
:-ms-input-placeholder    {color: #ccc;}

/*#################### 枠設定 ####################*/

#Header {
	text-align:left;
	height:40px;
	width:980px;
	margin:0 auto;
	font-size:82.4%;
	}

#Navi {
	clear:both;
	text-align:left;
	}

#Container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	text-align:left;
	}
#push { clear:both; height:50px;}

#Footer {
	height:50px;
	background:#3B5998;
	color:#fff;
	}



/*#################### ヘッダ ####################*/

#Header p.username {
	float:left;
	color:#fff;
	line-height:40px;
}
#Header ul.link {
	display:inline;
	float:right;
	margin-right:10px;
	margin-top:6px;
	}
#Header ul.link li a {
	color:#402000;
}

#Header ul.link li {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#ffffff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	color:#402000;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:65px;
	text-decoration:none;
	text-align:center;
	float:right;
	font-size:85.7%;
	margin-left:10px;
}
#Header ul.link li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#ffffff;
}#Header ul.link li:active {
	position:relative;
	top:1px;
}

/*#################### メインコンテンツ ####################*/

.contentsBox {}


/*#################### フッタ ####################*/
address {
	text-align:center;
	padding-top:12px;
	font-size:71.4%;
}



/*#################### おやみだし ####################*/


/* こみだし
-------------------------------------*/

/* まごみだし */


/*end*/