@charset "shift_jis";


/* ############################################################

	Basic Styles

	[Base]
		01. Default Style Reset
		02. Base Style

	[Layout]
		01. Structure
		02. Common Element

	[Common Modules]
		01. Headings
		02. Paragraph
		03. Ordered List
		04. Unordered List
		05. Definition List
		06. Link List
		07. Index List
		08. Page Navigation
		09. Notice
		10. Tables
		11. Layout Images
		12. Layout Column
		13. Box
		14. Image
		15. Utility

	[Unique Modules]
		01. Home Modules
	
	[Self Clearing]
	
	-----------------------------------------------------------
	
	[Font Size]
		10px 84%　 |　11px 92%　 |　12px 100%　|　13px 109%
		14px 117%　|　15px 125%　|　16px 134%　|　17px 142%
		18px 150%　|　19px 159%　|　20px 167%　|　21px 175%
		22px 184%　|　23px 192%　|　24px 200%　|　25px 209%
		
	[Margin Size] *for web fonts
		10px 0.84em　|　11px 0.92em　|　12px 1em　　 |　13px 1.09em
		14px 1.17em　|　15px 1.25em　|　16px 1.34em　|　17px 1.42em
		18px 1.5em　 |　19px 1.59em　|　20px 1.67em　|　21px 1.75em
		22px 1.84em　|　23px 1.92em　|　24px 2em　   |　25px 2.09em

############################################################ */


/* ============================================================

	[Base]

============================================================ */

/* ------------------------------------------------------------
	01. Default Style Reset
------------------------------------------------------------ */
body,
div,span,
h1,h2,h3,h4,h5,
p,
ul,ol,li,
dl,dt,dd,
img,em,strong,
table,caption,thead,tbody,tr,th,td,
form,input,textarea,label{
margin:0;
padding:0;
}

h1,h2,h3,h4,h5{
font-size:100%;
font-weight:bold;
}

img{
border:none;
vertical-align:bottom;
}

em,
strong{
font-style:normal;
font-weight:normal;
text-align:left;
}

table{
border:none;
border-spacing:0;
font-size:100%;
}

th,
td{
border:none;
border-spacing:0;
vertical-align:top;
}

caption,
th{
font-weight:normal;
text-align:left;
}

ul,
ol,
dl{
list-style:none;
}

input,
select,
textarea{
vertical-align:middle;
}

hr{
display:none;
}

/* -----------------------------------------------------------
	02. Base Style
----------------------------------------------------------- */
html{
font-size:100.01%;
overflow-y:scroll;
}

body{
color:#555;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,verdana,arial,sans-serif;
font-size:75%;
}

a:link,
a:visited{
color:#06c;
text-decoration:none;
}

a:hover,
a:active,
a:focus{
color:#06c;
text-decoration:underline;
}

p, ul li, ol li, dl dt, dl dd,
caption, th, td{
line-height:1.5;
}

p, ul, ol, dl, table{
margin-bottom:1.25em;
}

li p,
li ul,
li ol{
margin-bottom:0;
}

strong{
font-weight:bold;
}

em{
color:#c32f2f;
}

small{
font-size:84%;
}


/* ===========================================================

   [Layout] 

=========================================================== */

/* -----------------------------------------------------------
	01. Structure
----------------------------------------------------------- */
body{
position:relative;
background:url(/common/images/bg_body.png) repeat-x 0 0;
}

body.hedder-none{
padding-top:50px;
position:relative;
background:none;
}

#container{
width:100%;
}

#header{
width:900px;
height:72px;
position:relative;
margin:0 auto 25px;
}

#contents{
width:900px;
margin:0 auto 20px;
min-height:400px;
height:auto !important;
height:400px;
}

#footer{
padding:0.83em 0 2em;
background-color:#f0f0f0;
zoom:1;
}

body.layoutCol1 #primary{
width:900px;
float:none;
}

body.layoutCol2 #primary{
width:680px;
float:left;
}

body.layoutCol2 #secondary{
width:200px;
float:right;
}

/* -----------------------------------------------------------
	02. Common Element
----------------------------------------------------------- */

/*	Header
----------------------------------------------------------- */
#header a{
color:#fff;
}

#logo-company,
#nav-global,
#nav-utility,
#cse-search-box{
position:absolute;
}

#logo-company{
top:10px;
left:0;
}

#nav-global{
bottom:0;
left:170px;
background:url(/common/images/bg_nav_global.png) no-repeat -472px 100%;
padding-left:5px;
margin-bottom:0;
height:33px;
width:498px;
}

#nav-global li{
background:url(/common/images/bg_nav_global.png) no-repeat -312px -33px;
padding-right:5px;
margin-right:5px;
float:left;
}

#nav-global li a{
position:relative;
display:block;
height:33px;
width:156px;
}

#nav-global li span{
background:url(/common/images/bg_nav_global.png) no-repeat 0 0;
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:100%;
height:100%;
}

#nav-global li.product span{
background-position:0 0;
}

#nav-global li.support span{
background-position:-156px 0;
}

#nav-global li.company span{
background-position:-312px 0;
}

#nav-global li.product a:hover span,
#nav-global li.product a.active span{
background-position:0 -33px;
}

#nav-global li.support a:hover span,
#nav-global li.support a.active span{
background-position:-156px -33px;
}

#nav-global li.company a:hover span,
#nav-global li.company a.active span{
background-position:-312px -33px;
}

