@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

FONT CHART 13PX BASED STYLE
10px  77%  : 11px 	85%
12px 	93%  : 13px 	100%
14px 	108% : 15px 	116%
16px 	124% : 17px 	131%
18px 	139% : 19px 	147%
20px 	154% : 21px 	162%
22px 	170% : 23px 	177%
24px 	185% : 25px 	193%
26px 	200%
*/

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ *font-size:small; 
/* for IE Quirks Mode */*font:x-small; 
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;font:100%;
}
pre,code,kbd,samp,tt {
font-family:monospace;*font-size:108%;line-height:100%;
}

/* ELEMENTS
-----------------------*/

html{
overflow-y:scroll;
}
body {
font-family: Arial,helvetica,sans-serif;
line-height:1.5;
color:#666;
background:url(../imgs/bg_rep.gif) repeat #81cff4 center top;
}
* html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
*:first-child+html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
img{
vertical-align:bottom;
}
/** html body a{
zoom:1;
}*/
a{
vertical-align:baseline;
color:#039;
line-height:1.1;
color:#ec7a0a;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
em{
font-weight:bold;
font-style:normal;
}

/* LAYOUT
-----------------------*/
#wrapper{
background:url(../imgs/bg_wrapper.gif) no-repeat center bottom;
/*padding-bottom:210px;*/
}
#header,
#contents,
#footer{
width:950px;
margin:0px auto;
}
#contents{
position:relative;
}
/* HEADER
-----------------------*/
#header{
padding-top:10px;
background:url(../imgs/bg_header.gif) no-repeat left top;
}
/* SLOGAN */
#header .slogan{
color:#fff;
text-align:center;
}
/* MESSAGE */
#header .message{
background:url(../imgs/bg_message.gif) no-repeat left top;
padding:60px 5px 15px 25px;
width:335px;
float:left;
margin-right:17px;
margin-top:-25px;
font-size:93%;
white-space:nowrap;
}
#header .message p{
display:table-cell;
width:320px;
height:60px;
vertical-align:middle;
color:#fff;
}
* html body #header .message p{
display:inline;
zoom:1;
padding-top:10px;
}
*:first-child+html #header .message p{
display:inline;
zoom:1;
padding-top:10px;
}
/* LOGO */
#header .logo{
width:234px;
height:85px;
float:left;
margin-top:13px;
}
/* DATA */
#header .data{
width:300px;
float:right;
margin:25px 0 17px;
}
#header .data p{
text-align:center;
color:#fff;
}
#header .data p img{
vertical-align:middle;
margin-right:3px;
}
#header .data p.member,
#header .data p.avarage{
font-size:139%;
}
#header .data p em{
color:#ffef00;
font-weight:bold;
}
/* NAVIGATION */
.gnav,
.subnav,
.mynav{
clear:both;
margin-bottom:10px;
overflow:hidden;
zoom:1;
}
.gnav{
background:url(../imgs/gnav_on.gif) no-repeat left top;
}
.subnav{
background:url(../imgs/subnav_on.gif) no-repeat left top;
}
.mynav{
background:url(../imgs/mynav_on.gif) no-repeat left top;
}
.gnav li,
.subnav li,
.mynav li{
float:left;
display:inline;
}
.gnav li a{height:43px;}
.gnav li.gn01 a{margin-right:12px;width:43px;}
.gnav li.gn02 a{margin-right:10px;width:244px;}
.gnav li.gn03 a{margin-right:10px;width:245px;}
.gnav li.gn04 a{margin-right:12px;width:245px;}
.gnav li.gn05 a{margin-right:0;width:129px;}

.subnav li a{height:27px;}
.subnav li.sn01 a{width:169px;}
.subnav li.sn02 a{width:161px;}
.subnav li.sn03 a{width:162px;}
.subnav li.sn04 a{width:164px;}
.subnav li.sn05 a{width:162px;}
.subnav li.sn06 a{width:132px;}

