@charset "utf-8";
@import'/cmn/css/localnavi/products.css';


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

                #products.products-index

---------------------------------------------------*/
/*#products.products-index { background:url(/products/img/idx_bg_products.jpg) no-repeat center 120px scroll #d9dadb; }*/
#products.products-index .container #contents { background:none; }
#products.products-index .index .article .unity-group { margin:29px 0 0 0; border:1px solid #ffffff; }
#products.products-index .index .article .unity-group .section { margin:0; }

#products.products-index .index .article .content-links { padding:10px; background:url("/cmn/img/bg_dot_01.gif") repeat left top scroll transparent }
#products.products-index .index .article .content-links .content-wrap { margin:0; padding:7px 10px 14px; background-color:#ffffff; }
#products.products-index .index .article .content-links .content-wrap .title { margin:0 0 5px 0; }
#products.products-index .index .article .osusume .content-wrap ul { margin:20px 0 0 0; }
#products.products-index .index .article .osusume .content-wrap ul li { float:left; width:200px; height:172px; margin:0 0 0 15px; }
#products.products-index .index .article .osusume .content-wrap ul li.first-child { margin:0; }
#products.products-index .index .article .osusume .content-wrap ul li a { display:block; width:200px; height:172px; text-indent:-9999px; overflow:hidden; }
#products.products-index .index .article .osusume .content-wrap ul li a.products1 { background:url(/products/img/idx_btn_products1.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .osusume .content-wrap ul li a.products2 { background:url(/products/img/idx_btn_products2.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .osusume .content-wrap ul li a.products3 { background:url(/products/img/idx_btn_products3.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .osusume .content-wrap ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .other-site { margin:10px 0 0 0; }
#products.products-index .index .article .other-site .other-site-wrap { position:relative; padding-bottom:3em; background:url(/products/img/idx_bg_other.gif) repeat-y 0 0 transparent; }
#products.products-index .index .article .other-site .content-wrap { float:left; width:300px; margin:0 0 0 10px; padding:8px 10px 3px 10px; }
#products.products-index .index .article .other-site .content-wrap.first-child { margin-left:0; }
#products.products-index .index .article .other-site .link-btn a { display:block; width:300px; height:95px; background:url(/products/img/idx_btn_bungu.gif) no-repeat 0 0 transparent; text-indent:-9999px; overflow:hidden; }
#products.products-index .index .article .other-site .bungu .link-btn a { background:url(/products/img/idx_btn_bungu.gif) no-repeat 0 0 transparent; }
#products.products-index .index .article .other-site .kagu .link-btn a { background:url(/products/img/idx_btn_kagu.gif) no-repeat 0 0 transparent; }
#products.products-index .index .article .other-site .link-btn a:hover { background-position:left bottom; }
#products.products-index .index .article .other-site .catalog { padding:3px 0; text-align:right; font-size:85.71428571%; }
#products.products-index .index .article .other-site .line-dot-list { margin:14px 0 0 0; padding:1px 0 0 0; background: url("/cmn/img/line_dot_01.png") repeat-x scroll left top transparent; }
#products.products-index .index .article .other-site .line-dot-list li { position:relative; padding:1px 0 0 100px; background-position:left bottom; }
#products.products-index .index .article .other-site .line-dot-list li span { position:absolute; top:8px; left:0; width:100px; font-size:85.71428571%; color:#8c8c8c; }
#products.products-index .index .article .other-site .line-dot-list li a { display:inline-block; }
#products.products-index .index .article .other-site .other-site-wrap .other { position:absolute; bottom:15px; width:300px; text-align:right; }

#products.products-index .index .article .retail-group { margin:29px 0 0 0;}
#products.products-index .index .article .retail-group .unity-body div { float:left; width:629px; height:132px; margin:0 0 0 16px; }
#products.products-index .index .article .retail-group .unity-body div.first-child { margin:0; }
#products.products-index .index .article .retail-group .unity-body div a { display:block; width:629px; height:132px; text-indent:-9999px; overflow:hidden; }
#products.products-index .index .article .retail-group .unity-body div a.actus { background:url(/products/img/idx_btn_actus.jpg) no-repeat left top scroll transparent; }
#products.products-index .index .article .retail-group .unity-body div a:hover { background-position:left bottom; }


