@charset "utf-8";

/* Copyright (c)2008 INFO ATHLETES, Inc. All Rights Reserved. */


/**************************************************************/
/* format */
/**************************************************************/

#footer {
clear:both;
}

#cnbody div,#cnbody dl,#cnbody dt,#cnbody dd,#cnbody ul,#cnbody ol,#cnbody li,
#cnbody h1,#cnbody h2,#cnbody h3,#cnbody h4,#cnbody h5,#cnbody h6,
#cnbody pre,#cnbody form,#cnbody fieldset,#cnbody textarea,
#cnbody p,#cnbody blockquote,#cnbody th,#cnbody td {
	font-size:100%;
	line-height:160%;
	font-weight:normal;
	margin:0;
	padding:0;
}
#cnbody input {
	font-size:100%;
	font-weight:normal;
	margin:0;
}
#cnbody table {
	font-size:100%;
	line-height:100%;
	font-weight:normal;
	border-collapse:collapse;
	border-spacing:0;
}
#cnbody fieldset,img {
	border:0;
}
#cnbody address,#cnbody caption,#cnbody cite,#cnbody code,#cnbody dfn,#cnbody em,#cnbody th {
	font-style:normal;
	font-weight:normal;
}
#cnbody ol,#cnbody ul {
	list-style:none;
}
#cnbody caption,#cnbody th {
	text-align:left;
}
#cnbody h1,#cnbody h2,#cnbody h3,#cnbody h4,#cnbody h5,#cnbody h6 {
	font-size:100%;
	line-height:100%;
	font-weight:normal;
}
#cnbody q:before,#cnbody q:after {
	content:'';
}
#cnbody abbr,#cnbody acronym {
	border:0;
}



/* init */

#cnbody body,#cnbody div,#cnbody dl,#cnbody dt,#cnbody dd,#cnbody ul,#cnbody ol,#cnbody li,
#cnbody h1,#cnbody h2,#cnbody h3,#cnbody h4,#cnbody h5,#cnbody h6,#cnbody pre,
#cnbody form,#cnbody fieldset,#cnbody input,#cnbody textarea,#cnbody p,#cnbody blockquote,
#cnbody th,#cnbody td,#cnbody table,#cnbody fieldset,#cnbody img,
#cnbody ol,#cnbody ul,#cnbody caption,#cnbody th,#cnbody abbr,#cnbody acronym {
font-family:"HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

#cnbody address,#cnbody caption,#cnbody cite,#cnbody code,#cnbody dfn,
#cnbody em,#cnbody strong,#cnbody th {
font-family:"HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}



/* scheme */

#cnbody {
width:780px;
margin:30px auto 0 auto;
_text-align:left;
height:100%;
}

#cnbody #content-main{
height:100%;
}

#cnbody #content-sub-right{
width:160px;
float:right;
}

#cnbody #content-sub-left{
width:160px;
float:left;
}

#cnbody #content{
width:590px;
float:right;
}



/* sub navigation */

#cnbody .sub-navigation {
margin:0 0 30px 0;
}

#cnbody .sub-navigation-header{
padding:20px 15px 0 15px;
background:url(img/nav-sub-head.gif) left top no-repeat;
font-size:120%;
overflow:hidden;
}

#cnbody .sub-navigation ul {
padding:0 0 16px 0;
background:url(img/nav-sub-bottom.gif) bottom left no-repeat;
}

#cnbody .sub-navigation ul li a{
width:130px;
_width:160px;
padding:8px 15px 5px 15px;
background:url(img/nav-sub-button-n.gif) top left no-repeat;
color:#000000;
text-decoration:none;
display:block;
font-size:95%;
}

#cnbody .sub-navigation ul li a:hover,
#cnbody .sub-navigation ul li a:active,
#cnbody .sub-navigation ul li a:focus{
width:130px;
_width:160px;
padding:8px 15px 5px 15px;
background:url(img/nav-sub-button-o.gif) top left no-repeat;
color:#000000;
text-decoration:none;
display:block;
font-size:95%;
}

#cnbody ul.pointer {
margin:10px 0;
}
#cnbody ul.pointer li {
background:url(img/marker-green-circle.gif) 0 3px no-repeat;
padding-left:17px;
margin:0 0 0 4px;
}




/**************************************************************/
/* element */
/**************************************************************/


/* element-a */

#cnbody strong a{
font-weight:bold;
}



/* element-a-marker */

#cnbody a.forward{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/marker-green-circle.gif) 0 0 no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody a.forward:hover,
#cnbody a.forward:active,
#cnbody a.forward:focus{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/marker-green-forward.gif) 0 0 no-repeat;
color:#99DDFF;
text-decoration:underline;
}


#cnbody a.forward-arrow{
margin:0 0 0 10px;
padding:0 0 0 15px;
background:url(img/marker-gray-forward.gif) 0 0 no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody a.forward-arrow:hover,
#cnbody a.forward-arrow:active,
#cnbody a.forward-arrow:focus{
margin:0 0 0 10px;
padding:0 0 0 15px;
background:url(img/marker-green-forward.gif) 0 0 no-repeat;
color:#99DDFF;
text-decoration:underline;
}

#cnbody span.forward-arrow{
margin:0 0 0 10px;
padding:0 0 0 15px;
background:url(img/marker-gray-forward-off.gif) 0 0 no-repeat;
text-decoration:none;
color:#cccccc;
}



#cnbody a.rewind-arrow{
margin:0 10px 0 0;
padding:0 15px 0 0;
background:url(img/marker-gray-rewind.gif) top right no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody a.rewind-arrow:hover,
#cnbody a.rewind-arrow:active,
#cnbody a.rewind-arrow:focus{
margin:0 10px 0 0;
padding:0 15px 0 0;
background:url(img/marker-green-rewind.gif) top right no-repeat;
color:#8DC931;
text-decoration:underline;
}

