@charset "utf-8";



/* [common] ------------------------------------------------*/

.article a:link {
	color: #007ae1;
}
.article a:visited {
	color: #7fbcf0;
}
.article a:active {
	color: #007ae1;
}
.article a:hover {
	color: #ff5f96;
}



/* [#header] ---------------------------------------------*/

/* .nav.utility .global */
/* #stationery #header .nav.global li.stationery a { background-position:-150px 0; }/



/* [#contents-header] ---------------------------------------------*/

/* topicpath */
#contents-header .topicpath { float:left; width:700px; }
#contents-header .topicpath ul { margin:0; padding:0; }
#contents-header .topicpath ul li { display:inline; margin:0 4px 0 0; padding:0 16px 0 0; font-size:80%; list-style:none; background:url(/cmn/img/sep_topicpath.png) no-repeat center right; line-height: 1.2; }
*+html #contents-header .topicpath ul li { padding:0 10px 0 0; }
#contents-header .topicpath ul li.last-child { margin:0; padding:0; background-image:none; }

/* .social-buttons */
.social-buttons { position:absolute; top:0; right:0; text-align:right; }
.addthis_default_style.social-buttons a { padding:0; margin-left:6px!important; }
.addthis_default_style.social-buttons a.addthis_button_facebook_like { width:130px; overflow:hidden; }
.addthis_default_style.social-buttons a.addthis_button_facebook_like span { width:130px !important; overflow:hidden !important; }
* html .addthis_default_style.social-buttons a.addthis_button_facebook_like { width:76px; } /* ie6 */
* html .addthis_default_style.social-buttons a.addthis_button_facebook_like span { width:76px !important; } /* ie6 */
*+html .addthis_default_style.social-buttons a.addthis_button_facebook_like { width:76px; } /* ie7 */
*+html .addthis_default_style.social-buttons a.addthis_button_facebook_like span { width:76px !important; } /* ie7 */
/*.addthis_default_style.social-buttons a a { float:none; margin:0; padding:0; }*/
.addthis_default_style.social-buttons a.addthis_button_tweet { margin:0; margin-right: 6px!important; }

_::-webkit-full-page-media, _:future, :root .addthis_default_style.social-buttons a.addthis_counter { display:block !important; }


.tweet_iframe_widget { width: auto !important; }

/* #contents-header */
#contents-header-banner img { display:block; }


/* [#aside] ---------------------------------------------*/

/* --- .nav .local --- */

#aside ul { margin:0; padding:0; list-style:none; }

/* lv-1 */
#aside .nav ul.local { border-width:1px 1px 0 1px; border-style:solid; border-color:#d6d6d6; font-size:85.71428571%; width:230px;}
#aside .nav ul.local li { padding:0 0 1px; background:url(/cmn/img/line_dot_01.png) no-repeat left bottom #ffffff; }
#aside .nav ul.local li a { display:block; width:194px; padding:12px 3px 11px 31px; background:url(/cmn/img/arrow_02.png) no-repeat 17px 16px #ffffff; line-height:1.21em; }
#aside .nav ul.local li.last-child { padding:0; background-image:none; border-bottom:1px solid #d6d6d6; }
#aside .nav ul.local li.last-child a { padding:12px 3px 12px 31px; }

/* lv-2 */
#aside .nav ul.local li ul { padding:0; margin:0; }
#aside .nav ul.local li li { padding:1px 0 0 0; margin:0; background:url(/cmn/img/line_dot_01_2.png) no-repeat left top #f4f4f4; }
#aside .nav ul.local li.last-child li a,
#aside .nav ul.local li li a { display:block; width:181px; margin:0; padding:8px 3px 6px 44px; background:url(/cmn/img/square_03.png) no-repeat 34px 15px #ffffff; line-height:1.3em; }

#aside .nav .local a:link,
#aside .nav .local a:active,
#aside .nav .local a:visited {
	transition         : background-color 0.2s ease-in-out;
}
#aside .nav .local a:hover {
	transition         : background-color 0s linear;
}