.mynav li a{height:43px;}
.mynav li.mn01 a{width:110px;}
.mynav li.mn02 a{width:132px;}
.mynav li.mn03 a{width:120px;}
.mynav li.mn04 a{width:154px;}
.mynav li.mn05 a{width:121px;}
.mynav li.mn06 a{width:205px;}
.mynav li.mn07 a{width:108px;}

.gnav li a,
.gnav li a img,
.subnav li a,
.subnav li a img,
.mynav li a,
.mynav li a img{
display:block;
}
.gnav li a.stay img,
.gnav li a:hover img,
.subnav li a.stay img,
.subnav li a:hover img,
.mynav li a.stay img,
.mynav li a:hover img{
visibility:hidden;
}

* html body .gnav li a:hover,
* html body .subnav li a:hover,
* html body .mynav li a:hover{
background-color:transparent;
}

/* REASON */
.intro{
background:url(../imgs/bg_intro.gif) no-repeat;
height:107px!important;
padding-top:4px;
clear:both;
margin-bottom:10px;
}
.intro .reason,
.intro .reason .graph{
float:left;
}
.intro .reason{
width:490px;
padding-top:7px;
margin-right:-5px;
}
.intro .reason .graph{
margin:0 8px 0 12px;
display:inline;
}
.intro .reason h2{
margin-bottom:13px;
}
.intro .guide,
.intro .regist{
width:225px;
float:left;
}
.intro .guide{
margin-right:7px;
}
.intro .guide .btn{
margin-bottom:3px;
}
.intro .guide .desc{
text-align:center;
}

/* 3-COLUMN LAYOUT
-----------------------*/
#maincol{
width:723px;
float:left;
}
#maincol #primary{
width:498px;
float:right;
display:inline;
}
#maincol #secondary{
width:214px;
float:left;
display:inline;
}
#subcol{
width:214px;
float:right;
}

/* MAINCOL
-----------------------*/
#primary .module{
margin-bottom:10px;
position:relative;
background-color:#fff;
background-image:url(../imgs/bg_ft_main_module.gif);
background-position: bottom left;
background-repeat:no-repeat;
padding-bottom:10px;
}
#primary .module .hd{
background-image:url(../imgs/bg_hd_main_module.gif);
background-position: top left;
background-repeat:no-repeat;
padding-top:10px;
}
#primary .module .hd h3{
margin-left:16px;
margin-bottom:6px;
}
#primary .module .archive_list{
position:absolute;
top:14px;
right:17px;
}
/* ONE CLICK */
#primary .oneclick .hd{
background-image:url(../imgs/bg_hd_oneclick.gif);
background-position: top left;
background-repeat:no-repeat;
padding-top:16px;
}

#primary .oneclick{
background:url(../imgs/bg_ft_oneclick.gif) no-repeat left bottom;
padding:0;
position:relative;
margin-bottom:10px;
overflow:hidden
zoom:1;
height:1%;
}
#primary .oneclick ul{
width:368px;
float:right;
margin-top:-6px;
zoom:1;
height:1%;
}
#primary .oneclick ul li{
float:left;
display:inline;
position:relative;
}
#primary .oneclick ul li a{
zoom:1;
}
#primary .oneclick p.desc{
width:368px;
float:right;
color:#EC7A0A;
}
#primary .oneclick h3{
width:107px;
position:absolute;
top:18px;
left:13px;
}
#primary .oneclick .detail{
clear:both;
position:absolute;
top:57px;
left:13px;
}
#primary .oneclick .btn_sleep{
margin-right:10px;
}
#primary .oneclick .bnt_woke{
margin-right:0px;
}
#primary .oneclick .message{
clear:both;
margin:10px 0 0 13px;
padding:10px
}

/* TAB UI */
#primary .tab_area{
background:#fff url(../imgs/bg_ft_tab_area.gif) bottom left no-repeat;
padding-bottom:25px;
}
#primary .tab_panel li{
float:left;
}
#maincol .tab_content{
background:#fff;
}

