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


/*↓ここからclassタグ*/


/*回り込みを解除する*/

.clear{
	clear:both;	/*全ての属性回り込み解除*/
	margin: 0px;
	background-color:#000000;
}


/*文字の色*/

.white{
	color:#ffffff;
}



/*フォントはLithos Pro Regular*/

h1{
	font-family:"Lithos Pro Regular";
	line-height:3px;
}



/*フォントはMS　Pゴシック*/

h2{
	font-family:"ＭＳ Ｐゴシック";
	line-height:2px;
}



/*フォントサイズの指定する*/

span#s1{
	font-size:10px;
	margin: 3px;
	line-height: 5px;
	border-top: opx;
}


span#s2{
	font-size:13px;
	line-height:20px;
	padding: 0px 5px 0px 0px;
}


span#s3{
	font-size:20px;
	border-top: 0px;
	;
	padding: 0px;
}

span#s4{
	font-size:12px;
	line-height: 10px;
}



/*下線を引く*/

.border{
	border-bottom:2px #ffffff dotted;
	margin:0px;
	padding-bottom:0px;					/*2pxの白ドット線*/
	padding-top: 1px;
}

.border2{
	border-bottom:2px #660000 solid;
	padding-top:3px;
	padding-bottom:10px;				/*2pxの赤実戦*/
	margin: 0px;
}



/*ここからidタグ*/


/*全体の位置*/
#header {
    margin:0px;
	padding: 0px;
	width: 800px;
	height:auto;
	margin: 0px auto 0px auto;			/*マージンは0pxで、横の長さは800pxだよ*/
}


/*真ん中寄せ*/
#center{
	text-align:center;
	padding-top: 3px;
}

/*右寄せ*/
#right{
	text-align:right;
	padding-top: 1px;
}


/*ラインを引く*/

#line{
	width:800px;
	height:15px;
	background-color:#660000;
	padding:auto 0px 0px 0px;	/*赤のラインを800×15pxで引く（文字入れる時は上下左右1px空ける）*/
}	

#line2{
	widows:800px;
	height:20px;
	background-color:#000000;
	padding:0 0 0 0;			/*黒のラインを800×10pxで引く*/
}



/*ロールオーバー*/
/*about*/
#img a{
	display:block;
	width:200px;
	color:#F0027F;
	background:url(../image/menu-about.gif) no-repeat;
	height:45px;
	float:left;
}

#img a:hover{
	color:orange;
	background:url(../image/menu-about-on.gif) no-repeat;
	float:left;
}

/*blog*/
#img2 a{
	display:block;
	width:200px;
	background:url(../image/menu-blog.gif) no-repeat;
	height:45px;
	float:left;
}

#img2 a:hover{
	background:url(../image/menu-blog-on.gif) no-repeat;
	float:left
}

/*menu*/
#img3 a{
	display:block;
	width:200px;
	background:url(../image/menu-menu.gif) no-repeat;
	height:45px;
	float:left;
}

#img3 a:hover{
	background:url(../image/menu-menu-on.gif) no-repeat;
	float:left
}

/*access*/
#img4 a{
	display:block;
	width:200px;
	background:url(../image/menu-access.gif) no-repeat;
	height:45px;
	float:left;
}

#img4 a:hover{
	background:url(../image/menu-access-on.gif) no-repeat;
	float:left
}


/*top*/
#img5 a{
	display:block;
	width:30px;
	background:url(../image/top-top.gif) no-repeat;
	height:15px;
	float:left;
}

#img5 a:hover{
	background:url(../image/top-top-on.gif) no-repeat;
	float:left
}



/*黒のボックス*/

#box{
	width: 300px;
	height: 240px;
	background: #000000;
	float:left;
	padding-top: 10px;
	padding-right:50px;
	padding-bottom: 50px;
	padding-left:50px;
	margin:0px;
	color:#FFFFFF;						/*左右下を50px空けた300(マージン分を+100で400)×240(マージン分を+50で290)のボックス*/
}