#aside .nav .local a:link,
#aside .nav .local a:visited { text-decoration:none; color:#333333; background-color:transparent; }
#aside .nav .local a:hover { background-color:#fff9f4; color:#e95800; }

#aside .nav ul.local li li a:hover { background-color:#f9f9f9; color:#e95800; }


/* current set */
#aside .nav .local li ul { display:none; }

#aside .nav .local li.current ul,
#aside .nav .local li.open ul { display:block; }
#aside .nav .local li.current a:link,
#aside .nav .local li.current a:visited { background-color:#fff9f4; color:#e95800; }
#aside .nav .local li.current a:hover { background-color:#fff9f4; color:#e95800; }
#aside .nav .local li.current ul li a:link,
#aside .nav .local li.current ul li a:visited { background-color:transparent; color:#333333; }
#aside .nav .local li.current ul li a:hover { background-color:#f9f9f9; color:#e95800; }

/* ----- #aside .extra ----- */

#aside .extra.first-child .banners { margin:0 0 0 0 !important; }

/* banners */
#aside .extra .banners { margin:20px 0 0 0; }
#aside .extra .banners li { margin:10px 0 0 0; display:inline-block; vertical-align:bottom; }
#aside .extra .banners li.first-child { margin:0; }
#aside .extra .banners li.bnr_l { margin:30px 0 0 0; }
#aside .extra .banners a { display:block; text-align:left; }

/* related */
#aside .related h2 { margin:30px 0 0 0; }
#aside .related .banners { margin:13px 0 0 0; }



/* [#main] ---------------------------------------------*/

/* --- Section --- */

#main .section { margin: 50px 0 0; padding:0 10px; }
#main .section .section { margin: 30px 0 0 0; padding:0; }
#main .section .section .section { margin: 30px 0 0 0; }

#main .section.first-child { margin: 0; }
#main .section .section.first-child { margin: 0; }
#main .section .section .section.first-child { margin: 0; }
#main .section .section .section .section.first-child { margin: 0; }
#main .section .section .section .section .section.first-child { margin: 0; }

/* --- Title Type --- */

#main .title-lv1 { margin:0 0 29px 0; padding:5px 5px 2px 42px; min-height:29px; border:1px solid #d6d6d6; font-weight:bold; font-size:114.2857143%; background:url(/cmn/img/bg_title_lv2_2.png) no-repeat 7px 7px scroll #ffffff; line-height:1.85em; }
* html #main .title-lv1 { padding:5px 5px 0 41px; height:31px; line-height:1.8em; }
*+html #main .title-lv1 { padding:5px 5px 2px 41px; line-height:1.8em; }
#main .title-lv1 sub { vertical-align: -3px; line-height: 1em; font-size:72%; }
#main .title-lv3 { margin:0 0 30px 0; padding:0 5px 0 24px; min-height:24px; border-bottom:2px solid #d6d6d6; font-weight:bold; font-size:114.2857143%; background:url(/cmn/img/bg_title_lv3_2.png) no-repeat 1px 2px scroll #ffffff; line-height:1.3; }
#main .title-lv4 { margin:0 0 15px 0; font-weight:bold; font-size:100%; line-height:1.4; }

#main h1 img, #main h2 img, #main h3 img, #main h4 img, #main h5 img, #main h6 img { display: block; }

#main .section .title-lv1 { width:621px; margin-left:-10px; margin-right:-10px; }
#main .product-name { margin:0 0 43px 0; }
#main .catch { margin:0 0 25px 0; }

/* --- Components --- */

/* link */
#main .arrow1 { display:inline-block; padding:0 0 0 10px; background:url(/cmn/img/arrow_02.png) no-repeat 0 7px transparent; }
#main .pdf { position: absolute; display:inline-block; margin:3px 0 0 4px; }
* html #main .pdf { margin:0 0 0 4px; }
*+html #main .pdf { margin:0 0 0 4px; }