#products.products-index .index .article .hirameki ul li { float:left; width:200px; margin:0 0 0 15px; line-height:1.2em; }
#products.products-index .index .article .hirameki ul li.first-child { margin:0; }
#products.products-index .index .article .hirameki ul li a { display:block; width:200px; height:132px; text-indent:-9999px; overflow:hidden; margin:0 0 6px; }
#products.products-index .index .article .hirameki ul li a.mov { background:url(/products/img/idx_btn_mov.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .hirameki ul li a.studio { background:url(/products/img/idx_btn_hiramekids.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .hirameki ul li a.hirameki-products { background:url(/products/img/idx_btn_hirameki_products.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .hirameki ul li a.playpiu { background:url(/products/img/idx_btn_playpiu.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .hirameki ul li a.kodomo { background:url(/products/img/idx_btn_kodomo.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .hirameki ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .rd .unity-body { padding-bottom:10px; }
#products.products-index .index .article .rd ul { margin:20px 0 0 0; }
#products.products-index .index .article .rd ul li { float:left; width:307px; margin:0 0 0 15px; line-height:1.2em; }
#products.products-index .index .article .rd ul li.odd { margin:0; }
#products.products-index .index .article .rd ul li a { display:block; width:307px; height:132px; text-indent:-9999px; overflow:hidden; margin:0 0 6px; }
#products.products-index .index .article .rd ul li a.stapler { background:url(/products/img/idx_btn_stapler.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .rd ul li a.avein { background:url(/products/img/idx_btn_avein.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .rd ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .another ul { margin:20px 0 0 0; }
#products.products-index .index .article .another ul li.w307 { float:left; width:307px; margin:0 0 0 15px; line-height:1.2em; }
#products.products-index .index .article .another ul li.w629 { float:left; width:629px; margin:0 0 0 15px; line-height:1.2em; }
#products.products-index .index .article .another ul li.odd { margin:0 0 0 0; }
#products.products-index .index .article .another ul li.w307 a { display:block; width:307px; height:132px; text-indent:-9999px; overflow:hidden; margin:0 0 6px; }
#products.products-index .index .article .another ul li.w629 a { display:block; width:629px; height:132px; text-indent:-9999px; overflow:hidden; margin:0 0 6px; }
#products.products-index .index .article .another ul li a.campus { background:url(/products/img/idx_btn_campus.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .another ul li a.stationary-story { background:url(/products/img/idx_btn_stationary_story.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .another ul li a.mo-rum { background:url(/products/img/idx_btn_mo-rum.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .another ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .dealer ul { margin:20px 0 0 0; }
#products.products-index .index .article .dealer ul li.w629 { float:left; width:629px; margin:0 0 0 15px; line-height:1.2em; }
#products.products-index .index .article .dealer ul li.odd { margin:0 0 0 0; }
#products.products-index .index .article .dealer ul li.w629 a { display:block; width:629px; height:132px; text-indent:-9999px; overflow:hidden; margin:0 0 6px; }
#products.products-index .index .article .dealer ul li a.dealer { background:url(/products/img/idx_btn_dealer.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .dealer ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .pickup-kokuyo {}
#products.products-index .index .article .pickup-kokuyo .text { width:430px; }
#products.products-index .index .article .pickup-kokuyo .image { width:200px; }

#products.products-index .index .article .pickup-kokuyo .text p { line-height:1.2em; }
#products.products-index .index .article .pickup-kokuyo .text .date { margin-bottom:6px; font-size:85.71428571%; }
#products.products-index .index .article .pickup-kokuyo .text .title { font-weight:bold; }
#products.products-index .index .article .pickup-kokuyo .text .goto-detail { margin-top:6px; font-size:85.71428571%; }



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

                #products.rd stapler 

---------------------------------------------------*/
#products.rd .index .exordium { position:absolute; top:0; left:0; visibility:hidden; width:670px; height:290px; overflow:hidden; }
#products.rd .index .exordium-note { padding:16px 20px; background-color:#efeff0; }
#products.rd .index .content-links { padding:10px; background:url("/cmn/img/bg_dot_01.gif") repeat left top scroll transparent }
#products.rd .index .content-links div { float:left; width:320px; height:75px; margin-left:10px; overflow:hidden; }
#products.rd .index .content-links div.odd { margin:0; }
#products.rd .index .content-links div a { display:block; width:320px; height:75px; background-repeat:no-repeat; background-position:0 0; background-attachment:scroll; background-color:transparent; text-indent:-9999px; overflow:hidden; }
#products.rd .index .content-links div a:hover { background-position:left bottom; }
#products.rd .index .content-links div a.avein { background-image:url(/products/rd/img/idx_btn_avein.jpg); }
#products.rd .index .content-links div a.stapler { background-image:url(/products/rd/img/idx_btn_stapler.jpg); }

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

                #products.other-enterprise

---------------------------------------------------*/
#products.other-enterprise .index {}
#products.other-enterprise .index .sheet { margin:20px 0 0 0; padding:20px; }
#products.other-enterprise .index .sheet .content-list-type2 { margin:0; }
#products.other-enterprise .index .sheet .content-list-type2 li { margin:15px 0 0 15px; }
#products.other-enterprise .index .sheet .content-list-type2 li.top { margin-top:0; }
#products.other-enterprise .index .sheet .content-list-type2 li.cycle { margin-left:0; }
#products.other-enterprise .index .sheet .content-list-type2 li img { margin:0; }



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

                #products.recommend

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