/* USER MAP */
#primary #usermap_tab .tab_content{
height:406px;
text-align:center;
zoom:1;
height:1%;
}
#primary #usermap_tab1{
text-align:center;
}
#primary #usermap_tab .tab_panel{
background:#81cffa url(../imgs/bg_usermap.gif) bottom left no-repeat;
zoom:1;
}
#primary #usermap_tab .tab_panel li .selected{
visibility:hidden;
}

/* USER GRAPH */
#maincol #usergraph_tab .tab_content{
height:183px;
padding:20px 23px 0 17px;
}
#primary #usergraph_tab1 p em{
color:#09c;
font-size:124%;
}
#primary #usergraph_tab .tab_panel{
background:#81cffa url(../imgs/bg_usergraph.gif) bottom left no-repeat;
zoom:1;
}
#primary #usergraph_tab .tab_panel li .selected{
visibility:hidden;
}
/* MY GRAPH */



/* IMG DESC SINGLE LIST */
#primary .img_desc_single_list{
margin:0 12px 10px;
}
#primary .img_desc_single_list li{
padding-left:148px;
}
#primary .img_desc_single_list .link img{
margin-left:-148px;
width:138px;
}


/* REPORT */
#primary .img_desc_sub_list{
margin:0;
}
#primary .img_desc_sub_list li{
padding-left:110px;
width:120px;
margin-left:16px;
}
#primary .img_desc_sub_list .link img{
margin-left:-110px;
width:100px;
}
#primary .img_desc_sub_list .desc{
margin-right:0px;
}

/* GRAPH */

div#primary div.graph h3{
color:#EC7A0A;
}
#primary div.graph h3 span{
font-size:139%;
}
div#primary div.graph div.control{
background:#fff url(../imgs/bg_graph_control.gif) repeat-x left bottom;
padding-bottom:3px;
margin-bottom:12px;
overflow:hidden;
}
div#primary div.graph div.control ul{
margin:0 0 0 2px;
}
div#primary div.graph div.control li{
display:inline;
float:left;
margin-right:2px;
}
div#primary div.graph div.control dt{
text-align:center;
padding:3px 0 4px;
}
div#primary div.graph div.control dl{
float:left;
display:inline;
line-height:0;
font-size:0;
border-right:1px solid #fff;
}
div#primary div.graph div.control dl.type{
width:186px;
margin-left:1px;
background:#d3e8f1;
padding-top:1px;
}
div#primary div.graph div.control dl.sleep,
div#primary div.graph div.control dl.wake{
margin-left:1px;
width:152px;
}
div#primary div.graph div.control dl.sleep,
div#primary div.graph div.control dl.wake,
div#primary div.graph div.control dl.both{/*
width:100px;*/
}
div#primary div.graph div.control dl ul{
background-position:left top;
background-repeat:no-repeat;
zoom:1;
}
div#primary div.graph div.control dl.type ul{
background-image:url(../mypage/imgs/bg_type.gif);
}
div#primary div.graph div.control dl.sleep ul{
background-image:url(../mypage/imgs/bg_sleep.gif);
}
div#primary div.graph div.control dl.wake ul{
background-image:url(../mypage/imgs/bg_wake.gif);
}
div#primary div.graph div.control dl.both ul{
background-image:url(../mypage/imgs/bg_both.gif);
}
div#primary div.graph div.control dl ul li a{
display:block;
}
div#primary div.graph div.control dl ul li a:hover img,
div#primary div.graph div.control dl ul li a.selected img{
visibility:hidden;
}

div#primary div.graph div.control dl.type,
div#primary div.graph div.control dl.sleep,
div#primary div.graph div.control dl.wake,
div#primary div.graph div.control dl.both{
}

div#primary div.graph div.control dl.sleep{
background-color:#d3e8f1;
}
div#primary div.graph div.control dl.wake{
background-color:#d3e8f1;
}
div#primary div.graph div.control dl.both{
margin-right:5px;
background-color:#d3e8f1;
border-right:none;
}
div#primary div.graph p.download a,
div#primary div.graph p.note a{
background-repeat:no-repeat;
position:absolute;
right:10px;
}
div#primary div.graph p.download a{
background-image:url(../imgs/icon_arrow_down.gif) ;
background-position:right center;
padding-right:15px;
top:20px;
}
div#primary div.graph p.note a{
background-image:url(../imgs/bullet02.gif);
background-position:left center;
padding-left:15px;
bottom:20px;
}
div#primary div.graph div.output p{
text-align:center;
padding:10px 0;
}