#cse-search-box{
top:15px;
right:0;
}

#cse-search-box input.text{
width:121px;
height:15px;
margin-right:5px;
}

#cse-search-box input.btn{
width:48px;
height:23px;
}

#nav-utility{
top:47px;
right:0;
margin-bottom:0;
}

#nav-utility li{
float:left;
background:url(/common/images/bullet_arrow_02.png) no-repeat 0 0.4em;
padding-left:11px;
margin-left:10px;
}


/*	Breadcrumbs
----------------------------------------------------------- */
#breadcrumbs{
width:900px;
margin:0 auto 2.09em;
}

#breadcrumbs dl{
margin-bottom:0;
}

#breadcrumbs dl dt{
position:absolute;
left:-9999px;
top:-9999px;
height:0;
}

#breadcrumbs dl dd strong{
font-weight:normal;
}


/*	Local Navigation
----------------------------------------------------------- */
body.layoutCol2 #nav-local{
margin-top:-1px;
padding-bottom:4px;
}

body.layoutCol2 #nav-local ul.close{
display:none;
}

body.layoutCol2 #nav-local.company{
background:url(/common/images/bg_nav_local_company.png) no-repeat 0 100%;
}

body.layoutCol2 #nav-local.support{
background:url(/common/images/bg_nav_local_support.png) no-repeat 0 100%;
}

body.layoutCol2 #nav-local li{
background-color:#fff;
padding-top:1px;
}

body.layoutCol2 #nav-local a{
position:relative;
display:block;
height:40px;
width:200px;
}

body.layoutCol2 #nav-local a.large{
height:50px;
}

body.layoutCol2 #nav-local li span{
background:url(/common/images/bg_nav_local_company.png) no-repeat 0 0;
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:100%;
height:100%;
}

body.layoutCol2 #nav-local li span.no-link{
background:none;
position:relative;
cursor:default;
top:inherit;
left:inherit;
width:200px;
height:40px;
}

body.layoutCol2 #nav-local li span.no-link span{
cursor:default;
}

body.layoutCol2 #nav-local.company li span{
background:url(/common/images/bg_nav_local_company.png) no-repeat 0 0;
}

body.layoutCol2 #nav-local.support li span{
background:url(/common/images/bg_nav_local_support.png) no-repeat 0 0;
}

body.layoutCol2 #nav-local li.company span{
background-position:0 0;
}

body.layoutCol2 #nav-local li.press_release span{
background-position:0 -40px;
}

body.layoutCol2 #nav-local li.recruit span{
background-position:0 -80px;
}

body.layoutCol2 #nav-local li.company_en span{
background-position:0 -120px;
}

body.layoutCol2 #nav-local li.company a:hover span,
body.layoutCol2 #nav-local li.company a.active span{
background-position:-200px 0;
}

body.layoutCol2 #nav-local li.press_release a:hover span,
body.layoutCol2 #nav-local li.press_release a.active span{
background-position:-200px -40px;
}

body.layoutCol2 #nav-local li.recruit a:hover span,
body.layoutCol2 #nav-local li.recruit a.active span{
background-position:-200px -80px;
}

body.layoutCol2 #nav-local li.support span{
background-position:0 0;
}

body.layoutCol2 #nav-local li.faq span{
background-position:0 -40px;
}

body.layoutCol2 #nav-local li.torisetsu span{
background-position:0 -80px;
}

body.layoutCol2 #nav-local li.inquiry span{
background-position:0 -130px;
}

body.layoutCol2 #nav-local li.repair span{
background-position:0 -170px;
}

body.layoutCol2 #nav-local li.support a:hover span,
body.layoutCol2 #nav-local li.support a.active span{
background-position:-200px 0;
}

body.layoutCol2 #nav-local li.faq a:hover span,
body.layoutCol2 #nav-local li.faq a.active span{
background-position:-200px -40px;
}


body.layoutCol2 #nav-local li.torisetsu a:hover span,
body.layoutCol2 #nav-local li.torisetsu a.active span{
background-position:-200px -80px;
}

body.layoutCol2 #nav-local li.inquiry a:hover span,
body.layoutCol2 #nav-local li.inquiry a.active span{
background-position:-200px -130px;
}

body.layoutCol2 #nav-local li.repair a:hover span,
body.layoutCol2 #nav-local li.repair a.active span{
background-position:-200px -170px;
}

body.layoutCol2 #nav-local li ul{
/* display:none; */
border-right:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
}
body.layoutCol2 #nav-local li ul.active{
display:block;
}

body.layoutCol2 #nav-local li ul li{
border-top:1px dashed #cccccc;
margin-bottom:0;
padding:0 9px 0 22px;
line-height:1.3;
zoom:1;
}

body.layoutCol2 #nav-local li ul li.first-child{
border-top:none;
}

body.layoutCol2 #nav-local li ul li a{
background:url(/common/images/bullet_arrow_01.png) no-repeat 9px 50%;
display:block;
height:auto;
width:167px;
margin:0 -9px 0 -22px;
padding:9px 9px 9px 22px;
}
body.layoutCol2 #nav-local li ul li a:hover,
body.layoutCol2 #nav-local li ul li a.active{
background:#ffefb9 url(/common/images/bullet_arrow_04.png) no-repeat 9px 50%;
color:#005894;
text-decoration:none;
}