/* #products.recommend .recommend-detail common style */
#products.recommend .recommend-detail .products-player {}
#products.recommend .recommend-detail .products-player .text { width:350px; }
#products.recommend .recommend-detail .products-player .text p.catch { font-size:128.5714286%; font-weight:bold; }
#products.recommend .recommend-detail .products-player .text div.comment { margin:20px 0 30px 0; }
#products.recommend .recommend-detail .products-player .text div.frame ul li { margin:6px 0 0 0; }
#products.recommend .recommend-detail .products-player .text div.frame ul li.first-child { margin:0; }
#products.recommend .recommend-detail .products-player .text .section { margin:20px 0 0 0; }
#products.recommend .recommend-detail .products-player .text .section h2 { margin:0 0 8px 0; }
#products.recommend .recommend-detail .products-player .text .section .frame { margin:25px 0 0 0; }
#products.recommend .recommend-detail .products-player .image { width:290px; }

#products.recommend .recommend-detail .products-player .display-control { position:relative; width:290px; height:386px; background:url(/cmn/img/bg_dot_01.gif) repeat top left scroll transparent; }
#products.recommend .recommend-detail .products-player .display-control .display { position:absolute; top:10px; left:10px; margin:0; padding;0; width:270px; height:270px; background-color:#ffffff; }
#products.recommend .recommend-detail .products-player .display-control .display .pic1 { position:absolute; top:0px; left:0px; z-index:2; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .display .pic2 { position:absolute; top:0px; left:0px; z-index:1; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .display .pic3 { position:absolute; top:0px; left:0px; z-index:1; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .control { position:absolute; top:290px; left:0px; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .control .pic1 { position:absolute; top:0px; left:10px;  z-index:1; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .control .pic2 { position:absolute; top:0px; left:102px; z-index:1; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .control .pic3 { position:absolute; top:0px; left:194px; z-index:1; margin:0; padding;0; }
#products.recommend .recommend-detail .products-player .display-control .target-frame { position:absolute; top:281px; left:10px; z-index:100; width:86px; height:95px; background:url(/products/recommend/img/img_targetframe.gif) no-repeat top left scroll transparent; }

#products.recommend .recommend-detail .content-index-group .content-index-body .content-index div { float:left; margin:0 0 0 16px; }
#products.recommend .recommend-detail .content-index-group .content-index-body .content-index div.first-child { margin-left:0; }

#products.recommend .recommend-detail .section .frame ul li { margin:6px 0 0 0; }
#products.recommend .recommend-detail .section .frame ul li.first-child { margin:0; }

/* index */
#products.recommend .index {}
#products.recommend .index .osusume .unity-body ul li { float:left; width:200px; margin:0 0 0 15px; }
#products.recommend .index .osusume .unity-body ul li.first-child { margin:0; }
#products.recommend .index .osusume .unity-body ul li a { display:block; margin-bottom:8px; width:200px; height:172px; text-indent:-9999px; overflow:hidden; }
#products.recommend .index .osusume .unity-body ul li a.products1 { background:url(/products/img/idx_btn_products1.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .osusume .unity-body ul li a.products2 { background:url(/products/img/idx_btn_products2.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .osusume .unity-body ul li a.products3 { background:url(/products/img/idx_btn_products3.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .osusume .unity-body ul li a:hover { background-position:left bottom; }

#products.recommend .index .sheet { padding:22px; }
#products.recommend .index .sheet .title { margin:0 0 15px 0; font-size:100%; }
#products.recommend .index .sheet .sheet-body { font-size:100%; }
#products.recommend .index .sheet .sheet-body table.backnumber { margin:0 0 10px 0; }
#products.recommend .index .sheet .sheet-body table.backnumber.last-child { margin:0; }
#products.recommend .index .sheet .sheet-body table.backnumber tr { background-color:#ffffff; }
#products.recommend .index .sheet .sheet-body table.backnumber ,
#products.recommend .index .sheet .sheet-body table.backnumber tr th ,
#products.recommend .index .sheet .sheet-body table.backnumber tr td { border:none; padding:10px 0; }
#products.recommend .index .sheet .sheet-body table.backnumber tr th { width:120px; padding:0 0 0 0; background-color:#ffffff; font-weight:normal; text-align:center; }
#products.recommend .index .sheet .sheet-body table.backnumber tr td { padding-right:20px; padding-left:0; }
#products.recommend .index .sheet .sheet-body table.backnumber tr td a { position:relative; display:block; width:110px; padding-left:45px; font-size:100%; height: 40px; }
#products.recommend .index .sheet .sheet-body table.backnumber tr td a img { position:absolute; top:0; left:0; }


/* p20111201 */
#products.recommend .recommend-detail .p20111201_1 ,
#products.recommend .recommend-detail .p20111201_2 ,
#products.recommend .recommend-detail .p20111201_3 {}



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

                #products.story 
				
---------------------------------------------------*/

#products.story .index .main_menu{
	background:url(/products/story/img/main_menu_bg.gif) repeat 0 0;
	padding: 10px 0 10px 10px;
}
#products.story .index .main_menu .group{
	background:url(/products/story/img/main_menu_bg_line.gif) repeat-y transparent 0 0;
}
#products.story .index .main_menu .group .menu{
	float: left;
	margin: 0 10px 0 0;
	padding: 10px;
	width: 300px;
}
#products.story .index .main_menu .group .menu .text{
	margin: 12px 0 0;
	font-size: 85.7143%;
}