/* movie */
#main .movie-area { width:650px; height:400px; margin: 30px 0 50px 0; background:url(/cmn/img/sample/movie.png) no-repeat 0 0 transparent; }

/* group */
#main .group ul { margin:0; padding:0; list-style:none; }
#main .group ul li { float:left; text-align:left; }
#main .group ul li.first-child { margin:0 !important; }

/* (caption col1) */
#main div.caption { display:inline-table; }
#main div.caption img { display:table-cell; vertical-align:middle; }
#main div.caption p { display:table-cell; padding:0 0 0 30px; vertical-align:middle; }
#main div.caption.img-l p { padding:0 0 0 30px; }
#main div.caption.img-r p { padding:0 30px 0 0; }

/* (caption col2,3) */
#main .group ul.caption img { display:block; }
#main .group ul.caption p { margin:10px 0 0 0; }
#main .group ul.col2 li { width:312px; margin:0 0 0 26px; }
#main .group ul.col3 li { width:200px; margin:0 0 0 25px; }

/* image+text */
#main div.flow-text img { float:left; display:block; margin:0 30px 10px 0; }

#main .group.ltri .text { float:left; width:420px; }
#main .group.ltri .image { float:right; width:200px; }
#main .group.lirt .text { float:right; width:420px; }
#main .group.lirt .image { float:left; width:200px; }

/* notes */
#main .notes { margin:20px 5px 0 5px; }
#main .notes li { padding:0 0 0 12px; background:url(/cmn/img/square_01.png) no-repeat 0 8px transparent; }

/* column */
#main .column { margin:0; padding:20px; background:#e5e5e5; }
#main .column .title-lv4 { margin:0 0 0 0; }
#main .column p { margin:5px 0 5px 0; }

/* banner-l */
#main .banner-l { margin:50px 0 0 0; text-align:center; }

/* --- Margin --- */

#main .mt0 { margin-top:0px !important; }
#main .mt10 { margin-top:10px !important; }
#main .mt20 { margin-top:20px !important; }
#main .mt30 { margin-top:30px !important; }
#main .mt40 { margin-top:40px !important; }
#main .mt50 { margin-top:50px !important; }

/* --- Table Type --- */

/* default */
#main table.default { width:100%; border-collapse:collapse; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; }
#main table.default th { padding:10px 14px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:left; background-color:#f7f7f7; font-weight:normal; }
#main table.default td { padding:10px 14px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background-color:#ffffff; }

/* option */
#main table.default th.ta-l,
#main table.default td.ta-l,
#main table.default tr.ta-l th,
#main table.default tr.ta-l td { text-align:left; }
#main table.default th.ta-c,
#main table.default td.ta-c,
#main table.default tr.ta-c th,
#main table.default tr.ta-c td { text-align:center; }
#main table.default th.ta-r,
#main table.default td.ta-r,
#main table.default tr.ta-r th,
#main table.default tr.ta-r td { text-align:right; }
#main table.default th.nowrap,
#main table.default td.nowrap { white-space:nowrap; }

/* caption */
#main table.default caption { margin:0 0 15px 0; font-weight:bold; font-size:100%; line-height:1.2; }

/* lineup-navi */
#main .lineup-navi { margin:30px 0 0 0; }
#main .lineup-navi .group.first-child { margin:0; }
#main .lineup-navi .group { margin:30px 0 0 0; }

/* Extension */
#main .adobereader { margin:30px 0 0 0; }
#main .adobereader .image { float:left; width:158px; }
#main .adobereader .image img { padding:3px 0 0 0; }
#main .adobereader .text { float:right; width:473px; }
#main .adobereader .text p { letter-spacing:0.1em; }

/* [#footer] ---------------------------------------------*/
.kokuyo-st-container .pagetop { margin-top:69px; }


/*EOF*/