#cnbody span.rewind-arrow{
margin:0 10px 0 0;
padding:0 15px 0 0;
background:url(img/marker-gray-rewind-off.gif) top right no-repeat;
text-decoration:none;
color:#cccccc;
}



#cnbody a.up {
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/dummy.gif) 2px 0.3em no-repeat;
text-decoration:none;
}
/* img/marker-up-n.gif */

#cnbody a.up:hover,
#cnbody a.up:active,
#cnbody a.up:focus{
margin:0 0 0 0;
padding:0 0 0 15px;
background:url(img/dummy.gif) 1px 0.3em no-repeat;
text-decoration:none;
color:#000000;
}
/* img/marker-up-green-o.gif */


#cnbody a.button{
margin:0;
padding:4px 5px 3px 5px;
background:#ffffff url(img/button-gray.gif) left bottom repeat-x;
text-decoration:none;
border:1px #cccccc solid;
color:#000000;
line-height:200%;
*line-height:200%;
_line-height:200%;
}

#cnbody a.button:hover,
#cnbody a.button:active,
#cnbody a.button:focus{
margin:0;
padding:4px 5px 3px 5px;
background:#99DDFF;
text-decoration:none;
border:1px #cccccc solid;
color:#000000;
line-height:200%;
*line-height:200%;
_line-height:200%;
}

#cnbody span.button{
margin:0;
padding:4px 5px 3px 5px;
background:#99DDFF;
text-decoration:none;
border:1px #cccccc solid;
color:#ffffff;
font-weight:bold;
}


#cnbody a.button-round{
margin:0;
padding:0;
text-decoration:none;
color:#000000;
font-weight:bold;
line-height:300%;
*line-height:300%;
_line-height:300%;
}

#cnbody a.button-round .button-round-1{
background:#e5e5e5 url(img/button-round-n-lt.gif) left top no-repeat;
padding:10px 0 0 0;
*padding:0;
_padding:0;
}

#cnbody a.button-round .button-round-2{
background: url(img/button-round-n-rt.gif) right top no-repeat;
padding:10px 0 0 0;
}

#cnbody a.button-round .button-round-3{
background:#e5e5e5 url(img/button-round-n-rb.gif) right bottom no-repeat;
padding:0 10px 10px 0;
*padding:0 10px 0 0;
_padding:0 10px 0 0;
}

#cnbody a.button-round .button-round-4{
background: url(img/button-round-n-lb.gif) left bottom no-repeat;
padding:0 0 10px 0;
}

#cnbody a.button-round .button-round-5{
background: url(img/button-round-n-marker.gif) 5px center no-repeat;
padding:10px 0 10px 20px;
*padding:0 0 0 20px;
_padding:0 0 0 20px;
}

#cnbody a.button-round:hover,
#cnbody a.button-round:active,
#cnbody a.button-round:focus{
margin:0;
padding:0;
text-decoration:none;
color:#000000;
font-weight:bold;
line-height:300%;
*line-height:300%;
_line-height:300%;
}

#cnbody a.button-round:hover .button-round-1,
#cnbody a.button-round:active .button-round-1,
#cnbody a.button-round:focus .button-round-1{
background:#aad94c url(img/button-round-o-lt.gif) left top no-repeat;
padding:10px 0 0 0;
*padding:0;
_padding:0;
}

#cnbody a.button-round:hover .button-round-2,
#cnbody a.button-round:active .button-round-2,
#cnbody a.button-round:focus .button-round-2{
background: url(img/button-round-o-rt.gif) right top no-repeat;
padding:10px 0 0 0;
}

#cnbody a.button-round:hover .button-round-3,
#cnbody a.button-round:active .button-round-3,
#cnbody a.button-round:focus .button-round-3{
background:#aad94c url(img/button-round-o-rb.gif) right bottom no-repeat;
padding:0 10px 10px 0;
*padding:0 10px 0 0;
_padding:0 10px 0 0;
}

#cnbody a.button-round:hover .button-round-4,
#cnbody a.button-round:active .button-round-4,
#cnbody a.button-round:focus .button-round-4{
background: url(img/button-round-o-lb.gif) left bottom no-repeat;
padding:0 0 10px 0;
}

#cnbody a.button-round:hover .button-round-5,
#cnbody a.button-round:active .button-round-5,
#cnbody a.button-round:focus .button-round-5{
background: url(img/button-round-o-marker.gif) 5px center no-repeat;
padding:10px 0 10px 20px;
*padding:0 0 0 20px;
_padding:0 0 0 20px;
}


#cnbody a.go{
margin:0;
padding:0 15px 0 0;
background:url(img/marker-gray-forward.gif) center right no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody a.go:hover,
#cnbody a.go:active,
#cnbody a.go:focus{
margin:0;
padding:0 15px 0 0;
background:url(img/marker-green-forward.gif) center right no-repeat;
color:#99DDFF;
text-decoration:underline;
}

#cnbody a.post{
margin:0 10px 0 0;
padding:2px 0 3px 25px;
background:url(img/marker-post-n.gif) 0 0 no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody a.post:hover,
#cnbody a.post:active,
#cnbody a.post:focus{
margin:0 10px 0 0;
padding:2px 0 3px 25px;
background:url(img/marker-post-o.gif) 3px 3px no-repeat;
color:#99DDFF;
text-decoration:underline;
}



/* element-em */

#cnbody em{
font-weight:bold;
font-style:normal;
}



