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

	css/style.css

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

/* ------------------------
	font
------------------------ */
.text {
	font-size: 12px;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding: 0px;
	line-height: 20px;
}
.text_j {
	font-size: 13px;
	line-height: 18px;
}
.textlarge {
	font-size: 16px;
	line-height: 20px;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding: 0px;

}
.textlarge_j {
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 20px;
}
.list {
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding: 0px;
}
.hidden {
	position: absolute;
	height: 400px;
	width: 400px;
	left: -1000px;
	top:-1000px
}
p.box01{
	margin-left:10px;
}
p.box02{
  padding:0 10px 10px;
}
.b { font-weight:bold; }
p.center { text-align:center; }
p.pb10 { padding-bottom:10px; }

/* ------------------------
	body
------------------------ */
body {
  background-image:url(../img/bg.gif);
  margin:0;
  padding:0;
  color: rgb(51, 51, 51);
}
a img { 
	border: none;
}
header h2 { margin-bottom:10px; }

/* ------------------------
	container
------------------------ */
div.container {
  width:666px;
  background-color:#E6EFFF;
  margin:0 auto;
  border:#4A00B5 1px solid;
}

/* ------------------------
	header
------------------------ */
h1 {
  text-align:right;
  color:rgb(174, 147, 255);
  font-weight:lighter;
  margin-right:5px;
}

/* ------------------------
	SmartPhone Global Btn
------------------------ */
#spbtn{
	display:none;
}

/* ------------------------
	pageBody
------------------------ */
#pageBody div.text-area {
  width:420px;
  padding:0 15px;
  margin:20px auto 40px;
}
#pageBody div.text-area_j {
  width:400px;
  padding:0 15px;
  margin:20px auto 40px;
}
#pageBody h3 img {
  display:block;
  margin:0 auto;
}


/* ------------------------
	pageSub
------------------------ */
#pageSub {
  width:148px;
  float:left;
}
#pageSub p.email_link{
	display:block;
	margin-left:12px;
	font-size:11px;
}
#pageSub p.email_link a:link ,#pageSub p.email_link a:hover{
	color:#4A00B5;
	text-decoration:none;
}
#pageSub p.email_link a:active ,#pageSub p.email_link a:visited{
	color:#4A00B5;
	text-decoration:none;
}

/* ------------------------
	globalNavi
------------------------ */
nav#globalNavi ul {
	list-style:none;
	padding:0;
	margin:0;
}
nav#globalNavi ul li {
  margin-bottom:5px;
}
nav#globalNavi ul li:last-child {
  margin-top:30px;
}
nav#globalNavi a { display:block; }


/* ------------------------
	footer
------------------------ */
footer { width:664px; clear:both; }
#copyright {
  text-align:center;
}

/* ------------------------
	clearfix
------------------------ */
.cleafix:after {
	content: "";
	clear: both;
	display: block;
  height:0;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
/*.clearfix{
    *zoom:1; 
}*/