#products.story .storyarticle{
	overflow:hidden;
	_zoom: 1;	
}

#products.story .storyarticle .picleft{
	float: left;
	padding: 0 20px 20px 0;
}

#products.story .storyarticle .picright{
	float: right ;
	padding: 0 0 20px 15px;
}

#products.story .storyarticle .picleft span,
#products.story .storyarticle .picright span{
	text-align: left;
	margin-top: 5px;
	display: block;
	font-size: 85.7143%;
}

#products.story .storyarticle .comment{
	padding: 0 0 15px 0;
}

#products.story .content-links a.award2012 { display:block; width:670px; height:150px; background:url(/products/story/img/idx_img_award2012.jpg) no-repeat top left scroll transparent; text-indent:-9999px; overflow:hidden; }
#products.story .content-links a.award2012:hover { background-position:0 -150px; }


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

                #products.rd stapler 
				
---------------------------------------------------*/
/* width variation */
#products.rd .w235 { width:235px !important; }
#products.rd .w405 { width:405px !important; }

/* --float-- */
#products.rd .fLeft { float:left; }
#products.rd .fRight { float:right; }

/* ----- layout option ----- */
#products.rd .special-body .group.ltri .img { float:left; width:150px;}
#products.rd .special-body .group.ltri .text { float:right; width:410px;}
#products.rd .special-body .group.ltri .img img,
#products.rd .special-body .group.ltri .text img { vertical-align:top; }
#products.rd .special-body .group.ltri .img .ico { width:21px; margin:5px auto; }




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

                #products.rd stapler 

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


/****** vtip.css  *********************************************/

#products.kodomo p#vtip { 
	display: none;
	position: absolute;
	padding: 10px;
	left:5px;
	font-size: 9pt;
	background-color: #cccccc;
	border: 1px solid #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius:
	5px; z-index: 9999
}

#products.kodomo p#vtip #vtipArrow { 
	position: absolute;
	top: -10px;
	left: 5px
}

/****** kodomo_menu.css  *********************************************/
#products.kodomo #main #kodomo_topmenu {
clear:both;
display:block;
width:720px;
padding : 0;
height : 90px;
margin: 0 auto;		/*====== 新規追加（モダンブラウザ用センタリング） =====*/
text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
}

#products.kodomo #main #kodomo_topmenu, #main #kodomo_topmenu a {
font:0px/0px sans-serif !important;
text-indent:-2000px !important;
}


#products.kodomo #main #kodomo_topmenu ul.kdtopmenu {
width:720px;
margin : 0px;
padding : 0px;
}

#products.kodomo #main #kodomo_topmenu ul.kdtopmenu li {
font:0px/0px sans-serif;
text-indent:-2000px;
text-decoration:none;
list-style-type:none;
margin : 0px;
padding : 0px;
}



/* xx */

#products.kodomo #main #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_xx {
display:block;
float : left;
margin: 0;
padding:0;
width : 1px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: 0px 0px;
}

/* 00 */

#products.kodomo #main #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_00 a {
display:block;
float : left;
margin: 0;
padding:0;
width : 268px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -1px 0px;
}

#products.kodomo #main #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_00 a:hover {
background-position: -1px -90px;
}

