@charset "utf-8";

body, div, table, th, td, caption, h1, h2, h3, h4, h5, h6, a, p, q, big, small, blockquote, strong, em, pre, ul, ol, li, dl, dt, dd, menu, dir, form, select, address, cite, embed, object {
	margin:0; 
	padding:0; 
	color:inherit; 
	font-size:inherit; 
	font-weight:inherit; 
	font-style:normal; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; 
	line-height:inherit; 
	text-align:inherit; 
	word-break:normal; 
	list-style-type:none; 
	vertical-align:bottom; 
}
h1, h2, h3, h4, h5, h6, form, select {font-size:100%;}
table {border-style:none; border-collapse:collapse; border-spacing:0px; font-size:100%;}
th, td {text-align:left; vertical-align:top; font-weight:normal;}
* html th, *html td {line-height:2;}
caption {caption-side:top;}
img {border:none; vertical-align:bottom;}

html {height:100%;}
body {
	height:100%; 
	background:#ffffff url(../images/body_bg.gif); 
	color:#333333; 
	font-size:64%; 
	line-height:2; 
	text-align:center; 
	direction:ltr; 
	-webkit-text-size-adjust:auto; 
}

a {color:#333333; text-decoration:none;}
a:hover {color:#003591;}

a.link {display:inline-block; *display:inline; *zoom:1; padding-left:20px; background:url(../images/icon_arrow.gif) 0 center no-repeat; text-decoration:none !important;}

#container {
	width:948px; _width:950px; height:auto !important; height:100%; min-height:100%; position:relative; z-index:1; 
	margin:0 auto; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#ffffff; text-align:left;
}
#container .language {display:inline-block; *display:inline; *zoom:1;}
#container .language:after {display:block; clear:both; height:0; content:"";}
#container .language strong {display:block; float:left; width:52px; height:13px; background:url(../images/general.gif) -350px -240px no-repeat; text-indent:-9999px;}
#container .language menu {float:left;}
#container .language menu:after {display:block; clear:both; height:0; content:"";}
#container .language li {float:left; width:18px; height:13px; margin-right:3px;}
#container .language li a {display:block; width:16px; height:11px; margin:1px; background:url(../images/general.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#container .language li a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#container .language li.japanese           a       {background-position:-410px -240px;}
#container .language li.english            a       {background-position:-430px -240px;}

#header .language li.japanese a {margin:0; border:1px solid #003591;}
#footer .language li.japanese a {margin:0; border:1px solid #ffffff;}

#header {width:950px; position:relative; left:-1px;}
#header:after {display:block; clear:both; height:0; content:"";}
#header h1 {float:left; width:155px; height:155px; position:relative; z-index:10;}
#header h1 a {display:block; width:155px; height:155px; background:url(../images/general.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
	
	#navm {float:right; width:795px; position:relative; z-index:9; padding:14px 0 24px; border-bottom:1px solid #e6e6e6; background:#ffffff url(../images/dot_gray.gif) 225px 0 repeat-y;}
	#navm:after {display:block; clear:both; height:0; content:"";}
	#navm li {width:190px; height:24px;}
	#navm li a {display:block; width:190px; height:24px; background:url(../images/general.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
	
	#navm li.home                            {}
	#navm li.philosphy                       {}
	#navm li.whatisrootote                   {}
	#navm li.typesofrootote                  {position:absolute; left:226px; top:14px;}
	#navm li.news                            {position:absolute; left:226px; top:38px;}
	#navm li.toteascanvas                    {position:absolute; left:226px; top:62px;}
	
	#navm li.home                          a {background-position:-160px 0;}
	#navm li.home                    a:hover {background-position:-350px 0;}
	#navm li.home.selected                 a {background-position:-540px 0;}
	#navm li.philosophy                    a {background-position:-160px -24px;}
	#navm li.philosophy              a:hover {background-position:-350px -24px;}
	#navm li.philosophy.selected           a {background-position:-540px -24px;}
	#navm li.whatisrootote                 a {background-position:-160px -48px;}
	#navm li.whatisrootote           a:hover {background-position:-350px -48px;}
	#navm li.whatisrootote.selected        a {background-position:-540px -48px;}
	#navm li.typesofrootote                a {background-position:-160px -72px;}
	#navm li.typesofrootote          a:hover {background-position:-350px -72px;}
	#navm li.typesofrootote.selected       a {background-position:-540px -72px;}
	#navm li.news                          a {background-position:-160px -96px;}
	#navm li.news                    a:hover {background-position:-350px -96px;}
	#navm li.news.selected                 a {background-position:-540px -96px;}
	#navm li.toteascanvas                  a {background-position:-160px -120px;}
	#navm li.toteascanvas            a:hover {background-position:-350px -120px;}
	#navm li.toteascanvas.selected         a {background-position:-540px -120px;}
	#navm li.onlinestore {width:190px; height:65px; position:absolute; right:0; top:0; background:none;}
	#navm li.onlinestore:after {display:block; clear:both; height:0; content:"";}
	#navm li.onlinestore > ul > li {float:left; width:auto;}
	#navm li.onlinestore > ul > li > a {height:65px;}
	#navm li.onlinestore > ul > li.rakuten  > a       {width:96px; background-position:-750px 0;}
	#navm li.onlinestore > ul > li.rakuten  > a:hover {background-position:-750px -65px;}
	#navm li.onlinestore > ul > li.zozotown > a       {width:94px; background-position:-845px 0;}
	#navm li.onlinestore > ul > li.zozotown > a:hover {background-position:-845px -65px;}
	#navm li.shop                            {width:95px; height:45px; position:absolute; right:95px; top:65px;}
	#navm li.shop                          a {width:95px; height:45px; background-position:-750px -130px;}
	#navm li.shop                    a:hover {background-position:-750px -175px;}
	#navm li.customer                        {width:95px; height:45px; position:absolute; right:0; top:65px;}
	#navm li.customer                      a {width:95px; height:45px; background-position:-845px -130px;}
	#navm li.customer                a:hover {background-position:-845px -175px;}
	#navm li.language                        {width:auto; height:auto; position:absolute; left:463px; top:79px; z-index:10;}
	
	#findrootote {}
	#findrootote h2 {width:140px; height:85px; position:absolute; right:195px; top:-20px; z-index:11;}
	#findrootote h2 a {display:block; width:140px; height:85px; background:url(../images/general.png) -70px 0 no-repeat; _behavior:url(../scripts/iepngfix.htc); text-indent:-9999px; overflow:hidden;}
	#findrootote h2 a:hover {background-position:-70px -95px;}
	#findrootote .drawer {display:none; width:890px; _width:950px; position:absolute; left:0; top:-400px; z-index:8; padding:0 30px 30px; border-bottom:5px solid #003591; background:#ffffff;}
	#findrootote .drawer h3 {width:310px; height:74px; margin-left:125px; background:url(../images/general.gif) 0 -160px no-repeat; text-indent:-9999px; overflow:hidden;}
	#findrootote .drawer ul {width:900px; margin-top:-10px; overflow:hidden;}
	#findrootote .drawer ul:after {display:block; clear:both; height:0; content:"";}
	#findrootote .drawer li {float:left; width:80px; margin:10px 10px 0 0;}
	#findrootote .drawer li a {display:block;}
	#findrootote .drawer li img {display:block;}
	
#header .path {width:794px; height:44px; position:absolute; left:155px; top:111px; background:#ffffff url(../images/line_dotted_white.gif) 0 bottom repeat-x; color:#999999; overflow:hidden;}
#header .path dir {display:inline-block; *display:inline; *zoom:1;}
#header .path li {display:inline-block; *display:inline; *zoom:1; padding-left:14px; background:url(../images/pathh_divider.gif) 0 center no-repeat;}
#header .path li.home {padding-left:10px; background:none;}
#header .path li span, 
#header .path li a {display:table-cell; *display:inline; *zoom:1; height:44px; padding:0 6px 0 9px; font-size:1.1em; line-height:44px; color:#858585;}
#header .path li a:hover {color:#c2c2c2;}

#body {width:950px; padding-bottom:33em; *position:relative; *z-index:-1;}
#body:after {display:block; clear:both; height:0; content:"";}
#body h2 {width:948px; height:100px; _height:101px; border-bottom:1px solid #e6e6e6; background:#ffffff; overflow:hidden;}
#body h2 a {display:block; width:948px; height:82px; margin-top:18px; background:no-repeat; text-indent:-9999px; overflow:hidden;}

#footer {width:950px; position:absolute; left:-1px; bottom:0; z-index:1; background:#003591; overflow:hidden;}
#footer .path {position:relative; background:#002669 url(../images/line_dotted_blue.gif) repeat-x; overflow:hidden;}
#footer .path:after {display:block; clear:both; height:0; content:"";}
#footer .path span, 
#footer .path a {color:#ffffff;}
#footer .path a:hover {color:#b3c3de;}
#footer .path dir {height:40px; margin-left:-12px; background:url(../images/line_dotted_blue.gif) 0 bottom repeat-x;}
#footer .path li {display:inline-block; *display:inline; *zoom:1; padding-left:18px; background:url(../images/pathf_divider.gif) 0 center no-repeat;}
#footer .path li.home {padding-left:22px; background:none;}
#footer .path li span, 
#footer .path li a {display:table-cell; *display:inline; *zoom:1; height:40px; padding:0 6px 0 9px; font-size:1.1em; line-height:40px;}
#footer .path .pagetop {display:inline-block; *display:inline; *zoom:1; position:absolute; right:15px; top:3px; padding:0 23px 0 10px; background:#002669 url(../images/icon_pagetop_blue.gif) right center no-repeat; line-height:34px;}
	
	#navf {width:1046px; padding:4px 0 23px 20px; line-height:1.7;}
	#navf:after {display:block; clear:both; height:0; content:"";}
	#navf ul {float:left; width:233px; margin-right:20px;}
	#navf ul:first-child {width:180px;}
	#navf ul:last-child {width:230px;}
	#navf li {margin-top:2em; color:#ffffff; font-size:1.1em; font-weight:bold;}
	#navf li a {display:block; *zoom:1; color:#ffffff;}
	#navf li a:hover {color:#b3c3de;}
	#navf li ul {float:none; width:auto !important; margin:0; padding:0;}
	#navf li li {margin:0; font-size:1em;}
	#navf li li a {padding-left:11px; background:url(../images/icon_bullet_blue.gif) 0 0.5em no-repeat; font-weight:normal;}
	#navf li.special {display:block; *zoom:1;}
    
#footer small {display:block; padding:0 15px; background:url(../images/line_dotted_blue.gif) repeat-x; color:#ffffff; line-height:50px; overflow:hidden;}
	
	#navb {display:inline-block; *display:inline; *zoom:1; position:absolute; right:12px; bottom:0;}
	#navb li {display:inline-block; *display:inline; *zoom:1; padding:0 8px; background:url(../images/navb_divider.gif) 0 center no-repeat;}
	#navb li:first-child {background:none;}
	#navb li a {display:inline-block; *display:inline; *zoom:1; color:#ffffff; font-size:1.1em; line-height:50px;}
	#navb li a:hover {color:#b3c3de;}
	#navb li.language {height:50px; background:none;}
	#navb li.language strong {margin-top:21px; background-position:-350px -255px;}
	#navb li.language menu {margin-top:21px;}
	#navb li.language li {padding:0; background:none;}


#zipper {width:41px; height:100%; position:absolute; right:0; top:0; z-index:0; background:url(../images/zipper_bg.gif) 14px 0 repeat-y;}
#zipper .slider {width:41px; height:84px; position:fixed; _position:absolute; top:30%; background:url(../images/general.png) -216px 0 no-repeat; _behavior:url(../scripts/iepngfix.htc);}

#tag {width:51px; height:90px; position:fixed; _position:absolute; left:0; bottom:30%; z-index:9; background:url(../images/general.png) no-repeat; _behavior:url(../scripts/iepngfix.htc);}

	
#contents #news {width:530px; _width:568px; padding:13px 19px 0; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#contents #news h3 {margin-bottom:-9px; color:#333333; font-size:1.4em; font-weight:bold;}
#contents #news ul {width:510px; margin-bottom:-1px;}
#contents #news li {width:510px; border-bottom:1px solid #e6e6e6;}
#contents #news li a {display:block; width:510px; padding:19px 0; text-decoration:none;}
#contents #news li a:after {display:block; clear:both; height:0; content:"";}
#contents #news li small, 
#contents #news li h5, 
#contents #news li h4 {font-size:1.2em; line-height:1.5;}
#contents #news li small {display:block; margin-top:-5px; color:#999999; font-weight:bold;}
#contents #news li h5 {}
#contents #news li h4 {color:#1c1060;}
#contents #news li.thumbnail img {float:left;}
#contents #news li.thumbnail small, 
#contents #news li.thumbnail h5, 
#contents #news li.thumbnail h4 {width:440px; margin-left:70px;}
#contents #news li.block h5 {}

#container #body #importantnews {padding:19px;}
#container #body #importantnews:after {display:block; clear:both; height:0; content:"";}
#container #body #importantnews h3 {padding:0; border-bottom:none; color:#333333; font-size:1.4em; font-weight:bold;}
#container #body #importantnews ul {margin-top:4px;}
#container #body #importantnews li {border:none;}
#container #body #importantnews li a {display:block; width:100%; padding:4px 0; text-decoration:none; cursor:pointer;}
#container #body #importantnews li a:after {display:block; clear:both; height:0; content:"";}
#container #body #importantnews li small {display:block; float:left; width:6em; margin:0; color:#999999; font-size:1.2em; font-weight:bold; line-height:1.5;}
#container #body #importantnews li h5 {display:block; margin:0 0 0 7.5em; font-size:1.2em; font-weight:normal; line-height:1.5;}

#container #body #roototenews {padding:19px;}
#container #body #roototenews:after {display:block; clear:both; height:0; content:"";}
#container #body #roototenews h3 {padding:0; border-bottom:none; color:#333333; font-size:1.4em; font-weight:bold;}
#container #body #roototenews ul {margin-top:4px;}
#container #body #roototenews li {border:none;}
#container #body #roototenews li a {display:block; width:100%; padding:4px 0; text-decoration:none; cursor:pointer;}
#container #body #roototenews li a:after {display:block; clear:both; height:0; content:"";}
#container #body #roototenews li small {display:block; float:left; width:6em; margin:0; color:#999999; font-size:1.2em; font-weight:bold; line-height:1.5;}
#container #body #roototenews li h5 {display:block; margin:0 0 0 7.5em; font-size:1.2em; font-weight:normal; line-height:1.5;}

#container #body .sociallinks {height:20px;}
#container #body .sociallinks div {display:inline-block; *display:inline; *zoom:1; height:20px; padding:0; vertical-align:top;}
#container #body .sociallinks div.twitter {margin-right:-5px;}
#container #body .sociallinks div.twitter_simple {margin-right:5px;}
#container #body .sociallinks div.mixi {margin:-2px 5px 0 0;}
#container #body .sociallinks div.hatena {margin-right:5px;}
#container #body .sociallinks div.facebook {}

#container #banners {}
#container #banners ul {margin-top:-1px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#container #banners li {border-top:1px solid #e6e6e6;}
#container #banners li a {display:block; text-decoration:none;}
#container #banners li img {display:block;}

#popupslide {}
#popupslide .stage {
	position:fixed; left:50%; top:50%; z-index:200; display:inline-block; *display:inline; *zoom:1; padding:50px; background:#ffffff; text-align:center;
	-webkit-box-shadow:0px 1px 3px #cccccc; -moz-box-shadow:0px 1px 3px #cccccc; box-shadow:0px 1px 3px #cccccc;
	-ms-filter:'progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=180,Color="#cccccc")';
	border:1px solid #e6e6e6\9;
}
#popupslide .stage .btn_close {position:absolute; right:10px; top:10px; z-index:101; display:block; width:31px; height:31px; background:url(../images/btn_close.gif) 10px 10px no-repeat; text-indent:-9999px; overflow:hidden;}
#popupslide .stage .btn_close:hover {filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#popupslide .stage .image {position:relative; z-index:1; overflow:hidden;}
#popupslide .stage .navi {position:relative; z-index:2; display:inline-block; *display:inline; *zoom:1; margin-bottom:-10px; font-size:1.1em;}
#popupslide .stage .navi a, 
#popupslide .stage .navi span {display:inline-block; *display:inline; *zoom:1;}
#popupslide .stage .navi a {text-decoration:none; padding:6px 0.5em 5px;}
#popupslide .stage .navi a.selected {color:#cccccc;}
#popupslide .stage .navi a.disabled {color:#cccccc;}
#popupslide .stage .navi span {padding:6px 0 5px;}
#popupslide .background {position:fixed; left:0; top:0; z-index:199; width:100%; height:100%; background:#ffffff;}