@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Your Name (admin)
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
              width: 800px;
              height: 100%;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
               border-left: 1px solid #8C8C8C;
               border-right: 1px solid #8C8C8C;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 800px;
}

#page .pageTop {
　　　　　width: 540px;
	clear: both;
	text-align: right;
              font-size: 0.8em;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
             width: 800px;
             height:340px;
background-image: url(../img/share/emo-top.jpg); 
	float: left;
}

#main p{
margin:30px;
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {   width: 800px;
	float: left;
}


/*----------------------------------------------------
	#sub2
----------------------------------------------------*/

#sub2 {   width: 580px;
             padding-top: 5px;
            padding-right: 10px;
            padding-bottom: 10px;
             margin: 10px 5px 10px 10px;
	float: left;
border-right: 1px solid #8C8C8C;
}

#sub2 p{
width: 510px;
margin:5px 5px 10px 5px;
}

#sub2 li {
font-size: 0.9em;
padding-left:5px;
margin: 2px 0px;
}
#sub2 a{
color: #000;
}

#sub2 a:hover{
color: #ff0000;
}

#sub2 ol a{
color: #999;
}

#sub2 li strong{
font-size: 1em;
color: #8C8C8C;
}

/*----------------------------------------------------
	#sub3
----------------------------------------------------*/

#sub3 {   width: 170px;
             margin: 10px 10px 10px 0px;
	float: right;
padding-left:5px;
             padding-top: 5px;
color: #000;
}

#sub3 a{
color: #000;
}

#sub3 a:hover {
color: #ff0000;
}

#sub3 li{
width: 160px;
font-size: 0.9em;
padding-left:5px;
margin: 2px 0px;
}

#sub3 img{
margin: 2px 0px;
}

/*----------------------------------------------------
	#sub3-1
----------------------------------------------------*/

#sub3-1 { 
	float: right;
}

/*----------------------------------------------------
	#sub4
----------------------------------------------------*/

#sub4 {   width: 200px;
             margin: 0px 10px 10px 10px;
             padding-top: 10px;
            padding-left: 10px;
	float: right;
border: 1px solid #8C8C8C;
}
/*----------------------------------------------------
	#chuui
----------------------------------------------------*/

#chuui {   width: 580px;
padding-top: 5px;
font-size: 0.8em;
}


/*----------------------------------------------------
	#imgHover
----------------------------------------------------*/
#imgHover {
	position: relative;
	margin-top: 50px;
	width: 710px;
}
	#imgHover #imgFrame {
		border: solid 3px #999;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 124px;
		text-align: center;
		width: 200px !important;
		width: 206px;
		height: 124px !important;
		height: 130px;
	}

	#imgHover #imgHoverList {
		list-style: none;
		position: relative;
	}
		#imgHover ul li {
			float: left;
			margin-right: 5px;
		}
			#imgHover ul li img {
				border: none;
			}
			
			#imgHover ul li a {
				display: block;
			}
			
			#imgHover ul li a:hover {
				position: static;
			}
			
			#imgHover ul li a .mainImage {
				display: none;
			}
			
			#imgHover ul li a:hover .mainImage {
				display: block;
				position: absolute;
				top: 3px;
				left: 507px !important;
				left: 83px;
			}