/* 01 */

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_01 a {
display:block;
margin-left : 0px;
float : left;
width : 114px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -269px 0px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_01 a:hover {
background-position: -269px -90px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_01s a {
display:block;
margin-left : 0px;
float : left;
width : 114px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -269px -262px;
}

/* 02 */

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_02 a {
display:block;
margin-left : 0px;
float : left;
width : 118px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -383px 0px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_02 a:hover {
background-position: -383px -90px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_02s a {
display:block;
margin-left : 0px;
float : left;
width : 118px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -383px -262px;
}

/* 03 */

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_03 a {
display:block;
margin-left : 0px;
float : left;
width : 112px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -501px 0px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_03 a:hover {
background-position: -501px -90px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_03s a {
display:block;
margin-left : 0px;
float : left;
width : 112px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -501px -262px;
}

/* 04 */

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_04 a {
display:block;
margin-left : 0px;
float : left;
width : 107px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -613px 0px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_04 a:hover {
background-position: -613px -90px;
}

#products.kodomo #kodomo_topmenu ul.kdtopmenu li.kdtopmenu_04s a {
display:block;
margin-left : 0px;
float : left;
width : 107px;
height : 90px;
background : #FFFFFF url("/kodomo/img/top_menu.png") left top no-repeat;
background-position: -613px -262px;
}


/* トップメニューここまで */








/* メニューここから */

#products.kodomo #kodomo_menu {
clear:both;
width:720px;
padding : 0;
height : 40px;
margin: 0 auto;		/*====== 新規追加（モダンブラウザ用センタリング） =====*/
text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
}

#products.kodomo #kodomo_menu,
#products.kodomo #kodomo_menu a {
font:0px/0px sans-serif !important;
text-indent:-2000px !important;
}


#products.kodomo #kodomo_menu ul.kdmmenu {
margin : 0px;
padding : 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li {
font:0px/0px sans-serif;
text-indent:-2000px;
text-decoration:none;
list-style-type:none;
margin : 0px;
padding : 0px;
}

/* xx */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_xx {
display:block;
margin-left : 0px;
float : left;
width : 1px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: 0px 0px;
}

/* 00 */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_00 a {
display:block;
margin-left : 0px;
float : left;
width : 209px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -1px 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_00 a:hover {
background-position: -1px -40px;
}

/* 01 */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_01 a {
display:block;
margin-left : 70px;
float : left;
width : 104px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -280px 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_01 a:hover {
background-position: -280px -40px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_01s {
display:block;
margin-left : 70px;
float : left;
width : 104px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -280px -80px;
}

/* 02 */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_02 a {
display:block;
margin-left : 0px;
float : left;
width : 120px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -384px 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_02 a:hover {
background-position: -384px -40px;
}

#kodomo_menu ul.kdmmenu li.kdmmenu_02s {
display:block;
margin-left : 0px;
float : left;
width : 120px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -384px -80px;
}

/* 03 */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_03 a {
display:block;
margin-left : 0px;
float : left;
width : 110px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -504px 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_03 a:hover {
background-position: -504px -40px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_03s {
display:block;
margin-left : 0px;
float : left;
width : 110px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -504px -80px;
}

/* 04 */

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_04 a {
display:block;
margin-left : 0px;
float : left;
width : 106px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -614px 0px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_04 a:hover {
background-position: -614px -40px;
}

#products.kodomo #kodomo_menu ul.kdmmenu li.kdmmenu_04s {
display:block;
margin-left : 0px;
float : left;
width : 106px;
height : 40px;
background : #FFFFFF url("/kodomo/img/menu.png") left top no-repeat;
background-position: -614px -80px;
}



/****** kodomo.css  *********************************************/

#products.kodomo #contents .wrap {
	width: 720px;
	margin: 0 auto;
	padding: 30px 0 0;
	font:13px/1.231 "ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small;
	color:#333333;
}

#products.kodomo #contents .wrap #main {
	background-color:#ffffff;
}

#products.kodomo #main img {
	border:0;
}


#products.kodomo #kodomo_cntnts {
	clear:both;
	width:720px;
	margin:0;
	padding:0;
	/* border-left:#CCC 1px solid; */
	/* border-right:#CCC 1px solid; */
}


#products.kodomo img.nomrgn {
	margin:0;
	padding:0;
}



/* タイトル */

#products.kodomo #kodomo_title {
	width:320px;
	height:60px;
	margin: 0 0 0 400px;
	padding:0;
}


#products.kodomo #kdm_main {
	margin:0;
	padding:0;
	border-top:#cccccc 1px solid;
}


/* 左 */
#products.kodomo #kodomo_cnt_l, .kdm_cnt_l {
	width:480px;
	margin:0;
	padding:0;
	float:left;
}

#products.kodomo #main h1 {
	margin:0;
	padding:0;
	float:right;
}


/* 右 */
#products.kodomo #kodomo_cnt_r, .kdm_cnt_r {
	width:240px;
	margin:0 -3px 0 0;
	float:left;
	/* border-top: #cccccc 1px solid; */
}

#products.kodomo #kodomo_cnt_r h1, .kdm_cnt_r h1 {
	margin:30px 20px 30px 20px;
	_margin:30px 10px 30px 10px;
	padding:0;
}
#products.kodomo #kodomo_cnt_r h2, .kdm_cnt_r h2 {
	margin:30px 10px 30px 10px;
	padding:0;
	/* font-size:16pt; */
}
#products.kodomo #kodomo_cnt_r h3, .kdm_cnt_r h3 {
	margin:30px 10px 20px 10px;
	padding:0;
	/* font-size:14pt; */
}

#products.kodomo #kodomo_cnt_r p, .kdm_cnt_r p {
	margin:10px;
	line-height:1.6;
}


/* リンク */
#products.kodomo .kdm_link {
	clear:both;
	text-align:right;
	margin:0 0 50px 0;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

#products.kodomo .kdm_link a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



/* ページ先頭へのリンク */
#products.kodomo .kdm_toplink {
	clear:both;
	text-align:right;
	margin:0 0 0 0;
	padding: 0;
	border-top: #cccccc 1px solid;
	/* border-bottom: #cccccc 1px solid; */
}

#products.kodomo .kdm_topnk a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/* トップのスライドショー */

#products.kodomo #slideshow {
    position:relative;
    height:480px;
}

#products.kodomo #slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#products.kodomo #slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#products.kodomo #slideshow img.last-active {
    z-index:9;
}