body.layoutCol2 #nav-local li ul li span{
display:block;
height:auto;
width:167px;
margin:0 -9px 0 -22px;
padding:9px 9px 9px 22px;
position:static;
cursor:inherit;
background:none!important;
}

body.layoutCol2 #nav-local li ul ul{
border-width:0;
margin:0 -9px 0 -22px;
}

body.layoutCol2 #nav-local li ul ul li{
padding-left:44px;
}

body.layoutCol2 #nav-local li ul ul li a{
background-position:31px 50%;
width:145px;
margin-left:-44px;
padding-left:44px;
}

body.layoutCol2 #nav-local li ul ul li a:hover,
body.layoutCol2 #nav-local li ul ul li a.active{
background-position:31px 50%;
}



/*	Page Top Navigation
----------------------------------------------------------- */

/*	Footer
----------------------------------------------------------- */
#footer ul{
margin:0 auto;
width:900px;
}

#footer ul li{
float:left;
background:url(/common/images/bg_nav_footer.png) no-repeat 0 50%;
padding-left:15px;
margin-right:13px;
}

#copyright{
margin:-1.36em auto 0;
width:900px;
text-align:right;
}

body#en #copyright{
margin:0 auto;
}

#footer a:link,
#footer a:visited{
color:#333399;
text-decoration:none;
}

#footer a:hover,a:active{
text-decoration:underline;
}



/* ===========================================================

	[Common Modules] 

=========================================================== */

.section{
margin-bottom:40px;
}

.section .section{
margin-left:10px;
}

/* -----------------------------------------------------------
	01. Headings
----------------------------------------------------------- */

/*	Level 01 - 01
----------------------------------------------------------- */
.hdg-l1-01{
border-bottom:#ff7e00 solid 2px;
padding-bottom:7px;
margin-bottom:25px;
}

/*	Level 02 - 01
----------------------------------------------------------- */
.hdg-l2-01{
position:relative;
background:url(/common/images/bg_hdg-l2-01_01.png) no-repeat 0 0;
color:#fff;
font-size:134%;
font-weight:bold;
min-height:18px;
height:auto !important;
height:18px;
padding:6px 12px;
margin-bottom:12px;
}

.hdg-l2-01 span{
background:url(/common/images/bg_hdg-l2-01_02.png) no-repeat 0 50%;
padding-left:18px;
}

.hdg-l2-01 a{
position:absolute;
top:3px;
right:10px;
}

.layoutCol1 .hdg-l2-01{
background:url(/common/images/bg_hdg-l2-01_03.png) no-repeat 0 0;
padding:6px 12px;
margin-bottom:12px;
}




/*	Level 03 - 01
----------------------------------------------------------- */
.hdg-l3-01{
font-size:108%;
font-weight:bold;
border-bottom:1px solid #e4e4e4;
min-height:11px;
height:auto !important;
height:11px;
padding-bottom:2px;
margin:0 0 12px 0;
}

.hdg-l3-01 span{
background:url(/common/images/bg_hdg-l3-01.png) no-repeat 11px 50%;
border-bottom:1px solid #ff9c38;
padding:5px 11px 4px 35px;
display:block;
/*width:624px;*/
}

.section .section .hdg-l3-01{
margin:0 0 12px -10px;
}


/*	Level 04 - 01
----------------------------------------------------------- */
.hdg-l4-01{
background:url(/common/images/bg_hdg-l4-01_03.png) no-repeat 0 100%;
font-size:108%;
font-weight:bold;
min-height:27px;
height:auto !important;
height:27px;
padding-bottom:2px;
margin-bottom:10px;
margin:0 0 10px 0;
}

.hdg-l4-01 span{
background:url(/common/images/bg_hdg-l4-01_04.png) no-repeat 0 0;
padding:6px 10px 6px 22px;
display:block;
/*width:648px;*/
}

.section .section .section .hdg-l4-01{
background:url(/common/images/bg_hdg-l4-01_01.png) no-repeat 0 100%;
margin-left:-10px;
}

.section .section .section .hdg-l4-01 span{
background:url(/common/images/bg_hdg-l4-01_02.png) no-repeat 0 0;
padding:6px 10px 6px 22px;
display:block;
/*width:648px;*/
}

.hdg-l4-02{
border-bottom:1px dashed #c5c5c5;
font-size:108%;
font-weight:bold;
color:#0b53cc;
margin:28px 0 12px;
padding-bottom:4px;
}


/*	Level XX - Question
----------------------------------------------------------- */
.hdg-q{
border-bottom:1px dashed #c5c5c5;
font-size:108%;
font-weight:bold;
color:#0b53cc;
margin:28px 0 12px;
padding-bottom:4px;
line-height:1.5;
}

.hdg-q span{
background-color:#0b53cc;
color:#fff;
padding:2px 5px;
}

/* -----------------------------------------------------------
	02. Paragraph
----------------------------------------------------------- */
p.link-list-02{
padding:0 20px;
margin-bottom:10px;
font-size:109%;
font-weight:bold;
}

/* -----------------------------------------------------------
	03. Ordered List
----------------------------------------------------------- */
ol.list-ordered-01{
margin-left:25px;
list-style:decimal;
}

ol.list-ordered-01 li{
margin:0 0 2px;
}

ol.list-ordered-02{
margin-left:1em;
text-indent:-1em;
}


/* -----------------------------------------------------------
	04. Unordered List
----------------------------------------------------------- */
ul.list-01{
}

