/*---------------------------------------------
	body
  ---------------------------------------------*/
body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	*font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	color: #292F33;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	-webkit-text-size-adjust: none;
	background:url(/images/common/bg.gif);
}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/
a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #036eb8;
}
a:visited {
	text-decoration: none;
	color: #036eb8;
}
a:hover {
	text-decoration: none;
	color: #FF0004;
}
a:active {
	text-decoration: none;
	color: #FF0004;
}

/* ------ General Settings ------ */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	line-height:1px;
}
.fLeft {
	float:left;
}
.fRight {
	float:right;
}

/* ------ wrapper ------ */
#wrapper {
	width: 100%;
	min-width:960px;
}

/* ------ headLangArea ------ */
#headLangArea {
	width:100%;
	background-color:#b00045;
	font-size:80%;
}
#headLangBlock {
	max-width:1280px;
	margin:0 auto;
}
#headLangBox {
	width:26%;
	float:right;
}
.headBtnLang {
	width:30%;
	padding:5px 0;
	float:left;
}
.headBtnLang p {
	width:100%;
	text-align:center;
	padding:0 10px 0 20px;
	font-size:86%;
	line-height:160%;
}
.headBtnLang p a {
	color:#b00045;
	background:url(/images/common/headMark02.png) no-repeat 5px center;
	display:block;
	background-color:#fff;
	border:#b00045 solid 2px;
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	font-weight:bold;
}
.headBtnLang p a:hover {
	color:#fff;
	background:url(/images/common/headMark03.png) no-repeat 5px center #b00045;
	border:#fff solid 2px;
}

/* ------ header ------ */
#header {
	width:100%;
	max-width:1280px;
	min-width:960px;
	margin:0 auto;
	padding:25px 0 15px;
}
#headerArea {
}
.head1 {
	width:40%;
	float:left;
}
.head1 p {
	padding:4px 0 0 10px;
}
.head2 {
	width:34.9%;
	float:left;
	text-align:right;
	padding-top:0;
}
.telBox {
	height:40px;
}
.telBox p {
	float:right;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#b00045;
	padding:0 5px 0 45px;
}
.telBox p.tel {
	background:url(/images/common/headTel.png) no-repeat;
}
.telBox p.fax {
	background:url(/images/common/headFax.png) no-repeat;
}
.head3 {
	width:25%;
	float:left;
}
.btnRed {
	padding:1px;
}
.btnRed p a {
	text-align:center;
	line-height:38px;
	color:#fff;
	background:url(/images/common/headMark.png) no-repeat 10px center #b00045;
	border: solid 1px #b00045;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
}
.btnRed p a:hover {
	color:#fff;
	background-color:#cc195f;
}
#navArea {
	padding-top:15px;
	min-width:960px;
}
.navBox {
	width:24.96%;
	float:left;
}
.btnNav {
	padding:1px;
}
.btnNav p a {
	text-align:center;
	line-height:38px;
	font-size:94%;
	color:#b00045;
	background:url(/images/common/navMark.png) no-repeat 10px center #fff;
	border: solid 1px #b00045;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
}
.btnNav p a:hover {
	color:#fff;
	background:url(/images/common/headMark.png) no-repeat 10px center #b00045;
}
#headNav {
	width:630px;
	float:right;
	padding-bottom:20px;
}
#headNav li {
	float:left;
}
#headNav li a {
	text-indent:-10000em;
	display:block;
	height:31px;
}
#headNav li.nav01 {
	padding-right:10px;
}
#headNav li.nav01 a {
	background:url(/images/common/nav01.jpg);
	width:250px;
}
#headNav li.nav02 {
	padding-right:10px;
}
#headNav li.nav02 a {
	background:url(/images/common/nav02.jpg);
	width:180px;
}
#headNav li.nav03 a {
	background:url(/images/common/nav03.jpg);
	width:180px;
}
#headNav li a:hover {
	background-position:0 -31px;
}
#headNav #topLead {
	margin-top:20px;
	background:url(/images/common/leadBg.jpg) no-repeat 0 50%;
	padding-left:40px;
}

/* ------ navIcon ------ */
#navIcon {
	padding-bottom:80px;
	clear:both;
	max-width:1280px;
	margin:0 auto;
}

/* ------ btnArea ------ */
#btnArea {
	width:100%;
	min-width:960px;
	clear:both;
	background-color:#fff;
}
#btnArea li {
	float:left;
	width:20%;
}

/* ------ Footer ------ */
#footer {
	width:100%;
	background-color:#b00045;
}
#footArea {
	max-width:1280px;
	margin:0 auto;
	background:url(/images/common/footBg.png) no-repeat 5px 20px;
}
#footLogo {
	text-align:center;
	padding:90px 0 70px;
}
#footNav {
	text-align:center;
	padding-bottom:15px;
	border-bottom:#fff solid 1px;
}
#footNav p a {
	background:url(/images/common/footMark.png) no-repeat 0 center;
	line-height:40px;
	padding:0 20px;
	color:#fff;
	font-size:80%;
}
#footNav p a:hover {
	color:#edc0d2;
}
#addBox {
	padding:40px 0;
	color:#fff;
	text-align:center;
	font-size:80%;
}

/* ------ btnLang ------ */
#langArea {
	width:100%;
	background-color:#fff;
	border-bottom:#b00045 solid 1px;
	font-size:80%;
}
.btnLang {
	text-align: center;
}
.btnLang p {
	display:inline;
}

/* ------ crArea ------ */
#crArea {
	width:100%;
	text-align:center;
}
#crArea p {
	padding:38px 0;
	font-size:80%;
}

/* backtoBtn */
.backtotop,
.backtohome,
.backtoTrial {
    position: fixed;
    bottom: 10px;
    z-index: 9000;
    display: none;
}
.backtotop {
    right: 10px;
}
.backtohome {
    right: 100px;
}
.backtoTrial {
    left: 10px;
}
.backtotop,
.backtohome,
.backtoTrial {
    display: block;
}
.backtotop a img {
	width: 80px;
}
.backtohome a img {
	width: 120px;
}
.backtoTrial a img {
	width: 270px;
}
.backtotop a:hover img,
.backtohome a:hover img,
.backtoTrial a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	line-height:1px;
}

/* ------ content_wrapper ------ */
#content_wrapper {
	width: 100%;
	max-width:1280px;
	min-width:960px;
	margin:0 auto;
	padding-bottom:60px;
}
#mainArea {
	padding:0 20px 20px;
}

/*-----------------------------------------------------	*/
/*	1280px以上					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 1280px) {

}

/*-----------------------------------------------------	*/
/*	for - 1279px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1279px) {

/* ------ header ------ */
#headLogo {
	width:30%;
}
.telBox p {
	font-size:82%;
}
/* ------ btnArea ------ */
#btnArea li {
	float:left;
	width:19.9%;
}
/* ------ #aboutArea ------ */
#aboutArea {
	width:90%;
	max-width:950px;
}

}

/*-----------------------------------------------------	*/
/*	for - 960px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 960px) {

/* ------ btnArea ------ */
#btnArea li {
	float:left;
	width:20%;
}

}