/* /kodomo/philosophy.html */
/* 理念の事例 */
#products.kodomo .philosophy .kdm_phil {
	clear:both;
	border-top:#cccccc 1px solid;
}

#products.kodomo .philosophy #kodomo_cnt_r, .kdm_cnt_r {
	float:left;
	width:240;
	margin:0 -3px 0 0;
	border-top: #ffffff 1px solid;
}

#products.kodomo .philosophy h3.phil_title {
	float:left;
	margin:0;
	padding:0;
}


/* /kodomo/products_service.html */

/* メニューここから */

#products.kodomo .products_service #prod_menu {
	clear:both;
	width:720px;
	padding : 0;
	height : 31px;
	margin: 0 auto;		/*====== 新規追加（モダンブラウザ用センタリング） =====*/
	text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
	border-top: #cccccc 1px solid;
	background: #999;
}

#products.kodomo .products_service #prod_menu, #prod_menu a {
	font:0px/0px sans-serif !important;
	text-indent:-2000px !important;
}


#products.kodomo .products_service #prod_menu ul.pdmenu {
	margin : 0px;
	padding : 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li {
	font:0px/0px sans-serif;
	text-indent:-2000px;
	text-decoration:none;
	list-style-type:none;
	margin : 0px;
	padding : 0px;
}


/* 00 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_00 {
	display:block;
	margin-left : 0;
	float : left;
	width : 240px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: 0px 0px;
}


/* 10 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_10 a {
	display:block;
	margin-left : 0;
	float : left;
	width : 88px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: -240px 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_10 a:hover {
	background-position: -240px -31px;
}

/* 20 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_20 a {
	display:block;
	margin-left : 0;
	float : left;
	width : 90px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: -328px 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_20 a:hover {
	background-position: -328px -31px;
}

/* 21 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_21 a {
	display:block;
	margin-left : 0;
	float : left;
	width : 62px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: -418px 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_21 a:hover {
	background-position: -418px -31px;
}

/* 22 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_22 a {
	display:block;
	margin-left : 0;
	float : left;
	width : 105px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: -480px 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_22 a:hover {
	background-position: -480px -31px;
}

/* 23 */

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_23 a {
	display:block;
	margin-left : 0;
	float : left;
	width : 135px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/prod_menu.png") left top no-repeat;
	background-position: -585px 0px;
}

#products.kodomo .products_service #prod_menu ul.pdmenu li.pdmenu_23 a:hover {
	background-position: -585px -31px;
}

/* メニューここまで */


/* 園環境の事例 */


#products.kodomo .products_service .kdm_prod {
	clear:both;
	border-top:#cccccc 1px solid;
}

#products.kodomo .products_service #kodomo_cnt_r h3.prod_title ,
#products.kodomo .products_service .kdm_cnt_r h3.prod_title {
	margin:0;
	padding:0;
	border-bottom:#cccccc 1px solid;
}


/* リンク */
#products.kodomo .products_service .kdm_link_prod {
	clear:both;
	text-align:right;
	margin:0 0 0 0;
	border-top: #cccccc 1px solid;
	/* border-bottom: #cccccc 1px solid; */
}

#products.kodomo .products_service .kdm_link_prod a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#products.kodomo .products_service a:hover img.linkimg{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/****** kodomo_proj.css  *********************************************/
/* /kodomo/products_service.html */



/* メニューここから */

#products.kodomo .projects #proj_menu {
	clear:both;
	width:720px;
	padding : 0;
	height : 31px;
	margin: 0 auto;		/*====== 新規追加（モダンブラウザ用センタリング） =====*/
	text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
	border-top: #cccccc 1px solid;
	background: #eeeeee;
}

#products.kodomo .projects #proj_menu, #proj_menu a {
	font:0px/0px sans-serif !important;
	text-indent:-2000px !important;
}


#products.kodomo .projects #proj_menu ul.pjmmenu {
	margin : 0px;
	padding : 0px;
}

#products.kodomo .projects #proj_menu ul.pjmmenu li {
	font:0px/0px sans-serif;
	text-indent:-2000px;
	text-decoration:none;
	list-style-type:none;
	margin : 0px;
	padding : 0px;
}


/* 00 */

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_00 {
	display:block;
	margin-left : 0;
	float : left;
	width : 261px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/proj_menu.png") left top no-repeat;
	background-position: 0px 0px;
}


/* 01 */

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_01 a {
	display:inline-block;
	margin-left : 261px;
	float : left;
	width : 153px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/proj_menu.png") left top no-repeat;
	background-position: -261px 0px;
}

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_01 a:hover {
	background-position: -261px -31px;
}

/* 02 */

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_02 a {
	display:inline-block;
	margin-left : 0px;
	float : left;
	width : 153px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/proj_menu.png") left top no-repeat;
	background-position: -414px 0px;
}

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_02 a:hover {
	background-position: -414px -31px;
}

/* 03 */

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_03 a {
	display:inline-block;
	margin-left : 00px;
	float : left;
	width : 153px;
	height : 31px;
	background : #FFFFFF url("/kodomo/img/proj_menu.png") left top no-repeat;
	background-position: -567px 0px;
}

