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


/*--------------------------------------

   common elements
   
----------------------------------------*/
html{background:#fff url(../images/html_bg.gif) repeat-x;}
body{background:url(../images/body_bg.gif) top center repeat-y; height:100%;}

div#layout{width:966px; margin:0 auto; padding-bottom:20px; text-align:left;}

/* #header 
----------------------*/
div#header{height:181px; position:relative; margin:0 0 12px; background:url(../images/header_bg.gif) repeat-y;}
	div#header h1{padding:7px 0 7px 28px; margin:0; float:left;}
	div#header h2{display:none;}
	
/* #gnav */
ul#gnav{margin:0; padding:0; list-style:none; position:absolute; bottom:0; left:0;}
	ul#gnav li{margin:0; padding:0; list-style:none; float:left;}
	ul#gnav li a{display:block; height:56px; float:left; text-indent:-9999px; overflow:hidden; text-decoration:none; background:url(../images/gnavi_bg.gif) no-repeat;}
	
	ul#gnav li#gnav01 a{width:165px; background-position:0 0;}
	ul#gnav li#gnav02 a{width:161px; background-position:-165px 0;}
	ul#gnav li#gnav03 a{width:155px; background-position:-326px 0;}
	ul#gnav li#gnav04 a{width:161px; background-position:-481px 0;}
	ul#gnav li#gnav05 a{width:163px; background-position:-642px 0;}
	ul#gnav li#gnav06 a{width:161px; background-position:100% 0;}
	
	ul#gnav li#gnav01 a:hover{background-position:0 100%;}
	ul#gnav li#gnav02 a:hover{background-position:-165px 100%;}
	ul#gnav li#gnav03 a:hover{background-position:-326px 100%;}
	ul#gnav li#gnav04 a:hover{background-position:-481px 100%;}
	ul#gnav li#gnav05 a:hover{background-position:-642px 100%;}
	ul#gnav li#gnav06 a:hover{background-position:100% 100%;}
	
/* #header_snav */
ul#header_snav{margin:15px 15px 0 0; padding:0; list-style:none; float:right; overflow:hidden;}
	ul#header_snav li{float:left; padding:0 15px; margin:0 -1px 0 0; background:url(../images/kugiri.gif) right center no-repeat;}
	ul#header_snav li a{text-decoration:none; color:#111;}
	ul#header_snav li a:hover{text-decoration:underline;}
	

/* #content 
----------------------*/
div#contents{margin:0 5px; zoom:1;}
div#contents:after{display:block; clear:both; content:' '; height:0.1; overflow:hidden;}

div#sidebar{}

div#main{}


/* #content2
-----------------------------------*/
div#contents2{width:956px; margin:0 5px; padding:5px 0; text-align:left; zoom:1;}
div#contents2:after{display:block; clear:both; content:' '; height:0.1; overflow:hidden;}
p#pagepath{margin-top:0; float:right;}
h2#ttl_img{margin-bottom:40px; padding:5 px 0;}


/* #content2 > main
-----------------------------------*/

div#main{width:890px; margin-left:auto; margin-right:auto;}


/* #footer 
----------------------*/
div#footer{margin:90px 0 0 0; text-align:right;}
div#footer p#toppage{margin:0 20px 15px 0;}
div#footer p#pagetop a{color:#444; text-decoration:none; padding:0 0 0 16px;}
div#footer p#pagetop a:hover{color:#88caf0; text-decoration:underline;}
div#footer p#copyright{clear:both; background:#0051ac url(../images/footer_bg.gif) repeat-x; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; line-height:1; padding:10px; color:#fff;}
	
	
/*--------------------------------------

   toppage
   
----------------------------------------*/
div.top_contents{position:relative; padding-top:425px;}

div#top_slide{width:966px; height:425px; position:absolute; top:0; left:0; text-align:center; background:url(../../top_img/slide_content_bg.gif) no-repeat; text-align:left; z-index:0;}
div#slideshow{width:920px; height:306px; overflow:hidden; text-align:left; position:relative; top:20px; left:23px; z-index:1;}
div#slideshow:hover{cursor:pointer;}
div#slide_nav{margin:15px auto 0; width:944px; height:57px; position:relative; background:url(../../top_img/maki_thumb.jpg) center center no-repeat; z-index:10;}
	div#slide_nav img{position:absolute; top:0; left:0;}
	div#slide_nav a{display:block; width:118px; height:57px; text-indent:-9999px; float:right;}
	div#slide_nav a:hover{background:url(../../top_img/waku_hover.gif) no-repeat;}
	div#slide_nav a.activeSlide{background:url(../../top_img/waku.gif) no-repeat;}
div#top_slide p.txt{margin:20px 0 0; padding-right:7px; font-size:13px; line-height:13px; text-align:right;}


div#top_topics{width:590px; float:left; border-top:solid 1px #0172be; margin-bottom:30px;}
div#top_topics h3{margin:0; padding:18px 12px 10px; font-size:116%; line-height:1.16; background:url(../images/ttl_bg_gray.gif) repeat-x; border-bottom:dotted 1px #999;}
div#top_topics p{padding:15px 12px; margin:0; border-bottom:dotted 1px #999; line-height:1.1em;}

div#top_works{width:340px; float:right; border-top:solid 1px #0172be; background:#e9f4fb; margin-bottom:30px;}
div#top_works h3{margin:0 12px 12px; padding:18px 0 10px; font-size:116%; line-height:1.16;  border-bottom:dotted 1px #999;}
div#top_works div.txt{margin:0 12px;}
div#top_works h4{margin:0 0 0.3em; font-size:100%; font-weight:normal; width:180px; float:left;}
div#top_works p.img{float:right; width:201px;}
div#top_works p.txt{float:left; width:180px;}


/*--------------------------------------

   partner
   
----------------------------------------*/
body#partner div.left,
body#partner div.right{width:440px; float:left;}
body#partner div.left p,
body#partner div.right p{line-height:1em;}
body#partner div.right p.tRight{padding-left:320px;}

/*--------------------------------------

   principle
   
----------------------------------------*/
body#principle h3,
body#principle ol li{margin-bottom:20px;}
body#principle h3.idea{margin-top:80px;}


/*--------------------------------------

   results
   
----------------------------------------*/

body#results h3{margin-top:5px; margin-bottom:8px;}

body#results div#main .img{float:left; margin-right:7px; margin-bottom:10px;}
body#results div#main .img2{float:right; margin-bottom:10px;}