/* element-form */

#cnbody textarea{
font-size:12px;
line-height:18px;
text-align:left;
border-right: solid #CCC 1px;
border-top: solid #CCC 1px;
border-left: solid #CCC 1px;
border-bottom: solid #CCC 1px;
padding:2px;
}



/* element-form-station */

#cnbody #MasterStationTitle{
width:180px;
*height:20px;
_height:26px;
font-size:12px;
line-height:18px;
text-align:left;
border-right: solid #cccccc 1px;
border-top: solid #cccccc 1px;
border-left: solid #cccccc 1px;
border-bottom: solid #cccccc 1px;
padding:2px;
}

#cnbody #MasterStationTitleSubmit{
width:60px;
*height:26px;
_height:26px;
font-size:12px;
line-height:18px;
text-align:center;
border-right: solid #cccccc 1px;
border-top: solid #cccccc 1px;
border-left: solid #cccccc 1px;
border-bottom: solid #cccccc 1px;
background-color:#99DDFF;
padding:2px 10px;
color:#ffffff;
font-weight:bold;
}


/* element-h */

#cnbody h1{
font-size:180%;
line-height:140%;
*font-weight:normal;
_font-weight:normal;
}


#cnbody h1{
padding:20px 0 0 0;
margin:0 0 20px 0;
background:url(img/h1-green-1.gif) left top no-repeat;
}

#cnbody h1.img{
padding:0;
margin:0 0 20px 0;
background:none;
}

#cnbody h2{
background:url(img/h2.gif) no-repeat left 2px;
font-size:120%;
*font-size:120%;
_font-size:120%;
line-height:140%;
font-weight:bold;
*font-weight:bold;
_font-weight:bold;
margin:0 0 15px 0;
padding:0 0 0 20px;
clear:both;
}

#cnbody h2 img{
margin-top:-1px;
}

#cnbody h3{
font-size:110%;
*font-size:105%;
_font-size:105%;
font-weight:bold;
*font-weight:bold;
_font-weight:bold;
}

#cnbody h2 span{
display:block;
}

#cnbody .column-2-1 h2{
margin:0 0 15px 0;
padding:0;
background:url(img/h2-green-2-1-top.gif) left top no-repeat;
}

#cnbody .column-2-1 h2 span{
padding:12px 10px 10px 28px;
_padding:10px 10px 10px 28px;
background:url(img/h2-green-2-1-bottom.gif) left bottom no-repeat;
display:block;
color:#ffffff;
}

#cnbody #content-sub-left h2,
#cnbody #content-sub-right h2{
margin:0 0 15px 0;
padding:0;
background:url(img/h2-green-3-1-top.gif) left top no-repeat;
}

#cnbody #content-sub-left h2 span,
#cnbody #content-sub-right h2 span{
padding:12px 10px 10px 28px;
_padding:10px 10px 10px 28px;
background:url(img/h2-green-3-1-bottom.gif) left bottom no-repeat;
display:block;
color:#ffffff;
}

#cnbody #content-sub-left h2.bar,
#cnbody #content-sub-right h2.bar{
padding:20px 0 0 0;
margin:0 0 15px 0;
background:none;
background:url(img/h2-gray-3-1.gif) left top no-repeat;
}



#cnbody h3{
margin:0 0 15px 0;
padding:0;
border: 2px solid #CCCCCC;
}

#cnbody h3 span{
padding:5px 5px 4px 14px;
_padding:5px 5px 4px 14px;
margin:3px;
border-left: 2px solid #E11F27;
display:block;
color:#000000;
}

#cnbody .content-select h3{
margin:0 0 10px 0;
padding:0;
background:none;
}



/* element-img */

#cnbody img{
border:none;
}



/* element-img-position */


#cnbody img.left{
margin:0 20px 20px 0;
float:left;
}

#cnbody img.right{
margin:0 0 20px 20px;
float:right;
}



/* element-ol */

#cnbody ol{
margin:0 0 0 20px;
_margin:0 0 0 0;
*margin:0 0 0 0;
_padding:0 0 0 28px;
*padding:0 0 0 28px;
list-style-type:decimal;
list-style-position:outside;
}



/* element-p */

#cnbody .p{
margin:0 0 30px 0;
}

#cnbody p{
margin:0 0 10px 0;
}



/* element-strong */

#cnbody strong{
font-weight:bold;
}



/* element-table */

#cnbody table{
border-top:2px #cccccc solid;
width:100%;
}

tr{
}

#cnbody td,
#cnbody th{
padding:5px;
text-align:left;
vertical-align:top;
border-bottom:1px #cccccc solid;
}

#cnbody th{
white-space:nowrap;
font-weight:bold;
}

#cnbody .odd{
background-color: #F5F5F5;
}



/* element-ul */

#cnbody ul{
list-style-type:none;
}



/* element-ul-disc */

#cnbody ul.disc{
margin:0 0 0 20px;
_margin:0 0 0 0;
*margin:0 0 0 0;
_padding:0 0 0 20px;
*padding:0 0 0 20px;
list-style-type:disc;
list-style-position:outside;
vertical-align:top;
}



/* element-ul-list */

#cnbody ul.list{
padding:5px 0 0 0;
background:url(img/dot-01.gif) repeat-x top left;
}

#cnbody ul.list li{
padding:15px 0;
background:url(img/dot-01.gif) repeat-x bottom left;
}



/* element-ul-marker */

#cnbody ul.forward li,
#cnbody ul li ul.forward li{
padding-left:15px;
text-indent:-15px;
}

#cnbody ul.forward li a,
#cnbody ul li ul.forward li a {
padding:0 0 0 15px;
background:url(img/marker-green-n.gif) 0 0 no-repeat;
}