#products.kodomo .projects #proj_menu ul.pjmmenu li.pjmmenu_03 a:hover {
	background-position: -567px -31px;
}


/* メニューここまで */


/* 園環境の事例 */


#products.kodomo .projects .kdm_proj {
	clear:both;
	border-top:#cccccc 1px solid;
}


#products.kodomo .projects #kodomo_cnt_r h3.proj_title, .kdm_cnt_r h3.proj_title {
	margin:0;
	padding:0;
	border-bottom:#cccccc 1px solid;
}


#products.kodomo .projects .proj_sub {
	display:block;
	width:720px;
	margin:0;
	padding:0;
}

#products.kodomo .projects .proj_subphoto {
	display:block;
	float:left;
	width:240px;
	margin: 0;
	padding:0;
}

#products.kodomo .projects .proj_subphoto p {
	margin:2px 5px;
	line-height:1.6;
}


#products.kodomo .projects a.zoom:hover img.nomrgn {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}



#products.kodomo .projects .kdm_credit {
	display:block;
	width:720px;
	float:left;
	border-top:#cccccc 1px solid;
	font-size:9px;
	margin:0 -3px 0 0;
	padding:5px;
}








/****** jquery.fancybox-1.3.4.css  *********************************************/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#products.kodomo #fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#products.kodomo #fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/kodomo/img/fancybox/fancybox.png');
}

#products.kodomo #fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#products.kodomo #fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#products.kodomo #fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#products.kodomo #fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#products.kodomo #fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#products.kodomo #fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#products.kodomo #fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/kodomo/img/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#products.kodomo #fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#products.kodomo #fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#products.kodomo #fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#products.kodomo #fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/kodomo/img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#products.kodomo #fancybox-left {
	left: 0px;
}

#products.kodomo #fancybox-right {
	right: 0px;
}

#products.kodomo #fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#products.kodomo #fancybox-left-ico {
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#products.kodomo #fancybox-right-ico {
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#products.kodomo #fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#products.kodomo #fancybox-left:hover span {
	left: 20px;
}

#products.kodomo #fancybox-right:hover span {
	left: auto;
	right: 20px;
}

#products.kodomo .fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#products.kodomo #fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/kodomo/img/fancybox/fancybox-x.png');
}

#products.kodomo #fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#products.kodomo #fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/kodomo/img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#products.kodomo #fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#products.kodomo #fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/kodomo/img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#products.kodomo #fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#products.kodomo #fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/kodomo/img/fancybox/fancybox-y.png');
}

#products.kodomo #fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/kodomo/img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#products.kodomo #fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

#products.kodomo .fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

#products.kodomo .fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

#products.kodomo .fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#products.kodomo #fancybox-title-over {
	padding: 10px;
	background-image: url('/kodomo/img/fancybox/fancy_title_over.png');
	display: block;
}

#products.kodomo .fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#products.kodomo #fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#products.kodomo #fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#products.kodomo #fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/kodomo/img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#products.kodomo #fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/kodomo/img/fancybox/fancybox-x.png') 0px -40px;
}

#products.kodomo #fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/kodomo/img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

#products.kodomo .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_close.png', sizingMethod='scale'); }

#products.kodomo .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

#products.kodomo .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
#products.kodomo .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_title_right.png', sizingMethod='scale'); }

#products.kodomo .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#products.kodomo #fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#products.kodomo #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

#products.kodomo .fancybox-ie .fancybox-bg { background: transparent !important; }

#products.kodomo .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
#products.kodomo .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kodomo/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.bn_txt { font-size: 12px; font-style: normal; font-weight: normal; line-height: 14px; }

#popup-background{
    position:fixed;     /* 位置の固定 */
    top: 0;             /* 表示位置 */
    left: 0;            /* 表示位置 */
    height: 100%;       /* 画面全体に表示 */
    width: 100%;        /* 画面全体に表示 */
    background:#000;    /* 背景色 */
    opacity: 0.60;      /* 透明度 */
    margin: 0;          /* 余白の削除 */
    padding: 0;         /* 余白の削除 */
    z-index:1000;       /* 要素のz座標 */
}
#popup-item{
    position:fixed;     /* 位置の固定 */
    top: 50%;           /* 表示位置(真ん中に表示) */
    left: 50%;          /* 表示位置(真ん中に表示) */
    margin: 0;          /* 余白の削除 */
    padding: 0;         /* 余白の削除 */
    z-index:1001;       /* 要素のz座標 */
}


/* 201710 製品・サービス その他事業バナー */

#products.products-index .index .article .etc-group { margin:29px 0 0 0;}
#products.products-index .index .article .etc-group .unity-body div { float:left; width:629px; height:132px; margin:0 0 0 16px; }
#products.products-index .index .article .etc-group .unity-body div.first-child { margin:0; }



