@charset "UTF-8";
/* CSS Document */

body{
text-align:center;
font-size:small;
color:#333333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:15px auto;
padding:0;
background-image:url(../common_img/bg.gif);
}

img{
border:0;
}

a:link{
color:#FF728D;
text-decoration:underline;
}

a:visited{
color:#FF728D;
text-decoration:underline;
}

a:hover{
color:#FF9AF1;
text-decoration:underline;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */



/*header*/
#header{
width:880px;
height:124px;
text-align:left;
background-image:url(../common_img/header_contents.png);
background-repeat:no-repeat;
margin:0 auto;
position:relative;
}

* html #header{
width:880px;
height:124px;
text-align:left;
background-image:url(../common_img/header_contents.gif);
background-repeat:no-repeat;
/*behavior:url('../js/fx-iepngfix.htc');*/
margin:0 auto;
position:relative;
}

#header h1{
width:250px;
height:51px;
margin:0px 0px 15px 45px;
padding:14px 0px 0px;
}

#header h2{
margin: 0px;
padding: 0px;
}

#header h2 a{
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#header h2.chikyu{
width:105px;
height:18px;
position:absolute;
top:12px;
left:611px;
}

#header h2.cityliving{
width:90px;
height:18px;
position:absolute;
top:12px;
left:745px;
}

#topHeader{
width:880px;
height:44px;
text-align:left;
background-image:url(../common_img/header_contents.png);
background-repeat:no-repeat;
margin:0 auto;
padding:46px 0px 0px;
position:relative;
}

* html #topHeader{
width:880px;
height:44px;
text-align:left;
background-image:url(../common_img/header_contents.gif);
background-repeat:no-repeat;
margin:0 auto;
padding:46px 0px 0px;
position:relative;
}

#topHeader h2{
margin: 0px;
padding: 0px;
}

#topHeader h2 a{
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#topHeader h2.chikyu{
width:105px;
height:18px;
position:absolute;
top:12px;
left:611px;
}

#topHeader h2.cityliving{
width:90px;
height:18px;
position:absolute;
top:12px;
left:745px;
}


/*footer*/
#footer{
width:860px;
height:55px;
background-image:url(../common_img/footer.png);
background-repeat:no-repeat;
margin:0px auto 30px;
}

* html #footer{
width:860px;
height:55px;
background-image:url(../common_img/footer.gif);
background-repeat:no-repeat;
/*behavior:url('../js/fx-iepngfix.htc');*/
margin:0px auto 30px;
}

#footer address{
display:none;
}



/*contents*/
#container{
width:830px;
text-align:left;
background-image:url(../common_img/contents_bg.png);
background-repeat:repeat-y;
margin:0 auto;
padding:10px 0px 0px 30px;
position:relative;
}

* html #container{
width:830px;
text-align:left;
background-image:url(../common_img/contents_bg.gif);
background-repeat:repeat-y;
/*behavior:url('../js/fx-iepngfix.htc');*/
margin:0 auto;
padding:10px 0px 0px 30px;
position:relative;
}

#topContainer{
width:855px;
text-align:left;
background-image:url(../common_img/contents_bg.png);
background-repeat:repeat-y;
margin:0 auto;
padding:10px 0px 0px 5px;
position:relative;
}

* html #topContainer{
width:855px;
text-align:left;
background-image:url(../common_img/contents_bg.gif);
background-repeat:repeat-y;
margin:0 auto;
padding:10px 0px 0px 5px;
position:relative;
}

.topMargin{
margin:0px 0px 0px 25px;
}

#pan{
width:790px;
text-align:right;
margin:0px 0px 0.5em;
}

#container h3{
margin:0px 0px 10px;
padding:0;
}

#topFlash{
width:850px;
height:550px;
margin:0px 0px -15px;
}

#topFlash h1{
display:none;
}


/*pageTop*/
#pageTop01{
width:790px;
height:27px;
text-align:center;
margin:10px 0px 0px 5px;
position:relative;
}

#pageTopBtn{
width:85px;
height:14px;
position:absolute;
bottom:0px;
right:0px;
}