/* RECORD */
#primary .record .date{
text-align:center;
margin-bottom:10px;
}
#primary .record label{
margin-right:0.2em;
}
#primary .record input{
vertical-align:middle;
margin:0 0.2em 2px 0;
}
#primary .record textarea{
padding:2px;
width:350px;
overflow-y:scroll;
}
#primary .record .rule{
margin:0 45px 1em 27px;
line-height:1.2;
}
#primary .record .rule dt{
font-weight:bold;
}
#primary .record .control{
margin:0 16px 0;
}
#primary .record .control dt{
background-color:#fdf4e1;
font-weight:bold;
color:#000;
margin-bottom:10px;
padding:5px 7px;
}
#primary .record .control dd{
margin:0 0 20px 57px;
}
#primary .record .submit{
text-align:center;
}
#primary .record h4{
color:#EC7A0A;
font-weight:bold;
margin:0 0 10px 16px;
}


/* SUBCOL
-----------------------*/
.module{
margin-bottom:10px;
position:relative;
background-color:#fff;
background-image:url(../imgs/bg_ft_sub_module.gif);
background-position: bottom left;
background-repeat:no-repeat;
padding-bottom:10px;
}
.module .hd{
background-image:url(../imgs/bg_hd_sub_module.gif);
background-position: top left;
background-repeat:no-repeat;
padding-top:10px;
zoom:1;
}
.module .hd h4{
margin-left:10px;
margin-bottom:6px;
}
.module .archive_list{
position:absolute;
top:10px;
right:10px;
}
.module .txtlist,
.module .imglist,
.module .ver_imglist,
.module .img_desc_list{
margin:0 12px 0 10px;
padding-top:8px;
}
.module .txtlist dt{
line-height:1.2;
font-size:93%;
}
.module .ver_imglist li,
.module .txtlist dd,
.module .imglist li,
.module .img_desc_list li{
background:url(../imgs/dot.gif) repeat-x bottom left;
margin-bottom:6px;
padding:0 0 6px 0.5em;
}
.module .ver_imglist li,
.module .img_desc_list li,
.module .imglist li{
margin-bottom:10px;
padding:0 0 10px 0.5em;
overflow:hidden;
}
.ver_imglist li.last,
.ver_imglist li:last-child,
.imglist li.last,
.imglist li:last-child,
.module .txtlist dd:last-child,
.module .txtlist dd.last,
.module .img_desc_list li.last,
.module .img_desc_list li:last-child{
background:none;
margin-bottom:0;
padding-bottom:0;
}
.module .imglist li{
clear:both;
height:1%;
}
.imglist img{
width:50px;
margin-right:10px;
float:left;
display:inline;
}
.module .img_desc_list li{
padding-left:57px;
zoom:1;
}
.module .img_desc_list img{
margin-left:-57px;
float:left;
width:50px;
}

/* TWEETS */
#secondary #tweets{
margin:10px 12px 10px 10px;
}
#secondary #tweets p{
border-bottom:1px solid #ddd;
padding:0 0 5px 0;
}
#secondary .twitter .account{
text-align:center;
}
/* PRODUCTS */
#secondary .products .imglist dd{
min-height:40px/* same as IMG heights*/;
}
.imglist dd p{
padding-left:50px;
}
*:first-child+html body .imglist dd p{
padding-left:0;
}

/* RESEARCH */
#secondary .research .txtlist dd{
background:none;
padding:0;
}
#secondary .research .image{/*
margin:0 12px 0 10px;*/
margin-top:3px;
display:block;
}
#secondary .products .txtlist dd.last{
background:url(../imgs/dot.gif) repeat-x bottom left;
margin-bottom:6px;
padding:0 0 6px 0.5em;
}