#cnbody ul.forward li a:hover,
#cnbody ul.forward li a:active,
#cnbody ul.forward li a:focus,
#cnbody ul li ul.forward li a:hover,
#cnbody ul li ul.forward li a:active,
#cnbody ul li ul.forward li a:focus{
background:url(img/marker-forward-green-o.gif) 0 0 no-repeat;
}


#cnbody ul.forward li a.inline {
margin:0;
padding:0;
background:none;
border-bottom:1px #999999 dotted;
}

#cnbody ul.forward li a.inline:hover,
#cnbody ul.forward li a.inline:active,
#cnbody ul.forward li a.inline:focus{
margin:0;
padding:0;
background:none;
border-bottom:none;
}


/* marker-o */


#cnbody ul.forward-inline li{
float:left;
white-space:nowrap;
}

#cnbody ul.forward-inline li a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/marker-green-n.gif) 0 0 no-repeat;
white-space:nowrap;
}

#cnbody ul.forward-inline li a:hover,
#cnbody ul.forward-inline li a:active,
#cnbody ul.forward-inline li a:focus{
background:url(img/marker-forward-green-o.gif) 0 0 no-repeat;
white-space:nowrap;
}





/**************************************************************/
/* module */
/**************************************************************/

/* module-article */

#cnbody .content-article{
padding:20px 0 0 0;
margin:0 0 30px 0;
line-height:150%;
background: url(img/bar.gif) left top no-repeat;
}


#cnbody #content-sub-left .content-article h2,
#cnbody #content-sub-right .content-article h2{
margin:0 0 15px 0;
padding:0 5px;
background:none;
}

#cnbody #content-sub-left .content-article h2 img,
#cnbody #content-sub-right .content-article h2 img{
margin:0 0 0 -5px;
}

#cnbody .content-article h3{
margin:0 0 5px 0;
font-size:110%;
line-height:140%;
font-weight:bold;
}

#cnbody ul.article{
border-bottom:1px #cccccc dotted;
}

#cnbody ul.article li{
text-decoration:none;
color:#000000;
border-top:1px #cccccc dotted;
display:block;
}

#cnbody ul.article li a{
padding:10px 5px 7px 24px;
background:url(img/article-icon-small.gif) 5px 11px no-repeat;
text-decoration:none;
color:#000000;
display:block;
}

#cnbody ul.article li a:hover,
#cnbody ul.article li a:active,
#cnbody ul.article li a:focus{
padding:10px 5px 7px 24px;
background:#CCEEFF url(img/article-icon-small.gif) 5px 11px no-repeat;
text-decoration:none;
color:#000000;
display:block;
}

#cnbody ul.article li.post{
text-decoration:none;
color:#000000;
border-top:1px #cccccc dotted;
display:block;
}

#cnbody ul.article li.post a{
padding:10px 5px 7px 24px;
background:url(img/marker-post-n.gif) 5px 11px no-repeat;
text-decoration:none;
color:#000000;
display:block;
}

#cnbody ul.article li.post a:hover,
#cnbody ul.article li.post a:active,
#cnbody ul.article li.post a:focus{
padding:10px 5px 7px 24px;
background:#CCEEFF url(img/marker-post-o-green.gif) 5px 11px no-repeat;
text-decoration:none;
color:#000000;
display:block;
}


#cnbody ul.article-list{
border-bottom:1px #cccccc dotted;
}

#cnbody ul.article-list li{
padding:10px 5px 7px 5px;
text-decoration:none;
color:#000000;
border-top:1px #cccccc dotted;
display:block;
}

#cnbody #content-main .content-article{
padding:20px 0 0 0;
margin:0 0 30px 0;
line-height:150%;
background: url(img/bar-1.gif) left top no-repeat;
}



/* module-attention */

#cnbody .content-attention{
background:url(img/attention-3-1-top.gif) left top no-repeat;
}

#cnbody .attention-bottom{
padding:10px;
background:url(img/attention-3-1-bottom.gif) left bottom no-repeat;
}

#cnbody .attention{
margin:0 0 10px 0;
padding:6px 0 4px 31px;
display:block;
background:url(img/icon-attention.gif) left center no-repeat;
line-height:140%;
}



/* module-clear */

/*for IE 5.5-7*/
#cnbody div,
#cnbody ul,
#cnbody ul li,
#cnbody a.compare-item,
#cnbody a.room-title,
#cnbody .room-title-bottom{
zoom:1;
}

/*for modern browser*/
#cnbody div:after,
#cnbody ul:after,
#cnbody ul li:after,
#cnbody a.compare-item:after,
#cnbody a.room-title:after,
#cnbody .room-title-bottom:after{
content:".";
display: block;
height:0;
clear:both;
visibility:hidden;
}


#cnbody .clear{
clear:both;
width:0;
height:0;
overflow:hidden;
}



/* module-clip */


#cnbody .name{
font-size:140%;
font-weight:bold;
}


/* module-column */


#cnbody .column-2-1{
width:250px;
}


/* module-compare */

#cnbody #content-compare{
margin:0 0 30px 0;
border:1px dotted #CCCCCC;
background-color:#F2F2F2;
}


#cnbody .compare-bottom{
padding:10px;
}

#cnbody .noItem{
color:#cccccc;
}

#cnbody #content-compare h2{
margin:0 0 10px 0;
padding:0;
background:none;
}

#cnbody #content-compare a.compare{
width:160px;
height:44px;
background:url(img/h2-compare-n.gif) left top no-repeat;
display:block;
text-indent: -9999px;
}