ul.list-01 li{
background: url(/common/images/bullet_square_01.png) no-repeat 1px 0.4em;
margin-bottom:9px;
padding-left:15px;
}


/* -----------------------------------------------------------
	05. Definition List
----------------------------------------------------------- */
dl.list-normal-01 dt{
margin-bottom:10px;
font-size:117%;
font-weight:bold;
}

/* -----------------------------------------------------------
	06. Link List
----------------------------------------------------------- */
ul.list-link-01 li{
margin:0 0 5px;
padding-left:12px;
background: url(/common/images/bullet_arrow_01.png) no-repeat 0 0.4em;
}

ul.list-link-01.col2 li{
float:left;
width:48%;
}

ul.list-link-01.flat li{
margin-right:20px;
float:left;
}

ul.list-link-01.align-R li,
ul.list-link-01.align-C li{
background:none;
padding-left:0;
}

ul.list-link-01.align-R li a,
ul.list-link-01.align-C li a{
background: url(/common/images/bullet_arrow_01.png) no-repeat 0 0.2em;
padding-left:12px;
}


.column-02{
padding:0 20px;
width:660px;
}

.column-02 ul.list-link-left{
float:left;
width:225px;
}

.column-02 ul.list-link-left li{
margin-bottom:10px;
font-size:109%;
font-weight:bold;
}
.column-02 ul.list-link-right{
float:right;
widows:435px;
}

.column-02 ul.list-link-right li{
margin-bottom:10px;
font-size:109%;
font-weight:bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.column-02 ul.list-link-left,
.column-02 ul.list-link-right li{
font-size:11px;
}
}


/* -----------------------------------------------------------
	07. Index List
----------------------------------------------------------- */

/* -----------------------------------------------------------
	08. Page Navigation
----------------------------------------------------------- */
ul.nav-contents-01{
margin:20px 0;
}

ul.nav-contents-01 li.top{
text-align:right;
}

ul.nav-contents-01 li.top a{
background: url(/common/images/bullet_arrow_05.png) no-repeat 0 0.2em;
padding-left:12px;
}

ul.nav-page-01 li{
background: url(/common/images/bullet_arrow_06.png) no-repeat 0 0.4em;
margin:0 0 5px;
padding-left:12px;
}


/* -----------------------------------------------------------
	09. Notice
----------------------------------------------------------- */
ul.notice-01 li{
padding-left:1.0em;
position: relative;
top:0;
zoom:1;
}

ul.notice-01 li span.bullet{
position:absolute;
left:0;
}

ul.notice-01.align-R{
text-align:left!important;
}

ul.notice-01.align-R li{
float:right;
clear:right;
}


/* -----------------------------------------------------------
	10. Tables
----------------------------------------------------------- */

/*	Type - 01
----------------------------------------------------------- */
table.tbl-01{
border-top:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
width:100%;
}

table.tbl-01 th,
table.tbl-01 td{
border-bottom:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
padding:8px 10px;
}

table.tbl-01 th{
background-color:#fff7dd;
font-weight:bold;
}

/*	Type - Schedule
----------------------------------------------------------- */
table.tbl-schedule{
border-top:3px solid #fff;
border-left:3px solid #fff;
width:100%;
}

table.tbl-schedule th{
background-color:#f2f2f2;
border-bottom:3px solid #fff;
font-weight:bold;
padding:2px 7px;
}

table.tbl-schedule td{
padding:2px 12px;
}


/* -----------------------------------------------------------
	11. Layout Images
----------------------------------------------------------- */
.lyt-image .image{
float:left;
}

.lyt-image.w-122 .text{padding-left:137px;}
.lyt-image.w-247 .text{padding-left:262px;}


/* -----------------------------------------------------------
	12. Layout Column
----------------------------------------------------------- */
.lyt-col2 .column{
float:left;
width:50%;
}

.lyt-col3 .column{
float:left;
width:33%;
}

/* -----------------------------------------------------------
	13. Box
----------------------------------------------------------- */
.box-plugin-01{
padding-top:8px;
background:url(/common/images/bg_box_plugin_01.png) no-repeat 0 0;
}

.box-plugin-01-inner{
padding:0 13px 8px;
background:url(/common/images/bg_box_plugin_01.png) no-repeat 0 100%;
zoom:1;
}

.box-plugin-01 p.banner{
margin-bottom:0;
float:left;
}

.box-plugin-01 p.text{
margin-bottom:0;
padding:12px 0 0 170px;
}

.box-01{
padding:10px 10px 5px;
background-color:#F0F0F0;
}
.box-01 h4{
margin-bottom:5px;
}

/* -----------------------------------------------------------
	14. Image
----------------------------------------------------------- */
.blank{
margin:-1px 0 0 5px;
position:relative;
vertical-align:middle;
}


/* -----------------------------------------------------------
	15. Utility
----------------------------------------------------------- */
.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb50{margin-bottom:50px!important;}

.align-L{text-align:left!important;}
.align-C{text-align:center!important;}
.align-R{text-align:right!important;}


/* ===========================================================

   [Unique Modules] 

=========================================================== */

/*	01. Home Modules
------------------------------------------------------------ */
#home{
position:relative;
background:url(/images/home/bg_body.png) repeat-x 0 0;
}

#home #header{
margin:0 auto 7px;
}

#home #container{
width:100%;
}