/* SOCIAL BOOKMARK ICON*/
#subcol .social{
background:url(../imgs/bg_social.gif) no-repeat;
height:16px;
padding:15px 10px;
font-size:0;
margin-bottom:10px;
}
#subcol .social ul{
margin-right:-4px;
text-align:center;
}
#subcol .social li{
/*float:left;*/
display:inline;
margin-right:10px;
}
/* WELCOME MESSAGE */
#subcol .welcome{
background-image:url(../imgs/bg_hd_sub_module.gif);
background-position: top left;
background-repeat:no-repeat;
padding-top:18px;
zoom:1;
}
#subcol .welcome p{
font-weight:bold;
color:#EC7A0A;
font-size:108%;
margin-bottom:10px;
position:relative;
background-color:#fff;
background-image:url(../imgs/bg_ft_sub_module.gif);
background-position: bottom left;
background-repeat:no-repeat;
padding-bottom:15px;
padding-left:10px;
}


/* CATEGORY*/
div#secondary div.data_cat ul{
margin:0 0px 0 10px;
background:url(../mypage/imgs/icon_bg_data_cat.gif) no-repeat left top;
zoom:1;
}
div#secondary div.data_cat ul li{
display:inline;
float:left;
margin:0 7px 4px 0;
}
div#secondary div.data_cat ul li a{
display:block;
}
div#secondary div.data_cat ul li a:hover img{
visibility:hidden;
}
/*#secondary .category ul li a{
background:url(../imgs/bullet02.gif) no-repeat left center;
padding-left:13px;
}*/

/* SPECIAL SPOT */
div#secondary div.special_spot div.hd{
background-image:url(../imgs/bg_hd_special_spot.gif);
}
div#secondary div.special_spot h4{
margin-bottom:-4px;
}
div#secondary div.special_spot dl{
background:url(../imgs/bg_special_spot.gif) no-repeat center top;
padding-top:24px;
}
div#secondary div.special_spot dl dt,
div#secondary div.special_spot dl dd{
margin:0 7px;
padding:0 3px;
background:#ffefb5;
}
div#secondary div.special_spot dl dd p.photo{
margin-bottom:5px;
}
div#secondary div.special_spot dl dd p{
margin:0 6px 0;
line-height:1.2;
}
div#secondary div.special_spot dl dd p.comment{
color:#b76718;
margin-bottom:3px;
}
div#secondary div.special_spot p.detail_link{
background:url(../imgs/bg_ft_special_spot.gif) no-repeat center bottom;
padding:10px 16px 10px;
}

/* SUBCOL
-----------------------*/
/* LOGIN */
#subcol .login h4,
#subcol .login p{
margin-bottom:10px;
}
#subcol .login{
background:#fffcd9 url(../imgs/bg_hd_login.gif) no-repeat top left;
padding:12px 0 0;
margin-bottom:10px;
zoom:1;
}
#subcol .login form{
background:url(../imgs/bg_ft_login.gif) no-repeat bottom left;
padding:0 12px 12px
}
#subcol .login input.txt{
/*
background:url(../imgs/bg_login_input.gif) no-repeat;
*/
background:none;
border:none;
width:172px;
height:19px;/*
color:#f3aa63;*/
padding:10px 6px 5px;
font-size:108%;
}
#subcol .login p.mail,
#subcol .login p.pass{
padding:0 4px 0 2px;
background:url(../imgs/bg_login_input.gif) left bottom no-repeat;
}
#subcol .login .record{
font-size:85%;
color:#c8a96d;
width:118px;
margin-left:4px;
float:left;
display:inline;
zoom:1;
vertical-align:middle;
margin-top:10px;
line-height:1;
}
#subcol .login .record input{
vertical-align:middle;
margin-right:3px;
display:inline;
}
#subcol .login .record label{
display:inline;
}
#subcol .login .submit{
float:right;
width:67px;
margin-bottom:0;
}
#subcol .login .submit #btn_submit{
height:35px;
background:url(../imgs/b_login.jpg);
width:67px;
border:0;/*
text-indent:-9999em;*/
cursor:pointer;
}

