@charset "Shift_JIS";

body{
margin-top: 0px;
}

*{
margin:0;
padding:0;
border:0;
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

th td form{
margin:0;
padding:0;
border:0;
color:#555;
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img, object{
border: 0;
vertical-align: text-bottom;
}

h1 {
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

/*------------------------
 a
-------------------------*/
a:link {
color:#112299;
}
a:visited {
color:#74178E;
}
a:hover {
color:#112299;
}
a:focus {
color:#112299;
}
a:active {
color:#f00000;
}

/*------------------------
 font
-------------------------*/
.text_xx-large { 
font-size:113%;
line-height:170%;
}
.text_x-large { 
font-size:100%;
line-height:170%;
}
.text_large { 
font-size:88%;
line-height:170%;
}
.text_medium { 
font-size:75%;
line-height:170%;
}
.text_small { 
font-size:69%;
line-height:160%;
}
.text_x-small { 
font-size:63%;
line-height:160%;
}
.text_xx-small { 
font-size:56%;
line-height:160%;
}
.text10-14{ font-size: 10px; line-height: 14px; }
.text11-14{ font-size: 11px; line-height: 14px; }
.text12-14{ font-size: 12px; line-height: 14px; }
.text12-16{ font-size: 12px; line-height: 16px; }
.text12-18{ font-size: 12px; line-height: 18px; }
.text12-18-g{ font-size: 12px; line-height: 18px; color:#5a5a5a;}
.text12-20{ font-size: 12px; line-height: 20px; }
.text14-16{ font-size: 14px; line-height: 16px; }
.text14-18{ font-size: 14px; line-height: 18px; }
.text14-20{ font-size: 14px; line-height: 20px; }
.text16-18{ font-size: 16px; line-height: 18px; }
.text16-24{ font-size: 16px; line-height: 24px; }
.text18-20{ font-size: 18px; line-height: 20px; }

/* ------------------------------------------------------
   container
------------------------------------------------------ */
div#container {
width:1100px;
margin:0 auto;
padding-bottom:20px;
text-align:left;
}

/* clear */
div#container .clear {
clear:both;
/*
font-size: 0px;
*/
}


/* ------------------------------------------------------
   header
------------------------------------------------------ */
#headwrap {
	width: 1100px;
	height:100px;
	margin:0 auto;
	}
#paper {
	background-image: url(../img/header_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 1100px;
	}
#head h1 a {
	float:left;
	background-image: url(../img/header_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 439px;
	}
#nav li{
	float:left;
	width:110px;
	height:55px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	}
#nav li a{
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	height:55px;
	}
#nav li#concept{ margin-left:40px; }
#nav li#price{ margin-left:20px; }
#nav li#concept a{ background-image:url(../img/nav_concept.gif); }
#nav li#price a{ background-image:url(../img/nav_price.gif); }
#nav li#staff a{ background-image:url(../img/nav_staff.gif); }
#nav li#blog a{ background-image:url(../img/nav_blog.gif); }
#nav li#access a{ background-image:url(../img/nav_access.gif); }
#nav li a:hover{ background-position:0 -55px; }




/* ------------------------------------------------------
   main
------------------------------------------------------ */
div#container div#main {
text-align:center;
width:1100px;
float:right;
margin:0px 0px 150px 0px;
padding:0;
}

div#container div#imagearea {
width:1100px;
height:680px;
float:left;
margin:0px 0px 0px 0px;
padding:0;
background: url(../img/top_image_back.jpg);
}

div#container div#con-imagearea {
width:1100px;
height:720px;
float:left;
margin:15px 0px 15px 0px;
padding:0;
background: url(../img/con_image.jpg);
}

div#container div#pri-imagearea {
width:1100px;
height:522px;
float:left;
margin:75px 0px 50px 0px;
padding:0;
background: url(../img/pri_image.gif);
}

div#container div#acc-imagearea {
width:1100px;
height:632px;
float:left;
margin:75px 0px 50px 0px;
padding:0;
}

div#container div#left-area {
width:350px;
float:left;
margin:75px 0px 50px 125px;
padding:0;
}

div#container div#text-area {
width:350px;
float:left;
margin:0px 0px 0px 0px;
padding:0;
}

div#container div#right-area {
width:350px;
float:right;
margin:75px 125px 50px 0px;
padding:0;
}

div#container div.innerBOX-A {
width:599px;
height:320px;
float:left;
margin:0px 0px 0px 0px;
padding-top:350px;
padding-left:230px;
}




/* ------------------------------------------------------
   sub-footer
------------------------------------------------------ */
div#container div#sub-footer {
width:1100px;
height:38px;
float:right;
margin:15px 0px 30px 0px;
}

div#container div#infoarea {
width:265px;
height:38px;
float:right;
margin:0px 0px 0px 0px;
padding-righit:0;
position: relative;
}

#infoarea ul {
margin: 0;
padding: 0;
list-style: none;
}

#infoarea li {
margin: 0;
padding: 0;
position: absolute;
height:38px;
text-indent:-9999px;
}

#infoarea li#info-1 { top: 0; right: 60px; width: 205px; height: 38px; background: url(../img/top_tel.gif); background-repeat: no-repeat;}
#infoarea li#info-2 { top: 0; right: 0px; width: 60px; height: 38px; background: url(../img/fb.gif); background-repeat: no-repeat;}

#infoarea li a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:205px;
height:38px;
}

#infoarea li a:link {
text-decoration:none;
}

#infoarea li#info-1 a:hover {
background: url(../img/top_tel_on.gif);
background-repeat: no-repeat;
}
#infoarea li#info-2 a:hover {
background: url(../img/fb_on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   footer
------------------------------------------------------ */
div#container div#footer {
width:1100px;
height:25px;
font-size: 0;
margin:0px 0px 0px 0px;
padding-top:0px;
}