/* CSS Document */

/* base */
.base{ width:908px; margin:0 auto;text-align:left;}
.content_base{ width:908px; margin:0 auto;text-align:left; background:right bottom url(/cmn_img/r_base_body.jpg) repeat-y;}
.content_base02{background:right bottom url(/cmn_img/r_base_foot.jpg) no-repeat; height:100%;}


/* head */
#head_base{ padding:14px 0 0 0;}
.head_logo{float:left; padding-left:4px;}
#head_base div div{float:right; font-size:90%; color:#999999; padding-right:4px;}
#head_base ul{margin-left:-3px;}
#head_base li{float:left; line-height:0; padding-left:3px;}

/* gnavi */
#gnavi_base{background:left top url(/cmn_img/gnavi_back.jpg) repeat-x;}
#gnavi_base ul{padding:0 4px 0 4px;}
#gnavi_base li{float:left; line-height:0;}
#gnavi_base a:hover img{filter:alpha(opacity=100);opacity:1;}

/* mainphoto */
#mainphoto_base{ background:left top url(/cmn_img/main_back.jpg) repeat-x;}
#mainphoto_base a:hover img{filter:alpha(opacity=100);opacity:1;}

/* pan */
#pan_base{ background:left top url(/cmn_img/pan_back.jpg) repeat-x;}
#pan_inner{ font-size:90%; padding:7px 0 25px 5px;}

/* content */
#content{width:650px; float:left;}
#r_content{width:246px; float:right;}
#r_content_inner{padding:10px 14px 0 14px; background:left top url(/cmn_img/r_base_head.jpg) no-repeat;}
.r_box01{ background: left bottom url(/cmn_img/r_base_line.gif) repeat-x; padding:0 0 18px 0; margin:0 0 18px 0;}

/* relation */
#relation_base{ background:left bottom url(/cmn_img/relation_foot.jpg) no-repeat; padding:24px 0 24px 0; height:100%;}
#relation_base ul{background:left top url(/cmn_img/relation_body.jpg) repeat-y;}
#relation_base li{ background:left bottom url(/cmn_img/relation_line.jpg) repeat-x; margin:0 16px 0 16px; height:100%; padding:12px 0 12px 0;}
#relation_base li a{ background:3px 3px url(/cmn_img/link_l.gif) no-repeat; padding-left:18px;}

/* menu */
#r_menu_base{background:#ffffff; padding-bottom:10px; height:100%; width:100%;}
.r_menu{background:left top url(/cmn_img/r_menu_body.jpg) repeat-y;}
.r_menu ul{padding-bottom:19px; background:left bottom url(/cmn_img/r_menu_foot.jpg) no-repeat;}
.r_menu li{background:left bottom url(/cmn_img/r_menu_line.jpg) repeat-x; margin:0 19px 0 19px; height:100%;}
.r_menu li a{ display:block; width:100%; background:3px 16px url(/cmn_img/link_l.gif) no-repeat; padding:8px 0 8px 18px;}
#r_menu_on a{ color:#555555; font-weight:bold; background:3px 16px url(/cmn_img/r_menu_on.gif) no-repeat; text-decoration:none;}

/* number */
.number{margin:20px 0 0 0; text-align:center;}
.number a:link, .number a:visited, .number a:active{ border:1px solid #dedede; padding:2px 5px 2px 5px;}
.number a:hover{ background:#F3F3F3; text-decoration:none;}

/* footer */
#topback{padding:0 4px 0 4px; text-align:right; margin:30px 0 0 0;}
#foot_base{background:#F2F1EC left top url(/cmn_img/foot_back.jpg) repeat-x; width:100%;}
#foot_base_inner{padding:23px 0 10px 0; height:100%;}
#foot_contact{ float:left;background:left top url(/cmn_img/foot_line.gif) repeat-y; height:100%;}
#foot_contact li{ float:left; background:top right url(/cmn_img/foot_line.gif) repeat-y; padding:3px 15px 3px 15px; line-height:0; height:100%;}
#foot_contact a:hover img{filter:alpha(opacity=100);opacity:1;}

#foot_navi{float:left; padding-left:15px; width:300px; font-size:90%; line-height:160%;}
#foot_navi li{float:left; width:48%;}
#foot_navi a{ background:3px 3px url(/cmn_img/link_l.gif) no-repeat; padding-left:18px;}

#foot_copy{text-align:center; padding-bottom:10px;}