#subcol .login .util{
clear:both;
margin-left:5px;
}
#subcol .login .util li{
background:url(../imgs/bullet.gif) no-repeat 0 0.2em;
padding-left:15px;
font-size:85%;
}
/* BANNER */
div.bnr ul li{
margin-bottom:10px;
}
#subcol .ad li{
padding:7px 0;
background:#fff;
}
#subcol .ad li img{
display:block;
width:200px;
margin:0 auto 5px;
}

/* MONITOR */
div#subcol div.monitor{
margin-bottom:10px;
}
div#subcol div.monitor dl{
background:#fff;
border-width:0 1px 1px;
border-style:solid;
border-color:#ffa811;
padding:5px;
}
div#subcol div.monitor dl dt{
background:#fff0b4 url(../imgs/bg_hd_monitor.gif) no-repeat;
border-bottom:1px dotted #ffa811;
color:#cc6600;
margin:0 8px 6px 7px;
text-align:center;
padding:1px 2px 2px;
}
div#subcol div.monitor dl dd{
margin:0 8px 10px 7px;
padding-left:74px;
}
div#subcol div.monitor dl dd img{
margin-left:-74px;
float:left;
display:inline;
}
div#subcol div.monitor dl dd img.ovr{
margin-left:0;
float:none;
}

/* ENQUETE */
#subcol .enquete{
/*height:250px;*/
}
#subcol .enquete .enquete_body{
width:160px;
margin:10px auto;
}
#subcol .enquete .question{
background:url(../imgs/icon_enquete01.gif) center left no-repeat;
margin:0 14px 10px;
padding:0 10px 0 20px;
}
#subcol .enquete .answer{
margin:0 14px 0px;
}
#subcol .enquete li{
background:url(../imgs/bg_ft_enquete.gif) bottom left no-repeat;
text-align:center;
margin-bottom:5px;
zoom:1;
}
#subcol .enquete li span{
background:url(../imgs/bg_hd_enquete.gif) top left no-repeat;
display:block;
}
#subcol .enquete li a{
display:block;
overflow:hidden;
padding:8px 0;
}

/* CALENDAR */
#subcol .calendar{
position:relative;
}
*:first-child+html #subcol .calendar table{
border-collapse:collapse;
}
* html #subcol .calendar table{
border-collapse:collapse;
}
#subcol .calendar table{
border-collapse:separate;
border-left:1px solid #cacaca;
border-bottom:1px solid #cacaca;
background:#fff;
margin:0 5px 10px 6px;
}
#subcol .calendar table th,
#subcol .calendar table td{
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
padding:3px 0;
text-align:center;
font-size:93%;
}
#subcol .calendar table th{
width:28px;
}
#subcol .calendar table th.sun,
#subcol .calendar table th.sat{
width:27px;
font-weight:bold;
}
#subcol .calendar table .sun{
background-color:#fff1ed;
color:#ff3c00;
}
#subcol .calendar table .sat{
background-color:#f5f3fe;
color:#009bff;
}
#subcol .calendar table .log{
background-color:#ff9d00;
color:#fff;
}
#subcol .calendar h4{
margin-top:-5px;
text-align:center;
}
#subcol .calendar h4 span{
font-weight:bold;
font-size:116%;
}
#subcol .calendar .control li a{
position:absolute;
display:block;
top:10px;
}
#subcol div.calendar ul.control{
height:0px;
}
#memo .control li.prev a,
#subcol .calendar .control li.prev a{
background:url(../imgs/bg_cal_prev.gif) no-repeat left center;
padding-left:13px;
left:11px;
}
#memo .control li.next a,
#subcol .calendar .control li.next a{
background:url(../imgs/bg_cal_next.gif) no-repeat right center;
padding-right:13px;
right:11px;
}
#subcol .calendar .data{
margin:0 5px 0 6px;
}
#subcol .calendar .data span{
font-weight:bold;
color:#f60;
}
#subcol .calendar .data dt,
.calendar .data dd{
text-align:center;
}
#subcol .calendar .data dt{
line-height:1.2;
margin-bottom:3px;
}
#subcol .calendar .data dd{
padding-top:5px;
background:url(../imgs/dot03.gif) repeat-x left top;
margin-bottom:10px;
}
#subcol .calendar .data dd.misc{
margin-bottom:0;
}