#pageTop_aiu{
font-size:x-small;
position:absolute;
bottom:0px;
left:0px;
}


#pageTop02{
width:610px;
height:27px;
margin:10px 0px 0px 5px;
padding:0px 0px 0px 180px;
position:relative;
}

#pageTop02 img{
margin:0px 0px 0px 45px;
}

#pageTopBtn02{
width:85px;
height:14px;
position:absolute;
bottom:0px;
right:45px;
}






/*camp*/
#camp01 {
width:790px;
height:45px;
background-image:url(../common_img/camp01_btn.jpg);
background-repeat:no-repeat;
margin:50px 0px 0px 5px;
}

#camp01 ul {
margin:0;
padding:0;
}

#camp01 li {
display:inline;
list-style-type:none;
}

#camp01 li a {
width:790px;
height:45px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

#camp01 li.c_btn01 a {
background:url(../common_img/camp01_btn.jpg) no-repeat 0px 0px;
width:790px;
}

#camp01 li.c_btn01 a:hover{
background:url(../common_img/camp01_btn.jpg) no-repeat 0px -45px;
width:790px;
}

#camp01 li.c_btn01_on a {
background:url(../common_img/camp01_btn.jpg) no-repeat 0px -45px;
width:790px;
}


#camp02 {
width:790px;
height:45px;
background-image:url(../common_img/camp02_btn.jpg);
background-repeat:no-repeat;
margin:50px 0px 0px 5px;
}

#camp02 ul {
margin:0;
padding:0;
}

#camp02 li {
display:inline;
list-style-type:none;
}

#camp02 li a {
width:790px;
height:45px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

#camp02 li.c_btn01 a {
background:url(../common_img/camp02_btn.jpg) no-repeat 0px 0px;
width:790px;
}

#camp02 li.c_btn01 a:hover{
background:url(../common_img/camp02_btn.jpg) no-repeat 0px -45px;
width:790px;
}

#camp02 li.c_btn01_on a {
background:url(../common_img/camp02_btn.jpg) no-repeat 0px -45px;
width:790px;
}



/*glovalNavi*/

#gloval01 {
height:46px;
background-image:url(../common_img/gloval_01.png);
background-repeat:no-repeat;
margin:0;
}

* html #gloval01 {
height:46px;
/*behavior:url('../js/fx-iepngfix.htc');*/
background-image:url(../common_img/gloval_01.gif);
background-repeat:no-repeat;
margin:0;
}

#gloval01 ul {
margin:0;
padding:0;
}

#gloval01 li {
display:inline;
list-style-type:none;
}

#gloval01 li a {
height:46px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

#gloval02 {
width:790px;
height:32px;
background-image:url(../common_img/gloval_02.jpg);
background-repeat:no-repeat;
margin:0px 0px 10px 5px;
}

#gloval02 ul {
margin:0;
padding:0;
}

#gloval02 li {
display:inline;
list-style-type:none;
}

#gloval02 li a {
height:32px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*------off*/
#gloval01 li.g_navi01 a {
background:url(../common_img/gloval_01.png) no-repeat 0px 0px;
width:213px;
}

* html #gloval01 li.g_navi01 a {
background:url(../common_img/gloval_01.gif) no-repeat 0px 0px;
width:213px;
}

#gloval01 li.g_navi02 a {
background:url(../common_img/gloval_01.png) no-repeat -213px 0px;
width:301px;
}

* html #gloval01 li.g_navi02 a {
background:url(../common_img/gloval_01.gif) no-repeat -213px 0px;
width:301px;
}

#gloval01 li.g_navi03 a {
background:url(../common_img/gloval_01.png) no-repeat -514px 0px;
width:149px;
}

* html #gloval01 li.g_navi03 a {
background:url(../common_img/gloval_01.gif) no-repeat -514px 0px;
width:149px;
}

#gloval01 li.g_navi04 a {
background:url(../common_img/gloval_01.png) no-repeat -663px 0px;
width:217px;
}

* html #gloval01 li.g_navi04 a {
background:url(../common_img/gloval_01.gif) no-repeat -663px 0px;
width:217px;
}