#cnbody #content-compare a.compare:hover,
#cnbody #content-compare a.compare:active,
#cnbody #content-compare a.compare:focus{
width:160px;
height:44px;
background:url(img/h2-compare-o.gif) left top no-repeat;
display:block;
text-indent: -9999px;
}

#cnbody #content-compare a.compare-item{
padding:5px;
margin:0 0 10px 0;
display:block;
border:1px #cccccc solid;
background:#ffffff;
text-decoration:none;
color:#000000;
line-height:140%;
}

#cnbody #content-compare a.compare-item .building{
margin-bottom:5px;
display:block;
}

#cnbody #content-compare a.compare-item img{
float:left;
}

#cnbody #content-compare a.compare-item .description{
width:77px;
float:right;
font-size:85%;
display:block;
cursor:pointer;
}

#cnbody #content-compare a.compare-item:hover,
#cnbody #content-compare a.compare-item:active,
#cnbody #content-compare a.compare-item:focus{
border:1px #99DDFF solid;
background:#CCEEFF;
}


/* module-feature */

#cnbody table.feature{
width:590px;
}
table.feature tr{
}
#cnbody table.feature td,
#cnbody table.feature th{
padding:5px;
text-align:left;
vertical-align:top;
border:none;
}

#cnbody table.feature th{
white-space:nowrap;
font-weight:bold;
}

#cnbody .odd{
background-color: #F5F5F5;
}

#cnbody .content-feature{
padding:30px 0 0 0;
margin:0 0 30px 0;
background: url(img/feature-top.gif) left top no-repeat;
border: 1px solid #CCCCCC;
}

#cnbody #content-sub-left .content-feature,
#cnbody #content-sub-right .content-feature{
padding:10px 0 0 0;
margin:0 0 30px 0;
background: url(img/feature-3-1-top.gif) left top no-repeat;
}

#cnbody #content-sub-left .feature-bottom,
#cnbody #content-sub-right .feature-bottom{
padding:0 0 10px 0;
background: url(img/feature-3-1-bottom.gif) left bottom no-repeat;
}


#cnbody .content-feature a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/marker-green-n.gif) 0 0 no-repeat;
white-space:nowrap;
}

#cnbody .content-feature a:hover,
#cnbody .content-feature a:active,
#cnbody .content-feature a:focus{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:url(img/marker-forward-green-o.gif) 0 0 no-repeat;
white-space:nowrap;
}

#cnbody ul.station li {
background:url(img/marker-station-n.gif) repeat-x center right;
float:left;
padding:2px 10px 2px 0;
}
#cnbody ul.station li.last {
background:none;
}

#cnbody .content-feature ul.station a{
padding:4px 5px 3px 5px;
border:#cccccc 1px solid;
background:#ffffff;
white-space:nowrap;
float:left;
line-height:120%;
}

#cnbody .content-feature ul.station a:hover,
#cnbody .content-feature ul.station a:active,
#cnbody .content-feature ul.station a:focus{
padding:4px 5px 3px 5px;
border:#cccccc 1px solid;
background:#99DDFF;
color:#000000;
white-space:nowrap;
line-height:120%;
text-decoration:none;
}



/* module-float */

#cnbody .right{
float:right;
}

#cnbody .left{
float:left;
}

#cnbody .center{
margin:0 auto;
text-align:center;
}



/* module-fontsize */


#cnbody .fontsize-90{
font-size:90%;
}

#cnbody .fontsize-85{
font-size:85%;
}

#cnbody .fontsize-80{
font-size:80%;
}

#cnbody .fontsize-70{
font-size:70%;
}



/* module-lead */

#cnbody .lead{
font-size:115%;
}



/* module-line */

#cnbody #content-sub-left .bar,
#cnbody #content-sub-right .bar{
padding:20px 0 0 0;
background:url(img/bar.gif) left top no-repeat;
}



/* module-margin */

#cnbody .margin-bottom-10{
margin-bottom:10px;
}

#cnbody .margin-bottom-20{
margin-bottom:20px;
}

#cnbody .margin-bottom-15{
margin-bottom:15px;
}

#cnbody .margin-bottom-30{
margin-bottom:30px;
}



#cnbody .margin-top-15{
margin-top:15px;
}

#cnbody .margin-top-10{
margin-top:10px;
}

#cnbody .margin-top-20{
margin-top:20px;
}

#cnbody .margin-top-30{
margin-top:30px;
}



/* module-news */


#cnbody ul.news li{
padding:0 0 5px 0;
margin:0 0 5px 0;
border-bottom:1px #cccccc solid;
}

#cnbody .date{
width:90px;
float:left;
}

#cnbody .description{
width:410px;
float:right;
}



/* module-object */

#cnbody a.object-small{
width:160px;
margin:0 0 10px 0;
display:block;
text-decoration:none;
border:1px solid #CCCCCC;
background-color:#F0F0F0;
color:#000000;
}

#cnbody a.object-small .object-small-bottom{
padding:15px 18px 12px 19px;
display:block;
}

#cnbody a.object-small span.object-small-bottom img{
margin:0 0 10px 0;
}

#cnbody a.object-small span.object-small-bottom span.description{
width:123px;
margin:0 0 0 0;
font-size:90%;
line-height:140%;
display:block;
float:none;
}

#cnbody a.object-small:hover,
#cnbody a.object-small:active,
#cnbody a.object-small:focus{
margin:0 0 10px 0;
border-color:#99DDFF;
display:block;
text-decoration:none;
background-color:#CCEEFF;
color:#000000;
cursor:pointer;
}


#cnbody .object-summary{
margin:0 0 30px 0;
}

#cnbody .object-summary .image{
width:197px;
float:left;
}