#home #unit-main-banner{
background:url(/images/home/bg_main_banner02.png) no-repeat 50% 0;
width:100%;
height:415px;
margin-bottom:14px;
position:relative;
}

#home #unit-main-banner .inner{
margin:0 auto;
width:900px;
position:relative;
}

#home #unit-main-banner .inner #main-banner-navArea{
position:absolute;
height:316px;
overflow:hidden;
top:50px;
left:680px;
width:215px;
}

#home #main-banner,
#home #main-banner-nav{
position:absolute;
}

#home #main-banner{
/*
上下マージン無し時
top:23px
;*/
top:22px;
left:7px;
}

#home #main-banner li{
position:absolute;
}

#home #main-banner-nav li{
width:215px;
display:inline;
}

#home #main-banner-nav li a{
background:url(/images/home/bg_main_bnr_nav.png) no-repeat 100% 0;
display:block;
width:205px;
text-align:center;
padding:5px 0 6px 10px;
}

#home #main-banner-nav li a.active{
background-position:100% -63px;
}

#home div#prevBtn{
position:absolute;
top:17px;
left:687px;
}

#home div#nextBtn{
position:absolute;
top:365px;
left:687px;
}

#home #unit-sub-banner{
width:908px;
position:relative;
margin:0 auto 40px;
}

#home #unit-sub-banner .tabContainer{
padding:0 4px;
height:185px;
background:url(/images/home/bg_tab_container.png) no-repeat 0 35px;
}

#home #unit-sub-banner .tabContainer .tabPanel{
display:none;
}

#home #unit-sub-banner .tabContainer .tabPanel.active{
display:block;
}

#home #unit-sub-banner .tabContainer .tabPanel .tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

#home #unit-sub-banner .tabContainer .static .tabPanel{
display:block;
}

#home #unit-sub-banner .tabContainer .static .tabPanel .tabTitle{
position:static;
top:auto;
left:auto;
}

#home #unit-sub-banner .tabContainer ul{
margin-bottom:0;
}

#home #unit-sub-banner .tabList li{
float:left;
width:155px;
margin-right:-6px;
position:relative;
}

#home #unit-sub-banner .tabList a{
background:url(/images/home/bg_tab_list.png) no-repeat 0 0;
display:block;
width:155px;
height:38px;
text-indent:-9999px;
font-size:0;
}

#home #unit-sub-banner .tabList #new{z-index:5;}
#home #unit-sub-banner .tabList #boy{z-index:4;}
#home #unit-sub-banner .tabList #girl{z-index:3;}
#home #unit-sub-banner .tabList #preschool{z-index:2;}
#home #unit-sub-banner .tabList #family{z-index:1;}
#home #unit-sub-banner .tabList #new.active{z-index:10;}
#home #unit-sub-banner .tabList #boy.active{z-index:10;}
#home #unit-sub-banner .tabList #girl.active{z-index:10;}
#home #unit-sub-banner .tabList #preschool.active{z-index:10;}
#home #unit-sub-banner .tabList #family.active{z-index:10;}

#home #unit-sub-banner .tabList #new a{background-position:0 0;}
#home #unit-sub-banner .tabList #boy a{background-position:-157px 0;}
#home #unit-sub-banner .tabList #girl a{background-position:-313px 0;}
#home #unit-sub-banner .tabList #preschool a{background-position:-469px 0;}
#home #unit-sub-banner .tabList #family a{background-position:-625px 0;}

*+html #home #unit-sub-banner .tabList #new a:hover{background-position:0 -38px;}
*+html #home #unit-sub-banner .tabList #boy a:hover{background-position:-157px -38px;}
*+html #home #unit-sub-banner .tabList #girl a:hover{background-position:-313px -38px;}
*+html #home #unit-sub-banner .tabList #preschool a:hover{background-position:-469px -38px;}
*+html #home #unit-sub-banner .tabList #family a:hover{background-position:-625px -38px;}

:root #home #unit-sub-banner .tabList #new a:hover{background-position:0 -38px;}
:root #home #unit-sub-banner .tabList #boy a:hover{background-position:-157px -38px;}
:root #home #unit-sub-banner .tabList #girl a:hover{background-position:-313px -38px;}
:root #home #unit-sub-banner .tabList #preschool a:hover{background-position:-469px -38px;}
:root #home #unit-sub-banner .tabList #family a:hover{background-position:-625px -38px;}

#home #unit-sub-banner .tabList #new.active a{background-position:0 -77px;}
#home #unit-sub-banner .tabList #boy.active a{background-position:-157px -77px;}
#home #unit-sub-banner .tabList #girl.active a{background-position:-313px -77px;}
#home #unit-sub-banner .tabList #preschool.active a{background-position:-469px -77px;}
#home #unit-sub-banner .tabList #family.active a{background-position:-625px -77px;}

*+html #home #unit-sub-banner .tabList #new.active a{background-position:0 -76px;}
*+html #home #unit-sub-banner .tabList #boy.active a{background-position:-157px -76px;}
*+html #home #unit-sub-banner .tabList #girl.active a{background-position:-313px -76px;}
*+html #home #unit-sub-banner .tabList #preschool.active a{background-position:-469px -76px;}
*+html #home #unit-sub-banner .tabList #family.active a{background-position:-625px -76px;}