#gloval02 li.g_navi05 a {
background:url(../common_img/gloval_02.jpg) no-repeat 0px 0px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi06 a {
background:url(../common_img/gloval_02.jpg) no-repeat -200px 0px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi07 a {
background:url(../common_img/gloval_02.jpg) no-repeat -400px 0px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi08 a {
background:url(../common_img/gloval_02.jpg) no-repeat -600px 0px;
width:190px;
}

/*------hover*/
#gloval01 li.g_navi01 a:hover{
background:url(../common_img/gloval_01.png) no-repeat 0px -46px;
width:213px;
}

* html #gloval01 li.g_navi01 a:hover{
background:url(../common_img/gloval_01.gif) no-repeat 0px -46px;
width:213px;
}

#gloval01 li.g_navi02 a:hover{
background:url(../common_img/gloval_01.png) no-repeat -213px -46px;
width:301px;
}

* html #gloval01 li.g_navi02 a:hover{
background:url(../common_img/gloval_01.gif) no-repeat -213px -46px;
width:301px;
}

#gloval01 li.g_navi03 a:hover{
background:url(../common_img/gloval_01.png) no-repeat -514px -46px;
width:149px;
}

* html #gloval01 li.g_navi03 a:hover{
background:url(../common_img/gloval_01.gif) no-repeat -514px -46px;
width:149px;
}

#gloval01 li.g_navi04 a:hover{
background:url(../common_img/gloval_01.png) no-repeat -663px -46px;
width:217px;
}

* html #gloval01 li.g_navi04 a:hover{
background:url(../common_img/gloval_01.gif) no-repeat -663px -46px;
width:217px;
}

#gloval02 li.g_navi05 a:hover{
background:url(../common_img/gloval_02.jpg) no-repeat 0px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi06 a:hover{
background:url(../common_img/gloval_02.jpg) no-repeat -200px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi07 a:hover{
background:url(../common_img/gloval_02.jpg) no-repeat -400px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi08 a:hover{
background:url(../common_img/gloval_02.jpg) no-repeat -600px -32px;
width:190px;
}


/*------on*/
#gloval01 li.g_navi01_on a {
background:url(../common_img/gloval_01.png) no-repeat 0px -46px;
width:213px;
}

* html #gloval01 li.g_navi01_on a {
background:url(../common_img/gloval_01.gif) no-repeat 0px -46px;
width:213px;
}

#gloval01 li.g_navi02_on a {
background:url(../common_img/gloval_01.png) no-repeat -213px -46px;
width:301px;
}

* html #gloval01 li.g_navi02_on a {
background:url(../common_img/gloval_01.gif) no-repeat -213px -46px;
width:301px;
}

#gloval01 li.g_navi03_on a {
background:url(../common_img/gloval_01.png) no-repeat -514px -46px;
width:149px;
}

* html #gloval01 li.g_navi03_on a {
background:url(../common_img/gloval_01.gif) no-repeat -514px -46px;
width:149px;
}

#gloval01 li.g_navi04_on a {
background:url(../common_img/gloval_01.png) no-repeat -663px -46px;
width:217px;
}

* html #gloval01 li.g_navi04_on a {
background:url(../common_img/gloval_01.gif) no-repeat -663px -46px;
width:217px;
}

#gloval02 li.g_navi05_on a{
background:url(../common_img/gloval_02.jpg) no-repeat 0px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi06_on a{
background:url(../common_img/gloval_02.jpg) no-repeat -200px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi07_on a{
background:url(../common_img/gloval_02.jpg) no-repeat -400px -32px;
width:190px;
margin:0px 10px 0px 0px;
}

#gloval02 li.g_navi08_on a{
background:url(../common_img/gloval_02.jpg) no-repeat -600px -32px;
width:190px;
}


/*font*/
.font_pink{
color:#FF728D;
}

.font_blue{
color:#68A9FF;
}

.font_xs{
font-size:x-small;
color:#666666;
}

.fontPresent1{
font-size:medium;
font-weight:bold;
color:#FF728D;
}