#products.recommend .index {}
#products.recommend .index .etc .unity-body ul li { float:left; width:200px; margin:0 0 0 0px; }
#products.recommend .index .etc .unity-body ul li.first-child { margin:0; }
#products.recommend .index .etc .unity-body ul li a { display:block; margin-bottom:8px; width:200px; height:172px; text-indent:-9999px; overflow:hidden; }
#products.recommend .index .etc .unity-body ul li a.products_etc_sonaeru { background:url(/products/img/idx_btn_products_etc_sonaeru.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_eho { background:url(/products/img/idx_btn_products_etc_eho.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_kaunet { background:url(/products/img/idx_btn_products_etc_kaunet.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_actus { background:url(/products/img/idx_btn_products_etc_actus.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_tot { background:url(/products/img/idx_btn_products_etc_tot.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_mov { background:url(/products/img/idx_btn_products_etc_mov.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_postacollect { background:url(/products/img/idx_btn_products_etc_postacollect.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a.products_etc_bpo { background:url(/products/img/idx_btn_products_etc_bpo.jpg) no-repeat 0 0 transparent;}
#products.recommend .index .etc .unity-body ul li a:hover { background-position:left bottom; }

#products.products-index .index .article .etc .content-wrap ul { margin:16px 0 0 0; }
#products.products-index .index .article .etc .content-wrap ul li { float:left; width:200px; height:172px; margin:0 0 0 15px; }
#products.products-index .index .article .etc .content-wrap ul li.first-child { margin:0; }
#products.products-index .index .article .etc .content-wrap ul li a { display:block; width:200px; height:172px; text-indent:-9999px; overflow:hidden; }
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_sonaeru { background:url(/products/img/idx_btn_products_etc_sonaeru.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_eho { background:url(/products/img/idx_btn_products_etc_eho.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_kaunet { background:url(/products/img/idx_btn_products_etc_kaunet.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_actus { background:url(/products/img/idx_btn_products_etc_actus.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_tot { background:url(/products/img/idx_btn_products_etc_tot.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_mov { background:url(/products/img/idx_btn_products_etc_mov.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_postacollect { background:url(/products/img/idx_btn_products_etc_postacollect.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a.products_etc_bpo { background:url(/products/img/idx_btn_products_etc_bpo.jpg) no-repeat 0 0 transparent;}
#products.products-index .index .article .etc .content-wrap ul li a:hover { background-position:left bottom; }










/*EOF*/
@media print, screen and (min-width: 768px) {
  /* ----- home-index ----- */
  .home-index{
    display: flex;
    justify-content: center;
  }
  .home-index .index_item{
    margin-left: 1px;
  }
  .home-index .index_item > a{
    color: #222;
    display: block;
    position: relative;
    background-color: #f1f1f1;
  }
  .home-index .index_item > a::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 30px solid #fff;
    content: "";
    opacity: 0;
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .home-index .index_item > a:hover::before{
    opacity: 1;
  }
  .home-index .index_title{
    padding: 40px 44px 54px;
  }
  .home-index .index_title > .title_label_v1{
    font-size: 1.875rem;
    font-weight: 700;
  }
  .home-index .index_title > .title_label_v2{
    margin-left: 20px;
    font-size: 1.25rem;
    color: #545454;
  }
  .home-index .index_image > img{
    max-width: 100%;
  }
  /* ----- product-media ----- */
  .product-media {
    margin: 60px 0;
  }

  .product-media_title {
    margin-bottom: 30px;
  }

  .product-media_lead {
    margin-bottom: 15px;
  }

  .product-media_list ul {
    display: flex;
    flex-wrap: wrap;
  }

  .product-media_list ul li ul {
    display: block;
  }

  .product-media_list li {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 32%;
  }

  .product-media_list ul li ul li {
    margin: 10px 0 0;
    width: 100%;
  }

  .product-media_list li:nth-child(3n) {
    margin-right: 0;
  }

  .product-media_list img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  /* ----- home-index ----- */
  .home-index .index_item{
    margin-bottom: 1px;
  }
  .home-index .index_item > a{
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #f1f1f1;
  }
  .home-index .index_title{
    width: 41.7%;
    padding-left: 15px;
  }
  .home-index .index_title > span{
    display: block;
  }
  .home-index .title_label_v1{
    margin-bottom: 0.15rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
  }
  .home-index .title_label_v2{
    font-size: 0.75rem;
  }
  .home-index .index_image{
    width: 58.3%
  }
  .home-index .index_image > img{
    max-width: 100%;;
  }
  /* ----- product-media ----- */
  .product-media {
    margin: 60px 0;
  }

  .product-media_lead {
    margin-bottom: 15px;
  }

  .product-media_title {
    margin-bottom: 30px;
  }

  .product-media_title h2 {
    font-size: 1.6rem;
  }

  .product-media_list ul {
    display: block;
  }

  .product-media_list li {
    margin-bottom: 2%;
    margin-right: 0;
    width: 100%;
  }

  .product-media_list li h3 {
    font-size: 1.3rem;
  }

  .product-media_list img {
    width: 100%;
  }
}