div#subcol div.btn_regist{
margin-bottom:10px;
background:none;
}
div#subcol div.btn_regist p.btn_regist{
margin-bottom:3px;
zoom:1;
}

/* FOOTER
-----------------------*/
#footer{
padding:120px 0 15px;
}
.fnav{
margin-bottom:10px;
text-align:center;
}
.fnav li{
display:inline-block;
margin:0;
padding:0px 10px;
line-height:1;
background:url(../imgs/dot02.gif) no-repeat 0 0.2em;
}
.fnav li.fisrt,
.fnav li:first-child{
background:none;
}
*html .fnav li{
display:inline;
zoom:1;
}
*:first-child+html .fnav li{
display:inline;
zoom:1;
}
.fnav li.last,
.fnav02 li.last{
border:none;
}
.fnav li a{
color:#fff;
}
.copyright{
text-align:center;
color:#fff;
font-size:93%;
}

/* IMAGE
-----------------------*/
.imgL{
float:left;
display:inline;
margin-right:10px;
margin-top:0.25em;
line-height:1;
}
.imgR{
float:right;
display:inline;
margin-left:10px;
margin-top:0.25em;

}
.frame,
img.photo{
border:1px solid #ccc;
padding:3px;
}

/* HIDDEN COMPONENTS
---------------------------- */
/* BREADCRUMBS */
.crumb{
margin:10px 10px 1em;
color:#fff;
line-height:1;
}
.crumb a{
color:#fff;
text-decoration:underline;
}
.page_top{
text-align:right;
margin:0;
padding:1em 8px 0.5em 10px;
clear:both;
}
.subcat_index .page_top{
background-color:#4ba8d4;
line-height:1;
}
.subcat_index .page_top a{
color:#fff;
}
.return{
width:400px;
float:left;
margin:0;
padding:1em 8px 0.5em 10px;
}
.return a,
.page_top a{
background-repeat:no-repeat;
background-position:0 2px;
padding-left:16px;
line-height:1;
}
.return a{
background-image:url(../imgs/bg_cal_prev.gif);
}
.page_top a{
background-image:url(../imgs/icon_page_top.gif);
color:#fff;
text-decoration:underline;
}
.section h5,
.section h6{
margin:0 0 0.5em;
font-weight:bold;
}
ul.base,
ol.base{
margin:0 0 1.5em;
}
ul.base li,
ol.base li{
margin-bottom:.5em;
}
ul.base02 li,
ul.base li{
list-style:inside disc;
}
ol.base li{
text-indent:-1em;
padding-left:1em;
list-style:inside decimal;
}

table.base{
border-collapse:separate;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
margin-bottom:20px;
}
*:first-child+html body table.base{
border-collapse:collapse;
}
* html body table.base{
border-collapse:collapse;
}

table.base th,
table.base td{
border-left:1px solid #aaa;
border-top:1px solid #aaa;
padding:7.5px 10px;
}

div#privacy div.section dt{
font-weight:bold;
margin-bottom:0.25em;
}
div#privacy div.section dd{
margin-bottom:0.5em;
}
div#legal table.base th,
div#company table.base th,
div#entry  table.base th,
div#contact table.base th{
width:150px;
}
div#legal table.base td,
div#company table.base td,
div#entry  table.base td,
div#contact table.base td{
width:463px;
}
div#entry textarea.policy,
div#contact textarea.policy{
width:620px;
margin-bottom:20px;
}
div#legal th,
div#company th,
div#entry th,
div#contact th{
background:#fafafa;
}
.alert,
.red{
color:#c00;
font-weight:bold;
}
div#sitemap ul.list li a{
background:url(../imgs/bullet02.gif) no-repeat left center;
padding-left:13px;
}
div#sitemap ul.list{
float:left;
width:320px;
margin-right:10px;
display:inline;
}
.section p{
margin-bottom:1em;
}
.section p.page_top{
margin-bottom:0;
}
/* IMG DESC MAIN LIST */
.img_desc_main_list{
margin:0 24px 0 17px;
}
.img_desc_main_list li{
padding-left:200px;
margin-bottom:8px;
background:url(../osusume/imgs/dot.gif) no-repeat center bottom;
padding-bottom:13px;
overflow:hidden;
position:relative;
zoom:1;
}
.img_desc_main_list li:last-child,
.img_desc_main_list li.last{
background:none;
padding-bottom:0px;
}
.img_desc_main_list .link{
font-size:139%;
margin-bottom:0.2em;
}
.img_desc_main_list .link img{
margin-left:-200px;
float:left;
width:186px;
}

