/************************************************************************************/
/*■■警告■■*/
/*

全ページ共通項目

編集は慎重に！
このページの項目には必ず[id]or[class]を付けてください。

*/
/************************************************************************************/


/************************************************************************************/
/*コマンドライブラリ*/
/***************************/
/*

■背景関連
	background-color:			red;
	background-image:			url();
	background-repeat:			no-repeat;
	background-position: 			right top;

■サイズ指定
	width:					0px;
	height:					0px;

■位置指定
	float: 					left;

/*
	position:				relative;/*親要素*/
/*
	position: 				absolute;/*子要素*/
/*

	top:					0px;
	left:					0px;
	right:					0px;
	bottom:					0px;

■線作成
	border: 				1px #000000 solid;


■画像の隙間バグ対策
	vertical-align: 			text-bottom;


■文字
	text-align:				left;
	font-size: 				small;
	color: 					#000000;
	line-height: 				100%;
	font-weight: 				bold;
	text-decoration: 			none;
	letter-spacing: 			0.1em;

	//-------半角余白------//

	&nbsp;

	//-------MEMO------//
	長さの単位[相対単位]
	em  1em = 1文字分の長さ
	px  1px = 画面上の1ピクセル

	1em = 14pt


■余白
/*
	margin:					0px 0px 0px 0px; /*上右下左*/
/*

	padding:				0px 0px 0px 0px; /*上右下左*/
/*

■floatクリア
:after{
	content: 				"";
	clear: 					both;
	height: 				0;
	display: 				block;
	visibility: 				hidden;
}

/************************************************************************************/

/***************************/
/*共通項目*/
/***************************/

html{
	height:					100%;
}

body{
	height:					100%;
	margin:					0;
	padding:				0;
	background-color:			#000;
}

h1,h2,h3,h4,p,a,div,dl,dt,dd,ul,li,object,span,select,option,table,tr,td,address{margin:0;padding:0}

img{
	margin:0;
	padding:0;
	border:none;
}

a{
	outline :				0;
	text-decoration: 			none;
}

a:link { color: 				#ffffff;}
a:visited { color: 				#ffffff;}
a:hover { color: 				#D69F36;}
a:active { color:				#D69F36;} 

.clearboth,
.clr{
	clear: 					both;
}

/*-----------------------------------------------------------------------------メニュー共通項目*/
/* 横並び用listメニュー共通 */
/* この共通を使うメニューには必ず【class="list-menu"】を記載してね☆ */

.list-menu{
	margin-left:				auto;/* FireFox中央揃え用 */
	margin-right:				auto;/* FireFox中央揃え用 */
}

.list-menu ul { 
	margin: 				0; 
	padding :				0; 
	list-style-type : 			none; 
}

.list-menu li { 
	display : 				inline; 
	float:					left; 
}

.list-menu a{
	display:				block;
}

/*-------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------Hタグ*/


/*-----------------------------------------------------------------------------文字指定*/

/* リンクカラー */
.span-a{
	color: 					#006599;
}

/*-----------------------------------------------------------------------------container[全画面表示用]*/
* html div#container{
	height:					100%;
	min-width: 				1000px;
}
div.container{
	min-height: 				100%;
	min-width: 				1000px;
}


body > #container {
	height: 				auto;
	min-width: 				1000px;
}


/*-----------------------------------------------------------------------------HEADER*/


/*-----------------------------------------------------------------------------container(メインBOX)*/
div#wrap{
	overflow:				auto;
}

div#contents{
	width: 					1000px;
	text-align:				left;
	clear:					both;
/*
	margin:					0 auto;
*/
}

#contentsInner{
	position:				relative;/* 親BOX */
}







/*-----------------------------------------------------------------------------footer(フッター)*/
.footer {
	text-align:				center;
	background: 				url(../image/foot-bg.gif);
	background-repeat:			repeat;
	background-position: 			center bottom;
	margin-top:				0px;
	position:				relative;/* 親BOX */

	margin-top: 				-20px; /* negative value of footer height */
	height: 				20px;
	clear:					both;
}

.pagetop{
	text-align:				right;
	font-size: 				small;
}

.pagetop a{
	color: 					#F6872B;
}


.footerInner{
	margin:					0px 0px 0px 0px; /*上右下左*/
}

div#f-left{
	float:					left;
}


div#f-right{
	text-align:				right;
	float:					right;
	margin:					0px 10px 0px 0px; /*上右下左*/
}


p#twitter{
	margin:					0px 0px 0px 10px; /*上右下左*/
}




p#copyright{
	color:					gray;
}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/








