@charset "utf-8";

/*
======================================
	b_skeleton
	2012.10.25

	[1]Clear
	[2]clearfix
	[3]HTML/BODY/WRAP
	[4]HeadContainer
	[5]Navigation
		1)HeadNav
		2)GlovalNav
		3)SubNav
		4)FootNav
	[6]Pankuzu
	[7]ContentsParts
		1)article/aside/section
		2)Column
		3)Icon
		4)SideBanner
		5)Space
		6)Line
		7)Round
		8)PageTop
	[8]FootContainer
======================================	
*/

/*
-------------------------
	[1]Clear
-------------------------
*/
.clear{
	font-size:0;
	line-height:1em;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	width:0;
	display:none;
}

/*
-------------------------
	[2]clearfix
-------------------------
*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}
/*
-------------------------
	[3]HTML/BODY/WRAP
-------------------------
*/
html{
	text-align:center;
}
body{
	text-align:center;
} 
#wrap{
	width:980px;
	height: 700px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:50px;
	text-align:left;
	border:1px solid #000;
	background: url(../img/about_back.png) no-repeat;
position:relative;
}

/*
-------------------------
	[4]HeadContainer
-------------------------
*/
header{
	padding-top:30px;
	
}
header h1{
	float:left;
	width:224px;
	height:80px;
}

/*
-------------------------
	[5]Navigation
-------------------------
*/
/*
++++++++++++++++++++++
	1)HeadNav
++++++++++++++++++++++
*/
#HeadNav{
	float:left;
	margin:15px 0 0;
}
#HeadNav li{
	border-left:1px dotted #ccc;
	padding:0 10px;
	display:inline;
	font-size:85%;
}
.HeadNavLast{
	border-right:1px dotted #ccc;
	padding-right:10px;	
}

/*
++++++++++++++++++++++
	2)GlovalNav
++++++++++++++++++++++
*/
#GlovalNav{
	width:100%;	
	float:left;
	width:980px;
	height:80px;
	display:block;
	background: url(../img/line.png) no-repeat;
	
}
/*
++++++++++++++++++++++
	3)SubNav
++++++++++++++++++++++
*/
.SubNav{
margin-top: 0;
	margin-bottom:5px;
	padding:0px 0px 1px;
	margin-left: 10px;

}
.SubNav h2{
	margin-bottom:0.5em;
	padding-bottom:5px;
	font-size:116%;
	font-weight:500;
}
.SubNav li{
	line-height:3em;
	margin-top: 1px;
}
.SubNav li a{
	display:block;
}
.SubNavTel{
	font-size:123.1%;
}
.SubNavMail{
	font-size:123.1%;
}

/*
++++++++++++++++++++++
	4)FootNav
++++++++++++++++++++++
*/
#FootNav{
	margin-top:20px;

}
#FootNav li{
	border-left:1px solid #333;
	padding:0 20px;
	display:inline;
	font-size:85%;
}
.FootNavLast{
	border-right:1px solid #333;
	padding-right:20px;	
}

/*
-------------------------
	[6]Pankuzu
-------------------------
*/
.Pankuzu{
	margin:5px 250px 12px;
}
.Pankuzu p{
	font-size:77%;
}
.Pankuzu p a{
	text-decoration:underline;
	color:#118B99;	
}
.Pankuzu p a:hover{
	text-decoration:underline;
	color:#999;	
}

/*
-------------------------
	[7]ContentsParts
-------------------------
*/

/*
++++++++++++++++++++++
	1)article/aside/section
++++++++++++++++++++++
*/
article{
	float:right;
	width:730px;
	margin-bottom:10px;
}
aside{
	float:left;
	width:224px;
}
section{

}


/*
++++++++++++++++++++++
	2)Column
++++++++++++++++++++++
*/
.Column{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.Column h1{
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	font-size:131%;
	font-weight:bold;
}
.Column2Left{
	float:left;
	width:335px;
	padding:10px 0;
}
.Column2Right{
	float:right;
	width:335px;
	padding:10px 0;
}
.Column3{
	float:left;
	width:210px;
	margin-right:30px;
	padding:10px 0;
}
.Column3Last{
	margin-right:0;	
}
/*
++++++++++++++++++++++
	3)Icon
++++++++++++++++++++++
*/
.IconNew{
	background:url(../img/icon_new.gif) no-repeat 0 0;	
	padding-left:32px;	
}
.arrow_blue li{
	background:url(../img/arrow_blue.gif) no-repeat 0 50%;
	padding-left:10px;
}
/*
++++++++++++++++++++++
	4)SideBanner
++++++++++++++++++++++
*/
#SideBn-header{
margin-top: 20px;
	height: 22px;
	background:url(../img/snav_header.png) no-repeat;
}
#SideBn{
margin-left: 7px;
height:120px;
	background:url(../img/snav_back.png) repeat-y;
}
#SideBn li a{
color: #000;
}
#SideBn li a:hover{
color: #F93;
}


#SideBn li a:link{
text-decoration: none;
}
.SideBn1 li{
	margin:0 23px 0;
	padding-top: 10px;
}


.SideBn2 li{
	margin:10px 23px 0;
}

.SideBn ul li{
padding-bottom: 5px;
}
.SideBn li a:hover img{
opacity:0.9;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}
#SideBn p{
margin:10px 23px 0;
font-size:10px;

}
#SideBn-footer{
margin-left: 7px;
	height: 21px;
	background:url(../img/snav_footer.png) no-repeat;
}
/*
++++++++++++++++++++++
	5)Space
++++++++++++++++++++++
*/
.Space05{
	margin-top:0.5em;	
}
.Space1{
	margin-top:1em;
}
.Space15{
	margin-top:1.5em;
}
.Space2{
	margin-top:2em;
}
/*
++++++++++++++++++++++
	6)Line
++++++++++++++++++++++
*/
.LineGrayTop{
	border-top:1px dotted #ccc;
}
.LineGrayBottom{
	border-bottom:1px dotted #ccc;
}
/*
++++++++++++++++++++++
	7)Round
++++++++++++++++++++++
*/
.Round3{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	/* For IE7/8 */
	behavior:url("/hogehoge/themed/b_skelton/css/PIE.htc");　/* 絶対パスで表記変更が必要 */
	position:relative;
}
/*
++++++++++++++++++++++
	8)PageTop
++++++++++++++++++++++
*/
.PageTop{
	margin-top:30px;
	font-size:77%;
	text-align:right;
}

/*
-------------------------
	[8]FootContainer
-------------------------
*/
footer{
	margin: 0;
	width: 980px;
	height: 30px;
	text-align:center;
		background-color:#000;
		position:absolute;
top:670px;
height:30px;

		

}
p.white{
	color:#FFF;
	padding-top: 5px;
}
	
#Copyright{
	margin-top:10px;
	font-size:85%;
	background-color:#FFF;
}