/* HYPERLINK
-----------------------*/
.more_link01{
position:absolute;
right:0px;
bottom:5px;
}
.more_link02{
text-align:right;
}
.link04 a,
.ext_link a,
.more_link01 a,
.more_link02 a{
background:url(../imgs/bullet02.gif) no-repeat right center;
padding-right:13px;
}
a.opw{/*
background:url(../imgs/m_opw.gif) no-repeat right center;*/
background:url(../imgs/m_opw.png) no-repeat right bottom;
padding-right:13px;
zoom:1;
}
.member .img_desc_main_list{
margin:0 22px 0 20px;
}
.member .img_desc_main_list li{
padding-left:130px;
margin-bottom:20px;
}
.member .img_desc_main_list .link{
font-size:124%;
margin-bottom:0.5em;
font-weight:bold;
}
.member .img_desc_main_list .link img{
margin-left:-130px;
width:120px;
}
p.link01,
p.link02{
padding:5px 0;
}
p.link01 a{
background:url(../imgs/bullet02.gif) no-repeat right center;
padding-right:13px;
}
p.link02 a{
background:url(../imgs/bullet02.gif) no-repeat left center;
padding-left:13px;
}
div#usermap_tab p.desc_link{
text-align:left;
margin:15px 0 0 12px;
word-wrap:break-word;
}

/* IMG DESC SUB LIST */
.img_desc_sub_list{
margin:0 0 0 5px;
}
.img_desc_sub_list li{
padding-left:130px;
overflow:hidden;
width:218px;
float:left;
display:inline;
}
.img_desc_sub_list .link a{
font-weight:bold;
}
.img_desc_sub_list .link img{
margin-left:-130px;
float:left;
width:120px;
}
.img_desc_sub_list .desc{
margin-bottom:0.5em;
}
.img_desc_sub_list .desc,
.img_desc_sub_list .link04{
margin-right:15px;
}
.img_desc_sub_list .link04{
text-align:right;
}
/* IMG DESC SINGLE LIST */
.img_desc_single_list{
margin:0 20px 0 5px;
}
.img_desc_single_list li{
padding-left:196px;
overflow:hidden;
position:relative;
zoom:1;
}
.img_desc_single_list .link img{
margin-left:-196px;
float:left;
width:186px;
}

/* IMG HORIZONTAL LINK */
.img_hor_link ul{
margin:0 20px 0 5px;
}
.img_hor_link ul li{
width:325px;
}
.img_hor_link .item01,
.img_hor_link .item03{
float:left;
clear:left;
}
.img_hor_link .item02,
.img_hor_link .item04{
float:right;
}
.img_hor_link .link04{
text-align:right;
}

/* IMG VERTICAL LINK */
.img_ver_list{
margin:0 20px 0 5px;
}
.img_ver_list li img{
float:left;
margin-right:10px;
}
.img_ver_list li{
overflow:auto;
margin-bottom:10px;
}
ul.img_know_list{
margin-bottom:20px;
}

ul.img_know_list li{
float:left;
display:inline;
}


/* Tooltip
---------------------------- */
#tooltip{
position:absolute;
border:1px solid #333;
background:#fff5dd;
padding:5px 10px;
width:120px;
/*
display:none;*/
}