#cnbody .object-summary .image a{
margin:0 0 1px 0;
border:1px #e5e5e5 solid;
display:block;
text-align:center;
}

#cnbody .object-summary .image a:hover,
#cnbody .object-summary .image a:active,
#cnbody .object-summary .image a:focus{
margin:0 0 1px 0;
border:1px #99DDFF solid;
display:block;
text-align:center;
}


#cnbody .object-summary .summary{
width:323px;
float:right;
}

#cnbody .object-summary .summary .description{
width:303px;
margin:0;
padding:0;
}


#cnbody a.room-title{
padding:0;
margin:0 0 10px 0;
background-image:none;
background-color:#CCEEFF;
display:block;
text-decoration:none;
color:#000000;
*float:left;
}
#cnbody a.room-title:hover,
#cnbody a.room-title:active,
#cnbody a.room-title:focus{
padding:0;
margin:0 0 10px 0;
display:block;
background-color:#BBDDFF;
text-decoration:none;
*float:left;
cursor:pointer;
}

#cnbody .room-title-bottom{
width:570px;
_width:590px;
padding:10px;
display:block;
}

#cnbody .room-title-bottom .name{
padding:0;
margin:0;
background:none;
float:left;
font-weight:bold;
font-size:110%;
}

#cnbody .room-title-bottom .access{
padding:0;
margin:0;
background:none;
float:right;
text-align:right;
font-weight:bold;
}

#cnbody .object-medium{
margin:0 0 30px 0;
border:1px solid #99DDFF;
}

#cnbody .object-medium p{
margin-left:5px;
margin-right:5px;
}
#cnbody .object-medium .image{
width:252px;
margin:0 0 5px 5px;
float:left;
}

#cnbody .object-medium .summary{
width:320px;
float:right;
margin:0 5px 5px 0;
_margin:0 0 5px 0;
}


#cnbody .object-medium table.room th,
#cnbody .object-medium table.room td{
padding:2px 5px;
font-size:85%;
}

#cnbody .object-medium table.room th{
background:#EEEEEE;
}

#cnbody .object-medium table.room a{
font-weight:bold;
}

#cnbody .object-medium table.room img{
margin-top:2px;
*margin-top:-2px;
}


#cnbody .image-123{
width:123px;
height:123px;
margin:0 1px 0 0;
border:1px #cccccc solid;
text-align:center;
float:left;
background:#ffffff;
}

#cnbody a.image-123:hover,
#cnbody a.image-123:active,
#cnbody a.image-123:focus{
width:123px;
height:123px;
margin:0 1px 0 0;
border:1px #99DDFF solid;
text-align:center;
float:left;
background:#ffffff;
}


#cnbody .detail{
margin:0 0 30px 0;
}

#cnbody .detail-left{
width:322px;
float:left;
}

#cnbody .detail-right{
width:260px;
float:right;
}

#cnbody .detail-right a{
margin:0 0 10px 0;
border:1px #e5e5e5 solid;
display:block;
text-align:center;
}

#cnbody .detail-right a:hover,
#cnbody .detail-right a:active,
#cnbody .detail-right a:focus{
margin:0 0 10px 0;
border:1px #99DDFF solid;
display:block;
}

#cnbody .detail-right p{
width:177px;
margin:0 0 10px 10px;
font-size:85%;
line-height:140%;
}

#cnbody .detail-left a.image{
border:1px #e5e5e5 solid;
display:block;
text-align:center;
}

#cnbody .detail-left a.image:hover,
#cnbody .detail-left a.image:active,
#cnbody .detail-left a.image:focus{
border:1px #99DDFF solid;
display:block;
}

#cnbody .detail-left a.image img{
border:none;
}

#cnbody .arrangement{
margin:0 0 -20px 0;
text-align:center;
position:relative;
top:-220px;
font-size:150%;
color:#999999;
}

#cnbody .detail-left table{
width:322px;
}

#cnbody .detail-left table td,
#cnbody .detail-left table th{
padding:3px;
}

#cnbody a.clip{
width:510px;
height:50px;
_width:520px;
_height:60px;
border:#99DDFF 5px solid;
display:block;
background:url(img/clip-n.gif) left top repeat-x;
color:#000000;
text-indent:-9999px;
}

#cnbody a.clip:hover,
#cnbody a.clip:active,
#cnbody a.clip:focus{
width:510px;
height:50px;
_width:520px;
_height:60px;
border:#99DDFF 5px solid;
display:block;
background:url(img/clip-o.gif) left top repeat-x;
color:#000000;
text-indent:-9999px;
}

#cnbody .clip-overlay{
width:520px;
height:60px;
display:block;
margin-left:40px;
}

#cnbody .clip-overlay img{
width:520px;
height:60px;
display:block;
background:#ffffff;
*background:none;
}

#cnbody .clip-overlay img:hover,
#cnbody .clip-overlay img:active,
#cnbody .clip-overlay img:focus{
width:520px;
height:60px;
display:block;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
cursor:pointer;
background:#ffffff;
*background:none;
}


#cnbody .building {
font-size:80%;
font-weight:bold;
}

#cnbody .detail-information{
width:247px;
margin:0 0 20px 10px;
}

#cnbody .detail-information .detail-layout{
width:247px;
margin:0 0 10px 0;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
}

#cnbody .detail-information .layout-bottom{
width:247px;
padding:10px 0;
text-align:center;
display:block;
font-size:120%;
font-weight:bold;
color:#777777;
}

#cnbody .detail-price{
width:247px;
}

#cnbody .detail-price .price{
width:150px;
margin:0 10px 0 0;
float:left;
}