:root #home #unit-sub-banner .tabList #new.active a{background-position:0 -76px;}
:root #home #unit-sub-banner .tabList #boy.active a{background-position:-157px -76px;}
:root #home #unit-sub-banner .tabList #girl.active a{background-position:-313px -76px;}
:root #home #unit-sub-banner .tabList #preschool.active a{background-position:-469px -76px;}
:root #home #unit-sub-banner .tabList #family.active a{background-position:-625px -76px;}

#home #unit-sub-banner .tabs{
position:absolute;
top:49px;
left:46px;
height:108px;
width:816px;
overflow:hidden;
}

#home #unit-sub-banner .tabs .sub-banner{
width:825px;
float:left;
display:inline;
}

#home #unit-sub-banner .tabs .sub-banner li{
float:left;
display:inline;
margin:0 9px 8px 0;
}

#home #unit-sub-banner #sub-banner-nav{
position:absolute;
top:38px;
left:4px;
}

#home #unit-sub-banner #sub-banner-nav .btn-back,
#home #unit-sub-banner #sub-banner-nav .btn-next{
text-indent:-9999px;
font-size:0;
position:absolute;
}

#home #unit-sub-banner #sub-banner-nav .btn-back{
top:11px;
left:7px;
}

#home #unit-sub-banner #sub-banner-nav .btn-next{
top:11px;
left:866px;
}

#home #unit-sub-banner #sub-banner-nav .btn-back a span,
#home #unit-sub-banner #sub-banner-nav .btn-next a span{
position:absolute;
display:block;
cursor:pointer;
width:27px;
height:109px;
top:0;
left:0;
}

#home #unit-sub-banner #sub-banner-nav a span{
background:url(/images/home/bg_nav_btn.png) no-repeat 0 0;
}

#home #unit-sub-banner #sub-banner-nav .btn-back a span{background-position:0 -109px;}
#home #unit-sub-banner #sub-banner-nav .btn-next a span{background-position:-27px -109px;}
*+html #home #unit-sub-banner #sub-banner-nav .btn-back a:hover span{background-position:0 -218px;}
*+html #home #unit-sub-banner #sub-banner-nav .btn-next a:hover span{background-position:-27px -218px;}
:root #home #unit-sub-banner #sub-banner-nav .btn-back a:hover span{background-position:0 -218px;}
:root #home #unit-sub-banner #sub-banner-nav .btn-next a:hover span{background-position:-27px -218px;}
#home #unit-sub-banner #sub-banner-nav .btn-back a.off span{background-position:0 0;}
#home #unit-sub-banner #sub-banner-nav .btn-next a.off span{background-position:-27px 0;}
*+html #home #unit-sub-banner #sub-banner-nav .btn-back a.off span{background-position:0 0;}
*+html #home #unit-sub-banner #sub-banner-nav .btn-next a.off span{background-position:-27px 0;}
:root #home #unit-sub-banner #sub-banner-nav .btn-back a.off span{background-position:0 0;}
:root #home #unit-sub-banner #sub-banner-nav .btn-next a.off span{background-position:-27px 0;}

#home #unit-sub-banner #sub-banner-nav a.off span,
#home #unit-sub-banner #sub-banner-nav a.off{
cursor:default;
zoom:1;
}

#home #unit-sub-banner #tab-current{
text-align:center;
position:absolute;
top:169px;
left:0;
width:100%;
font-size:0;
}

#home #unit-sub-banner #tab-current img{
margin:0 4px;
}

#home #unit-sub-banner #btn-product{
position:absolute;
top:3px;
right:10px;
}

#home #primary{
width:630px;
float:left;
}

#home #primary h2{
margin-bottom:18px;
position:relative;
}

#home #primary h2 a{
position:absolute;
left:117px;
top:0;
}

#home #primary .list-event{
padding-left:145px;
position:relative;
min-height:85px;
height:auto !important;
height:85px;
}

#home #primary .list-event dt{
font-weight:bold;
margin-bottom:7px;
}

#home #primary .list-event .img{
position:absolute;
top:0;
left:0;
}

#home #primary #list-news{
margin-bottom:3em;
padding-right:10px;
position:relative;
height:20em;
overflow:scroll;
}

#home #primary #list-news li{
padding-right:45px;
border-bottom:#ccc dashed 1px;
margin-bottom:7px;
padding-bottom:5px;
position:relative;
zoom:1;
}

#home #primary #list-news li .date{
color:#666;
display:block;
float:left;
}

#home #primary #list-news li .title{
background:url(/common/images/bullet_arrow_01.png) no-repeat 0 0.42em;
display:block;
margin-left:8em;
padding-left:12px;
}

#home #primary #list-news li .icon-twitter,
#home #primary #list-news li .icon-mixi{
position:absolute;
}

#home #primary #list-news li .icon-twitter{top:0.1em; right:20px;}
#home #primary #list-news li .icon-mixi{top:0.1em; right:0;}

#home #secondary{
width:250px;
float:right;
}

#home #secondary .banner{
margin-bottom:15px;
text-align:center;
}

#home #secondary #nav-local{
background:url(/images/home/bg_nav_local.png) no-repeat 0 0;
height:141px;
margin-bottom:15px;
padding:12px 8px;
}

#home #secondary #nav-local li{
margin-bottom:10px;
}

/*	02. Message Modules（/message/）
------------------------------------------------------------ */
.unit-message{
width:555px;
margin:50px auto;
}

.unit-message p{
margin-bottom:30px;
}

