@charset "utf-8";

/* Share Style
----------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

body {
	background:#FFFFFF url(../images/body_bg.jpg) repeat-x left top;
	font-size:80%;
	font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	}

h1,h2,h3,h4,h5,h6 {
	}

p,li,dt,dl {
	margin:0;
	padding:0;
	}
	
ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
img {
	border:0;
	}

a:link {
	color:#007491;  
	text-decoration:underline;
	}
a:visited {
	color:#007491;  
	text-decoration:underline;  
	}
a:hover {
	color:#00B4E3;  
	text-decoration:underline;  
	}  
a:active {
	color:#00B4E3;  
	text-decoration:underline;  
	}

#container {
	margin:0 auto;
	width:770px;
	background:#FFF;
	}

/* header
----------------------------------------------------------- */
#header {
	background:url(../images/title_bg.gif) no-repeat left top;
	width:770px;
	height:155px;
	}
#header h1 {
	margin-top:20px;
	}
	
#header p#subtitle {
	float:right;
	}

/* navi
----------------------------------------------------------- */

#navi {
	background:url(../images/navi_bg.gif) no-repeat right top;
	width:770px;
	height:79px;
	}

#navi img {
	vertical-align:top;
	}

#mainNavi,#subNavi {
	background:url(../images/navi_bgBTM.gif) no-repeat left bottom;
	}

/* mainNavi
----------------------------------------------------------- */
#mainNavi {
	margin-bottom:3px;
	width:770px;
	height:28px;
	}

#mainNavi ul {
	padding-left:25px;
	}

#mainNavi ul li {
	display:block;
	float:left;
	padding-right:2px;
	}

#mainNavi ul li.mn16 a,#mainNavi ul li.mn17 a,#mainNavi ul li.mn18 a,#mainNavi ul li.mn19 a,#mainNavi ul li.mn20 a,#mainNavi ul li.mn21 a,#mainNavi ul li.mn22 a {
	display:block;
	width:90px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	}
	
#mainNavi ul li.mn16 a:hover,#mainNavi ul li.mn17 a:hover,#mainNavi ul li.mn18 a:hover,#mainNavi ul li.mn19 a:hover,#mainNavi ul li.mn20 a:hover,#mainNavi ul li.mn21 a:hover,#mainNavi ul li.mn22 a:hover {
	width:90px;
	height:28px;
	}

#mainNavi ul li.mn16 a {
	background:url(../images/mn16_off.gif) no-repeat;
	}
#mainNavi ul li.mn17 a {
	background:url(../images/mn17_off.gif) no-repeat;
	}
#mainNavi ul li.mn18 a {
	background:url(../images/mn18_off.gif) no-repeat;
	}
#mainNavi ul li.mn19 a {
	background:url(../images/mn19_off.gif) no-repeat;
	}
#mainNavi ul li.mn20 a {
	background:url(../images/mn20_off.gif) no-repeat;
	}
#mainNavi ul li.mn21 a {
	background:url(../images/mn21_off.gif) no-repeat;
	}
#mainNavi ul li.mn22 a {
	background:url(../images/mn22_off.gif) no-repeat;
	}

#mainNavi ul li.mn16 a:hover {
	background:url(../images/mn16_on.gif) no-repeat;
	}
#mainNavi ul li.mn17 a:hover {
	background:url(../images/mn17_on.gif) no-repeat;
	}
#mainNavi ul li.mn18 a:hover {
	background:url(../images/mn18_on.gif) no-repeat;
	}
#mainNavi ul li.mn19 a:hover {
	background:url(../images/mn19_on.gif) no-repeat;
	}
#mainNavi ul li.mn20 a:hover {
	background:url(../images/mn20_on.gif) no-repeat;
	}
#mainNavi ul li.mn21 a:hover {
	background:url(../images/mn21_on.gif) no-repeat;
	}
#mainNavi ul li.mn22 a:hover {
	background:url(../images/mn22_on.gif) no-repeat;
	}
	
/* subNavi
----------------------------------------------------------- */
#subNavi {
	width:770px;
	height:28px;
	}

#subNavi ul {
	padding-left:15px;
	}

#subNavi ul li {
	display:block;
	float:left;
	padding-right:2px;
	}

#subNavi ul li.home a,#subNavi ul li.yume a,#subNavi ul li.site a {
	display:block;
	width:770px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	}
	