#cnbody .detail-information .detail-price .tool span{
margin:0 0 1px 0;
cursor: pointer;
display:block;
}

#cnbody .detail-price .tool{
width:16px;
margin:5px 0 0 0;
float:right;
}

#cnbody .detail-information .detail-price .tool a {
border:none;
}

#cnbody .detail-access{
width:247px;
padding:10px 0 0 0;
border-top:1px #cccccc solid;
text-align:center;
font-size:90%;
}

#cnbody .detail-access strong{
font-size:140%;
font-weight:normal;
*font-weight:bold;
_font-weight:bold;
}

#cnbody .detail-price .price{
width:161px;
margin:10px 0 0 0;
}

#cnbody .detail-price .price strong{
margin:0 5px 0 0;
font-size:200%;
*font-size:220%;
_font-size:220%;
font-weight:normal;
}



/* module-form*/
#cnbody .fromSheet #ContactContent {
width:370px;
}
#cnbody #ContactEmail {
width:300px;
}


/* module-select */

#cnbody table.select{
border:1px #99DDFF solid;
width:100%;
}
table.select tr{
}
#cnbody table.select h3{
border:0px solid transparent;
}
#cnbody table.select td,
#cnbody table.select th{
padding:5px;
text-align:left;
vertical-align:top;
border-bottom:1px #99DDFF solid;
background:#f5f5f5;
}

#cnbody table.select th{
white-space:nowrap;
font-weight:bold;
}

#cnbody .content-select{
padding:10px 0 0 0;
margin:0 0 30px 0;
background: url(img/feature-top.gif) left top no-repeat;
}

#cnbody .select-bottom{
padding:0 0 10px 0;
background: url(img/feature-bottom.gif) left bottom no-repeat;
}

#cnbody #content-sub-left .content-select,
#cnbody #content-sub-right .content-select{
width:160px;
padding:0;
margin:0 0 30px 0;
background-image: none;
}

#cnbody #content-sub-left .select-bottom,
#cnbody #content-sub-right .select-bottom{
width:160px;
padding:0;
background-image: none;
}

#cnbody .content-select ul li,
#cnbody .content-select ul li ul li{
padding-left:15px;
text-indent:-15px;
}

#cnbody .content-select ul li a{
padding:0 0 0 15px;
background:url(img/marker-select.gif) 0 0 no-repeat;
}

#cnbody .content-select ul li a:hover,
#cnbody .content-select ul li a:active,
#cnbody .content-select ul li a:focus{
background:url(img/marker-selected.gif) 0 0 no-repeat;
}

#cnbody .content-select ul li.activeli a{
padding:0 0 0 15px;
background:url(img/marker-selected.gif) 0 0 no-repeat;
text-decoration:none;
color:#000000;
}

#cnbody .content-select ul li.activeli a:hover,
#cnbody .content-select ul li.activeli a:active,
#cnbody .content-select ul li.activeli a:focus{
background:url(img/marker-selected.gif) 0 0 no-repeat;
text-decoration:underline;
color:#000000;
}


/* top content */

#top_content .agency {
background:url(img/bg-top.gif) repeat-y 220px;
height:100%;
margin-bottom:20px;
}
#top_content .agency-image {
float:left;
width:200px;
}
#top_content .agency-description {
float:right;
width:500px;
}
#top_content .top_image {
height:100%;
margin-bottom:40px;
}
#top_content .top_images {
clear:both;
background:url(img/bg-top.gif) repeat-y center;
}
#cnbody a.top-items{
float:left;
width:380px;
height:160px;
overflow:hidden;
padding:0;
display:block;
text-decoration:none;
border-top:1px dotted #E0E0E0;
z-index:100;
}
#cnbody .top_images.first a.top-items{
border-top:0px solid transparent;
}
#cnbody a.top-items.r-box{
float:right;
}

#cnbody a.top-items .top-items-bottom{
padding:15px 18px 12px 19px;
display:block;
}

#cnbody a.top-items span.thumb{
}
#cnbody a.top-items span.thumb img{
margin:0 0 10px 0;
float:left;
border:1px solid #DDDDDD;
padding:1px;
z-index:-100;
}

#cnbody a.top-items .update{
display:block;
background:url(img/marker-up.gif) no-repeat left 3px;
padding-left:13px;
}
#cnbody a.top-items h4{
font-size:140%;
margin-bottom:5px;
}

#cnbody a.top-items span.top-items-bottom span.description{
width:210px;
float:right;
margin:0 0 0 0;
font-size:90%;
line-height:140%;
display:block;
}
#cnbody a.top-items table{
width:210px;
float:right;
}

#cnbody a.top-items:hover,
#cnbody a.top-items:active,
#cnbody a.top-items:focus{
padding:0;
border-color:#99DDFF;
display:block;
text-decoration:none;
background-color:#CCEEFF;
color:#000000;
cursor:pointer;
z-index:100;
}

#cnbody .recommend-area {
margin-bottom:40px;
}
#cnbody .recommend-area-bottom {
}
#cnbody .topsearch {
float:right;
}
#cnbody .recommend-area li {
float:left;
margin-right:10px;
background:url(img/marker-li.gif) no-repeat left top;
padding-left:10px;
}

#top_content .detail table {
}
#top_content .detail th {
background-color:#F2F2F2;
width:90px;
}
#top_content .detail td img {
vertical-align:middle;
}
#top_content .detail td.closed {
width:310px;
}




/* module-js */

/* jquery.interface.transfer */
#cnbody #transferHelper {
	border:2px solid #b3b3b3;
}

/* jquery.interface.autocompleter */

#cnbody .ac_results {
	padding: 0px;
	border: 1px solid #9D723B;
	background-color: #FFF5EB;
	overflow: hidden;
}