/*	03. CM Modules（/cm/）
------------------------------------------------------------ */
.unit-cm-01,
.unit-youtube-01{
margin-right:-24px;
*margin-bottom:20px;
}

.unit-cm-01 dl{
position:relative;
float:left;
display:inline;
width:177px;
background:#f0f0f0 url(/cm/images/bg_unit_cm_01.png) no-repeat 100% 100%;
margin:0 24px 25px 0;
padding:0 15px 155px;
}

.unit-youtube-01 dl{
position:relative;
width:900px;
background:url(/cm/images/bg_unit_youtube_01.png) no-repeat 100% 100%;
margin:0 0 25px 0;
padding:15px 0;
}

.unit-youtube-01 dt{
float:left;
padding:10px 20px 0 70px;
}

.unit-cm-01 dl dt,
.unit-cm-01 dl dd{
width:177px;
position:relative;
top:155px;
margin-bottom:1.67em;
}

.unit-cm-01 dl dt{
font-weight:bold;
}

.unit-cm-01 dd.image{
width:207px;
padding-top:10px;
text-align:center;
background:#f0f0f0 url(/cm/images/bg_unit_cm_01.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
}

.unit-cm-01 ul.list-link-01 li{
background:url(/common/images/bullet_arrow_03.png) no-repeat 0 0.4em;
zoom:1;
}

.unit-cm-01 dt img{
position:relative;
top:-1px;
vertical-align:middle;
margin-right:5px;
}

#cm-title{
font-size:14px;
margin:5px 0 5px;
font-weight:bold;
color:#555;
text-align:center;
}

#cm-close{
font-size:12px;
text-align:right;
text-align:center;
}

/*	04. Company Modules（/company/）
------------------------------------------------------------ */
.nav-dir{
padding:17px 40px 7px;
background:url(/company/images/bg_nav_dir.png) no-repeat 0 0;
}

.nav-dir li{
margin:0 15px;
padding-bottom:10px;
display:inline;
float:left;
}

.list-press{
padding-right:10px;
position:relative;
}

.list-press li{
border-bottom:#ccc dashed 1px;
margin-bottom:7px;
padding-bottom:5px;
position:relative;
zoom:1;
}

.list-press li .date{
color:#666;
display:block;
float:left;
}

.list-press li .title{
background:url(/common/images/bullet_arrow_01.png) no-repeat 0 0.42em;
display:block;
margin-left:8em;
padding-left:12px;
}

.list-press li .pdf{
display:block;
text-align:right;
}

.list-press li .pdf img{
margin-right:5px;
position:relative;
top:-1px;
vertical-align:middle;
}

.list-legal{
padding-right:10px;
position:relative;
}

.list-legal li{
border-bottom:#ccc dashed 1px;
margin-bottom:7px;
padding-bottom:5px;
position:relative;
zoom:1;
}

.list-legal li .date{
color:#666;
display:block;
float:left;
}

.list-legal li .title{
background:url(/common/images/bullet_arrow_01.png) no-repeat 0 0.42em;
display:block;
margin:0 12em 0 8em;
padding-left:12px;
}

.list-legal li .pdf{
position:absolute;
top:0;
right:0;
display:block;
text-align:right;
}

.list-legal li .pdf img{
margin-right:5px;
position:relative;
top:-1px;
vertical-align:middle;
}


/*	05. Recruit Modules（/recruit/）
------------------------------------------------------------ */
.unit-recruit-01{
margin-right:-16px;
}

.hdg-container-01{
margin-right:17px;
float:left;
width:215px;
}

.hdg-container-01-inner{
border:1px solid #ffcf6b;
padding:0 15px 10px;
}

.hdg-container-01 .hdg-l2-02{
margin:0 -15px 15px;
padding:10px;
background:#fff2bc;
}

.hdg-container-01 .list-link-01,
.hdg-container-01 .list-link-01 li{
margin-bottom:0;
}

.unit-people-01{
margin-right:-4px;
}

.unit-people-01 .unit-01{
margin-right:6px;
float:left;
width:165px;
}

.unit-people-01 .unit-01-inner{
border:1px solid #ffcf6b;
padding:10px;
}

.unit-people-01 .unit-01 p{
margin-bottom:5px;
}

.unit-people-01 .unit-01 .list-link-01,
.unit-people-01 .unit-01 .list-link-01 li{
margin-bottom:0;
}

.box-people{
margin:0 auto 30px;
width:380px;
background:#fff4d0;
}

.box-people .image{
margin-bottom:0;
padding:15px;
float:left;
}

.box-people .text{
margin-bottom:0;
float:left;
}


/*	06. Products Modules（/products/）
------------------------------------------------------------ */
.unit-products-01{
margin-right:-10px;
*margin-bottom:10px;
}

.unit-products-01 dl{
position:relative;
float:left;
display:inline;
width:191px;
background:url(/products/images/bg_unit_products_01.png) no-repeat 100% 100%;
margin:0 10px 20px 0;
padding:0 13px 211px;
}

.unit-products-01 dl dt,
.unit-products-01 dl dd{
width:190px;
position:relative;
top:215px;
margin-bottom:5px;
}

.unit-products-01 dl dt{
color:#ff7f00;
font-size:117%;
font-weight:bold;
}

.unit-products-01 dd p{
margin-bottom:10px;
}