#subNavi ul li.home a:hover,#subNavi ul li.yume a:hover,#subNavi ul li.site a:hover {
	width:770px;
	height:28px;
	}

#subNavi ul li.home a {
	background:url(../images/sn_home_off.gif) no-repeat;
	width:90px;
	}
#subNavi ul li.yume a {
	background:url(../images/sn_yume_off.gif) no-repeat;
	width:182px;
	}
#subNavi ul li.site a {
	background:url(../images/sn_site_off.gif) no-repeat;
	width:121px;
	}

#subNavi ul li.home a:hover {
	background:url(../images/sn_home_on.gif) no-repeat;
	width:90px;
	}
#subNavi ul li.yume a:hover {
	background:url(../images/sn_yume_on.gif) no-repeat;
	width:182px;
	}
#subNavi ul li.site a:hover {
	background:url(../images/sn_site_on.gif) no-repeat;
	width:121px;
	}

/* main
----------------------------------------------------------- */
#all {
	float:left;
	background:url(../images/main_bg.gif) repeat-y right top;
	width:770px;
	}

/* new
----------------------------------------------------------- */
#new {
	float:left;
	padding-bottom:10px;
	width:516px;
	}

#new h2 {
	margin-left:30px;
	padding-top:20px;
	background:url(../images/h2_whatsNew_bg.gif) no-repeat right top;
	}

#new dl {
	padding:10px 20px 10px 30px;
	background:url(../images/line_gr.gif) no-repeat left bottom;
	line-height:1.5;
	} 
	
#new dl dd.nolink {
	padding-left:15px;
	background:url(../images/icon_arrow0.gif) no-repeat 0 0.4em; 
	}

#new a:link {
	padding-left:15px;
	background:url(../images/icon_arrow2.gif) no-repeat 0 0.3em;
	text-decoration:underline;
	color:#007491;  
	}
#new a:visited {
	padding-left:15px;
	background:url(../images/icon_arrow2.gif) no-repeat 0 0.3em; 
	text-decoration:underline;  
	color:#007491;  
	}
#new a:hover {
	padding-left:15px;
	background:url(../images/icon_arrow1.gif) no-repeat 0 0.3em; 
	text-decoration:underline;  
	color:#00B4E3;  
	}  
#new a:active {
	padding-left:15px;
	text-decoration:underline;  
	background:url(../images/icon_arrow1.gif) no-repeat 0 0.3em; 
	color:#00B4E3;  
	}

/* side
----------------------------------------------------------- */
#side {
	float:right;
	background:url(../images/side_bg.gif) no-repeat left bottom;
	padding-bottom:17px;
	width:254px;
	}

#aboutYume {
	background:url(../images/about_yume_bg.jpg) repeat-y left top #DFF5FB;
	width:254px;
	color:#000;
	}

#aboutYume  p {
	padding:0 30px 0 20px;
	line-height:1.5;
	}
	
#aboutYume  p img.mascot {
	display:block;
	float:right;
	width:75px;
	height:82px;
	}	
		
#aboutYume p#detail {
	background:url(../images/link_detail_bg.jpg) no-repeat left bottom;
	padding:15px 0 11px 142px;
	}

#notes {
	background:url(../images/notes_bg.gif) repeat-y left top #FFF;
	width:254px;
	color:#FFF;
	}

#notes h2 {
	background:url(../images/notes_h2_bg.gif) no-repeat left top;
	padding:5px 0 5px 55px;
	}

#notes p {
	padding:0 30px 0 20px;
	line-height:1.5;
	}
	
/* plugin
----------------------------------------------------------- */
#plugin {
	clear:both;
	background:url(../images/plugin_bg.gif) no-repeat right top;
	padding:70px 10px 0 20px;
	height:1%;
	color:#666;
	}

#plugin p {
	float:left;
	padding:0 10px 10px 0;
	width:530px;
	line-height:1.5;
	}
	
#plugin ul {
	float:right;
	width:200px;
	}

#plugin ul li {
	display:inline;
	}

/* footer
----------------------------------------------------------- */
#footer {
	clear:both;
	background:url(../images/fotter_bg.gif) repeat-x left top;
	padding:10px;
	color:#666;
	font-size:80%;
	}

#footer p {
	margin-bottom:10px;
	text-align:right;
	line-height:1.6;
	}