#cnbody .ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #545454;
}

#cnbody .ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

#cnbody .ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
#cnbody .ac_loading {
	background : url(/img/indicator.gif) right center no-repeat;
}
#cnbody .ac_over {
	background-color: #BC7935;
	color: #FFFFFF;
}

/* jquery.interface.imagebox */
#cnbody #ImageBoxOverlay
{
	background-color: #000;
}
#cnbody #ImageBoxCaption
{
	background-color: #F4F4EC;
#cnbody }
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#cnbody #ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#cnbody #ImageBoxCaptionImages
{
	margin: 0;
}
#cnbody #ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#cnbody #ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}

#cnbody #ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#cnbody #ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

/* suggest.js */

#cnbody .suggest_area {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
}
#cnbody .suggest_area div {
    display: block;
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
}
#cnbody .suggest_area div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#cnbody .suggest_area div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}


#cnbody div.auto_complete {
    background-color :white;
    border:1px solid #888;
	margin:0;
	z-index:9999;
}
#cnbody div.auto_complete * {
		margin:0;
		padding:0;
	}
#cnbody div.auto_complete ul {
		list-style-image:none;
		list-style-type:none;
		background-image:none;
	}
#cnbody div.auto_complete li.selected {
		background-color: #ffb;
	}



/* module-tablesorter */

#cnbody table.tablesorter {
	font-size: 12px;
}
#cnbody table.tablesorter th {
	text-align: left;
	padding: 5px 5px 10px 5px;
	background: #EEEEEE url(img/table-bg.gif) no-repeat left bottom;
	color: #000000;
}
#cnbody table.tablesorter th:hover{
	text-align: left;
	padding: 5px 5px 10px 5px;
	color: #000000;
	background: #CCEEFF url(img/desc-o.gif) no-repeat left bottom;
}

#cnbody table.tablesorter td {
	padding: 5px;
}

#cnbody table.tablesorter td a{
font-weight:bold;
}

#cnbody table.tablesorter .even {
/*	background-color: #3D3D3D;*/
}
#cnbody table.tablesorter .odd {
	background-color: #f0f0f0;
}
#cnbody table.tablesorter .header {
	background: #EEEEEE url(img/table-bg.gif) no-repeat left bottom;
	cursor: pointer;
}
#cnbody table.tablesorter .headerSortUp {
	background: #CCEEFF url(img/asc.gif) no-repeat left bottom;
}
#cnbody table.tablesorter .headerSortDown {
	background: #CCEEFF url(img/desc.gif) no-repeat left bottom;
}
#cnbody table.tablesorter .headerSortUp:hover {
	background: #CCEEFF url(img/asc-o.gif) no-repeat left bottom;
}
#cnbody table.tablesorter .headerSortDown:hover {
	background: #CCEEFF url(img/desc-o.gif) no-repeat left bottom;
}

#cnbody .tablesorterPager{
margin:0 0 5px 0;
text-align:center;
}

#cnbody .tablesorterPager img{
	cursor: pointer;
	vertical-align:middle
}
#cnbody .tablesorterPager input{
	vertical-align:middle
}

#cnbody .pagedisplay{
_width:40px;
height:24px;
padding:2px 5px;
border:1px #e5e5e5 solid;
line-height:140%;
text-align:center;
}



#cnbody .clickableRow {
cursor: pointer;
}
#cnbody .trHighlight {
background-color:#CCEEFF !important;
}


#cnbody table#miniRoomList {
font-size:85%;
}

#cnbody table#miniRoomList td{
padding:2px 5px;
font-size:85%;
}

#cnbody table#miniRoomList th{
padding-top:2px;
font-size:85%;
}

#cnbody table#miniRoomList {
font-size:85%;
}



/* module-URL */

#cnbody #content-main input.url{
width:514px;
*height:20px;
_height:26px;
padding:2px;
*width:520px;
*padding:4px;
_width:520px;
_padding:4px;
margin:5px 0;
border:1px #e5e5e5 solid;
line-height:100%;
}

#cnbody #content-main input.url:hover,
#cnbody #content-main input.url:active,
#cnbody #content-main input.url:focus{
width:514px;
*height:20px;
_height:26px;
padding:2px;
*width:520px;
*padding:4px;
_width:520px;
_padding:4px;
margin:5px 0;
border:1px #99DDFF solid;
line-height:100%;
background-color: #CCEEFF;
}


/* module-error */

#cnbody .error_message{
color:#ff0000;
font-weight:bold;
}



/* module-help */

#cnbody div.help,
#cnbody a.help{
margin:0 0 10px 0;
padding:6px 0 4px 31px;
display:block;
background:url(img/icon-help.gif) left top no-repeat;
line-height:140%;
}

#cnbody a.help{
padding:10px 0 10px 31px;
display:inline;
line-height:200%;
}

#cnbody .content-clip-list .content-clip {
float:left;
width:170px;
height:270px;
margin-right:10px;
margin-bottom:15px;
border:1px solid #DDDDDD;
background-color:#F0F0F0;
overflow:hidden;
}
#cnbody .content-clip-list .clip-bottom {
padding:5px 10px 5px 10px;
}
#cnbody .content-clip-list .building {
font-size:10pt;
margin-bottom:4px;
}
#cnbody .content-clip-list .image {
text-align:center;
height:123px;
margin-bottom:4px;
}
#cnbody .content-clip-list .description {
width:150px;
font-size:8pt;
}


#cnbody .p-360 {
text-align:right;
margin:0 0 30px 0;
}
#cnbody .p-360 a {
text-decoration:none;
color:#AAAAAA;
}