.unit-products-01 dd.image{
width:217px;
padding-top:10px;
text-align:center;
background:url(/products/images/bg_unit_products_01.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
}

.unit-products-01 ul.list-link-01 li{
zoom:1;
}

.unit-products-01 dt img{
position:relative;
top:-1px;
vertical-align:middle;
margin-right:5px;
}

.nav-products{
margin-bottom:30px;
}

.nav-products li{
margin-right:13px;
float:left;
}


/*	07. Campaign & Event Modules（/event/）
------------------------------------------------------------ */
.unit-events-01{
margin-right:-10px;
*margin-bottom:10px;
}

.unit-events-01 dl{
position:relative;
float:left;
display:inline;
width:445px;
background:url(/event/images/bg_unit_events_01.png) no-repeat 100% 100%;
margin:0 10px 20px 0;
padding:15px 0 5px;
}

.unit-events-01.type-full dl{
position:relative;
float:left;
display:inline;
width:900px;
background:url(/event/images/bg_unit_events_02.png) no-repeat 100% 100%;
margin:0 10px 20px 0;
padding:15px 0 5px;
}

.unit-events-01 dl dt,
.unit-events-01 dl dd.text{
width:277px;
position:relative;
left:158px;
z-index:1;
}

.unit-events-01.type-full dl dt,
.unit-events-01.type-full dl dd.text{
width:732px;
position:relative;
left:158px;
z-index:1;
}

.unit-events-01.type-full dl dt{
margin-bottom:5px;
padding-left:86px;
width:645px;
font-size:117%;
font-weight:bold;
}

.unit-events-01 dl dt{
margin-bottom:5px;
padding-left:86px;
width:191px;
font-size:117%;
font-weight:bold;
}

.unit-events-01 dl dd.text{
width:277px;
}

.unit-events-01 dl.campaign dt{
background:url(/event/images/icon_campaign.png) no-repeat 0 0;
color:#ff7f00;
}

.unit-events-01 dl.campaign dt a{
color:#ff7f00;
}

.unit-events-01 dl.event dt{
background:url(/event/images/icon_event.png) no-repeat 0 0;
color:#72cd49;
}

.unit-events-01 dl.event dt a{
color:#72cd49;
}

.unit-events-01 dd p{
margin-bottom:10px;
}

.unit-events-01 dd .pgh-term{
font-weight:bold;
}

.unit-events-01 dd.image{
width:430px;
padding:15px 0 0 15px;
background:url(/event/images/bg_unit_events_01.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
z-index:0;
}

.unit-events-01.type-full dd.image{
width:885px;
padding:15px 0 0 15px;
background:url(/event/images/bg_unit_events_02.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
z-index:0;
}

.unit-events-01 ul.list-link-01{
margin-bottom:0;
}

.unit-events-01 ul.list-link-01 li{
zoom:1;
}

.unit-events-01 ul.notice-01 li{
zoom:1;
}

.unit-events-01 ul.notice-01 li span.bullet{
top:0;
}

.unit-events-01 dt img{
position:relative;
top:-1px;
vertical-align:middle;
margin-right:5px;
}


/*	08. Sitemap Modules（/sitemap/）
------------------------------------------------------------ */
.unit-sitemap-01{
margin-right:-30px;
}

.unit-sitemap-01 .unit-01{
margin-right:30px;
float:left;
width:435px;
}

.unit-sitemap-01 dl{
border:1px solid #ffcf6b;
}

.unit-sitemap-01 dl dt{
padding:12px;
background:#fff2bc;
font-size:117%;
font-weight:bold;
}

.unit-sitemap-01 dl dd{
padding:20px 20px 0;
}

.unit-sitemap-01 dl dd ul li{
margin-bottom:15px;
}

.unit-sitemap-01 dl dd ul li span{
font-size:117%;
}

.unit-sitemap-01 dl dd ul li ul.list-link-01{
margin:5px 0 0 15px;
}

.unit-sitemap-01 dl dd ul li ul.list-link-01 li{
margin-bottom:5px;
}





/* ===========================================================

   [Self Clearing] 

=========================================================== */
#contents:after,
#nav-global:after,
#footer ul:after,
.box-plugin-01-inner:after,
ul.list-link-01.col2:after,
ul.list-link-01.flat:after,
.column-02:after,
ul.notice-01.align-R:after,
.lyt-col2:after,
.lyt-col3:after,
.lyt-image:after,
#home #main-banner #main-banner-nav li:after,
#home #unit-sub-banner .tabList:after,
#home #unit-sub-banner .tabs .banner:after,
#home #primary .list-news li:after,
.unit-cm-01:after,
.nav-dir:after,
.unit-recruit-01:after,
.unit-people-01:after,
.box-people:after,
.unit-products-01:after,
.nav-products:after,
.unit-events-01:after,
.unit-sitemap-01:after
{
content:"";
display:block;
clear:both;
}

#contents,
#nav-global,
#footer ul,
ul.list_note li,
.box-plugin-01-inner:after,
ul.list-link-01.col2,
ul.list-link-01.flat,
.column-02,
ul.notice-01.align-R,
.lyt-col2,
.lyt-col3,
.lyt-image,
#home #main-banner #main-banner-nav li,
#home #unit-sub-banner .tabList,
#home #unit-sub-banner .tabs .banner,
#home #primary .list-news li,
.unit-cm-01,
.nav-dir,
.unit-recruit-01,
.unit-people-01,
.box-people,
.unit-products-01,
.nav-products,
.unit-events-01,
.unit-sitemap-01{
zoom:1;
}